@salla.sa/twilight-components 2.14.391 → 2.14.393

package/dist/collection/components/salla-reviews-summary/salla-reviews-summary.js

@@ -104,7 +104,6 @@ export class SallaReviewsSummary {
         return {
             "itemId": {
                 "type": "number",
-                "attribute": "item-id",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -119,7 +118,8 @@ export class SallaReviewsSummary {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "item-id"
             }
         };
     }

package/dist/collection/components/salla-scopes/salla-scopes.js

@@ -180,7 +180,6 @@ export class SallaScopees {
         return {
             "selection": {
                 "type": "string",
-                "attribute": "selection",
                 "mutable": false,
                 "complexType": {
                     "original": "'optional' | 'mandatory'",
@@ -196,11 +195,11 @@ export class SallaScopees {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "selection",
                 "defaultValue": "'optional'"
             },
             "searchDisplayLimit": {
                 "type": "number",
-                "attribute": "search-display-limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -216,6 +215,7 @@ export class SallaScopees {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "search-display-limit",
                 "defaultValue": "6"
             }
         };

package/dist/collection/components/salla-search/salla-search.js

@@ -169,7 +169,6 @@ export class SallaSearch {
         return {
             "placeholder": {
                 "type": "boolean",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -185,11 +184,11 @@ export class SallaSearch {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placeholder",
                 "defaultValue": "false"
             },
             "inline": {
                 "type": "boolean",
-                "attribute": "inline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -205,11 +204,11 @@ export class SallaSearch {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inline",
                 "defaultValue": "false"
             },
             "oval": {
                 "type": "boolean",
-                "attribute": "oval",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -225,11 +224,11 @@ export class SallaSearch {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "oval",
                 "defaultValue": "false"
             },
             "height": {
                 "type": "number",
-                "attribute": "height",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -245,11 +244,11 @@ export class SallaSearch {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "height",
                 "defaultValue": "60"
             },
             "maxWords": {
                 "type": "number",
-                "attribute": "max-words",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -265,11 +264,11 @@ export class SallaSearch {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "max-words",
                 "defaultValue": "5"
             },
             "showAction": {
                 "type": "boolean",
-                "attribute": "show-action",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -285,6 +284,7 @@ export class SallaSearch {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "show-action",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/salla-skeleton/salla-skeleton.js

@@ -39,7 +39,6 @@ export class SallaSkeleton {
         return {
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'circle' | 'normal'",
@@ -55,11 +54,11 @@ export class SallaSkeleton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'normal'"
             },
             "width": {
                 "type": "string",
-                "attribute": "width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -75,11 +74,11 @@ export class SallaSkeleton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "width",
                 "defaultValue": "'100%'"
             },
             "height": {
                 "type": "string",
-                "attribute": "height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -95,6 +94,7 @@ export class SallaSkeleton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "height",
                 "defaultValue": "'100%'"
             }
         };

package/dist/collection/components/salla-slider/salla-slider.css

@@ -1,5 +1,5 @@
 /**
- * Swiper 12.1.0
+ * Swiper 12.1.3
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: January 28, 2026
+ * Released on: March 24, 2026
  */
 
 :root {
@@ -313,6 +313,8 @@
   .swiper-navigation-disabled & {
     display: none !important;
   }
+
+  ::slotted(svg),
   svg {
     width: 100%;
     height: 100%;
@@ -335,6 +337,7 @@
 .swiper-button-prev {
   left: var(--swiper-navigation-sides-offset, 4px);
   right: auto;
+  ::slotted(.swiper-navigation-icon),
   .swiper-navigation-icon {
     transform: rotate(180deg);
   }
@@ -370,12 +373,14 @@
   & ~ .swiper-button-prev,
   &.swiper-rtl .swiper-button-next,
   &.swiper-rtl ~ .swiper-button-next {
+    ::slotted(.swiper-navigation-icon),
     .swiper-navigation-icon {
       transform: rotate(180deg);
     }
   }
   &.swiper-rtl .swiper-button-prev,
   &.swiper-rtl ~ .swiper-button-prev {
+    ::slotted(.swiper-navigation-icon),
     .swiper-navigation-icon {
       transform: rotate(0deg);
     }
@@ -395,6 +400,7 @@
   ~ .swiper-button-prev {
     top: var(--swiper-navigation-sides-offset, 4px);
     bottom: auto;
+    ::slotted(.swiper-navigation-icon),
     .swiper-navigation-icon {
       transform: rotate(-90deg);
     }
@@ -403,6 +409,7 @@
   ~ .swiper-button-next {
     bottom: var(--swiper-navigation-sides-offset, 4px);
     top: auto;
+    ::slotted(.swiper-navigation-icon),
     .swiper-navigation-icon {
       transform: rotate(90deg);
     }

package/dist/collection/components/salla-slider/salla-slider.js

@@ -630,7 +630,6 @@ export class SallaSlider {
         return {
             "blockTitle": {
                 "type": "string",
-                "attribute": "block-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -646,11 +645,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "block-title",
                 "defaultValue": "''"
             },
             "listenToThumbnailsOption": {
                 "type": "boolean",
-                "attribute": "listen-to-thumbnails-option",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -666,11 +665,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "listen-to-thumbnails-option",
                 "defaultValue": "false"
             },
             "blockSubtitle": {
                 "type": "string",
-                "attribute": "block-subtitle",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -686,11 +685,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "block-subtitle",
                 "defaultValue": "''"
             },
             "displayAllUrl": {
                 "type": "string",
-                "attribute": "display-all-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -706,11 +705,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "display-all-url",
                 "defaultValue": "''"
             },
             "arrowsCentered": {
                 "type": "boolean",
-                "attribute": "arrows-centered",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -726,11 +725,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "arrows-centered",
                 "defaultValue": "false"
             },
             "verticalThumbs": {
                 "type": "boolean",
-                "attribute": "vertical-thumbs",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -746,11 +745,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "vertical-thumbs",
                 "defaultValue": "false"
             },
             "gridThumbs": {
                 "type": "boolean",
-                "attribute": "grid-thumbs",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -766,11 +765,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "grid-thumbs",
                 "defaultValue": "false"
             },
             "vertical": {
                 "type": "boolean",
-                "attribute": "vertical",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -786,11 +785,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "vertical",
                 "defaultValue": "false"
             },
             "autoHeight": {
                 "type": "boolean",
-                "attribute": "auto-height",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -806,11 +805,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "auto-height",
                 "defaultValue": "false"
             },
             "showControls": {
                 "type": "boolean",
-                "attribute": "show-controls",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -826,11 +825,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "show-controls",
                 "defaultValue": "true"
             },
             "controlsOuter": {
                 "type": "boolean",
-                "attribute": "controls-outer",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -846,11 +845,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "controls-outer",
                 "defaultValue": "false"
             },
             "showThumbsControls": {
                 "type": "boolean",
-                "attribute": "show-thumbs-controls",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -866,11 +865,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "show-thumbs-controls",
                 "defaultValue": "true"
             },
             "staticWhenSingle": {
                 "type": "boolean",
-                "attribute": "static-when-single",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -886,11 +885,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "static-when-single",
                 "defaultValue": "false"
             },
             "autoPlay": {
                 "type": "boolean",
-                "attribute": "auto-play",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -906,11 +905,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "auto-play",
                 "defaultValue": "false"
             },
             "slidesPerView": {
                 "type": "string",
-                "attribute": "slides-per-view",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -926,11 +925,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "slides-per-view",
                 "defaultValue": "\"auto\""
             },
             "pagination": {
                 "type": "boolean",
-                "attribute": "pagination",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -946,11 +945,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "pagination",
                 "defaultValue": "false"
             },
             "centered": {
                 "type": "boolean",
-                "attribute": "centered",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -966,11 +965,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "centered",
                 "defaultValue": "false"
             },
             "loop": {
                 "type": "boolean",
-                "attribute": "loop",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -986,11 +985,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "loop",
                 "defaultValue": "false"
             },
             "direction": {
                 "type": "string",
-                "attribute": "direction",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -1005,11 +1004,11 @@ export class SallaSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "direction"
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'carousel' | 'fullscreen' | 'thumbs' | 'default' | 'hero' | 'testimonials' | 'blog' | 'fullwidth' | ''",
@@ -1025,11 +1024,11 @@ export class SallaSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "''"
             },
             "sliderConfig": {
                 "type": "any",
-                "attribute": "slider-config",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -1047,11 +1046,11 @@ export class SallaSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "slider-config"
             },
             "thumbsConfig": {
                 "type": "any",
-                "attribute": "thumbs-config",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -1069,7 +1068,8 @@ export class SallaSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "thumbs-config"
             }
         };
     }

package/dist/collection/components/salla-social-share/salla-social-share.js

@@ -145,7 +145,6 @@ export class SallaSocialShare {
         return {
             "url": {
                 "type": "string",
-                "attribute": "url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -161,11 +160,11 @@ export class SallaSocialShare {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "url",
                 "defaultValue": "\"\""
             },
             "urlName": {
                 "type": "string",
-                "attribute": "url-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -181,11 +180,11 @@ export class SallaSocialShare {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "url-name",
                 "defaultValue": "\"\""
             },
             "platforms": {
                 "type": "string",
-                "attribute": "platforms",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -201,6 +200,7 @@ export class SallaSocialShare {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "platforms",
                 "defaultValue": "'facebook,twitter,whatsapp,email,copy_link'"
             }
         };

package/dist/collection/components/salla-tabs/salla-tab-content.js

@@ -47,7 +47,6 @@ export class SallaTabContent {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -62,7 +61,8 @@ export class SallaTabContent {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             }
         };
     }

package/dist/collection/components/salla-tabs/salla-tab-header.js

@@ -70,7 +70,6 @@ export class SallaTabHeader {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -85,11 +84,11 @@ export class SallaTabHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "activeClass": {
                 "type": "string",
-                "attribute": "active-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -105,11 +104,11 @@ export class SallaTabHeader {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "active-class",
                 "defaultValue": "undefined"
             },
             "height": {
                 "type": "any",
-                "attribute": "height",
                 "mutable": false,
                 "complexType": {
                     "original": "number | string",
@@ -125,11 +124,11 @@ export class SallaTabHeader {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "height",
                 "defaultValue": "undefined"
             },
             "centered": {
                 "type": "boolean",
-                "attribute": "centered",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -145,6 +144,7 @@ export class SallaTabHeader {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "centered",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/salla-tabs/salla-tabs.js

@@ -68,7 +68,6 @@ export class SallaTabs {
         return {
             "backgroundColor": {
                 "type": "string",
-                "attribute": "background-color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -84,11 +83,11 @@ export class SallaTabs {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "background-color",
                 "defaultValue": "undefined"
             },
             "vertical": {
                 "type": "boolean",
-                "attribute": "vertical",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -104,6 +103,7 @@ export class SallaTabs {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "vertical",
                 "defaultValue": "false"
             }
         };