@swisspost/design-system-components 2.0.1 → 2.0.3

package/dist/esm/{post-icon-2ec2127e.js → post-icon-ba163099.js}

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1708db56.js';
 import { c as checkEmptyOrOneOf, d as checkEmptyOrType, a as checkType } from './index-b444db27.js';
-import { v as version } from './package-37a68f71.js';
+import { v as version } from './package-15929f57.js';
 import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
 
-const postIconCss = ":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";
+const postIconCss = ":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";
 const PostIconStyle0 = postIconCss;
 
 const CDN_URL = 'https://unpkg.com/@swisspost/design-system-icons/public/post-icons';

package/dist/esm/post-icon.entry.js

@@ -1,6 +1,6 @@
-export { P as post_icon } from './post-icon-2ec2127e.js';
+export { P as post_icon } from './post-icon-ba163099.js';
 import './index-1708db56.js';
 import './index-b444db27.js';
 import './constants-8d548297.js';
-import './package-37a68f71.js';
+import './package-15929f57.js';
 import './check-non-empty-58bd6b17.js';

package/dist/esm/post-popover-69694fa6.js

@@ -0,0 +1,102 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1708db56.js';
+import { v as version } from './package-15929f57.js';
+import { g as getAttributeObserver } from './attribute-observer-37fa950a.js';
+
+const postPopoverCss = "/*!\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;-webkit-appearance:button;appearance:button;outline:none;outline-offset:2px;border-radius:4px;color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.btn-close::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%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/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%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/g%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:1.5rem;width:1.5rem}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.btn-close:disabled{color:var(--post-gray-40)}@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{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51;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;max-width:min(66vw,60rem)}@media (max-width: 599.98px){.popover-container{max-width:100%}}.popover-content{padding:.5em}";
+const PostPopoverStyle0 = postPopoverCss;
+
+/**
+ * @slot default - Slot for placing content inside the popover.
+ */
+let popoverInstances = 0;
+const popoverTargetAttribute = 'data-popover-target';
+const globalToggleHandler = (e) => {
+    const target = e.target;
+    if (!target || !('getAttribute' in target))
+        return;
+    const popoverTarget = target.getAttribute(popoverTargetAttribute);
+    if (!popoverTarget || ('key' in e && e.key !== 'Enter'))
+        return;
+    const popover = document.getElementById(popoverTarget);
+    popover === null || popover === void 0 ? void 0 : popover.toggle(target);
+};
+// Initialize a mutation observer for patching accessibility features
+const triggerObserver = getAttributeObserver(popoverTargetAttribute, trigger => {
+    const force = trigger.hasAttribute(popoverTargetAttribute);
+    trigger.setAttribute('aria-expanded', force ? 'false' : null);
+});
+const PostPopover = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.placement = 'top';
+        this.closeButtonCaption = undefined;
+        this.arrow = true;
+        this.localBeforeToggleHandler = this.beforeToggleHandler.bind(this);
+    }
+    connectedCallback() {
+        // Set up accessibility patcher and event listeners for the first component
+        if (popoverInstances === 0) {
+            window.addEventListener('pointerup', globalToggleHandler);
+            window.addEventListener('keydown', globalToggleHandler);
+            triggerObserver.observe(document.body, {
+                subtree: true,
+                childList: true,
+                attributeFilter: [popoverTargetAttribute],
+            });
+        }
+        popoverInstances++;
+        this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
+    }
+    componentDidLoad() {
+        this.popoverRef.addEventListener('beforetoggle', this.localBeforeToggleHandler);
+    }
+    disconnectedCallback() {
+        popoverInstances--;
+        // Remove listeners and observer after the last popover has been destructed
+        if (popoverInstances === 0) {
+            window.removeEventListener('click', globalToggleHandler);
+            window.removeEventListener('keydown', globalToggleHandler);
+            triggerObserver.disconnect();
+        }
+        this.popoverRef.removeEventListener('beforetoggle', this.localBeforeToggleHandler);
+        this.triggers.forEach(trigger => trigger.removeAttribute('aria-expanded'));
+    }
+    /**
+     * Programmatically display the popover
+     * @param target An element with [data-popover-target="id"] where the popover should be shown
+     */
+    async show(target) {
+        this.popoverRef.show(target);
+        target.setAttribute('aria-expanded', 'true');
+    }
+    /**
+     * Programmatically hide this popover
+     */
+    async hide() {
+        this.popoverRef.hide();
+        this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
+    }
+    /**
+     * Toggle popover display
+     * @param target An element with [data-popover-target="id"] where the popover should be anchored to
+     * @param force Pass true to always show or false to always hide
+     */
+    async toggle(target, force) {
+        const newState = await this.popoverRef.toggle(target, force);
+        this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
+        target.setAttribute('aria-expanded', `${newState}`);
+    }
+    get triggers() {
+        return document.querySelectorAll(`[${popoverTargetAttribute}="${this.host.id}"]`);
+    }
+    beforeToggleHandler() {
+        this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
+    }
+    render() {
+        return (h(Host, { key: '90cd97eedfdecb6666c5825cd09bb323cf857cbb', "data-version": version }, h("post-popovercontainer", { key: 'fe555322454124f4b9a618c634f2ae504ec89c07', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'd6e30229dd8d38c95e165d1fc55b1c7af5c7b5e2', class: "popover-container" }, h("div", { key: 'c43c1347bb6bfe3532387693b1761b53533584ec', class: "popover-content" }, h("slot", { key: '24a4aa1df86497a4fe4b72adaac76f6e69db9d9e' })), h("button", { key: '3a5e52f480ddd1ef41d068e476d2a8c5f7d77c4a', class: "btn-close", onClick: () => this.hide() }, h("span", { key: '493310100d3f76dfe5bf6cf1d64250b7551be43c', class: "visually-hidden" }, this.closeButtonCaption))))));
+    }
+    get host() { return getElement(this); }
+};
+PostPopover.style = PostPopoverStyle0;
+
+export { PostPopover as P };

