@salla.sa/twilight-components 2.14.455 → 2.14.456

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

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

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-CU4Xuiki.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-progress-bar.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CXqniRSt.js');
+var index = require('./index-MWekS0mu.js');
 
 const sallaProgressBarCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CXqniRSt.js');
+var index = require('./index-MWekS0mu.js');
 var iphoneX = require('./iphone-x-qC21wCLj.js');
 var mail = require('./mail-Bgvt2hc9.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CU4Xuiki.js');

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

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-CXqniRSt.js');
-var functions = require('./functions-BlV_viZ0.js');
+var index = require('./index-MWekS0mu.js');
+var functions = require('./functions-CzTE1Can.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-TlVxYBIU.js');
+var trackedPromise = require('./tracked-promise-DzmWHAH-.js');
 
 const sallaLoyaltyProgramCss$3 = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-Bgvt2hc9.js');

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

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

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.js');
 
 const sallaTrustBadgesCss = "";
 
@@ -16,10 +16,176 @@ const SallaTrustBadges = class {
         this.dark = false;
         this.commercialRegisterLabel = '';
         this.freelanceLabel = '';
+        this.cachedChain = [];
+        this.enforceVisibility = () => {
+            const host = this.hostEl;
+            if (!host || !host.isConnected)
+                return;
+            const badgeData = this.getBadgeData();
+            if (!badgeData)
+                return;
+            if (this.isHostVisible(host))
+                return;
+            for (const el of this.getAncestorChain(host)) {
+                const computed = getComputedStyle(el);
+                if (computed.display === 'none') {
+                    el.style.setProperty('display', 'flex', 'important');
+                }
+                if (computed.visibility === 'hidden' || computed.visibility === 'collapse') {
+                    el.style.setProperty('visibility', 'visible', 'important');
+                }
+                if (parseFloat(computed.opacity) < SallaTrustBadges.OPACITY_THRESHOLD) {
+                    el.style.setProperty('opacity', '1', 'important');
+                }
+                if (computed.contentVisibility === 'hidden') {
+                    el.style.setProperty('content-visibility', 'visible', 'important');
+                }
+            }
+            this.logHidePreventedOnce(badgeData.type);
+        };
+        this.runEnforce = () => {
+            this.clearEnforceTimers();
+            this.enforceVisibility();
+        };
     }
     componentWillLoad() {
         this.initializeTranslations();
     }
