@salla.sa/twilight-components 2.14.507 → 2.14.508

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 const sallaNotificationsCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var Helper = require('./Helper-B2B-kxAI.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 var PageType;
 (function (PageType) {

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 const sallaOrderCancelCss = ".s-order-cancel-reason .s-order-cancel-radio::before,.s-order-cancel-reason .s-radio::before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:120ms transform ease-in-out;background-color:#fff;box-shadow:inset 1em 1em #fff}.s-order-cancel-reason .s-order-cancel-radio:checked::before,.s-order-cancel-reason .s-radio:checked::before{transform:scale(1);background-color:var(--color-primary);box-shadow:inset 1em 1em var(--color-primary)}";
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 const sallaOrderDetailsCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var helpers = require('./helpers-BJ2rnhxz.js');
 require('./interfaces-Bh7W0bEU.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 require('./anime.es-BqW8JHZi.js');
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-card_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-B2B-kxAI.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-v2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var star = require('./star-DMzrN05M.js');
 var shippingFast = require('./shipping-fast-CsqEQE78.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var image = require('./image-BoZ6Hums.js');

package/dist/cjs/salla-review-factors-tags.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var star2 = require('./star2-R146a27p.js');
 
 const CACHE_TTL = 5 * 60 * 1000;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var search = require('./search-c7Aa7lM9.js');
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 require('./anime.es-BqW8JHZi.js');

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-C9D8MHae.js');
@@ -110,7 +110,7 @@ const SallaSocialShare = class {
         if (this.host.hasAttribute('aria-label')) {
             this.host.removeAttribute('aria-label');
         }
-        if (document.getElementById('a2a-script')) {
+        if (salla.mobile?.isEnabled?.() || document.getElementById('a2a-script')) {
             return;
         }
         const script = document.createElement('script');
@@ -239,6 +239,13 @@ const SallaSocialShare = class {
         this.deferOutsideClickGuard();
         return this.open();
     }
+    handleShareClick() {
+        if (salla.mobile?.isEnabled?.()) {
+            salla.event.dispatch('mobile::share.open', { url: this.getShareUrl() });
+            return;
+        }
+        void this.toggle();
+    }
     /**
      * Asynchronously initializes the "AddToAny" (a2a) social sharing tool on the current page.
      * If the global object `window.a2a` is available, it initializes the tool with the 'page' mode.
@@ -373,7 +380,7 @@ const SallaSocialShare = class {
         })));
     }
     render() {
-        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()));
+        return (index.h("div", { key: 'a96314583de0fd531a9cbc1298efd3c367dae23d', class: "s-social-share-wrapper" }, index.h("slot", { key: '9f8a1789871e46f02e06cf29a52404a5f01b1e5f', name: "widget" }, index.h("salla-button", { key: '22c00cfa4d3ca197d4016efcb6e1c49e54b923cf', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: '4e030b48ba5e673e66ac135f90e6b395c28df403', 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-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var facebook = require('./facebook-DbXua6B9.js');
 
 var instagram = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 const sallaTabContentCss = "";
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.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}";
 

package/dist/cjs/salla-trust-badges.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 const sallaTrustBadgesCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
 var bellRing = require('./bell-ring-BfKPinNo.js');
 var cart = require('./cart-s-x1Fshk.js');

package/dist/cjs/salla-user-profile.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 
 const sallaUserProfileCss = ":host{display:block}";

package/dist/cjs/salla-user-settings.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 var Bullhorn = `<!-- 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-verify.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 var mail = require('./mail-C9D8MHae.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";
 

package/dist/cjs/salla-wishlist-actions.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 const sallaWishlistActionsCss = ":host{display:block}.s-wishlist-actions-menu{min-width:200px;inset-inline-end:0;inset-inline-start:auto;list-style:none;margin:0;padding:4px 0;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}.s-wishlist-actions-menu-item{display:block;width:100%;padding:10px 16px;text-align:start;font-size:0.875rem;color:#374151;background:transparent;cursor:pointer;white-space:nowrap}.s-wishlist-actions-menu-item:hover{background-color:#f3f4f6;color:var(--color-primary)}.s-wishlist-actions-panel{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.s-wishlist-actions-panel-select-all{user-select:none}.s-wishlist-actions-select-all:indeterminate,.s-wishlist-actions-select-all:indeterminate:hover,.s-wishlist-actions-select-all:indeterminate:focus{background-color:var(--color-primary);border-color:var(--color-primary)}.s-wishlist-actions-select-all:indeterminate::after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#fff;border:none;transform:translate(-50%, -50%)}.s-wishlist-actions-social-anchor{display:none}h1.s-wishlist-actions-page-title{text-align:start !important}";
 

package/dist/cjs/{tracked-promise-C69FwhCX.js → tracked-promise--XbBsK1N.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 function TrackedPromise(fn, options = {}) {
     options = Object.assign({ initialData: undefined, initialStatus: 'idle' }, options);

package/dist/cjs/twilight.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{vanilla-picker-BDDWkkNu.js → vanilla-picker-D_g2rKwM.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DDEOCBF1.js');
+var index = require('./index-hhUDuquL.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

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

@@ -82,7 +82,7 @@ export class SallaSocialShare {
         if (this.host.hasAttribute('aria-label')) {
             this.host.removeAttribute('aria-label');
         }
-        if (document.getElementById('a2a-script')) {
+        if (salla.mobile?.isEnabled?.() || document.getElementById('a2a-script')) {
             return;
         }
         const script = document.createElement('script');
@@ -211,6 +211,13 @@ export class SallaSocialShare {
         this.deferOutsideClickGuard();
         return this.open();
     }
+    handleShareClick() {
+        if (salla.mobile?.isEnabled?.()) {
+            salla.event.dispatch('mobile::share.open', { url: this.getShareUrl() });
+            return;
+        }
+        void this.toggle();
+    }
     /**
      * Asynchronously initializes the "AddToAny" (a2a) social sharing tool on the current page.
      * If the global object `window.a2a` is available, it initializes the tool with the 'page' mode.
@@ -345,7 +352,7 @@ export class SallaSocialShare {
         })));
     }
     render() {
-        return (h("div", { key: 'e934ffb94fea491d445e62f26fcf98914ff0a399', class: "s-social-share-wrapper" }, h("slot", { key: '8dbf4a0c3fb6fb17a0a7c32ace57b357708c0678', name: "widget" }, h("salla-button", { key: 'eb6459bc99d4587bbfc6c0399003a2860d6992b0', "aria-label": "Share", onClick: () => this.toggle(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '3394f64755bd0bc07839b1a513f5459c8258f096', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (h("div", { key: 'a96314583de0fd531a9cbc1298efd3c367dae23d', class: "s-social-share-wrapper" }, h("slot", { key: '9f8a1789871e46f02e06cf29a52404a5f01b1e5f', name: "widget" }, h("salla-button", { key: '22c00cfa4d3ca197d4016efcb6e1c49e54b923cf', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '4e030b48ba5e673e66ac135f90e6b395c28df403', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     static get is() { return "salla-social-share"; }
     static get originalStyleUrls() {