package/dist/esm/post-popover.entry.js

@@ -1,3 +1,4 @@
-export { P as post_popover } from './post-popover-f6029c96.js';
+export { P as post_popover } from './post-popover-69694fa6.js';
 import './index-1708db56.js';
-import './package-37a68f71.js';
+import './package-15929f57.js';
+import './attribute-observer-37fa950a.js';

package/dist/esm/{post-popovercontainer-4a48161f.js → post-popovercontainer-da870ff0.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1708db56.js';
-import { v as version } from './package-37a68f71.js';
+import { v as version } from './package-15929f57.js';
 
 /**
  * Custom positioning reference element.
@@ -1832,7 +1832,7 @@ 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}}}.popover{box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);position:fixed;z-index:1060;width:max-content;margin:0;padding:0;box-sizing:border-box;color:var(--post-contrast-color);background-color:rgb(var(--post-bg-rgb));border:1px solid rgba(0,0,0,0);border-radius:4px;overflow:visible}.arrow{position:absolute;width:.7071067812rem;height:.7071067812rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1;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}}}.popover{box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);position:fixed;z-index:1060;width:max-content;margin:0;padding:0;box-sizing:border-box;color:var(--post-contrast-color);background-color:rgb(var(--post-bg-rgb));border:2px solid rgba(0,0,0,0);border-radius:4px;overflow:visible}.arrow{position:absolute;width:.7071067812rem;height:.7071067812rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}.arrow.top{border-left:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}.arrow.right{border-right:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}.arrow.left{border-left:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}.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 = {
@@ -1863,15 +1863,20 @@ const PostPopovercontainer = class {
      * @param target An element with [data-tooltip-target="id"] where the tooltip should be shown
      */
     async show(target) {
-        this.eventTarget = target;
-        this.popoverRef.showPopover();
+        if (!this.toggleTimeoutId) {
+            this.eventTarget = target;
+            this.calculatePosition();
+            this.popoverRef.showPopover();
+        }
     }
     /**
      * Programmatically hide this tooltip
      */
     async hide() {
-        this.eventTarget = null;
-        this.popoverRef.hidePopover();
+        if (!this.toggleTimeoutId) {
+            this.eventTarget = null;
+            this.popoverRef.hidePopover();
+        }
     }
     /**
      * Toggle tooltip display
@@ -1879,8 +1884,13 @@ const PostPopovercontainer = class {
      * @param force Pass true to always show or false to always hide
      */
     async toggle(target, force) {
-        this.eventTarget = target;
-        this.popoverRef.togglePopover(force);
+        // Prevent instant double toggle
+        if (!this.toggleTimeoutId) {
+            this.eventTarget = target;
+            this.calculatePosition();
+            this.popoverRef.togglePopover(force);
+            this.toggleTimeoutId = null;
+        }
         return this.popoverRef.matches(':popover-open');
     }
     /**
@@ -1890,6 +1900,7 @@ const PostPopovercontainer = class {
      * @param e ToggleEvent
      */
     handleToggle(e) {
+        this.toggleTimeoutId = window.setTimeout(() => (this.toggleTimeoutId = null), 10);
         const isOpen = e.newState === 'open';
         if (isOpen) {
             this.startAutoupdates();
@@ -1945,17 +1956,21 @@ const PostPopovercontainer = class {
             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}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);
         }
     }
     render() {
-        return (h(Host, { key: 'e6eef7a0f4d801645e0f73d94796cdd8b6ae86ea', "data-version": version }, h("div", { key: 'cd520cc35be33aeb99158559132c187229aeefe4', class: "popover", part: "popover", ref: (el) => (this.popoverRef = el) }, this.arrow && (h("span", { class: "arrow", ref: el => {
+        return (h(Host, { key: '8049387a5ba6eefb3165e84c098ba4ae5b8f443f', "data-version": version }, h("div", { key: '63d3095a7992baf46fbc74b5c595654cbdeaba66', class: "popover", part: "popover", ref: (el) => (this.popoverRef = el) }, this.arrow && (h("span", { class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), h("slot", { key: '78875aa9bcae3d3c1e0d9a49304e18fd09b50f41' }))));
+            } })), h("slot", { key: '74b1746bf48f8aa915c443721c1c2af1c1a3df5d' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/post-popovercontainer.entry.js

@@ -1,3 +1,3 @@
-export { P as post_popovercontainer } from './post-popovercontainer-4a48161f.js';
+export { P as post_popovercontainer } from './post-popovercontainer-da870ff0.js';
 import './index-1708db56.js';
-import './package-37a68f71.js';
+import './package-15929f57.js';

package/dist/esm/post-tab-header-14ed99cd.js

@@ -0,0 +1,30 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1708db56.js';
+import { v as version } from './package-15929f57.js';
+import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
+
+const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;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:var(--post-contrast-color);text-decoration:none}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:#fff;color:var(--post-contrast-color)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:#fff;color:var(--post-contrast-color);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:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.bg-success-green,.bg-error-red) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.bg-success-green,.bg-error-red) .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:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success .tab-title{background-color:#2c911c}.bg-success .tab-title.active{background-color:#2c911c}.bg-success .nav-item{background-color:#2c911c}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-danger .tab-title{background-color:#a51728}.bg-danger .tab-title.active{background-color:#a51728}.bg-danger .nav-item{background-color:#a51728}.bg-nightblue .tab-title{background-color:#004976}.bg-nightblue .tab-title.active{background-color:#004976}.bg-nightblue .nav-item{background-color:#004976}.bg-nightblue-bright .tab-title{background-color:#0076a8}.bg-nightblue-bright .tab-title.active{background-color:#0076a8}.bg-nightblue-bright .nav-item{background-color:#0076a8}.bg-petrol .tab-title{background-color:#006d68}.bg-petrol .tab-title.active{background-color:#006d68}.bg-petrol .nav-item{background-color:#006d68}.bg-petrol-bright .tab-title{background-color:#00968f}.bg-petrol-bright .tab-title.active{background-color:#00968f}.bg-petrol-bright .nav-item{background-color:#00968f}.bg-coral .tab-title{background-color:#9e2a2f}.bg-coral .tab-title.active{background-color:#9e2a2f}.bg-coral .nav-item{background-color:#9e2a2f}.bg-coral-bright .tab-title{background-color:#e03c31}.bg-coral-bright .tab-title.active{background-color:#e03c31}.bg-coral-bright .nav-item{background-color:#e03c31}.bg-olive .tab-title{background-color:#716135}.bg-olive .tab-title.active{background-color:#716135}.bg-olive .nav-item{background-color:#716135}.bg-olive-bright .tab-title{background-color:#aa9d2e}.bg-olive-bright .tab-title.active{background-color:#aa9d2e}.bg-olive-bright .nav-item{background-color:#aa9d2e}.bg-purple .tab-title{background-color:#80276c}.bg-purple .tab-title.active{background-color:#80276c}.bg-purple .nav-item{background-color:#80276c}.bg-purple-bright .tab-title{background-color:#c5299b}.bg-purple-bright .tab-title.active{background-color:#c5299b}.bg-purple-bright .nav-item{background-color:#c5299b}.bg-aubergine .tab-title{background-color:#523178}.bg-aubergine .tab-title.active{background-color:#523178}.bg-aubergine .nav-item{background-color:#523178}.bg-aubergine-bright .tab-title{background-color:#7566a0}.bg-aubergine-bright .tab-title.active{background-color:#7566a0}.bg-aubergine-bright .nav-item{background-color:#7566a0}.bg-success-green .tab-title{background-color:#2c871d}.bg-success-green .tab-title.active{background-color:#2c871d}.bg-success-green .nav-item{background-color:#2c871d}.bg-error-red .tab-title{background-color:#a51728}.bg-error-red .tab-title.active{background-color:#a51728}.bg-error-red .nav-item{background-color:#a51728}.bg-warning-orange .tab-title{background-color:#f49e00}.bg-warning-orange .tab-title.active{background-color:#f49e00}.bg-warning-orange .nav-item{background-color:#f49e00}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\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;-webkit-appearance:button;appearance:button}";
+const PostTabHeaderStyle0 = postTabHeaderCss;
+
+const PostTabHeader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tabId = undefined;
+        this.panel = undefined;
+    }
+    validateFor(newValue) {
+        checkNonEmpty(newValue, 'The "panel" prop is required for the post-tab-header.');
+    }
+    componentWillLoad() {
+        this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;
+    }
+    render() {
+        return (h(Host, { key: '5685ea424c0e59351a7df7e6b990740067f7e986', "data-version": version }, h("button", { key: 'f32ebddafa7450b081c88e44405f59396a0e6b97', "aria-selected": "false", class: "tab-title", id: this.tabId, role: "tab", tabindex: "-1", type: "button" }, h("slot", { key: '95022af953bbbaf41b5eac4594bf00dc4b12fb37' }))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "panel": ["validateFor"]
+    }; }
+};
+PostTabHeader.style = PostTabHeaderStyle0;
+
+export { PostTabHeader as P };

package/dist/esm/post-tab-header.entry.js

@@ -1,5 +1,5 @@
-export { P as post_tab_header } from './post-tab-header-63676360.js';
+export { P as post_tab_header } from './post-tab-header-14ed99cd.js';
 import './index-1708db56.js';
-import './package-37a68f71.js';
+import './package-15929f57.js';
 import './check-non-empty-58bd6b17.js';
 import './constants-8d548297.js';

package/dist/esm/{post-tab-panel-da24046f.js → post-tab-panel-d89c4c50.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1708db56.js';
-import { v as version } from './package-37a68f71.js';
+import { v as version } from './package-15929f57.js';
 
 const postTabPanelCss = ":host{display:none}";
 const PostTabPanelStyle0 = postTabPanelCss;

package/dist/esm/post-tab-panel.entry.js

@@ -1,3 +1,3 @@
-export { P as post_tab_panel } from './post-tab-panel-da24046f.js';
+export { P as post_tab_panel } from './post-tab-panel-d89c4c50.js';
 import './index-1708db56.js';
-import './package-37a68f71.js';
+import './package-15929f57.js';

package/dist/esm/{post-tabs-21a5dfeb.js → post-tabs-e995886a.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1708db56.js';
-import { v as version } from './package-37a68f71.js';
+import { v as version } from './package-15929f57.js';
 import { f as fadeOut, a as fadeIn } from './fade-7fd71785.js';
 
 const postTabsCss = ".tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:#faf9f8}.tabs-wrapper::after{content:\"\";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap}.tabs::after{content:\"\";display:block;flex:1 0 auto;width:1rem}.tab-content{margin-block:1rem}.bg-yellow .tabs-wrapper{background-color:#fc0}.bg-light .tabs-wrapper{background-color:#faf9f8}.bg-gray .tabs-wrapper{background-color:#f4f3f1}.bg-dark .tabs-wrapper{background-color:#333}.bg-primary .tabs-wrapper{background-color:#333}.bg-white .tabs-wrapper{background-color:#fff}.bg-black .tabs-wrapper{background-color:#000}.bg-info .tabs-wrapper{background-color:#cce4ee}.bg-success .tabs-wrapper{background-color:#2c911c}.bg-warning .tabs-wrapper{background-color:#f49e00}.bg-danger .tabs-wrapper{background-color:#a51728}.bg-nightblue .tabs-wrapper{background-color:#004976}.bg-nightblue-bright .tabs-wrapper{background-color:#0076a8}.bg-petrol .tabs-wrapper{background-color:#006d68}.bg-petrol-bright .tabs-wrapper{background-color:#00968f}.bg-coral .tabs-wrapper{background-color:#9e2a2f}.bg-coral-bright .tabs-wrapper{background-color:#e03c31}.bg-olive .tabs-wrapper{background-color:#716135}.bg-olive-bright .tabs-wrapper{background-color:#aa9d2e}.bg-purple .tabs-wrapper{background-color:#80276c}.bg-purple-bright .tabs-wrapper{background-color:#c5299b}.bg-aubergine .tabs-wrapper{background-color:#523178}.bg-aubergine-bright .tabs-wrapper{background-color:#7566a0}.bg-success-green .tabs-wrapper{background-color:#2c871d}.bg-error-red .tabs-wrapper{background-color:#a51728}.bg-warning-orange .tabs-wrapper{background-color:#f49e00}.bg-success-background .tabs-wrapper{background-color:#c0debb}.bg-error-background .tabs-wrapper{background-color:#ffdade}.bg-warning-background .tabs-wrapper{background-color:#fce2b2}:host{display:block}";

package/dist/esm/post-tabs.entry.js

@@ -1,4 +1,4 @@
-export { P as post_tabs } from './post-tabs-21a5dfeb.js';
+export { P as post_tabs } from './post-tabs-e995886a.js';
 import './index-1708db56.js';
-import './package-37a68f71.js';
+import './package-15929f57.js';
 import './fade-7fd71785.js';

package/dist/esm/{post-tooltip-4f4f87b4.js → post-tooltip-0ec6a388.js}

@@ -1,5 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1708db56.js';
-import { v as version$1 } from './package-37a68f71.js';
+import { v as version$1 } from './package-15929f57.js';
+import { g as getAttributeObserver } from './attribute-observer-37fa950a.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -4769,18 +4770,87 @@ const isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusable.exports);
 
 }(window, document));
 
-const postTooltipCss = ":host{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51}post-popovercontainer::part(popover){padding:.25rem .5rem;max-width:13.5rem;min-height:1rem}";
+const postTooltipCss = ":host{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51}post-popovercontainer::part(popover){padding:.25rem .5rem;max-width:13.5rem;min-height:1rem}post-popovercontainer.has-arrow::part(popover)::after{position:absolute;content:\"\";inset:-13px;z-index:-1}";
 const PostTooltipStyle0 = postTooltipCss;
 
+/**
+ * @slot default - Slot for the content of the tooltip.
+ */
+/**
+ * Track how many instances remain on the page. Used for removing global event listeners
+ */
+let tooltipInstances = 0;
+let hideTooltipTimeout = null;
+const tooltipTargetAttribute = 'data-tooltip-target';
+/**
+ * Global event listener to show tooltips. This is globalized so that triggers that are rendered
+ * async will still work without the need to set listeners on the element itself
+ * @param e Event
+ * @returns
+ */
+const globalInterestHandler = (e) => {
+    const target = e.target;
+    if (!target || !('getAttribute' in target))
+        return;
+    const tooltipTarget = target.getAttribute(tooltipTargetAttribute);
+    if (!tooltipTarget || tooltipTarget === '')
+        return;
+    const tooltip = document.getElementById(tooltipTarget);
+    tooltip === null || tooltip === void 0 ? void 0 : tooltip.show(target);
+    if (hideTooltipTimeout) {
+        window.clearTimeout(hideTooltipTimeout);
+        hideTooltipTimeout = null;
+    }
+};
+/**
+ * Global event listener to hide tooltips. This is globalized so that triggers that are rendered
+ * async will still work without the need to set listeners on the element itself
+ * @param e Event
+ * @returns
+ */
+const globalInterestLostHandler = (e) => {
+    const target = e.target;
+    const tooltipTarget = target.getAttribute(tooltipTargetAttribute);
+    if (!tooltipTarget || tooltipTarget === '')
+        return;
+    const tooltip = document.getElementById(tooltipTarget);
+    globalHideTooltip(tooltip);
+};
+/**
+ * Start the hiding process through a timeout to give other interest events a chance to
+ * intervene and cancel the hide event.
+ * @param {HTMLPostTooltipElement} tooltip
+ */
+const globalHideTooltip = (tooltip) => {
+    hideTooltipTimeout = window.setTimeout(() => {
+        tooltip.hide();
+        hideTooltipTimeout = null;
+    }, 42);
+};
+/**
+ * Patch some accessibility features that are hard to remember or understand
+ * @param {HTMLElement} trigger
+ */
+const patchAccessibilityFeatures = (trigger) => {
+    const describedBy = trigger.getAttribute('aria-describedby');
+    const id = trigger.getAttribute(tooltipTargetAttribute);
+    // Add tooltip to aria-describedby
+    if (!(describedBy === null || describedBy === void 0 ? void 0 : describedBy.includes(id))) {
+        const newDescribedBy = describedBy ? `${describedBy} ${id}` : id;
+        trigger.setAttribute('aria-describedby', newDescribedBy);
+    }
+    // Make element focusable
+    if (!isFocusable(trigger)) {
+        trigger.setAttribute('tabindex', '0');
+    }
+};
+// Initialize a mutation observer for patching accessibility features
+const triggerObserver = getAttributeObserver(tooltipTargetAttribute, patchAccessibilityFeatures);
 const PostTooltip = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.placement = 'top';
         this.arrow = true;
-        // Create local versions of event handlers for de-registration
-        // https://stackoverflow.com/questions/33859113/javascript-removeeventlistener-not-working-inside-a-class
-        this.localShowTooltip = e => this.show(e.target);
-        this.localHideTooltip = this.hide.bind(this);
     }
     connectedCallback() {
         if (!this.host.id) {
@@ -4788,29 +4858,45 @@ const PostTooltip = class {
             /*prettier-ignore*/
             'No id set: <post-tooltip> must have an id, linking it to it\'s target element using the data-tooltip-target attribute.');
         }
-        if (!this.triggers) {
-            throw new Error(`No trigger found for <post-tooltip id="${this.host.id}">, please add the 'data-tooltip-target="${this.host.id}" attribute to the trigger element.`);
+    }
+    /**
+     * Add interest event listeners, but only once, and start
+     * the accessibility patcher
+     */
+    componentWillLoad() {
+        if (tooltipInstances === 0) {
+            // This is the first tooltip on the page, add event listeners
+            document.addEventListener('pointerover', globalInterestHandler);
+            document.addEventListener('pointerout', globalInterestLostHandler);
+            document.addEventListener('focusin', globalInterestHandler);
+            document.addEventListener('focusout', globalInterestLostHandler);
+            document.addEventListener('long-press', globalInterestHandler);
+            // Initially run the accessibility patcher on all triggers
+            document.querySelectorAll('[data-tooltip-target]').forEach(patchAccessibilityFeatures);
+            // Start watching for future triggers
+            triggerObserver.observe(document.body, {
+                subtree: true,
+                childList: true,
+                attributeFilter: [tooltipTargetAttribute],
+            });
         }
-        // Patch popovertargetaction="interest" until it's implemented
-        // https://github.com/openui/open-ui/issues/767#issuecomment-1654177227
-        this.triggers.forEach(trigger => this.patchPopoverTargetActionInterest(trigger));
+        tooltipInstances++;
     }
     /**
      * Remove a bunch of event listeners if the tooltip gets removed from the DOM
+     * and disconnect the accessibility patcher
      */
     disconnectedCallback() {
-        this.triggers.forEach(trigger => {
-            trigger.removeEventListener('mouseenter', this.localShowTooltip);
-            trigger.removeEventListener('mouseleave', this.localHideTooltip);
-            trigger.removeEventListener('focus', this.localShowTooltip);
-            trigger.removeEventListener('blur', this.localHideTooltip);
-            trigger.removeEventListener('long-press', this.localShowTooltip);
-        });
-    }
-    componentWillLoad() {
-        // Append tooltip host to the end of the body to get around overflow: hidden restrictions
-        // for browsers that don't support popover yet
-        document.body.appendChild(this.host);
+        tooltipInstances--;
+        if (tooltipInstances <= 0) {
+            // The last tooltip has been removed, stop listening for these kind of events
+            document.removeEventListener('pointerover', globalInterestHandler);
+            document.removeEventListener('pointerout', globalInterestLostHandler);
+            document.removeEventListener('focusin', globalInterestHandler);
+            document.removeEventListener('focusout', globalInterestLostHandler);
+            document.removeEventListener('long-press', globalInterestHandler);
+            triggerObserver.disconnect();
+        }
     }
     /**
      * Programmatically display the tooltip
@@ -4833,28 +4919,24 @@ const PostTooltip = class {
     async toggle(target, force) {
         this.popoverRef.toggle(target, force);
     }
-    get triggers() {
-        return document.querySelectorAll(`[data-tooltip-target="${this.host.id}"]`);
-    }
-    patchPopoverTargetActionInterest(trigger) {
-        trigger.addEventListener('mouseenter', this.localShowTooltip);
-        trigger.addEventListener('mouseleave', this.localHideTooltip);
-        trigger.addEventListener('focus', this.localShowTooltip);
-        trigger.addEventListener('blur', this.localHideTooltip);
-        trigger.addEventListener('long-press', this.localShowTooltip);
-        // Patch missing aria-describedby attribute on the trigger without overriding existing values
-        const describedBy = trigger.getAttribute('aria-describedby');
-        if (!(describedBy === null || describedBy === void 0 ? void 0 : describedBy.includes(this.host.id))) {
-            const newDescribedBy = describedBy ? `${describedBy} ${this.host.id}` : this.host.id;
-            trigger.setAttribute('aria-describedby', newDescribedBy);
-        }
-        // Patch missing focus ability on the trigger element
-        if (!isFocusable(trigger)) {
-            trigger.setAttribute('tabindex', '0');
+    /**
+     * Pointer or focus is on the tooltip, stop the tooltip from disappearing
+     */
+    handleInterest() {
+        if (hideTooltipTimeout) {
+            window.clearTimeout(hideTooltipTimeout);
+            hideTooltipTimeout = null;
         }
     }
+    /**
+     * Pointer or focus left the tooltip, initiate the hiding process
+     */
+    handleInterestLost() {
+        globalHideTooltip(this);
+    }
     render() {
-        return (h(Host, { key: 'e4a9dcb08b0e468e83bc6655d1cbece256a5299c', "data-version": version$1 }, h("post-popovercontainer", { key: '819cafc2521bc4d9a69fda5a30a24f1e6c158272', role: "tooltip", tabindex: "-1", arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '1432f96849a598a2be823acc7e96d70ab539df0c' }))));
+        const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
+        return (h(Host, { key: 'cf89d38b05fbb49ecfcfd339baf325a4fb850f3a', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: '2f6f473007ae8d4fc7ef3bcec38a8f19222eaf5d', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '84bfd25818068ce1fb644b3b0e6858f9cb1bd605' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/post-tooltip.entry.js

@@ -1,3 +1,4 @@
-export { P as post_tooltip } from './post-tooltip-4f4f87b4.js';
+export { P as post_tooltip } from './post-tooltip-0ec6a388.js';
 import './index-1708db56.js';
-import './package-37a68f71.js';
+import './package-15929f57.js';
+import './attribute-observer-37fa950a.js';

package/dist/post-components/index.esm.js

@@ -1 +1 @@
-export{P as PostAccordion}from"./p-c1c8f2ec.js";export{P as PostAccordionItem}from"./p-82facb04.js";export{P as PostAlert}from"./p-ccd827a1.js";export{P as PostCollapsible}from"./p-aee1750c.js";export{P as PostIcon}from"./p-2b67b933.js";export{P as PostPopover}from"./p-8aa01298.js";export{P as PostPopovercontainer}from"./p-e836df41.js";export{P as PostTabs}from"./p-73a7d4f9.js";export{P as PostTabHeader}from"./p-7973e3e4.js";export{P as PostTabPanel}from"./p-47fd6eb0.js";export{P as PostTooltip}from"./p-21557c34.js";import"./p-10b4cf7a.js";import"./p-a3fc7eaf.js";import"./p-f0e82e63.js";import"./p-440193f4.js";import"./p-2737eaf5.js";import"./p-b095519d.js";
+export{P as PostAccordion}from"./p-a9d59b04.js";export{P as PostAccordionItem}from"./p-e8d17225.js";export{P as PostAlert}from"./p-ac7b779e.js";export{P as PostCollapsible}from"./p-6b3ba10a.js";export{P as PostIcon}from"./p-d9c9ed63.js";export{P as PostPopover}from"./p-5ecceba0.js";export{P as PostPopovercontainer}from"./p-1f284e66.js";export{P as PostTabs}from"./p-51fe19e0.js";export{P as PostTabHeader}from"./p-209e33a5.js";export{P as PostTabPanel}from"./p-61d98756.js";export{P as PostTooltip}from"./p-94256868.js";import"./p-10b4cf7a.js";import"./p-f47b0207.js";import"./p-f0e82e63.js";import"./p-440193f4.js";import"./p-2737eaf5.js";import"./p-b095519d.js";import"./p-6adeaa6c.js";

package/dist/post-components/p-00ab91d9.entry.js

@@ -0,0 +1 @@
+export{P as post_tabs}from"./p-51fe19e0.js";import"./p-10b4cf7a.js";import"./p-f47b0207.js";import"./p-2737eaf5.js";

package/dist/post-components/p-04f47e54.entry.js

@@ -0,0 +1 @@
+export{P as post_popover}from"./p-5ecceba0.js";import"./p-10b4cf7a.js";import"./p-f47b0207.js";import"./p-6adeaa6c.js";