v3.1.8

assets/vendor/astroid/scss/_menu.scss

@@ -24,7 +24,7 @@
 	--as-menu-gutter-x: #{$megamenu-gutter-width};
 	display: none;
 	position: absolute;
-	z-index: 999;
+	z-index: 1003;
 
 	&.nav-submenu-container {
 		padding: 0;

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

@@ -8,5 +8,4 @@
 @import "animations";
 @import "modal";
 @import "carousel";
-@import "lenis";
 @import "cursor";

assets/vendor/manager/src/components/Main.vue

@@ -136,6 +136,7 @@ function selectPreset(event, group) {
     });
   }
 }
+const pro_badge = '<span class="badge text-bg-danger ms-2">PRO</span>';
 </script>
 <template>
   <main class="as-main order-1">
@@ -156,7 +157,7 @@ function selectPreset(event, group) {
             <div :class="(idx !== 0 && field.input.type !== 'astroidhidden' && field.input.type !== 'hidden' ? 'mt-3 pt-3 border-top': '')" v-for="(field, idx) in group.fields" :key="field.id" v-show="checkShow(field)">
               <div class="row">
                 <div v-if="(field.label || field.description) && field.input.type !== `astroidheading`" class="col-sm-6 col-md-5">
-                  <div v-if="(field.input.type === `astroidradio` && field.input.role !== 'switch') || (['astroidpreloaders', 'astroidmedia', 'astroidcolor', 'astroidicon', 'astroidcalendar', 'astroidgradient', 'astroidspacing', 'astroidicons'].includes(field.input.type))" class="form-label" v-html="field.label"></div>
+                  <div v-if="(field.input.type === `astroidradio` && field.input.role !== 'switch') || (['astroidpreloaders', 'astroidmedia', 'astroidcolor', 'astroidicon', 'astroidcalendar', 'astroidgradient', 'astroidspacing', 'astroidicons', 'astroidgetpro'].includes(field.input.type))" class="form-label" v-html="(field.label + (field.input.type === `astroidgetpro` ? pro_badge : ``))"></div>
                   <label v-else :for="(typeof field.type !== 'undefined' && field.type === `json` ? field.input.id : 'params_'+field.name)" class="form-label" v-html="field.label"></label>
                   <p v-if="field.description !== ''" v-html="field.description" class="form-text"></p>
                 </div>

assets/vendor/manager/src/components/helpers/Fields.vue

@@ -197,4 +197,8 @@ function updateSubLayouts() {
     <div v-else-if="props.field.input.type === `articlelayouts`" class="astroid-article-layouts">
         <SubLayouts v-model="props.scope[props.field.name]" :field="props.field" type="article_layouts" />
     </div>
+    <div v-else-if="props.field.input.type === `astroidgetpro`" class="astroid-get-pro card card-body">
+        <h6 class="card-title">{{ props.field.input.title }}</h6>
+        <div class="card-text form-text" v-html="props.field.input.desc"></div>
+    </div>
 </template>

assets/vendor/manager/src/components/helpers/Layout.vue

@@ -130,37 +130,26 @@ function editElement(el) {
     _showModal.value = true;
 }
 function saveElement(param) {
-    layout.value.sections.every(section => {
-        if (element.value.type === section.type && element.value.id === section.id) {
-            section.params = param;
+    const updateParams = (el) => {
+        if (element.value.type === el.type && element.value.id === el.id) {
+            el.params = param;
             element.value = {};
-            return false;
+            return true;
         }
-        section.rows.every(row => {
-            if (element.value.type === row.type && element.value.id === row.id) {
-                row.params = param;
-                element.value = {};
-                return false;
-            }
-            row.cols.every(column => {
-                if (element.value.type === column.type && element.value.id === column.id) {
-                    column.params = param;
-                    element.value = {};
-                    return false;
-                }
-                column.elements.every(el => {
-                    if (element.value.type === el.type && element.value.id === el.id) {
-                        el.params = param;
-                        element.value = {};
-                        return false;
-                    }
-                    return true;
+        return false;
+    };
+
+    layout.value.sections.forEach(section => {
+        if (updateParams(section)) return;
+        section.rows.forEach(row => {
+            if (updateParams(row)) return;
+            row.cols.forEach(column => {
+                if (updateParams(column)) return;
+                column.elements.forEach(el => {
+                    if (updateParams(el)) return;
                 });
-                return true;
             });
-            return true;
         });
-        return true;
     });
 }
 

assets/vendor/manager/src/components/helpers/LayoutBuilder.vue

@@ -344,7 +344,7 @@ function selectLayout(element) {
                     <a href="#" @click.prevent="selectElement(element)" class="bg-light text-dark border px-2 py-1 rounded-pill"><i class="fas fa-plus"></i><span class="add-element-text ms-1">Add Element</span></a>
                 </div>
             </div>
-            <div v-else-if="props.group === `cols`" class="astroid-element card card-default card-body" :class="{'element-disabled' : !element.state}">
+            <div v-else-if="props.group === `cols` && typeof props.form[element.type] !== `undefined`" class="astroid-element card card-default card-body" :class="{'element-disabled' : !element.state}">
                 <div class="d-flex justify-content-between">
                     <div class="element-name">
                         <div><i class="text-body-tertiary me-2" :class="props.form[element.type].info.icon"></i>{{ element.params.find((param) => param.name === 'title').value }}<i v-if="element.type === `sublayout`" class="fa-regular fa-circle-question text-body-tertiary ms-1" :title="element.params.find((param) => param.name === 'desc').value"></i></div>
@@ -368,10 +368,6 @@ function selectLayout(element) {
                     </div>
                 </div>
             </div>
-            <div v-else>
-                {{ element.id }}
-                <LayoutBuilder :list="element" :group="map[props.group]" :system="props.system" :form="props.form" :device="props.device" @edit:Element="_editElement" @select:Element="selectElement" @update:System="updateSystem" />
-            </div>
         </template>
     </draggable>
 </template>

assets/vendor/manager/src/components/helpers/Modal.vue

@@ -71,6 +71,7 @@ function updateSubForm(value) {
 function sidebarClick(id) {
     document.getElementById(id).scrollIntoView();
 }
+const pro_badge = '<span class="badge text-bg-danger ms-2">PRO</span>';
 </script>
 <template>
     <div class="astroid-modal modal d-block" :id="props.element.type+`-`+props.element.id" tabindex="-1" aria-hidden="true">
@@ -95,7 +96,7 @@ function sidebarClick(id) {
                                 <p v-if="group.description" class="form-text">{{ group.description }}</p>
                             </div>
                             <div v-for="field in group.fields" :key="field.id" class="mb-4" v-show="checkShow(field)">
-                                <div v-if="(field.input.type === `astroidradio` && field.input.role !== 'switch') || (['astroidpreloaders', 'astroidmedia', 'astroidcolor', 'astroidicon', 'astroidcalendar', 'astroidgradient', 'astroidspacing'].includes(field.input.type))" class="form-label fw-bold" v-html="field.label"></div>
+                                <div v-if="(field.input.type === `astroidradio` && field.input.role !== 'switch') || (['astroidpreloaders', 'astroidmedia', 'astroidcolor', 'astroidicon', 'astroidcalendar', 'astroidgradient', 'astroidspacing', 'astroidgetpro'].includes(field.input.type))" class="form-label fw-bold" v-html="(field.label + (field.input.type === `astroidgetpro` ? pro_badge : ``))"></div>
                                 <label v-else-if="field.input.type !== `astroidheading` && field.label" :for="field.input.id" class="form-label fw-bold" v-html="field.label"></label>
                                 <div v-if="typeof field.type !== 'undefined' && field.type === `json`">
                                     <Fields 

css/lenis.css

@@ -0,0 +1,19 @@
+html.lenis, html.lenis body {
+    height: auto;
+}
+
+.lenis.lenis-smooth {
+    scroll-behavior: auto !important;
+}
+
+.lenis.lenis-smooth [data-lenis-prevent] {
+    overscroll-behavior: contain;
+}
+
+.lenis.lenis-stopped {
+    overflow: clip;
+}
+
+.lenis.lenis-smooth iframe {
+    pointer-events: none;
+}

framework/elements/accordion/accordion.php

@@ -7,7 +7,7 @@
  * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
  * DO NOT MODIFY THIS FILE DIRECTLY AS IT WILL BE OVERWRITTEN IN THE NEXT UPDATE
  * You can easily override all files under /astroid/ folder.
- * Just copy the file to JROOT/templates/YOUR_ASTROID_TEMPLATE/astroid/elements/module_position/module_position.php folder to create and override
+ * Just copy the file to JROOT/media/templates/site/{YOUR_TEMPLATE_NAME}/astroid/elements/module_position/module_position.php folder to create and override
  */
 
 // No direct access.

framework/elements/articles/articles.php

@@ -7,7 +7,7 @@
  * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
  * DO NOT MODIFY THIS FILE DIRECTLY AS IT WILL BE OVERWRITTEN IN THE NEXT UPDATE
  * You can easily override all files under /astroid/ folder.
- * Just copy the file to JROOT/templates/YOUR_ASTROID_TEMPLATE/astroid/elements/module_position/module_position.php folder to create and override
+ * Just copy the file to JROOT/media/templates/site/{YOUR_TEMPLATE_NAME}/astroid/elements/module_position/module_position.php folder to create and override
  */
 
 // No direct access.

framework/elements/articles/articles.xml

@@ -23,8 +23,8 @@
                     <option value="oldest">ASTROID_WIDGET_ORDERING_OLDEST</option>
                     <option value="popular">ASTROID_WIDGET_ORDERING_POPULAR</option>
                     <option value="featured">ASTROID_WIDGET_ORDERING_FEATURED</option>
-                    <option value="ascending">ASTROID_WIDGET_ORDERING_ALPHABET_ASCENDING</option>
-                    <option value="descending">ASTROID_WIDGET_ORDERING_ALPHABET_DESCENDING</option>
+                    <option value="alphabet_asc">ASTROID_WIDGET_ORDERING_ALPHABET_ASCENDING</option>
+                    <option value="alphabet_desc">ASTROID_WIDGET_ORDERING_ALPHABET_DESCENDING</option>
                     <option value="random">ASTROID_WIDGET_ORDERING_RANDOM</option>
                 </field>
                 <field astroidgroup="grid_options" name="column_responsive" type="astroidradio" width="full" default="lg">

framework/elements/banner/banner.php

@@ -7,7 +7,7 @@
  * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
  * DO NOT MODIFY THIS FILE DIRECTLY AS IT WILL BE OVERWRITTEN IN THE NEXT UPDATE
  * You can easily override all files under /astroid/ folder.
- * Just copy the file to JROOT/templates/YOUR_ASTROID_TEMPLATE/astroid/elements/banner/banner.php folder to create and override
+ * Just copy the file to JROOT/media/templates/site/{YOUR_TEMPLATE_NAME}/astroid/elements/banner/banner.php folder to create and override
  * See https://docs.joomdev.com/article/override-core-layouts/ for documentation
  */
 use Joomla\CMS\Factory;

framework/elements/button/button.php

@@ -7,7 +7,7 @@
  * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
  * DO NOT MODIFY THIS FILE DIRECTLY AS IT WILL BE OVERWRITTEN IN THE NEXT UPDATE
  * You can easily override all files under /astroid/ folder.
- * Just copy the file to JROOT/templates/YOUR_ASTROID_TEMPLATE/astroid/elements/module_position/module_position.php folder to create and override
+ * Just copy the file to JROOT/media/templates/site/{YOUR_TEMPLATE_NAME}/astroid/elements/module_position/module_position.php folder to create and override
  */
 
 // No direct access.

framework/elements/component/component.php

@@ -6,7 +6,7 @@
  * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
  * DO NOT MODIFY THIS FILE DIRECTLY AS IT WILL BE OVERWRITTEN IN THE NEXT UPDATE
  * You can easily override all files under /astroid/ folder.
- * Just copy the file to JROOT/templates/YOUR_ASTROID_TEMPLATE/astroid/elements/component/component.php folder to create and override
+ * Just copy the file to JROOT/media/templates/site/{YOUR_TEMPLATE_NAME}/astroid/elements/component/component.php folder to create and override
  * See https://docs.joomdev.com/article/override-core-layouts/ for documentation
  */
 use Joomla\CMS\Factory;

framework/elements/default.xml

@@ -21,6 +21,9 @@
             <field astroidgroup="animation_settings" name="animation" type="astroidanimations" label="ASTROID_ANIMATION"/>
             <field astroidgroup="animation_settings" ngShow="[animation]!=''" name="animation_delay" class="form-control" type="astroidtext" hint="500" default="500" label="ASTROID_ANIMATION_DELAY" description="ASTROID_ANIMATION_DELAY_DESC"/>
             <field astroidgroup="animation_settings" ngShow="[animation]!=''" name="animation_duration" class="form-control" type="astroidtext" hint="500" default="500" label="ASTROID_ANIMATION_DURATION" description="ASTROID_ANIMATION_DURATION_DESC"/>
+            <field astroidgroup="animation_settings" ngShow="[animation]!=''" name="animation_loop" type="astroidgetpro" label="ASTROID_ANIMATION_LOOP" description="ASTROID_ANIMATION_LOOP_DESC"/>
+            <field astroidgroup="animation_settings" ngShow="[animation]!=''" type="astroidgetpro" name="animation_stagger" label="ASTROID_ANIMATION_STAGGER_TIME" description="ASTROID_ANIMATION_STAGGER_TIME_DESC" />
+            <field astroidgroup="animation_settings" ngShow="[animation]!=''" name="animation_element" type="astroidgetpro" label="ASTROID_ANIMATION_ELEMENT" description="ASTROID_ANIMATION_ELEMENT_DESC"/>
 
             <field astroidgroup="general" name="max_width" type="astroidlist" label="ASTROID_WIDGET_MAX_WIDTH_LABEL" description="ASTROID_WIDGET_MAX_WIDTH_DESC" default="">
                <option value="">JGLOBAL_INHERIT</option>

framework/elements/divider/divider.php

@@ -7,7 +7,7 @@
  * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
  * DO NOT MODIFY THIS FILE DIRECTLY AS IT WILL BE OVERWRITTEN IN THE NEXT UPDATE
  * You can easily override all files under /astroid/ folder.
- * Just copy the file to JROOT/templates/YOUR_ASTROID_TEMPLATE/astroid/elements/module_position/module_position.php folder to create and override
+ * Just copy the file to JROOT/media/templates/site/{YOUR_TEMPLATE_NAME}/astroid/elements/module_position/module_position.php folder to create and override
  */
 
 // No direct access.