@salla.sa/twilight-components 2.14.455 → 2.14.456

package/dist/components/salla-trust-badges.js

@@ -15,10 +15,176 @@ const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadg
         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
@@ -66,12 +232,17 @@ const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadg
         }
         return (h(Host, { class: `s-trust-badges-wrapper ${this.dark ? 'dark' : ''}` }, h("img", { class: "s-trust-badges-image", width: "55", height: "55", src: badgeData.imageUrl, alt: badgeData.label }), h("div", { class: "s-trust-badges-content" }, h("p", { class: "s-trust-badges-label" }, badgeData.label), h("b", { class: "s-trust-badges-number" }, badgeData.number))));
     }
+    get hostEl() { return this; }
     static get style() { return sallaTrustBadgesCss; }
 }, [0, "salla-trust-badges", {
         "dark": [4],
         "commercialRegisterLabel": [32],
         "freelanceLabel": [32]
     }]);
+SallaTrustBadges$1.OPACITY_THRESHOLD = 0.1;
+SallaTrustBadges$1.ENFORCE_DEBOUNCE_MS = 1500;
+SallaTrustBadges$1.ENFORCE_MAX_WAIT_MS = 3000;
+SallaTrustBadges$1.HIDE_PREVENTED_LOGGED_KEY = 'salla::trust-badges-hide-prevented-logged';
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/esm/{filepond-HUxLccYt.js → filepond-CRlzgcIb.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-B27mc3DA.js';
+import { d as getDefaultExportFromCjs } from './index-CF5lYEtt.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-CKU5WMer.js → filepond-plugin-file-poster-ByayYzo6.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-B27mc3DA.js';
+import { d as getDefaultExportFromCjs } from './index-CF5lYEtt.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-BJ7uOb2z.js → filepond-plugin-file-validate-size-Dzbvm4bE.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-B27mc3DA.js';
+import { d as getDefaultExportFromCjs } from './index-CF5lYEtt.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-ZilEA2CP.js → filepond-plugin-file-validate-type-BLR4c3Mg.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-B27mc3DA.js';
+import { d as getDefaultExportFromCjs } from './index-CF5lYEtt.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-k3H2LHPc.js → filepond-plugin-image-edit-C3Xg8l5R.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-B27mc3DA.js';
+import { d as getDefaultExportFromCjs } from './index-CF5lYEtt.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-C1fWSMsF.js → filepond-plugin-image-exif-orientation-CVUrfrNW.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-B27mc3DA.js';
+import { d as getDefaultExportFromCjs } from './index-CF5lYEtt.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-CBiR7yYc.js → filepond-plugin-image-preview-CGO8PkcS.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-B27mc3DA.js';
+import { d as getDefaultExportFromCjs } from './index-CF5lYEtt.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{functions-BUK_6AVv.js → functions-gyNQgO8M.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-B27mc3DA.js';
+import { h } from './index-CF5lYEtt.js';
 
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);