Merge pull request #628 from templaza/v3

v3.0.14
templaza · Apr 19, 2024 · 77f1f66 · 77f1f66
2 parents 9690e3d + 7816269
commit 77f1f66
Show file tree

Hide file tree

Showing 66 changed files with 932 additions and 1,584 deletions.
diff --git a/assets/vendor/astroid/scss/components/_blog.scss b/assets/vendor/astroid/scss/components/_blog.scss
@@ -267,7 +267,6 @@ $article-posttype-spacing: 40px;
 }
 
 // Quote Type
-
 .article-quote-area {
 	background-color: rgba($primary, .1);
 	padding: 60px;

diff --git a/assets/vendor/astroid/scss/joomla/_com_content.scss b/assets/vendor/astroid/scss/joomla/_com_content.scss
@@ -2,9 +2,14 @@
   .com-content-category-blog__items + .com-content-category-blog__items {
     margin-top: 3rem;
   }
+  .item-content.border-top {
+    > div {
+      margin-top: -1px;
+    }
+  }
   .items-leading {
     .blog-item + .blog-item {
-      margin-top: 3rem;
+      margin-top: var(--bs-gutter-x);
     }
   }
   .items-more {
@@ -13,6 +18,91 @@
   .item-image {
     margin-bottom: 1.5rem;
   }
+  .readmore {
+    margin-bottom: 0;
+  }
+}
+.astroid-img-cover {
+  > * {
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  @each $breakpoint, $width in $grid-breakpoints {
+    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
+      @if ($breakpoint == 'xs') {
+        &:not(.col-12) {
+          > * {
+            position: absolute;
+            margin-bottom: 0;
+          }
+        }
+      } @else {
+        &:not(.col-#{$breakpoint}-12) {
+          > * {
+            position: absolute;
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+  }
+  img {
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+  }
+}
+.astroid-content-media-left {
+  .article-icon {
+    left: 20px;
+    right: auto;
+  }
+  @each $breakpoint, $width in $grid-breakpoints {
+    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
+      @if ($breakpoint == 'xs') {
+        &:not(.margin-0) {
+          padding: 15px 0 15px 20px;
+        }
+      } @else if ($breakpoint == 'sm') {
+        &:not(.margin-#{$breakpoint}-0) {
+          padding: 15px 0 15px 20px;
+        }
+      } @else if ($breakpoint == 'md' or $breakpoint == 'lg') {
+        &:not(.margin-#{$breakpoint}-0) {
+          padding: 25px 0 25px 30px;
+        }
+      } @else {
+        &:not(.margin-#{$breakpoint}-0) {
+          padding: 30px 0 30px 40px;
+        }
+      }
+    }
+  }
+}
+.astroid-content-media-right {
+  @each $breakpoint, $width in $grid-breakpoints {
+    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
+      @if ($breakpoint == 'xs') {
+        &:not(.margin-0) {
+          padding: 15px 20px 15px 0;
+        }
+      } @else if ($breakpoint == 'sm') {
+        &:not(.margin-#{$breakpoint}-0) {
+          padding: 15px 20px 15px 0;
+        }
+      } @else if ($breakpoint == 'md' or $breakpoint == 'lg') {
+        &:not(.margin-#{$breakpoint}-0) {
+          padding: 25px 30px 25px 0;
+        }
+      } @else {
+        &:not(.margin-#{$breakpoint}-0) {
+          padding: 30px 40px 30px 0;
+        }
+      }
+    }
+  }
 }
 .as-readmore {
   position: relative;

diff --git a/assets/vendor/astroid/scss/joomla/_frontend.scss b/assets/vendor/astroid/scss/joomla/_frontend.scss
@@ -73,9 +73,4 @@ ul.categories-module {
 	background-color: rgba(255, 255, 255, 0.5);
 	border: 1px solid #58595a;
 	border-radius: 0.25rem;
-}
-.item-page {
-	div+.page-header {
-		margin-top: 2rem;
-	}
 }
diff --git a/assets/vendor/astroidmenuoptions/.gitignore b/assets/vendor/astroidmenuoptions/.gitignore
diff --git a/assets/vendor/astroidmenuoptions/.vscode/extensions.json b/assets/vendor/astroidmenuoptions/.vscode/extensions.json
diff --git a/assets/vendor/astroidmenuoptions/dist/index.js b/assets/vendor/astroidmenuoptions/dist/index.js
diff --git a/assets/vendor/astroidmenuoptions/src/components/SelectElement.vue b/assets/vendor/astroidmenuoptions/src/components/SelectElement.vue
@@ -46,7 +46,7 @@ function selectElement(addon) {
                         <div class="col">
                             <div class="row row-cols-xl-4 row-cols-lg-3 row-cols-2 g-3">
                                 <div v-for="addon in addons" v-show="currentFilter === '' || addon.astroidmenucategory === currentFilter">
-                                    <div class="addon-block card card-default card-body align-items-center justify-content-center py-5" @click="selectElement(addon)">
+                                    <div class="addon-block card card-default card-body align-items-center justify-content-center text-center py-5" @click="selectElement(addon)">
                                         <div>{{ addon.title }}</div>
                                         <div class="text-capitalize form-text"><i :class="addon.icon" class="me-2"></i>{{ addon.astroidmenucategory }}</div>
                                     </div>

diff --git a/assets/vendor/fontawesome/css/all.min.css b/assets/vendor/fontawesome/css/all.min.css
diff --git a/assets/vendor/fontawesome/metadata/icons.json b/assets/vendor/fontawesome/metadata/icons.json
diff --git a/assets/vendor/fontawesome/webfonts/fa-brands-400.ttf b/assets/vendor/fontawesome/webfonts/fa-brands-400.ttf
diff --git a/assets/vendor/fontawesome/webfonts/fa-brands-400.woff2 b/assets/vendor/fontawesome/webfonts/fa-brands-400.woff2
diff --git a/assets/vendor/fontawesome/webfonts/fa-regular-400.ttf b/assets/vendor/fontawesome/webfonts/fa-regular-400.ttf
diff --git a/assets/vendor/fontawesome/webfonts/fa-regular-400.woff2 b/assets/vendor/fontawesome/webfonts/fa-regular-400.woff2
diff --git a/assets/vendor/fontawesome/webfonts/fa-solid-900.ttf b/assets/vendor/fontawesome/webfonts/fa-solid-900.ttf
diff --git a/assets/vendor/fontawesome/webfonts/fa-solid-900.woff2 b/assets/vendor/fontawesome/webfonts/fa-solid-900.woff2
diff --git a/assets/vendor/fontawesome/webfonts/fa-v4compatibility.ttf b/assets/vendor/fontawesome/webfonts/fa-v4compatibility.ttf
diff --git a/assets/vendor/fontawesome/webfonts/fa-v4compatibility.woff2 b/assets/vendor/fontawesome/webfonts/fa-v4compatibility.woff2
diff --git a/assets/vendor/manager/.gitignore b/assets/vendor/manager/.gitignore
diff --git a/assets/vendor/manager/.vscode/extensions.json b/assets/vendor/manager/.vscode/extensions.json
diff --git a/assets/vendor/manager/dist/index.html b/assets/vendor/manager/dist/index.html
diff --git a/assets/vendor/manager/dist/index.js b/assets/vendor/manager/dist/index.js
diff --git a/assets/vendor/manager/src/components/helpers/Assignment.vue b/assets/vendor/manager/src/components/helpers/Assignment.vue
@@ -42,7 +42,7 @@ function selectAll(value) {
 }
 </script>
 <template>
-    <div v-for="menu in props.field.input.menu" :key="menu.id" class="card card-body">
+    <div v-for="(menu, idx) in props.field.input.menu" :key="menu.id" class="card card-body" :class="{'mt-3' : idx > 0}">
         <h5 class="mb-1">{{ menu.title }}</h5>
         <p><small class="text-body-secondary">{{ menu.description }}</small></p>
         <div class="btn-group d-block mb-2" role="group" aria-label="Basic example">

diff --git a/astroid.xml b/astroid.xml
@@ -4,7 +4,7 @@
    <libraryname>astroid</libraryname>
    <author>Astroid Framework Team</author>
    <creationDate>April 2024</creationDate>
-   <version>3.0.13</version>
+   <version>3.0.14</version>
    <url>https://astroidframe.work/</url>
    <copyright>Copyright (C) 2024 TemPlaza, Inc. All rights reserved.</copyright>
    <license>GNU General Public License version 3 or later; see LICENSE.txt</license>

diff --git a/astroid_framework.xml b/astroid_framework.xml
@@ -1,13 +1,13 @@
 <updates>
     <update>
         <name>Astroid Framework</name>
-        <version>3.0.13</version>
+        <version>3.0.14</version>
         <infourl title="Astroid Framework">https://astroidframe.work/</infourl>
         <element>astroid</element>
         <type>library</type>
         <client>0</client>
         <downloads>
-            <downloadurl type="full" format="zip">https://github.com/templaza/astroid-framework/releases/download/v3.0.13/astroid-framework-3.0.13.zip</downloadurl>
+            <downloadurl type="full" format="zip">https://github.com/templaza/astroid-framework/releases/download/v3.0.14/astroid-framework-3.0.14.zip</downloadurl>
         </downloads>
         <tags>
             <tag>stable</tag>

diff --git a/framework/elements/articles/articles.php b/framework/elements/articles/articles.php
@@ -319,8 +319,8 @@
     $wa->useScript('bootstrap.carousel');
 }
 if ($enable_slider) {
-    $wa->registerAndUseStyle('astroid.slick', 'astroid/slick.min.css');
-    $wa->registerAndUseScript('astroid.slick', 'astroid/slick.min.js', ['relative' => true, 'version' => 'auto'], [], ['jquery']);
+    $wa->registerAndUseStyle('slick.css', 'astroid/slick.min.css');
+    $wa->registerAndUseScript('slick.js', 'astroid/slick.min.js', ['relative' => true, 'version' => 'auto'], [], ['jquery']);
     echo '<script type="text/javascript">jQuery(document).ready(function(){jQuery(\'#'.$element->id.' .astroid-slick\').slick({'.implode(',', $slide_settings).'})});</script>';
 }
 if ($params->get('card_size', '') == 'custom') {

diff --git a/framework/elements/component/component.xml b/framework/elements/component/component.xml
@@ -5,8 +5,18 @@
    <icon>fas fa-puzzle-piece</icon>
    <category>ASTROID_ELEMENT_CATEGORY_SYSTEM</category>
    <color>#FFB400</color>
-   <info>ASTROID_ELEMENTS_COMPONENT_INFO</info>
-   <info label="Animation" property="animation"></info>
    <multiple>false</multiple>
    <element_type>system</element_type>
+   <form>
+      <fields>
+         <fieldset name="assignment-settings" label="TPL_ASTROID_ASSIGNMENT_SETTINGS_LABEL" addfieldpath="/libraries/astroid/framework/fields">
+            <field type="astroidlist" name="assignment_type" label="ASTROID_WIDGET_ASSIGN" default="1">
+               <option value="1">ASTROID_WIDGET_ON_ALL_PAGES</option>
+               <option value="0">ASTROID_WIDGET_NO_PAGES</option>
+               <option value="2">ASTROID_WIDGET_SELECTED_PAGES</option>
+            </field>
+            <field ngShow="[assignment_type]==2" type="astroidassignment" label="ASTROID_ASSIGN_TO_MENU_ITEM" name="assignment"/>
+         </fieldset>
+      </fields>
+   </form>
 </element>
diff --git a/framework/elements/imagegroup/imagegroup.php b/framework/elements/imagegroup/imagegroup.php
@@ -144,7 +144,7 @@
 if ($enable_slider) {
     $mainframe = Factory::getApplication();
     $wa = $mainframe->getDocument()->getWebAssetManager();
-    $wa->registerAndUseStyle('astroid.slick', 'astroid/slick.min.css');
-    $wa->registerAndUseScript('astroid.slick', 'astroid/slick.min.js', ['relative' => true, 'version' => 'auto'], [], ['jquery']);
+    $wa->registerAndUseStyle('slick.css', 'astroid/slick.min.css');
+    $wa->registerAndUseScript('slick.js', 'astroid/slick.min.js', ['relative' => true, 'version' => 'auto'], [], ['jquery']);
     echo '<script type="text/javascript">jQuery(document).ready(function(){jQuery(\'#'.$element->id.' .astroid-slick\').slick({'.implode(',', $slide_settings).'})});</script>';
 }
diff --git a/framework/elements/message/message.xml b/framework/elements/message/message.xml
@@ -5,7 +5,18 @@
    <icon>fas fa-exclamation-triangle</icon>
    <category>ASTROID_ELEMENT_CATEGORY_SYSTEM</category>
    <color>#17C671</color>
-   <info>TPL_ASTROID_SYSTEM_MESSAGES_LABEL</info>
    <multiple>false</multiple>
    <element_type>system</element_type>
+   <form>
+      <fields>
+         <fieldset name="assignment-settings" label="TPL_ASTROID_ASSIGNMENT_SETTINGS_LABEL" addfieldpath="/libraries/astroid/framework/fields">
+            <field type="astroidlist" name="assignment_type" label="ASTROID_WIDGET_ASSIGN" default="1">
+               <option value="1">ASTROID_WIDGET_ON_ALL_PAGES</option>
+               <option value="0">ASTROID_WIDGET_NO_PAGES</option>
+               <option value="2">ASTROID_WIDGET_SELECTED_PAGES</option>
+            </field>
+            <field ngShow="[assignment_type]==2" type="astroidassignment" label="ASTROID_ASSIGN_TO_MENU_ITEM" name="assignment"/>
+         </fieldset>
+      </fields>
+   </form>
 </element>
diff --git a/framework/elements/row-default.xml b/framework/elements/row-default.xml
@@ -85,8 +85,10 @@
             <field astroidgroup="spacing_settings" name="padding" type="astroidspacing" label="Padding" />
          </fieldset>
          <fieldset name="responsive-settings" label="ASTROID_ELEMENT_HEAD_RESPONSIVE_SETTINGS_LABEL" addfieldpath="/libraries/astroid/framework/fields">
-            <field name="device_gutter_settings" type="astroidheading" title="ASTROID_ELEMENT_HEAD_DEVICE_GUTTER_LABEL" description="ASTROID_ELEMENT_HEAD_DEVICE_GUTTER_DESC" />
-            <field name="gutter_xs" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_XS_LABEL" description="ASTROID_ROW_GUTTER_XS_DESC">
+            <field type="astroidgroup" name="general_responsive"/>
+            <field type="astroidgroup" name="device_responsive_settings" title="ASTROID_ELEMENT_HEAD_DEVICE_VISIBILITY_LABEL"/>
+            <field astroidgroup="general_responsive" name="device_gutter_settings" type="astroidheading" title="ASTROID_ELEMENT_HEAD_DEVICE_GUTTER_LABEL" description="ASTROID_ELEMENT_HEAD_DEVICE_GUTTER_DESC" />
+            <field astroidgroup="general_responsive" name="gutter_xs" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_XS_LABEL" description="ASTROID_ROW_GUTTER_XS_DESC">
                <option value="">JGLOBAL_INHERIT</option>
                <option value="0">gx-0</option>
                <option value="1">gx-1</option>
@@ -95,7 +97,7 @@
                <option value="4">gx-4</option>
                <option value="5">gx-5</option>
             </field>
-            <field name="gutter_sm" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_SM_LABEL" description="ASTROID_ROW_GUTTER_SM_DESC">
+            <field astroidgroup="general_responsive" name="gutter_sm" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_SM_LABEL" description="ASTROID_ROW_GUTTER_SM_DESC">
                <option value="">JGLOBAL_INHERIT</option>
                <option value="0">gx-sm-0</option>
                <option value="1">gx-sm-1</option>
@@ -104,7 +106,7 @@
                <option value="4">gx-sm-4</option>
                <option value="5">gx-sm-5</option>
             </field>
-            <field name="gutter_md" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_MD_LABEL" description="ASTROID_ROW_GUTTER_MD_DESC">
+            <field astroidgroup="general_responsive" name="gutter_md" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_MD_LABEL" description="ASTROID_ROW_GUTTER_MD_DESC">
                <option value="">JGLOBAL_INHERIT</option>
                <option value="0">gx-md-0</option>
                <option value="1">gx-md-1</option>
@@ -113,7 +115,7 @@
                <option value="4">gx-md-4</option>
                <option value="5">gx-md-5</option>
             </field>
-            <field name="gutter_lg" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_LG_LABEL" description="ASTROID_ROW_GUTTER_LG_DESC">
+            <field astroidgroup="general_responsive" name="gutter_lg" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_LG_LABEL" description="ASTROID_ROW_GUTTER_LG_DESC">
                <option value="">JGLOBAL_INHERIT</option>
                <option value="0">gx-lg-0</option>
                <option value="1">gx-lg-1</option>
@@ -122,7 +124,7 @@
                <option value="4">gx-lg-4</option>
                <option value="5">gx-lg-5</option>
             </field>
-            <field name="gutter_xl" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_XL_LABEL" description="ASTROID_ROW_GUTTER_XL_DESC">
+            <field astroidgroup="general_responsive" name="gutter_xl" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_XL_LABEL" description="ASTROID_ROW_GUTTER_XL_DESC">
                <option value="">JGLOBAL_INHERIT</option>
                <option value="0">gx-xl-0</option>
                <option value="1">gx-xl-1</option>
@@ -131,7 +133,7 @@
                <option value="4">gx-xl-4</option>
                <option value="5">gx-xl-5</option>
             </field>
-            <field name="gutter_xxl" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_XXL_LABEL" description="ASTROID_ROW_GUTTER_XXL_DESC">
+            <field astroidgroup="general_responsive" name="gutter_xxl" type="astroidlist" default="" label="ASTROID_ROW_GUTTER_XXL_LABEL" description="ASTROID_ROW_GUTTER_XXL_DESC">
                <option value="">JGLOBAL_INHERIT</option>
                <option value="0">gx-xxl-0</option>
                <option value="1">gx-xxl-1</option>
@@ -140,13 +142,12 @@
                <option value="4">gx-xxl-4</option>
                <option value="5">gx-xxl-5</option>
             </field>
-            <field name="device_settings" type="astroidheading" title="ASTROID_ELEMENT_HEAD_DEVICE_VISIBILITY_LABEL" />
-            <field description="TPL_ASTROID_ROW_EXTRA_SMALL_DEVICES_DESC" name="hideonxs" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_SMALL_DEVICES_LABEL" />
-            <field description="TPL_ASTROID_ROW_SMALL_DEVICES_DESC" name="hideonsm" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_SMALL_DEVICES_LABEL" />
-            <field description="TPL_ASTROID_ROW_MEDIUM_DEVICES_DESC" name="hideonmd" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_MEDIUM_DEVICES_LABEL" />
-            <field description="TPL_ASTROID_ROW_LARGE_DEVICES_DESC" name="hideonlg" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_LARGE_DEVICES_LABEL" />
-            <field description="TPL_ASTROID_ROW_EXTRA_LARGE_DEVICES_DESC" name="hideonxl" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_LARGE_DEVICES_LABEL" />
-            <field description="TPL_ASTROID_ROW_EXTRA_EXTRA_LARGE_DEVICES_DESC" name="hideonxxl" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_EXTRA_LARGE_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_ROW_EXTRA_SMALL_DEVICES_DESC" name="hideonxs" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_SMALL_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_ROW_SMALL_DEVICES_DESC" name="hideonsm" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_SMALL_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_ROW_MEDIUM_DEVICES_DESC" name="hideonmd" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_MEDIUM_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_ROW_LARGE_DEVICES_DESC" name="hideonlg" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_LARGE_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_ROW_EXTRA_LARGE_DEVICES_DESC" name="hideonxl" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_LARGE_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_ROW_EXTRA_EXTRA_LARGE_DEVICES_DESC" name="hideonxxl" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_EXTRA_LARGE_DEVICES_LABEL" />
          </fieldset>
       </fields>
    </form>

diff --git a/framework/elements/section-default.xml b/framework/elements/section-default.xml
@@ -95,13 +95,13 @@
             <field astroidgroup="spacing_settings" name="padding" type="astroidspacing" label="Padding" />
          </fieldset>
          <fieldset name="responsive-settings" label="ASTROID_ELEMENT_HEAD_RESPONSIVE_SETTINGS_LABEL" addfieldpath="/libraries/astroid/framework/fields">
-            <field name="device_settings" type="astroidheading" title="ASTROID_ELEMENT_HEAD_DEVICE_VISIBILITY_LABEL" />
-            <field description="TPL_ASTROID_EXTRA_SMALL_DEVICES_DESC" name="hideonxs" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_SMALL_DEVICES_LABEL" />
-            <field description="TPL_ASTROID_SMALL_DEVICES_DESC" name="hideonsm" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_SMALL_DEVICES_LABEL" />
-            <field description="TPL_ASTROID_MEDIUM_DEVICES_DESC" name="hideonmd" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_MEDIUM_DEVICES_LABEL" />
-            <field description="TPL_ASTROID_LARGE_DEVICES_DESC" name="hideonlg" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_LARGE_DEVICES_LABEL" />
-            <field description="TPL_ASTROID_EXTRA_LARGE_DEVICES_DESC" name="hideonxl" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_LARGE_DEVICES_LABEL" />
-            <field description="TPL_ASTROID_EXTRA_EXTRA_LARGE_DEVICES_DESC" name="hideonxxl" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_EXTRA_LARGE_DEVICES_LABEL" />
+            <field type="astroidgroup" name="device_responsive_settings" title="ASTROID_ELEMENT_HEAD_DEVICE_VISIBILITY_LABEL"/>
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_EXTRA_SMALL_DEVICES_DESC" name="hideonxs" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_SMALL_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_SMALL_DEVICES_DESC" name="hideonsm" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_SMALL_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_MEDIUM_DEVICES_DESC" name="hideonmd" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_MEDIUM_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_LARGE_DEVICES_DESC" name="hideonlg" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_LARGE_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_EXTRA_LARGE_DEVICES_DESC" name="hideonxl" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_LARGE_DEVICES_LABEL" />
+            <field astroidgroup="device_responsive_settings" description="TPL_ASTROID_EXTRA_EXTRA_LARGE_DEVICES_DESC" name="hideonxxl" type="astroidradio" astroid-switch="true" default="0" label="TPL_ASTROID_EXTRA_EXTRA_LARGE_DEVICES_LABEL" />
          </fieldset>
       </fields>
    </form>