Merge pull request #738 from templaza/v3

v3.1.2

README.md

@@ -32,6 +32,7 @@
 * Refactored Codebase
 * RTL Support
 * Light & Dark Color Mode
+* Transform Color Mode (Light to Dark or Dark to Light)
 * SVG Logo Support
 * Customize Breakpoint
 * Many widgets integrated
@@ -51,10 +52,30 @@
 * Text Widget
 * Video Button Widget
 * Video Widget
-* FormBuilder Wiget
+* FormBuilder Widget
 * List Widget
 * Testimonials Widget
 * Map Widget
+* Accordion Widget
+
+## Article Widgets
+* Author Info
+* Comments
+* Content
+* Events
+* Full Image
+* Full Text
+* Infoblock
+* Intro Text
+* Links
+* Page Heading
+* Pagination
+* Related Posts
+* Social Share
+* Tags
+* Text
+* Title
+* Toc
 
 ## Requirements
 * Joomla: 4.x, 5.x

assets/json/templates.json

@@ -0,0 +1,25 @@
+{
+  "templates": [
+    {
+      "name": "Two",
+      "description": "The Two is a stylish and easy-to-use Joomla Template best suited for a contemporary web design studio and creative agency, web designer's portfolio, graphic design, website building.",
+      "thumbnail": "../media/astroid/assets/images/two_thumbnail.jpg",
+      "preview": "https://demo.astroidframe.work/",
+      "download": "https://github.com/templaza/astroid-framework/archive/refs/heads/two-template.zip"
+    },
+    {
+      "name": "One",
+      "description": "A simple and beautiful template that can suit your many purposes. Available in a variety of colors such as Orange, Purple, Green and Yellow.",
+      "thumbnail": "../media/astroid/assets/images/one_thumbnail.jpg",
+      "preview": "",
+      "download": "https://github.com/templaza/astroid-framework/archive/refs/heads/one-template.zip"
+    },
+    {
+      "name": "Zero",
+      "description": "The first template of Astroid. Very beautiful and simple to suit your many business purposes. The template has built-in colors such as Red, Purple, Yellow and Pink.",
+      "thumbnail": "../media/astroid/assets/images/zero_thumbnail.jpg",
+      "preview": "",
+      "download": "https://github.com/templaza/astroid-framework/archive/refs/heads/zero-template.zip"
+    }
+  ]
+}

assets/vendor/astroid/scss/_header.scss

