@swisspost/design-system-components 9.0.0-next.17 → 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.17",
+  "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.17",
-    "@swisspost/design-system-styles": "9.0.0-next.17",
+    "@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-199a2615.js

@@ -1,32 +0,0 @@
-'use strict';
-
-const index = require('./index-5acef487.js');
-const _package = require('./package-6000ba84.js');
-
-const postLinkareaCss = ":host{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-0d05729a.js

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

package/dist/esm/post-linkarea-d3ae37f9.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-0d05729a.js';
-
-const postLinkareaCss = ":host{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-0ca3d16c.entry.js

@@ -1 +0,0 @@
-export{P as post_banner}from"./p-26951eb6.js";import"./p-ff95dcd3.js";import"./p-f573860f.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-1a695d66.entry.js

@@ -1 +0,0 @@
-export{P as post_linkarea}from"./p-480169b9.js";import"./p-ff95dcd3.js";import"./p-f573860f.js";

package/dist/post-components/p-1eb54abb.entry.js

@@ -1 +0,0 @@
-export{P as post_tabs}from"./p-77eb06d0.js";import"./p-ff95dcd3.js";import"./p-f573860f.js";import"./p-64e3de38.js";

package/dist/post-components/p-2bcf91f6.entry.js

@@ -1 +0,0 @@
-export{P as post_popover}from"./p-f2ed28e5.js";import"./p-ff95dcd3.js";import"./p-f573860f.js";import"./p-9748a355.js";

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

@@ -1 +0,0 @@
-export{P as post_accordion_item}from"./p-78ae731e.js";import"./p-ff95dcd3.js";import"./p-f573860f.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-3ef59370.entry.js

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

package/dist/post-components/p-3fdd351e.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-f573860f.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-413b656c.entry.js

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

package/dist/post-components/p-480169b9.js

@@ -1 +0,0 @@
-import{r as t,g as a,h as s,H as e}from"./p-ff95dcd3.js";import{v as o}from"./p-f573860f.js";const r=class{constructor(a){t(this,a)}get hostElement(){return a(this)}handleClick=()=>{const t=this.hostElement.querySelector("a[data-link]")||this.hostElement.querySelector("a");t.href?window.location.href=t.href:console.error("<post-linkarea> : Your element must contain a child with a `href` property.")};render(){return s(e,{key:"fd83dca8dca965d14f5a844454e79d7fb449639d","data-version":o,onClick:this.handleClick,tabindex:"0"},s("slot",{key:"278537c9aabe710d118cdd6075ab506a8a4dcfe2"}))}};r.style=":host{display:contents;cursor:pointer}";export{r as P}

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-78ae731e.js

@@ -1 +0,0 @@
-import{r as o,g as e,h as t,H as i}from"./p-ff95dcd3.js";import{v as a}from"./p-f573860f.js";import{H as c}from"./p-247a1668.js";import{c as r}from"./p-fb8f5195.js";import{n as s}from"./p-5959f2bd.js";const d=class{constructor(e){o(this,e),this.id=void 0,this.slottedLogo=void 0,this.collapsed=!1,this.headingLevel=void 0}collapsible;get host(){return e(this)}validateHeadingLevel(o=this.headingLevel){r(o,c,"The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.")}componentWillLoad(){this.id=this.host.id||`p${s(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){o.target===this.host&&"post-accordion-item"===o.target.localName&&(this.collapsed=!o.detail)}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(i,{key:"f1275370d7aff41e1fc60285395af35a1ecc90e7",id:this.id,"data-version":a},t("div",{key:"d74f762805143939a891e40cfa7a4779ea29921d",part:"accordion-item",class:"accordion-item"},t("post-collapsible-trigger",{key:"5ddad810d8b1f8564bdaaf2b09e9e89eee96e007",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"fc6dc947d426bb31de04e83d8c9795a0c826733c",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"bd8005bb87e8e00fee57794bd73c5f06cb642a3d",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"button"},t("span",{key:"89eb0b80e63867e2dcd6b27d95c6519d1e86b10d",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"0940530a15ce04b50af007db7f1530ae3c6a456d",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"f06a6b067727be0667b4ea9384e75ee8aa435bfc",name:"header"}),t("post-icon",{key:"460b2c22083cc3049e0c83fc690cb44e3f984db7",name:"2051"})))),t("post-collapsible",{key:"2411f1f93d136ae0bfcbf0da9bb2902d7da0e2a0",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"e648a76e35c28bc1aa5cc57233bf6e8277532294",class:"accordion-body",part:"body"},t("slot",{key:"7841fff45f2132990d8f1577dfe7d3707d1eb46c"})))))}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};d.style='.accordion-item::after{display:block;content:"";margin-top:calc(var(--post-device-border-width-default)*-1);border-bottom:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}.accordion-button::before{display:block;position:absolute;content:"";inset:0;bottom:auto;border-top:var(--post-accordion-button-border-top)}.accordion-button{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}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}';export{d as P}

package/dist/post-components/p-78b6020e.entry.js

@@ -1 +0,0 @@
-export{P as post_breadcrumb}from"./p-c3135c18.js";import"./p-ff95dcd3.js";import"./p-f573860f.js";import"./p-59373941.js";import"./p-e1baac59.js";

package/dist/post-components/p-88c5e0bf.entry.js

@@ -1 +0,0 @@
-export{P as post_tab_panel}from"./p-3fdd351e.js";import"./p-ff95dcd3.js";import"./p-f573860f.js";import"./p-5959f2bd.js";

package/dist/post-components/p-8c732622.entry.js

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

package/dist/post-components/p-8f2e8a63.entry.js

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

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

@@ -1 +0,0 @@
-export{P as post_collapsible,a as post_collapsible_trigger}from"./p-baf06ea0.js";import"./p-ff95dcd3.js";import"./p-f573860f.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-9ae6517d.entry.js

@@ -1 +0,0 @@
-export{P as post_tooltip}from"./p-7f09a864.js";import"./p-ff95dcd3.js";import"./p-f573860f.js";import"./p-9748a355.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-a2806a35.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-f573860f.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-c6a239f2.entry.js

@@ -1 +0,0 @@
-export{P as post_tab_header}from"./p-16d20563.js";import"./p-ff95dcd3.js";import"./p-f573860f.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-5959f2bd.js";