+    connectedCallback() {
+        this.setupVisibilityGuard();
+    }
+    componentDidLoad() {
+        this.scheduleEnforce();
+    }
+    componentDidRender() {
+        this.scheduleEnforce();
+    }
+    disconnectedCallback() {
+        this.attrObserver?.disconnect();
+        this.attrObserver = undefined;
+        this.moveObserver?.disconnect();
+        this.moveObserver = undefined;
+        this.cachedChain = [];
+        this.clearEnforceTimers();
+    }
+    getAncestorChain(host) {
+        const chain = [];
+        let el = host;
+        while (el) {
+            chain.push(el);
+            if (el === document.documentElement)
+                break;
+            el = el.parentElement;
+        }
+        return chain;
+    }
+    didChainChange(host) {
+        const now = this.getAncestorChain(host);
+        if (now.length !== this.cachedChain.length)
+            return true;
+        for (let i = 0; i < now.length; i++) {
+            if (now[i] !== this.cachedChain[i])
+                return true;
+        }
+        return false;
+    }
+    isHostVisible(host) {
+        return typeof host.checkVisibility === 'function'
+            ? host.checkVisibility({
+                contentVisibilityAuto: true,
+                opacityProperty: true,
+                visibilityProperty: true,
+            })
+            : this.isVisibleFallback(host);
+    }
+    isVisibleFallback(host) {
+        let el = host;
+        while (el) {
+            const cs = getComputedStyle(el);
+            if (cs.display === 'none')
+                return false;
+            if (cs.visibility === 'hidden' || cs.visibility === 'collapse')
+                return false;
+            if (parseFloat(cs.opacity) < SallaTrustBadges.OPACITY_THRESHOLD)
+                return false;
+            if (cs.contentVisibility === 'hidden')
+                return false;
+            if (el === document.documentElement)
+                break;
+            el = el.parentElement;
+        }
+        return true;
+    }
+    // Log a prevented hide attempt once per device; never let telemetry block the repair.
+    logHidePreventedOnce(type) {
+        try {
+            if (salla.storage.get(SallaTrustBadges.HIDE_PREVENTED_LOGGED_KEY))
+                return;
+            salla.analytics?.log('salla::trust-badges.hide-prevented', { type });
+            salla.storage.set(SallaTrustBadges.HIDE_PREVENTED_LOGGED_KEY, true);
+        }
+        catch { }
+    }
+    clearEnforceTimers() {
+        if (this.enforceTimer !== undefined) {
+            clearTimeout(this.enforceTimer);
+            this.enforceTimer = undefined;
+        }
+        if (this.maxWaitTimer !== undefined) {
+            clearTimeout(this.maxWaitTimer);
+            this.maxWaitTimer = undefined;
+        }
+    }
+    scheduleEnforce() {
+        // Debounce waits for an entrance animation to settle; maxWait bounds it so endless chain mutations can't starve the repair.
+        if (this.enforceTimer !== undefined)
+            clearTimeout(this.enforceTimer);
+        this.enforceTimer = setTimeout(this.runEnforce, SallaTrustBadges.ENFORCE_DEBOUNCE_MS);
+        if (this.maxWaitTimer === undefined) {
+            this.maxWaitTimer = setTimeout(this.runEnforce, SallaTrustBadges.ENFORCE_MAX_WAIT_MS);
+        }
+    }
+    setupVisibilityGuard() {
+        const host = this.hostEl;
+        if (!host || typeof MutationObserver === 'undefined')
+            return;
+        this.attrObserver?.disconnect();
+        this.moveObserver?.disconnect();
+        this.attrObserver = new MutationObserver(() => {
+            const h = this.hostEl;
+            if (!h || !h.isConnected)
+                return;
+            if (this.isHostVisible(h))
+                return;
+            this.scheduleEnforce();
+        });
+        this.attachAttrObserver(host);
+        this.moveObserver = new MutationObserver(() => {
+            const h = this.hostEl;
+            if (!h || !h.isConnected)
+                return;
+            if (!this.didChainChange(h))
+                return;
+            this.attachAttrObserver(h);
+            this.scheduleEnforce();
+        });
+        this.moveObserver.observe(document.documentElement, {
+            childList: true,
+            subtree: true,
+        });
+    }
+    attachAttrObserver(host) {
+        if (!this.attrObserver)
+            return;
+        this.attrObserver.disconnect();
+        this.cachedChain = this.getAncestorChain(host);
+        for (const el of this.cachedChain) {
+            this.attrObserver.observe(el, {
+                attributes: true,
+                attributeFilter: ['style', 'class', 'hidden'],
+            });
+        }
+    }
     initializeTranslations() {
         salla.lang.onLoaded(() => {
             // Set translations synchronously
@@ -67,7 +233,12 @@ const SallaTrustBadges = class {
         }
         return (index.h(index.Host, { class: `s-trust-badges-wrapper ${this.dark ? 'dark' : ''}` }, index.h("img", { class: "s-trust-badges-image", width: "55", height: "55", src: badgeData.imageUrl, alt: badgeData.label }), index.h("div", { class: "s-trust-badges-content" }, index.h("p", { class: "s-trust-badges-label" }, badgeData.label), index.h("b", { class: "s-trust-badges-number" }, badgeData.number))));
     }
+    get hostEl() { return index.getElement(this); }
 };
+SallaTrustBadges.OPACITY_THRESHOLD = 0.1;
+SallaTrustBadges.ENFORCE_DEBOUNCE_MS = 1500;
+SallaTrustBadges.ENFORCE_MAX_WAIT_MS = 3000;
+SallaTrustBadges.HIDE_PREVENTED_LOGGED_KEY = 'salla::trust-badges-hide-prevented-logged';
 SallaTrustBadges.style = sallaTrustBadgesCss;
 
 exports.salla_trust_badges = SallaTrustBadges;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.js');
 var mail = require('./mail-Bgvt2hc9.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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/{tracked-promise-TlVxYBIU.js → tracked-promise-DzmWHAH-.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CXqniRSt.js');
+var index = require('./index-MWekS0mu.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-CXqniRSt.js');
+var index = require('./index-MWekS0mu.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{vanilla-picker-B3HS631p.js → vanilla-picker-D7NBRp4f.js}

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