@@ -272,16 +272,11 @@ header .logo-wrapper {
 
       .astroid-logo {
          margin: 0 auto !important;
-         justify-content: center;
       }
 
       .astroid-sidebar-mobile-menu {
          display: none;
       }
-
-      .astroid-sidebar-block {
-         padding: 10px 15px;
-      }
    }
 
    @media (min-width: 1200px) {
@@ -327,6 +322,13 @@ header .logo-wrapper {
 
    .astroid-sidebar-content {
       overflow-y: auto;
+      @media(min-width: 1200px) {
+         padding: 15px 25px 20px;
+      }
+
+      @media(min-width: 1400px) {
+         padding: 15px 35px 30px;
+      }
    }
 
    .astroid-sidebar-collapsable {

assets/vendor/astroid/scss/_menu.scss

@@ -254,7 +254,7 @@ ul {
 			height: 0;
 			border-left: 8px solid transparent;
 			border-right: 8px solid transparent;
-			border-bottom: 8px solid #eee;
+			border-bottom: 8px solid var(--bs-border-color);
 			z-index: 0;
 			left: 50%;
 			margin-left: -8px;
@@ -268,29 +268,40 @@ ul {
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
-
+	.nav-title {
+		display: block;
+	}
 	li {
-		width: 100%;
 		display: block;
-		border-bottom: 1px solid $border-color;
+		width: 100%;
+		margin: 5px 0;
+		.nav-item-inner {
+			border-radius: var(--bs-border-radius);
+		}
 
 		.as-menu-item {
-			padding: 10px;
-			width: calc(100% - 50px);
-			display: inline-block;
+			display: block;
+			padding: $sidebar-menu-item-padding;
+			flex: auto;
 		}
 
-		>ul {
-			list-style-type: none;
-			margin: 0;
-			padding: 0;
-			padding-left: 20px;
+		ul.nav-child {
 			display: none;
-			border-top: 1px solid #eee;
-
-			li {
-				&:last-child {
-					border-bottom: 0;
+			list-style: none;
+			border-left: 1px dashed var(--bs-border-color);
+			margin-left: 20px;
+			padding-left: 15px;
+			> li > div.nav-item-inner > a {
+				position: relative;
+				&:before {
+					content: "";
+					margin-right: 10px;
+					border-top: 1px dashed var(--bs-border-color);
+					width: 7px;
+					height: 1px;
+					position: absolute;
+					top: 50%;
+					left: -13px;
 				}
 			}
 		}
@@ -301,14 +312,10 @@ ul {
 			}
 		}
 
-		>.nav-item-caret {
-			width: 50px;
-			display: inline-block;
+		.nav-item-caret {
 			font-size: 13px;
-			text-align: right;
-			padding: 10px;
+			padding: $sidebar-menu-item-padding;
 			cursor: pointer;
-			float: right;
 			line-height: inherit;
 
 			&:before {

assets/vendor/astroid/scss/_mixins.scss

@@ -130,4 +130,22 @@
       top: 50%;
       left: 50%;
    }
+}
+
+@mixin box-hover-shadow-content($color: null) {
+   transform: translate(-0.5em, -0.5em);
+   box-shadow: 0.5em 0.5em 0 $color;
+}
+
+@mixin box-hover-shadow($color: $primary, $object: null) {
+   @if $object {
+      #{$object} {
+         transition: all 400ms;
+         &:hover {
+            @include box-hover-shadow-content($color);
+         }
+      }
+   } @else {
+      @include box-hover-shadow-content($color);
+   }
 }

assets/vendor/astroid/scss/_variables.scss

@@ -28,6 +28,7 @@ $sidebar-header-mini-width: 54px !default;
 
 // Menu
 $megamenu-gutter-width: 30px !default;
+$sidebar-menu-item-padding: 5px 12px !default;
 
 // Deprecated Variable
 $header-sidebar-width: 320px !default;
@@ -98,6 +99,7 @@ $selection-text-color: $white !default;
 $post-type-quote-bg: #bfe6ff !default;
 $post-type-gallery-bg: #e5f9f1 !default;
 $post-type-review-bg: #f5db8b !default;
+$post-type-video-local-bg: #fee8eb !default;
 $post-type-youtube-bg: #fee8eb !default;
 $post-type-vimeo-bg: #76d3f2 !default;
 $post-type-soundcloud-bg: #fff1ea !default;
@@ -106,6 +108,7 @@ $post-type-regular-color: #fff !default;
 $post-type-quote-color: #45a9ea !default;
 $post-type-gallery-color: #0dc772 !default;
 $post-type-review-color: #bb900b !default;
+$post-type-video-local-color: #f23453 !default;
 $post-type-youtube-color: #f23453 !default;
 $post-type-vimeo-color: #1dabda !default;
 $post-type-soundcloud-color: #ff7930 !default;

assets/vendor/astroid/scss/components/_blog.scss

@@ -130,6 +130,19 @@ $article-posttype-spacing: 40px;
 		}
 	}
 
+	&.article-icon-local {
+		background-color: $post-type-video-local-bg;
+		color: $post-type-video-local-color;
+
+		&:before {
+			@include triangle(6px, darken($post-type-video-local-bg, 15%), down-left);
+		}
+
+		&:after {
+			@include triangle($article-posttype-icon-width $article-posttype-icon-width/2, transparent $post-type-video-local-bg, up);
+		}
+	}
+
 	&.article-icon-vimeo {
 		background-color: $post-type-vimeo-bg;
 		color: $post-type-vimeo-color;

assets/vendor/astroid/scss/joomla/_base.scss

@@ -47,4 +47,30 @@ ul.tags {
       transform: scaleX(1);
     }
   }
+}
+.choices__button_joomla {
+  color: inherit;
+  text-indent: -9999px;
+  cursor: pointer;
+  opacity: .5;
+  appearance: none;
+  background: 0 0;
+  border: 0;
+  padding: 0 10px;
+  position: relative;
+  &:before {
+    text-align: center;
+    text-indent: 0;
+    content: "×";
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
+  &:hover {
+    opacity: 1;
+  }
+  &:focus {
+    opacity: 1;
+    outline: none;
+  }
 }

assets/vendor/astroid/scss/joomla/_com_content.scss

@@ -30,7 +30,7 @@
     bottom: 0;
   }
   @each $breakpoint, $width in $grid-breakpoints {
-    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
+    @include media-breakpoint-between($breakpoint, breakpoint-next($breakpoint), $grid-breakpoints) {
       @if ($breakpoint == 'xs') {
         &:not(.col-12) {
           > * {

assets/vendor/astroid/scss/utilities/_animations.scss

@@ -1,3 +1,7 @@
+.as-transition-body {
+	transition: all 300ms;
+}
+
 @-webkit-keyframes slideInUp {
 	from {
 		-webkit-transform: translate3d(0, 100%, 0);

assets/vendor/astroid/scss/utilities/_box-shadow.scss

@@ -10,4 +10,11 @@
       transition: box-shadow 0.1s ease-in-out;
     }
   }
+}
+
+.shadow-hover-popout {
+  transition: all 400ms;
+  &:hover {
+    @include box-hover-shadow();
+  }
 }

assets/vendor/astroid/scss/utilities/_image_effect.scss

@@ -0,0 +1,3 @@
+.as-image-effect {
+  transition: filter 0.3s ease-in-out;
+}

assets/vendor/astroid/scss/utilities/_typography.scss

@@ -0,0 +1,12 @@
+.text-small {
+  font-size: $font-size-sm;
+}
+.ql-align-left {
+  text-align: left;
+}
+.ql-align-right {
+  text-align: right;
+}
+.ql-align-center {
+  text-align: center;
+}

assets/vendor/astroid/scss/utilities/_utilities.scss

@@ -1,3 +1,5 @@
+@import "typography";
+@import "image_effect";
 @import "width";
 @import "gutters";
 @import "columns";

assets/vendor/freetemplates/README.md

@@ -0,0 +1,29 @@
+# freetemplates
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```

assets/vendor/freetemplates/ajax.txt

@@ -0,0 +1 @@
+{"status":"success","code":200,"data":{"templates":[{"name":"Two","description":"The Two is a stylish and easy-to-use Joomla Template best suited for a contemporary web design studio and creative agency, web designer's portfolio, graphic design, website building.","thumbnail":"media\/astroid\/assets\/images\/two_thumbnail.jpg","preview":"https:\/\/demo.astroidframe.work\/","download":"https:\/\/github.com\/templaza\/astroid-framework\/archive\/refs\/heads\/two-template.zip"},{"name":"One","description":"The One is a stylish and easy-to-use Joomla Template best suited for a contemporary web design studio and creative agency, web designer's portfolio, graphic design, website building.","thumbnail":"","preview":"","download":"https:\/\/github.com\/templaza\/astroid-framework\/archive\/refs\/heads\/one-template.zip"},{"name":"Zero","description":"The Zero is a stylish and easy-to-use Joomla Template best suited for a contemporary web design studio and creative agency, web designer's portfolio, graphic design, website building.","thumbnail":"","preview":"","download":"https:\/\/github.com\/templaza\/astroid-framework\/archive\/refs\/heads\/zero-template.zip"}]}}

assets/vendor/freetemplates/dist/.vite/manifest.json

@@ -0,0 +1,8 @@
+{
+  "index.html": {
+    "file": "index.js",
+    "name": "index",
+    "src": "index.html",
+    "isEntry": true
+  }
+}