@salla.sa/twilight-components 2.14.475 → 2.14.476

package/dist/cjs/salla-loyalty-reward.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
-var functions = require('./functions-EwUKSxdM.js');
+var index = require('./index-CvkzTFUU.js');
+var functions = require('./functions-lMzyaZ1L.js');
 var gift = require('./gift-DbNivqYO.js');
 
 const sallaLoyaltyProgramCss = "";

package/dist/cjs/salla-loyalty.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var star2 = require('./star2-R146a27p.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 

package/dist/cjs/salla-maintenance-alert.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 
 const sallaMaintenanceAlertCss = ".s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}";

package/dist/cjs/salla-map_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var location = require('./location-DIyESLuI.js');
 
 var Edit = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-menu.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaMenuCss = ":host{display:block}";
 

package/dist/cjs/salla-metadata.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaMetadataCss = "";
 

package/dist/cjs/salla-multiple-bundle-product-cart_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaMultipleBundleProductCartCss = "";
 

package/dist/cjs/salla-multiple-bundle-product-options-modal_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 const sallaMultipleBundleProductOptionsModalCss = ":host{display:block}";

package/dist/cjs/salla-multiple-bundle-product.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaMultipleBundleProductCss = ":host{display:block}";
 

package/dist/cjs/salla-next-order-coupon.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var tagMoney = require('./tag-money-Cuohw_4j.js');
 var swapStroke = require('./swap-stroke-CYGxjKIS.js');
 

package/dist/cjs/salla-notification-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaNotificationsCss = "";
 

package/dist/cjs/salla-notifications.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var Helper = require('./Helper-CgGR9Qf8.js');
 require('./anime.es-BqW8JHZi.js');
 

package/dist/cjs/salla-offer-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var specialDiscount = require('./special-discount-DC2oXurL.js');
 var tag = require('./tag-D-PcUR33.js');
 var cart2 = require('./cart2-B98PSAFN.js');

package/dist/cjs/salla-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 var PageType;
 (function (PageType) {

package/dist/cjs/salla-order-branch.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 function parseMaybeJson(value, fallback) {
     if (typeof value !== 'string') {

package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

package/dist/cjs/salla-order-details-options.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 var copyIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-order-details.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaOrderDetailsCss = "";
 

package/dist/cjs/salla-order-edit-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var helpers = require('./helpers-BJ2rnhxz.js');
 require('./interfaces-Bh7W0bEU.js');
 

package/dist/cjs/salla-order-edit-product-card.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaOrderEditProductCardCss = ":host{display:block;min-width:0}";
 

package/dist/cjs/salla-order-edit.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var helpers = require('./helpers-BJ2rnhxz.js');
 require('./interfaces-Bh7W0bEU.js');
 

package/dist/cjs/salla-order-options-modal_3.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-CgGR9Qf8.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-order-summary.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var swapStroke = require('./swap-stroke-CYGxjKIS.js');
 var check = require('./check-BnVBPQNp.js');
 

package/dist/cjs/salla-order-totals-card.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

package/dist/cjs/salla-orders.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var Helper = require('./Helper-CgGR9Qf8.js');
 require('./anime.es-BqW8JHZi.js');
 

package/dist/cjs/salla-payments.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaPaymentsCss = ":host{display:block}";
 

package/dist/cjs/salla-placeholder.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 var Inbox = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-price-range.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-product-card-embed.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaProductCardEmbedCss = "@charset \"UTF-8\";:host{display:inline-block;vertical-align:top;max-width:12rem}:host([align=left]){float:inline-start;margin-block-end:1em;margin-inline-end:1em;shape-outside:margin-box}:host([align=right]){float:inline-end;margin-block-end:1em;margin-inline-start:1em;shape-outside:margin-box}:host([align=center]){display:block;clear:both;margin-block:1em;margin-inline:auto}.s-product-card-embed-card{display:block}";
 

package/dist/cjs/salla-product-size-guide.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-products-list.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-CgGR9Qf8.js');

package/dist/cjs/salla-quick-order.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var iphoneX = require('./iphone-x-qC21wCLj.js');
 var mail = require('./mail-C9D8MHae.js');
 var cancel = require('./cancel-B5SbMYEk.js');

package/dist/cjs/salla-rating-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CgGR9Qf8.js');

package/dist/cjs/salla-reward-action_4.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
-var functions = require('./functions-EwUKSxdM.js');
+var index = require('./index-CvkzTFUU.js');
+var functions = require('./functions-lMzyaZ1L.js');
 var gift = require('./gift-DbNivqYO.js');
 var tag = require('./tag-D-PcUR33.js');
 var check = require('./check-BnVBPQNp.js');
 var cancel = require('./cancel-B5SbMYEk.js');
-var trackedPromise = require('./tracked-promise-C4Tvqvi9.js');
+var trackedPromise = require('./tracked-promise-ChTKDERU.js');
 
 const sallaLoyaltyProgramCss$3 = "";
 

package/dist/cjs/salla-scopes.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var search = require('./search-c7Aa7lM9.js');
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->
@@ -55,13 +55,23 @@ const SallaScopees = class {
             }
             return salla.lang.get('blocks.scope.search_for_availability_in_other_branches');
         };
-        salla.event.on('scopes::open', ({ mode = null, product_id = null }) => {
+        salla.event.on('scopes::open', ({ mode = null, product_id = null } = {}) => {
             this.open(mode, product_id);
         });
         salla.lang.onLoaded(() => {
             this.translationLoaded = true;
         });
     }
+    /**
+     * Whether to hand scope selection to the native app instead of rendering the web modal.
+     * NEW, opt-in override gated on `theme.is_spa_webview`: only the SPA webview delegates the scope
+     * sheet to native — existing mobile apps keep the web modal, so this is not a breaking change.
+     * Still require the bridge to be live so a shell that can't handle it degrades gracefully to the
+     * web modal rather than leaving scope selection with no UI at all.
+     */
+    get isNativeApp() {
+        return !!salla.config.get('theme.is_spa_webview') && !!salla.mobile?.isEnabled?.();
+    }
     /**
      * Closes the scope modal.
      */
@@ -72,6 +82,12 @@ const SallaScopees = class {
      * Opens the scope modal.
      */
     async open(mode = ModeType.DEFAULT, product_id = null) {
+        // Inside a native app the shell owns the scope sheet: hand off to it and skip the web modal entirely.
+        if (this.isNativeApp) {
+            salla.log('SallaScope:: delegated open to native app');
+            salla.mobile?.openScopes?.();
+            return;
+        }
         this.hasError = false;
         this.mode = [ModeType.AVAILABILITY, ModeType.DEFAULT].includes(mode) ? mode : ModeType.DEFAULT;
         this.loading = !this.loadedScopes[this.mode];
@@ -160,7 +176,10 @@ const SallaScopees = class {
         return salla.onReady();
     }
     render() {
-        return (index.h(index.Host, { key: 'a7571c852749d4449b42e2c12d5597f6aded1f7f' }, index.h("salla-modal", { key: '48846fbac890e05c0deabe74138ad929a14796fb', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+        // Native app renders its own scope sheet; keep the web component out of the DOM.
+        if (this.isNativeApp)
+            return null;
+        return (index.h(index.Host, null, index.h("salla-modal", { ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
             index.h("div", { slot: "loading" }, index.h("div", { class: "s-scopes-skeleton" }, index.h("salla-list-tile", { class: "s-scopes-header" }, index.h("div", { slot: "icon", class: "s-scopes-header-icon" }, index.h("salla-skeleton", { type: "circle" })), index.h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, index.h("salla-skeleton", { height: '15px', width: '50%' })), index.h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, index.h("salla-skeleton", { height: '10px' }), index.h("salla-skeleton", { height: '10px', width: '75%' }))), index.h("div", { class: "s-scopes-skeleton-search" }, index.h("salla-skeleton", { height: '10px', width: '50%' }), index.h("salla-skeleton", { height: '30px', width: '100%' })), index.h("div", { class: "s-scopes-skeleton-scopes" }, index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' })), index.h("div", { class: "s-scopes-skeleton-btn" }, index.h("salla-skeleton", { height: '40px', width: '100%' }))))
             :
                 [index.h("salla-list-tile", { class: this.originalScopesList?.length ? "s-scopes-header block" : "s-hidden" }, index.h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), index.h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), index.h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), index.h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList?.length && index.h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList?.length > this.searchDisplayLimit ?
@@ -171,9 +190,9 @@ const SallaScopees = class {
     }
     async componentDidLoad() {
         await Salla.hooks.registerComponent('salla-scopes', this);
-        // * Note: Do not auto open scopes modal in mobile app
-        const isMobileApp = salla.config.isMobileApp();
-        if (isMobileApp)
+        // * Note: don't auto-pop the web modal in any native context — the modern shell owns the
+        // sheet (isNativeApp), and legacy shells (isMobileApp, no bridge) historically suppressed it too.
+        if (salla.config.isMobileApp() || this.isNativeApp)
             return;
         if (!this.isOpenedBefore && this.selection == 'mandatory') {
             this.open();

package/dist/cjs/salla-search.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CgGR9Qf8.js');
 require('./anime.es-BqW8JHZi.js');
@@ -131,10 +131,10 @@ const SallaSearch = class {
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = (index.h("div", { key: 'd7668846b013b4e8c9617193cd7457a585733960', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, index.h("div", { key: '7850ee638ab8dbe416be4fa7bd5601d821802776', class: "s-search-input-wrapper" }, index.h("span", { key: '09bfde1658f27487458076cb91954e530f91c8be', class: "s-search-icon-wrap" }, index.h("span", { key: '547eb4e1efba4bc1e46ce9a28816f4d39b26f638', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : search.Search })), index.h("input", { key: '2be7d24d980cbb37ee50c389ab03e8fa67eb3973', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
+        const searchContent = (index.h("div", { key: 'ca8dec5eb90cd0893a1a3364df34ba0ee4d60891', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, index.h("div", { key: '212f8180ecca220a8b89231311dec6cdf3ef0b06', class: "s-search-input-wrapper" }, index.h("span", { key: '51fb0f9a2e342afd35eb82b57f55471aa9e1519f', class: "s-search-icon-wrap" }, index.h("span", { key: 'e75117068c51c6d200e8e20fa0f00ca02ed0c61d', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : search.Search })), index.h("input", { key: '442b1704b75a33e8c9e02da8200151a1d8e8db72', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
-            } }), this.showAction ? (index.h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && index.h("span", { innerHTML: search.Search }))) : null), index.h("div", { key: 'fb09f6adaf9c4d9b798a6c10e45c446c306f0d37', class: "s-search-results" }, this.results?.data.map(product => (index.h("a", { href: product.url + '?from=search-bar', class: {
+            } }), this.showAction ? (index.h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && index.h("span", { innerHTML: search.Search }))) : null), index.h("div", { key: 'f3b40ce4ec24678f6d8421f3da8ac9e1bd631c3a', class: "s-search-results" }, this.results?.data.map(product => (index.h("a", { href: product.url + '?from=search-bar', class: {
                 's-search-product': true,
                 's-search-product-not-available': !product.is_available,
             }, innerHTML: this.productSlot
@@ -143,9 +143,9 @@ const SallaSearch = class {
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price
                 ? salla.money(product.regular_price)
                 : '')
-                .replace(/\{image\}/g, product.image.url) }))), index.h("p", { key: '7f81403f86aeddca49b39ca84750a7f148416e51', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (index.h("salla-modal", { key: '75909547a855ed368527746c0d342309b6b1b656', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (index.h("div", { key: '480110779039e31eb43a5cfb321ca3a53d36d986', class: "s-search-placeholder-wrapper s-search-inline" }, index.h("div", { key: 'ef5e5f05279cb5324f9981e6a73a926f36a28317', class: "s-search-input-wrapper" }, index.h("span", { key: 'def894edb583c66b66abde7b54602da821fe10ee', class: "s-search-icon-wrap" }, index.h("span", { key: '6d38ace3c0cc4bc98d9a87b0b558187ba82f57e3', class: "s-search-icon", innerHTML: search.Search })), index.h("button", { key: 'ff4ebaeb0eb6315121cd5927784783f34ee174fc', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), index.h("p", { key: 'fdbb21061c599a59c6d828eec80e8d591a708cca', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (index.h("salla-modal", { key: 'ca90aea3fb92d1ba7d8270c26e2ecd82d5018784', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (index.h("div", { key: '73333ce51cabadc4963a9fe9d1372bb7d63925c8', class: "s-search-placeholder-wrapper s-search-inline" }, index.h("div", { key: '77a66e9bba504557160c8c50d91f1216cc68f253', class: "s-search-input-wrapper" }, index.h("span", { key: '18fb5ce6e3e72874e76dd1ef2c6db8718a68f778', class: "s-search-icon-wrap" }, index.h("span", { key: '63b9e9af1c51647df734cc4d5cf7a825b922ce38', class: "s-search-icon", innerHTML: search.Search })), index.h("button", { key: 'b70169ed2d80ec2ad6b09952ad104824610212df', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
             } }, salla.lang.get('blocks.header.search_placeholder'))), modalContent));

package/dist/cjs/salla-skeleton.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaSkeletonCss = ":host{display:block}";
 
@@ -28,7 +28,7 @@ const SallaSkeleton = class {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (index.h(index.Host, { key: '9f9448d939ba69f60eca8dc6ea2ff98a047d6770', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, index.h("div", { key: '3b43bb472316b5541a90081a5f3cb6ef91558212', class: classes }, "\u00A0")));
+        return (index.h(index.Host, { key: '7b36da96585cfefe9aa96df6262be14f6a03c585', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, index.h("div", { key: '568ae1bc0aeae182bb32468b19601c0245e9617d', class: classes }, "\u00A0")));
     }
 };
 SallaSkeleton.style = sallaSkeletonCss;

package/dist/cjs/salla-slider.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 /**

package/dist/cjs/salla-social-share.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-C9D8MHae.js');
@@ -373,7 +373,7 @@ const SallaSocialShare = class {
         })));
     }
     render() {
-        return (index.h("div", { key: '3efc177a91c23e62773bb6548494df7a774676c6', class: "s-social-share-wrapper" }, index.h("slot", { key: 'b02b4ddb6b04289ef2a8e73db50ea95a5256cf62', name: "widget" }, index.h("salla-button", { key: '397c35a10d593bdc6cda6a655b4a1eec93c77c63', "aria-label": "Share", onClick: () => this.toggle(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: '959e6d599cc3bd5c1a77943153317fe5a1ece5f2', innerHTML: this.opened ? cancel.SICancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (index.h("div", { key: 'e934ffb94fea491d445e62f26fcf98914ff0a399', class: "s-social-share-wrapper" }, index.h("slot", { key: '8dbf4a0c3fb6fb17a0a7c32ace57b357708c0678', name: "widget" }, index.h("salla-button", { key: 'eb6459bc99d4587bbfc6c0399003a2860d6992b0', "aria-label": "Share", onClick: () => this.toggle(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: '3394f64755bd0bc07839b1a513f5459c8258f096', innerHTML: this.opened ? cancel.SICancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/salla-social.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 var facebook = require('./facebook-DbXua6B9.js');
 
 var instagram = `<!-- Generated by IcoMoon.io -->
@@ -57,7 +57,7 @@ const SallaSocial = class {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (index.h(index.Host, { key: '27639596a37f52686c1ac4b1a825fa143747216c' }, index.h("ul", { key: '9f6a6c96fe124fda09d2b879e3825ef73ec29c2c', class: "s-social-list" }, linksArray.map((link) => (index.h("li", { class: "s-social-link" }, index.h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (index.h(index.Host, { key: 'e7d69dbae46ef54588471875ada751103d14d393' }, index.h("ul", { key: 'ff4b15127e6664cca17fa7f6f49e4cda25829d74', class: "s-social-list" }, linksArray.map((link) => (index.h("li", { class: "s-social-link" }, index.h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

package/dist/cjs/salla-tab-content_3.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaTabContentCss = "";
 
@@ -33,7 +33,7 @@ const SallaTabContent = class {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (index.h("div", { key: 'ef2a7a6b75062126dbac4fc53105ca6dc5ab4728', class: classes }, index.h("slot", { key: '89a592a2842153c6f55b33b3316d89a05cc3a0a3' })));
+        return (index.h("div", { key: 'f5cfa9676bc8314149cb78e103b9ef580c0d7559', class: classes }, index.h("slot", { key: '1b86591377c09f1acb25cda20024b3af9c6a874d' })));
     }
 };
 SallaTabContent.style = sallaTabContentCss;
@@ -92,7 +92,7 @@ const SallaTabHeader = class {
             's-tabs-active': this.isSelected,
         };
         return [
-            index.h("div", { key: 'b4dcb10997ec9ed5ff1bbbdac8bca1a3ad444c58', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: 'a559305d89f33a69ea46037f07bb4ac0c4ba9ea0' })),
+            index.h("div", { key: 'a9548ed2a74d30e6fcf365dbe26aa5f7fdab2468', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: '547edd40aab5843c6035bd3c36a34d9449dc12d3' })),
         ];
     }
 };
@@ -145,7 +145,7 @@ const SallaTabs = class {
     }
     render() {
         return [
-            index.h("div", { key: 'd737bf1fc954f100895a60c1792af417b5f9cfeb', class: "s-tabs" }, index.h("div", { key: '6c0eb84f5729076d71704ab0163705c890925c1d', class: "s-tabs-header" }, index.h("slot", { key: 'cee0bf016128d3fb81c0fe495dfe0f1efaa38eb9', name: "header" })), index.h("div", { key: 'f9c85830bbddfa7ca1ac4c99cdc6428636c25020', class: "s-tabs-content-wrapper" }, index.h("slot", { key: 'd4c9c98cc5510619c0b13acc95518cd4bd647372', name: "content" })))
+            index.h("div", { key: 'e9054cb114c2bd66940b6afa98d7c7c230353a74', class: "s-tabs" }, index.h("div", { key: 'd245f64aef9b7fd77c9c51eb1d86ddfd9202e5fb', class: "s-tabs-header" }, index.h("slot", { key: 'f1b9a982cd746d637db5d514cb691f188af0cb7e', name: "header" })), index.h("div", { key: '0ba8441707b087a8c4d068b1a72bf10c8efb41cc', class: "s-tabs-content-wrapper" }, index.h("slot", { key: 'afcee28724a5a9ce263fcc3a38d624a631069945', name: "content" })))
         ];
     }
     get host() { return index.getElement(this); }

package/dist/cjs/salla-tiered-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 var DiscountType;
 (function (DiscountType) {

package/dist/cjs/salla-tooltip.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Ct9HgIyS.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-63%) translateY(-50%);background-color:var(--color-primary);color:var(--color-primary-reverse);bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-primary) transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";
 
@@ -33,7 +33,7 @@ const SallaTooltip = class {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (index.h("div", { key: '8d1ca64f3e7debdf91b568db90a6f9232d52bb67', class: "s-tooltip-container" }, index.h("div", { key: 'e9a5c89186a60da8e7b60dbcec798a6cbc5abfe2', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? index.h("span", null, this.text) : index.h("slot", null))));
+        return (index.h("div", { key: '84dfb23d4eb2689ff71b65c4a8b24dd36f8cb6ca', class: "s-tooltip-container" }, index.h("div", { key: '59d3bac320e20f99de1c4bf49531a61962190efc', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? index.h("span", null, this.text) : index.h("slot", null))));
     }
     get el() { return index.getElement(this); }
 };