@swisspost/design-system-components 9.0.0-next.18 → 9.0.0-next.19

package/loaders/post-popovercontainer2.js

@@ -2103,15 +2103,9 @@ const computePosition = (reference, floating, options) => {
   }
 `,E=null;function I(e){if(E===null)try{E=new CSSStyleSheet,E.replaceSync(C);}catch{E=!1;}if(E===!1){let t=document.createElement("style");t.textContent=C,e instanceof Document?e.head.prepend(t):e.prepend(t);}else e.adoptedStyleSheets=[E,...e.adoptedStyleSheets];}function K(){window.ToggleEvent=window.ToggleEvent||c;function e(n){return n?.includes(":popover-open")&&(n=n.replace(J,"$1.\\:popover-open")),n}f(Document.prototype,"querySelector",e),f(Document.prototype,"querySelectorAll",e),f(Element.prototype,"querySelector",e),f(Element.prototype,"querySelectorAll",e),f(Element.prototype,"matches",e),f(Element.prototype,"closest",e),f(DocumentFragment.prototype,"querySelectorAll",e),f(DocumentFragment.prototype,"querySelectorAll",e),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;let n=(this.getAttribute("popover")||"").toLowerCase();return n===""||n=="auto"?"auto":"manual"},set(n){this.setAttribute("popover",n);}},showPopover:{enumerable:!0,configurable:!0,value(){S(this);}},hidePopover:{enumerable:!0,configurable:!0,value(){m(this,!0,!0);}},togglePopover:{enumerable:!0,configurable:!0,value(n){h.get(this)==="showing"&&n===void 0||n===!1?m(this,!0,!0):(n===void 0||n===!0)&&S(this);}}});let t=Element.prototype.attachShadow;t&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(n){let s=t.call(this,n);return I(s),s}}});let o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){let n=o.call(this);return n.shadowRoot&&I(n.shadowRoot),n}}});let r=new WeakMap;function i(n){Object.defineProperties(n.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(s){if(s===null)this.removeAttribute("popovertarget"),r.delete(this);else if(s instanceof Element)this.setAttribute("popovertarget",""),r.set(this,s);else throw new TypeError("popoverTargetElement must be an element or null")},get(){if(this.localName!=="button"&&this.localName!=="input"||this.localName==="input"&&this.type!=="reset"&&this.type!=="image"&&this.type!=="button"||this.disabled||this.form&&this.type==="submit")return null;let s=r.get(this);if(s&&s.isConnected)return s;if(s&&!s.isConnected)return r.delete(this),null;let u=v(this),w=this.getAttribute("popovertarget");return (u instanceof Document||u instanceof B)&&w&&u.getElementById(w)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){let s=(this.getAttribute("popovertargetaction")||"").toLowerCase();return s==="show"||s==="hide"?s:"toggle"},set(s){this.setAttribute("popovertargetaction",s);}}});}i(HTMLButtonElement),i(HTMLInputElement);let l=n=>{if(!n.isTrusted)return;let s=n.composedPath()[0];if(!(s instanceof Element)||s?.shadowRoot)return;let u=v(s);if(!(u instanceof B||u instanceof Document))return;let w=s.closest("[popovertargetaction],[popovertarget]");if(w){O(w),n.preventDefault();return}},a=n=>{let s=n.key,u=n.target;!n.defaultPrevented&&u&&(s==="Escape"||s==="Esc")&&T(u.ownerDocument,!0,!0);};(n=>{n.addEventListener("click",l),n.addEventListener("keydown",a),n.addEventListener("pointerdown",x),n.addEventListener("pointerup",x);})(document),I(document);}j()||K();})();
 
-const postPopovercontainerCss = "@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\\:popover-open){display:none}}}:where(post-popovercontainer){box-shadow:var(--post-device-elevation-300);background:var(--post-current-palette-bg);color:var(--post-current-palette-fg);position:fixed;z-index:1060;width:max-content;margin:0;padding:0;box-sizing:border-box;border:2px solid rgba(0,0,0,0);border-radius:4px;overflow:visible}:where(post-popovercontainer)[tooltip]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:where(post-popovercontainer):not(:has(.arrow)){box-shadow:var(--post-device-elevation-300)}:where(post-popovercontainer):has(.arrow){filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.top){filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.left){filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.right){filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer) .arrow{position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:where(post-popovercontainer) .arrow.top{border-left:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.right{border-right:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.left{border-left:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.bottom{border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}";
+const postPopovercontainerCss = "@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\\:popover-open){display:none}}}:where(post-popovercontainer){background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;z-index:1060;margin:0;padding:0;overflow:visible}:where(post-popovercontainer)>div{box-shadow:var(--post-device-elevation-300);width:max-content;color:var(--post-current-palette-fg);background-color:var(--post-current-palette-bg);border:2px solid rgba(0,0,0,0);border-radius:4px}:where(post-popovercontainer)[tooltip]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:where(post-popovercontainer)[safe-space]::after{content:\"\";position:fixed;inset:0;z-index:-1;pointer-events:auto}:where(post-popovercontainer)[safe-space=triangle]::after{clip-path:polygon(var(--safe-space-cursor-x, 0) var(--safe-space-cursor-y, 0), var(--safe-space-popover-x-start, var(--safe-space-popover-x, 0)) var(--safe-space-popover-y, var(--safe-space-popover-y-start, 0)), var(--safe-space-popover-x-end, var(--safe-space-popover-x, 0)) var(--safe-space-popover-y, var(--safe-space-popover-y-end, 0)))}:where(post-popovercontainer)[safe-space=trapezoid]::after{clip-path:polygon(var(--safe-space-trigger-x-start, var(--safe-space-trigger-x, 0)) var(--safe-space-trigger-y, var(--safe-space-trigger-y-start, 0)), var(--safe-space-trigger-x-end, var(--safe-space-trigger-x, 0)) var(--safe-space-trigger-y, var(--safe-space-trigger-y-end, 0)), var(--safe-space-popover-x-end, var(--safe-space-popover-x, 0)) var(--safe-space-popover-y, var(--safe-space-popover-y-end, 0)), var(--safe-space-popover-x-start, var(--safe-space-popover-x, 0)) var(--safe-space-popover-y, var(--safe-space-popover-y-start, 0)))}:where(post-popovercontainer):not(:has(.arrow))>div{box-shadow:var(--post-device-elevation-300)}:where(post-popovercontainer):has(.arrow)>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.top)>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.left)>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.right)>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer) .arrow{position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:where(post-popovercontainer) .arrow.top{border-left:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.right{border-right:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.left{border-left:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.bottom{border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}";
 const PostPopovercontainerStyle0 = postPopovercontainerCss;
 
-const SIDE_MAP = {
-    top: 'bottom',
-    right: 'left',
-    bottom: 'top',
-    left: 'right',
-};
 const PostPopovercontainer = /*@__PURE__*/ proxyCustomElement(class PostPopovercontainer extends HTMLElement$1 {
     constructor() {
         super();
@@ -2121,7 +2115,28 @@ const PostPopovercontainer = /*@__PURE__*/ proxyCustomElement(class PostPopoverc
         this.placement = 'top';
         this.edgeGap = 8;
         this.arrow = false;
+        this.safeSpace = undefined;
     }
+    static STATIC_SIDES = {
+        top: 'bottom',
+        right: 'left',
+        bottom: 'top',
+        left: 'right',
+    };
+    static PROPERTIES_TO_CLEAR = [
+        '--safe-space-popover-x',
+        '--safe-space-popover-y',
+        '--safe-space-popover-x-start',
+        '--safe-space-popover-x-end',
+        '--safe-space-popover-y-start',
+        '--safe-space-popover-y-end',
+        '--safe-space-trigger-x',
+        '--safe-space-trigger-y',
+        '--safe-space-trigger-x-start',
+        '--safe-space-trigger-x-end',
+        '--safe-space-trigger-y-start',
+        '--safe-space-trigger-y-end',
+    ];
     get host() { return this; }
     arrowRef;
     eventTarget;
@@ -2131,12 +2146,22 @@ const PostPopovercontainer = /*@__PURE__*/ proxyCustomElement(class PostPopoverc
      * Fires whenever the popover gets shown or hidden, passing the new state in event.details as a boolean
      */
     postToggle;
+    /**
+     * Updates cursor position for safe space feature when popover is open.
+     * Sets CSS custom properties for dynamic styling of safe area.
+     * @param event MouseEvent with cursor position
+     */
+    mouseTrackingHandler(event) {
+        this.host.style.setProperty('--safe-space-cursor-x', `${event.clientX}px`);
+        this.host.style.setProperty('--safe-space-cursor-y', `${event.clientY}px`);
+    }
     componentDidLoad() {
         this.host.addEventListener('beforetoggle', this.handleToggle.bind(this));
     }
     disconnectedCallback() {
-        if (typeof this.clearAutoUpdate === 'function')
+        if (typeof this.clearAutoUpdate === 'function') {
             this.clearAutoUpdate();
+        }
     }
     /**
      * Programmatically display the tooltip
@@ -2171,7 +2196,7 @@ const PostPopovercontainer = /*@__PURE__*/ proxyCustomElement(class PostPopoverc
             this.host.togglePopover(force);
             this.toggleTimeoutId = null;
         }
-        return this.host.matches(':where(:popover-open, .popover-open');
+        return this.host.matches(':where(:popover-open, .popover-open)');
     }
     /**
      * Start or stop auto updates based on tooltip events.
@@ -2184,10 +2209,14 @@ const PostPopovercontainer = /*@__PURE__*/ proxyCustomElement(class PostPopoverc
         const isOpen = e.newState === 'open';
         if (isOpen) {
             this.startAutoupdates();
+            if (this.safeSpace)
+                window.addEventListener('mousemove', this.mouseTrackingHandler.bind(this));
         }
         else {
             if (typeof this.clearAutoUpdate === 'function')
                 this.clearAutoUpdate();
+            if (this.safeSpace)
+                window.removeEventListener('mousemove', this.mouseTrackingHandler.bind(this));
         }
         this.postToggle.emit(isOpen);
     }
@@ -2199,14 +2228,35 @@ const PostPopovercontainer = /*@__PURE__*/ proxyCustomElement(class PostPopoverc
         this.clearAutoUpdate = autoUpdate(this.eventTarget, this.host, this.calculatePosition.bind(this));
     }
     async calculatePosition() {
+        const { x, y, middlewareData, placement } = await this.computeMainPosition();
+        const currentPlacement = placement.split('-')[0];
+        // Position popover
+        this.host.style.left = `${x}px`;
+        this.host.style.top = `${y}px`;
+        // Position arrow if enabled
+        if (this.arrow && middlewareData.arrow) {
+            const { x: arrowX, y: arrowY } = middlewareData.arrow;
+            const staticSide = PostPopovercontainer.STATIC_SIDES[currentPlacement];
+            if (staticSide) {
+                Object.assign(this.arrowRef.style, {
+                    left: arrowX ? `${arrowX}px` : '',
+                    top: arrowY ? `${arrowY}px` : '',
+                    [staticSide]: '-7px',
+                });
+            }
+        }
+        // Handle safe space if enabled
+        if (this.safeSpace && this.eventTarget) {
+            await this.updateSafeSpaceBoundaries(currentPlacement);
+        }
+    }
+    async computeMainPosition() {
         const gap = this.edgeGap;
         const middleware = [
             flip(),
             inline(),
             shift({
                 padding: gap,
-                // Prevents shifting away from the anchor too far, while shifting as far as possible
-                // https://floating-ui.com/docs/shift#limiter
                 limiter: limitShift({
                     offset: 32,
                 }),
@@ -2218,40 +2268,81 @@ const PostPopovercontainer = /*@__PURE__*/ proxyCustomElement(class PostPopoverc
                     });
                 },
             }),
-            offset(this.arrow ? gap + 4 : gap), // 4px outside of element to account for focus outline + ~arrow size
+            offset(this.arrow ? gap + 4 : gap),
         ];
         if (this.arrow) {
             middleware.push(arrow({ element: this.arrowRef, padding: gap }));
         }
-        const { x, y, middlewareData, placement: currentPlacement, } = await computePosition(this.eventTarget, this.host, {
+        return computePosition(this.eventTarget, this.host, {
             placement: this.placement || 'top',
             strategy: 'fixed',
             middleware,
         });
-        // Tooltip
-        this.host.style.left = `${x}px`;
-        this.host.style.top = `${y}px`;
-        // Arrow
-        if (this.arrow) {
-            // Tutorial: https://codesandbox.io/s/mystifying-kare-ee3hmh?file=/src/index.js
-            const side = currentPlacement.split('-')[0];
-            const { x: arrowX, y: arrowY } = middlewareData.arrow;
-            const staticSide = SIDE_MAP[side];
-            const offsetBorderLineJoin = 2;
-            Object.assign(this.arrowRef.style, {
-                top: arrowY ? `${arrowY}px` : '',
-                left: arrowX ? `${arrowX}px` : '',
-                [staticSide]: `${-this.arrowRef.offsetWidth / 2 - offsetBorderLineJoin}px`,
-            });
-            // Add position as a class to be able to style arrow for HCM
-            this.arrowRef.classList.remove(...Object.values(SIDE_MAP));
-            this.arrowRef.classList.add(staticSide);
+    }
+    async updateSafeSpaceBoundaries(currentPlacement) {
+        const targetRect = this.eventTarget.getBoundingClientRect();
+        const popoverRect = this.host.getBoundingClientRect();
+        const isVertical = currentPlacement === 'top' || currentPlacement === 'bottom';
+        // Helper function to get positioning data based on placement
+        const getPositioningData = (placement, popoverRect, targetRect) => {
+            if (placement === 'top' || placement === 'bottom') {
+                return {
+                    popover: {
+                        y: placement === 'top' ? popoverRect.bottom : popoverRect.top,
+                        xStart: popoverRect.left,
+                        xEnd: popoverRect.right,
+                    },
+                    trigger: {
+                        y: placement === 'top' ? targetRect.top : targetRect.bottom,
+                        xStart: targetRect.left,
+                        xEnd: targetRect.right,
+                    },
+                };
+            }
+            else {
+                // left or right
+                return {
+                    popover: {
+                        x: placement === 'left' ? popoverRect.right : popoverRect.left,
+                        yStart: popoverRect.top,
+                        yEnd: popoverRect.bottom,
+                    },
+                    trigger: {
+                        x: placement === 'left' ? targetRect.left : targetRect.right,
+                        yStart: targetRect.top,
+                        yEnd: targetRect.bottom,
+                    },
+                };
+            }
+        };
+        const posData = getPositioningData(currentPlacement, popoverRect, targetRect);
+        // Clear previous values
+        PostPopovercontainer.PROPERTIES_TO_CLEAR.forEach(prop => {
+            this.host.style.removeProperty(prop);
+        });
+        if (isVertical) {
+            // For top/bottom placement
+            this.host.style.setProperty('--safe-space-popover-y', `${posData.popover.y}px`);
+            this.host.style.setProperty('--safe-space-popover-x-start', `${posData.popover.xStart}px`);
+            this.host.style.setProperty('--safe-space-popover-x-end', `${posData.popover.xEnd}px`);
+            this.host.style.setProperty('--safe-space-trigger-y', `${posData.trigger.y}px`);
+            this.host.style.setProperty('--safe-space-trigger-x-start', `${posData.trigger.xStart}px`);
+            this.host.style.setProperty('--safe-space-trigger-x-end', `${posData.trigger.xEnd}px`);
+        }
+        else {
+            // For left/right placement
+            this.host.style.setProperty('--safe-space-popover-x', `${posData.popover.x}px`);
+            this.host.style.setProperty('--safe-space-popover-y-start', `${posData.popover.yStart}px`);
+            this.host.style.setProperty('--safe-space-popover-y-end', `${posData.popover.yEnd}px`);
+            this.host.style.setProperty('--safe-space-trigger-x', `${posData.trigger.x}px`);
+            this.host.style.setProperty('--safe-space-trigger-y-start', `${posData.trigger.yStart}px`);
+            this.host.style.setProperty('--safe-space-trigger-y-end', `${posData.trigger.yEnd}px`);
         }
     }
     render() {
-        return (h(Host, { key: '6bebf9ab3013796d0eebb3d543411a0e80d2e913', "data-version": version, popover: this.manualClose ? 'manual' : 'auto' }, this.arrow && (h("span", { key: 'd6eca10452a54073a293128e8faf76e45e35c4c5', class: "arrow", ref: el => {
+        return (h(Host, { key: '2d04c94fe2a6de0c0fe17c1e2dcb99481d13336b', "data-version": version, popover: this.manualClose ? 'manual' : 'auto' }, h("div", { key: '3653be7880e5b896ae85e97ad709838732032f2d' }, this.arrow && (h("span", { key: '770f1727acf0ccb47e3940d034850df9fc3a6096', class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), h("slot", { key: '3b6674dfa1b3ffac10c6640717c7ae713577c965' })));
+            } })), h("slot", { key: 'b12e95d51accec79a08fda3970f3b46ba7147ed7' }))));
     }
     static get style() { return PostPopovercontainerStyle0; }
 }, [4, "post-popovercontainer", {
@@ -2259,6 +2350,7 @@ const PostPopovercontainer = /*@__PURE__*/ proxyCustomElement(class PostPopoverc
         "placement": [1],
         "edgeGap": [2, "edge-gap"],
         "arrow": [4],
+        "safeSpace": [513, "safe-space"],
         "show": [64],
         "hide": [64],
         "toggle": [64]

package/loaders/post-rating.js

@@ -85,7 +85,7 @@ const PostRating$1 = /*@__PURE__*/ proxyCustomElement(class PostRating extends H
         }
     }
     render() {
-        return (h(Host, { key: '64891ff9f0ef8f7bc2be5df9e989577830b35ffc', "data-version": version }, h("div", { key: 'b4e7050864265e33e08b88fc3d5c8eea3cf6ab0e', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
+        return (h(Host, { key: '4ccdf384b9a4cfc462d5d3f4a7caab659b6ba2b0', "data-version": version }, h("div", { key: '7ab53083bcdff6586b1de7f1c9e5fa546728fc6f', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
                 'star': true,
                 'before-hover': i < this.hoveredIndex,
                 'active': i < Math.round(this.currentRating),

package/loaders/post-tab-header.js

@@ -3,7 +3,7 @@ import { v as version } from './package.js';
 import { c as checkNonEmpty } from './check-non-empty.js';
 import { n as nanoid } from './index.browser.js';
 
-const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}";
+const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}";
 const PostTabHeaderStyle0 = postTabHeaderCss;
 
 const PostTabHeader$1 = /*@__PURE__*/ proxyCustomElement(class PostTabHeader extends HTMLElement {
@@ -22,7 +22,7 @@ const PostTabHeader$1 = /*@__PURE__*/ proxyCustomElement(class PostTabHeader ext
         this.tabId = `tab-${this.host.id || nanoid(6)}`;
     }
     render() {
-        return (h(Host, { key: 'f7383136476f3d32a79c39f7cadef8bcde0630f7', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: 'b88f3ce360da891793e31b84c4bfd4f59511d88a' })));
+        return (h(Host, { key: '79e7eed336d8867b9741efb96f80c1a3b1910a3f', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: '10f7977c4f26a41730d364c8e60b7a15b87bb45c' })));
     }
     static get watchers() { return {
         "panel": ["validateFor"]

package/loaders/post-tab-panel.js

@@ -19,7 +19,7 @@ const PostTabPanel$1 = /*@__PURE__*/ proxyCustomElement(class PostTabPanel exten
         this.panelId = `panel-${this.host.id || nanoid(6)}`;
     }
     render() {
-        return (h(Host, { key: '9d35c9ceec54f1c2983600342e5e63a49ca93aef', "data-version": version, id: this.panelId, role: "tabpanel" }, h("slot", { key: '8db185ca7a2030343df512962126a91f64840a64' })));
+        return (h(Host, { key: '8331ab54bda793a120dc467d8406cc0a02a5c480', "data-version": version, id: this.panelId, role: "tabpanel" }, h("slot", { key: '7da6d67b69150a70ee290ad8ef9b95684ea3f83d' })));
     }
     static get style() { return PostTabPanelStyle0; }
 }, [1, "post-tab-panel", {

package/loaders/post-tabs.js

@@ -172,7 +172,7 @@ const PostTabs$1 = /*@__PURE__*/ proxyCustomElement(class PostTabs extends HTMLE
         nextTab.focus();
     }
     render() {
-        return (h(Host, { key: '7c81cd091603a01d960ecc2aed9653d0031dd16e', "data-version": version }, h("div", { key: '716a9f1e05a7ffeca8459e6a88ce4b56364b50ec', class: "tabs-wrapper", part: "tabs" }, h("div", { key: 'b41b35b26e0e1ef1e285719975841aefbdc4a8e1', class: "tabs", role: "tablist" }, h("slot", { key: '065b3a6ecfba2710a344b44cc6d5e73beb0655df', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: 'f30ce2c568071c8f144ba50e62b48a1294207c63', class: "tab-content", part: "content" }, h("slot", { key: 'c71155abdf95343990b2ee85592e7a995f58d05e', onSlotchange: () => this.moveMisplacedTabs() }))));
+        return (h(Host, { key: 'dae24eee55a75f9b825f590883a9c1e896c1e9fc', "data-version": version }, h("div", { key: '0a26de80b8267ddc30455b0b5afbf10ae521232b', class: "tabs-wrapper", part: "tabs" }, h("div", { key: '826cb0a4355eeb5ddc07288e1e68fc72785c095f', class: "tabs", role: "tablist" }, h("slot", { key: '94ce90bc3dc8ff4b5012fcfa3c0039b188c14002', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: '462f80f3368431344910cc317f1c0f42112dc99a', class: "tab-content", part: "content" }, h("slot", { key: '57a80ac790ca75f3b62382994c21a3a3c78004cc', onSlotchange: () => this.moveMisplacedTabs() }))));
     }
     static get style() { return PostTabsStyle0; }
 }, [1, "post-tabs", {

package/loaders/post-tag.js

@@ -36,7 +36,7 @@ const PostTag$1 = /*@__PURE__*/ proxyCustomElement(class PostTag extends HTMLEle
         this.setClasses();
     }
     render() {
-        return (h(Host, { key: 'fd03781bfdcfaa3776677f8d95e8b1a74de24c1e', "data-version": version }, h("div", { key: '0a22b98ea9c75d4a09680e2abe980bd0e4935172', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: 'ddda0c15ce644e311b8061283d83619667264ec4', class: "tag-text" }, h("slot", { key: '30fb04c5e80f46e7cb560f9489791d8bcd7b45b0' })))));
+        return (h(Host, { key: '4ca273166b81099dd8fc0f69d3d38215e3d7ccbc', "data-version": version }, h("div", { key: 'b6c4eb6a3bf8cbaad18cf6277dab79bd6e350f0a', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: '4f9e8cf6b2c723e31d60e30464c1106a9f72b5b4', class: "tag-text" }, h("slot", { key: '819a4e6ff743386f8d5d6b1d94dea9ee4a612784' })))));
     }
     static get watchers() { return {
         "variant": ["variantChanged"],

package/loaders/post-togglebutton.js

@@ -33,7 +33,7 @@ const PostTogglebutton$1 = /*@__PURE__*/ proxyCustomElement(class PostTogglebutt
         }
     };
     render() {
-        return (h(Host, { key: 'e4974336def6dbf244b3d63b9aa00e2e7bce1920', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: 'b1179664b0f0651865e973c7afe951102b048877' })));
+        return (h(Host, { key: 'b8488abcad38f815ff6ccaef358bebee904512cd', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '6bc5745dca9c408c241ca1993a5d75ff94d3b444' })));
     }
     static get watchers() { return {
         "toggled": ["validateToggled"]

package/loaders/post-tooltip.js

@@ -4773,7 +4773,7 @@ const isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusable.exports);
 
 }(window, document));
 
-const postTooltipCss = "post-popovercontainer{padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:calc(2*var(--post-core-dimension-112) - var(--post-core-dimension-8));min-height:var(--post-core-dimension-16)}post-popovercontainer[arrow]::after{position:absolute;content:\"\";inset:-13px;z-index:-1}";
+const postTooltipCss = "post-popovercontainer[arrow]::after{position:absolute;content:\"\";inset:-13px;z-index:-1}post-popovercontainer>div{padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:calc(224px - var(--post-core-dimension-8));min-height:var(--post-core-dimension-16)}";
 const PostTooltipStyle0 = postTooltipCss;
 
 const OPEN_DELAY = 650; // matches HTML title delay
@@ -4991,7 +4991,7 @@ const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends
     }
     render() {
         const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
-        return (h(Host, { key: 'bda6e8f41cc55d14f11bd76d7a5bde9c3d7e8817', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: '090506a3d10cafa28d296113b09dfd1a2965dfa5', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '9d8ff88355510ec1a56169158e3cf503a8ef8482' }))));
+        return (h(Host, { key: '170a2b1fe50a5080930fa2603a74ee310fd006dd', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: 'bd6658b278d53eff9bd93326bcadb467cbb318f4', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: 'b534b427a0511bc5971574b59e74d847a4b562a2' }))));
     }
     static get watchers() { return {
         "delayed": ["validateDelayed"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "9.0.0-next.18",
+  "version": "9.0.0-next.19",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "license": "Apache-2.0",
   "main": "dist/index.cjs.js",
@@ -26,8 +26,8 @@
   "dependencies": {
     "@floating-ui/dom": "1.6.13",
     "@oddbird/popover-polyfill": "0.3.7",
-    "@swisspost/design-system-icons": "9.0.0-next.18",
-    "@swisspost/design-system-styles": "9.0.0-next.18",
+    "@swisspost/design-system-icons": "9.0.0-next.19",
+    "@swisspost/design-system-styles": "9.0.0-next.19",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0",
     "nanoid": "5.0.9"

package/dist/cjs/post-linkarea-abe3848a.js

@@ -1,32 +0,0 @@
-'use strict';
-
-const index = require('./index-5acef487.js');
-const _package = require('./package-5e20c234.js');
-
-const postLinkareaCss = "post-linkarea{display:contents;cursor:pointer}";
-const PostLinkareaStyle0 = postLinkareaCss;
-
-const PostLinkarea = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get hostElement() { return index.getElement(this); }
-    handleClick = () => {
-        const customSlottedLink = this.hostElement.querySelector('a[data-link]');
-        const linkElement = customSlottedLink
-            ? customSlottedLink
-            : this.hostElement.querySelector('a');
-        if (linkElement.href) {
-            window.location.href = linkElement.href;
-        }
-        else {
-            console.error('<post-linkarea> : Your element must contain a child with a `href` property.');
-        }
-    };
-    render() {
-        return (index.h(index.Host, { key: 'fd83dca8dca965d14f5a844454e79d7fb449639d', "data-version": _package.version, onClick: this.handleClick, tabindex: "0" }, index.h("slot", { key: '278537c9aabe710d118cdd6075ab506a8a4dcfe2' })));
-    }
-};
-PostLinkarea.style = PostLinkareaStyle0;
-
-exports.PostLinkarea = PostLinkarea;

package/dist/esm/package-52c62831.js

@@ -1,3 +0,0 @@
-const version = "9.0.0-next.18";
-
-export { version as v };

package/dist/esm/post-linkarea-12db6e2a.js

@@ -1,30 +0,0 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-40846676.js';
-import { v as version } from './package-52c62831.js';
-
-const postLinkareaCss = "post-linkarea{display:contents;cursor:pointer}";
-const PostLinkareaStyle0 = postLinkareaCss;
-
-const PostLinkarea = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get hostElement() { return getElement(this); }
-    handleClick = () => {
-        const customSlottedLink = this.hostElement.querySelector('a[data-link]');
-        const linkElement = customSlottedLink
-            ? customSlottedLink
-            : this.hostElement.querySelector('a');
-        if (linkElement.href) {
-            window.location.href = linkElement.href;
-        }
-        else {
-            console.error('<post-linkarea> : Your element must contain a child with a `href` property.');
-        }
-    };
-    render() {
-        return (h(Host, { key: 'fd83dca8dca965d14f5a844454e79d7fb449639d', "data-version": version, onClick: this.handleClick, tabindex: "0" }, h("slot", { key: '278537c9aabe710d118cdd6075ab506a8a4dcfe2' })));
-    }
-};
-PostLinkarea.style = PostLinkareaStyle0;
-
-export { PostLinkarea as P };

package/dist/post-components/p-14312d05.entry.js

@@ -1 +0,0 @@
-export{P as post_collapsible,a as post_collapsible_trigger}from"./p-ce34c58e.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-b095519d.js";import"./p-e1baac59.js";import"./p-fc91cbc2.js";

package/dist/post-components/p-19aa8e97.entry.js

@@ -1 +0,0 @@
-export{P as post_popover}from"./p-47e21420.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-9748a355.js";

package/dist/post-components/p-19d9ae56.entry.js

@@ -1 +0,0 @@
-export{P as post_tag}from"./p-e7bec3de.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";

package/dist/post-components/p-3a8aa86c.entry.js

@@ -1 +0,0 @@
-export{P as post_tab_header}from"./p-5f1f7b49.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-5959f2bd.js";

package/dist/post-components/p-4575b6be.js

@@ -1 +0,0 @@
-const t="9.0.0-next.18";export{t as v}

package/dist/post-components/p-47e21420.js

@@ -1 +0,0 @@
-import{g as e,r as o,h as t,H as s}from"./p-ff95dcd3.js";import{v as i}from"./p-4575b6be.js";import{g as r}from"./p-9748a355.js";let c=0;const n="data-popover-target",a=e=>{const o=e.target;if(!o||!("getAttribute"in o))return;const t=o.getAttribute(n);if(!t||"key"in e&&"Enter"!==e.key)return;const s=document.getElementById(t);s?.toggle(o)},d=r(n,(e=>{const o=e.hasAttribute(n);e.setAttribute("aria-expanded",o?"false":null)})),l=class{popoverRef;localBeforeToggleHandler;get host(){return e(this)}constructor(e){o(this,e),this.placement="top",this.closeButtonCaption=void 0,this.arrow=!0,this.localBeforeToggleHandler=this.beforeToggleHandler.bind(this)}connectedCallback(){0===c&&(window.addEventListener("pointerup",a),window.addEventListener("keydown",a),d.observe(document.body,{subtree:!0,childList:!0,attributeFilter:[n]})),c++,this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}componentDidLoad(){this.popoverRef.addEventListener("beforetoggle",this.localBeforeToggleHandler)}disconnectedCallback(){c--,0===c&&(window.removeEventListener("click",a),window.removeEventListener("keydown",a),d.disconnect()),this.popoverRef.removeEventListener("beforetoggle",this.localBeforeToggleHandler),this.triggers.forEach((e=>e.removeAttribute("aria-expanded")))}async show(e){this.popoverRef.show(e),e.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide(),this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}async toggle(e,o){const t=await this.popoverRef.toggle(e,o);this.triggers.forEach((e=>e.setAttribute("aria-expanded","false"))),e.setAttribute("aria-expanded",`${t}`)}get triggers(){return document.querySelectorAll(`[${n}="${this.host.id}"]`)}beforeToggleHandler(){this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}render(){return t(s,{key:"a7976e6c960015ed9b318c75fc8a74afc2337661","data-version":i},t("post-popovercontainer",{key:"1b71f4bce3a6866e19c3900c0e82f814508f8144",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},t("div",{key:"b15e45e7fd31edc36fa4c912332984daf0ce9cbc",class:"popover-container"},t("div",{key:"adc170a2738c7f88c60e8885d8ee84f10fa1d546",class:"popover-content"},t("slot",{key:"235dbd1a184353de8d8da038c8c31e3dd7f6dab7"})),t("button",{key:"679fccf088d5589b548ec2186facc6c767aace93",class:"btn-close",onClick:()=>this.hide()},t("span",{key:"e8f61719cc6e9b6ddf85756005f17b9103406055",class:"visually-hidden"},this.closeButtonCaption)))))}};l.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px;max-width:100%}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";export{l as P}

package/dist/post-components/p-4f608797.entry.js

@@ -1 +0,0 @@
-export{P as post_banner}from"./p-dc8af283.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-64e3de38.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-5959f2bd.js";import"./p-b095519d.js";

package/dist/post-components/p-59373941.js

@@ -1 +0,0 @@
-function r(r,n){if("string"!=typeof r&&!(r instanceof URL))throw new Error(n);try{new URL(r,window.location.href)}catch{throw new Error(n)}}export{r as c}

package/dist/post-components/p-5c5b1fc0.entry.js

@@ -1 +0,0 @@
-export{P as post_back_to_top}from"./p-7a7ce5d1.js";import"./p-ff95dcd3.js";import"./p-4af6dbed.js";import"./p-4575b6be.js";import"./p-8562c7dc.js";import"./p-b095519d.js";import"./p-440193f4.js";

package/dist/post-components/p-7a7ce5d1.js

@@ -1 +0,0 @@
-import{r as t,g as o,h as e,H as i}from"./p-ff95dcd3.js";import{s,a as r}from"./p-4af6dbed.js";import{v as a}from"./p-4575b6be.js";import{c}from"./p-8562c7dc.js";import{c as n}from"./p-b095519d.js";const d=class{constructor(o){t(this,o),this.label=void 0,this.belowFold=!1}get el(){return o(this)}translateY;isBelowFold(){return window.scrollY>window.innerHeight}handleScroll=()=>{this.belowFold=this.isBelowFold()};watchBelowFold(t){t?s(this.el,this.translateY):r(this.el,this.translateY)}scrollToTop(){window.scrollTo({top:0})}validateLabel(){c(this.label,"string","The label property of the Back to Top component is required for accessibility purposes. Please ensure it is set."),n(this.label,"The label property of the Back to Top component must not be empty. Please provide a proper text for the label")}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.translateY=window.getComputedStyle(this.el).getPropertyValue("--post-floating-button-translate-y"),this.belowFold||(this.el.style.transform=`translateY(${this.translateY})`),this.belowFold&&s(this.el,this.translateY),this.validateLabel()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"c718f2e4cd8ee679cabf72cba7a493770fab2585","data-version":a},e("button",{key:"9573fafeb9f4a81b82331f82d42caede5bc8d625",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"7041105b5bb9dbea36999699c9d77d5eca272984","aria-hidden":"true",name:"3026"}),e("span",{key:"e8ad9cc2b468d304b01221da24e870b90701cb92",class:"visually-hidden"},this.label)))}static get watchers(){return{belowFold:["watchBelowFold"],label:["validateLabel"]}}};d.style=":host{--post-floating-button-translate-y:calc(-1 * var(--post-core-dimension-112));position:fixed;top:var(--post-device-position-1);right:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-device-elevation-300);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}:host .back-to-top{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";export{d as P}

package/dist/post-components/p-7ed1123b.entry.js

@@ -1 +0,0 @@
-export{P as post_breadcrumb_item,a as post_menu_item}from"./p-74122649.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";

package/dist/post-components/p-7ff34767.js

@@ -1 +0,0 @@
-import{r as s,g as t,h as a,H as o}from"./p-ff95dcd3.js";import{v as e}from"./p-4575b6be.js";import{n as r}from"./p-5959f2bd.js";const i=class{constructor(t){s(this,t),this.panelId=void 0,this.name=void 0}get host(){return t(this)}componentWillLoad(){this.panelId=`panel-${this.host.id||r(6)}`}render(){return a(o,{key:"9d35c9ceec54f1c2983600342e5e63a49ca93aef","data-version":e,id:this.panelId,role:"tabpanel"},a("slot",{key:"8db185ca7a2030343df512962126a91f64840a64"}))}};i.style=":host{display:none}";export{i as P}

package/dist/post-components/p-82e405cc.entry.js

@@ -1 +0,0 @@
-export{P as post_avatar}from"./p-99502c06.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-b095519d.js";import"./p-440193f4.js";

package/dist/post-components/p-98c7bec2.entry.js

@@ -1 +0,0 @@
-export{P as post_card_control}from"./p-bff8004e.js";import"./p-ff95dcd3.js";import"./p-bacd3e2c.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-4575b6be.js";

package/dist/post-components/p-9f202ea3.entry.js

@@ -1 +0,0 @@
-export{P as post_accordion_item}from"./p-bd85e141.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-247a1668.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-5959f2bd.js";

package/dist/post-components/p-a24295d5.entry.js

@@ -1 +0,0 @@
-export{P as post_footer}from"./p-eb8b3ffa.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";