@swisspost/design-system-components 10.0.0-next.71 → 10.0.0-next.75

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

@@ -1,10 +1,23 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmBWUef5.js';
-import { v as version } from './package-x3kxyWSZ.js';
-import { c as checkRequiredAndType, e as checkRequiredAndPattern } from './index-D9bU2pIE.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BGeKgZqi.js';
 import './breakpoints-BQ3HlJPr.js';
+import { v as version } from './package-CdhbouMD.js';
+import { R as Required } from './required-DhBxDSbP.js';
+import { T as Type } from './type-icZlikjf.js';
+import { P as Pattern } from './pattern-D7tnGo1u.js';
+import './create-validator-decorator-BNkS_yAb.js';
 
 const postStepperCss = () => `ol{margin-block:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:20px;grid-auto-columns:minmax(0, 1fr);padding-inline-end:20px}@media screen and (max-width: 779.98px){ol{display:flex;padding-inline-end:0}}.active-step{font-size:var(--post-device-font-size-7);font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.active-step .active-step-label:has(+span:empty){visibility:hidden}@media screen and (min-width: 780px){.active-step{display:none}}`;
 
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const PostStepper = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -13,18 +26,7 @@ const PostStepper = class {
          */
         this.currentIndex = -1;
     }
-    validateTextCurrentStep() {
-        checkRequiredAndType(this, 'textCurrentStep', 'string');
-    }
-    validateTextCompletedStep() {
-        checkRequiredAndType(this, 'textCompletedStep', 'string');
-    }
-    validateTextStepNumber() {
-        checkRequiredAndPattern(this, 'textStepNumber', /\{number\}/);
-        this.updateActiveStepNumber();
-    }
     validateCurrentIndex() {
-        checkRequiredAndType(this, 'currentIndex', 'number');
         if (this.stepItems) {
             this.updateSteps();
             this.checkIndexes();
@@ -35,15 +37,20 @@ const PostStepper = class {
             this.selectedIndex = this.currentIndex;
         }
         else {
-            checkRequiredAndType(this, 'selectedIndex', 'number');
             this.checkIndexes();
         }
         this.updateSteps();
     }
+    updateActiveStepNumber() {
+        if (this.textStepNumber) {
+            const labelTemplate = this.textStepNumber;
+            this.mobileActiveStepLabel = labelTemplate.replaceAll('{number}', `${this.selectedIndex + 1}`);
+            if (this.stepItems) {
+                this.updateMobileActiveStepVisibility();
+            }
+        }
+    }
     componentDidLoad() {
-        this.validateTextCompletedStep();
-        this.validateTextCurrentStep();
-        this.validateTextStepNumber();
         // Wait for slotchange
         setTimeout(() => {
             this.validateCurrentIndex();
@@ -55,15 +62,6 @@ const PostStepper = class {
             console.error('The selected-index cannot be higher than the current-index, as only the current and completed steps can be selected.');
         }
     }
-    updateActiveStepNumber() {
-        if (this.textStepNumber) {
-            const labelTemplate = this.textStepNumber;
-            this.mobileActiveStepLabel = labelTemplate.replaceAll('{number}', `${this.selectedIndex + 1}`);
-            if (this.stepItems) {
-                this.updateMobileActiveStepVisibility();
-            }
-        }
-    }
     updateSteps() {
         this.stepItems = this.host.querySelectorAll('post-stepper-item');
         if (!this.stepItems || this.stepItems.length < 3) {
@@ -72,6 +70,8 @@ const PostStepper = class {
         }
         this.updateActiveStepNumber();
         this.stepItems.forEach((el, i) => {
+            // Set CSS custom property for step number (iOS compatible fix)
+            el.style.setProperty('--step-number', `"${i + 1}"`);
             if (this.selectedIndex === i) {
                 this.mobileActiveStepName = el.innerHTML;
             }
@@ -112,27 +112,40 @@ const PostStepper = class {
         }
     }
     render() {
-        return (h(Host, { key: 'eb916a1b9169dc3a461e6307bce1d548d3e49890', "data-version": version }, h("ol", { key: '4e9460bdae8f3ab56789a60e925a3229cb0140ec' }, h("slot", { key: '6da9d8e162d901fdb5cb5edeaf7e394948cca663', onSlotchange: () => this.updateSteps() })), h("div", { key: '546c1da3029799c97fcd5d6146933ee1dd7f7ade', class: "active-step", "aria-hidden": "true" }, h("span", { key: '581c306bd6d7b840c7f74d96199e0197b550e9e0', class: "active-step-label" }, this.mobileActiveStepLabel), h("span", { key: 'c794108854a153e4005b8a3bb4a609fb6441f966', innerHTML: this.mobileActiveStepName }))));
+        return (h(Host, { key: 'd69c88e820900e398a025e420ace286bfc87d8ef', "data-version": version }, h("ol", { key: '7b23a87d5ac22ff3ce15455ff9922bfeb2d1f5de' }, h("slot", { key: '96068f61893d3a6340218995b128ba4c0db6ab3f', onSlotchange: () => this.updateSteps() })), h("div", { key: 'd52b5e4627d99a29ddb822a2feeaaff1df60c3f5', class: "active-step", "aria-hidden": "true" }, h("span", { key: '518bfebb848e6ab364cbad03f18921572f9a46b4', class: "active-step-label" }, this.mobileActiveStepLabel), h("span", { key: '64aa32c57d550ac9951e9093e911fdf1802b7131', innerHTML: this.mobileActiveStepName }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "textCurrentStep": [{
-                "validateTextCurrentStep": 0
-            }],
-        "textCompletedStep": [{
-                "validateTextCompletedStep": 0
-            }],
-        "textStepNumber": [{
-                "validateTextStepNumber": 0
-            }],
         "currentIndex": [{
                 "validateCurrentIndex": 0
             }],
         "selectedIndex": [{
                 "validateSelectedIndex": 0
+            }],
+        "textStepNumber": [{
+                "updateActiveStepNumber": 0
             }]
     }; }
 };
+__decorate([
+    Required(),
+    Type('string')
+], PostStepper.prototype, "textCurrentStep", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostStepper.prototype, "textCompletedStep", void 0);
+__decorate([
+    Required(),
+    Pattern(/\{number\}/)
+], PostStepper.prototype, "textStepNumber", void 0);
+__decorate([
+    Required(),
+    Type('number')
+], PostStepper.prototype, "currentIndex", void 0);
+__decorate([
+    Type('number')
+], PostStepper.prototype, "selectedIndex", void 0);
 PostStepper.style = postStepperCss();
 
 export { PostStepper as post_stepper };

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

@@ -1,20 +1,29 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmBWUef5.js';
-import { v as version } from './package-x3kxyWSZ.js';
-import { c as checkRequiredAndType } from './index-D9bU2pIE.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BGeKgZqi.js';
 import './breakpoints-BQ3HlJPr.js';
 import { n as nanoid } from './nanoid-8LXe8Zt_.js';
+import { v as version } from './package-CdhbouMD.js';
+import { R as Required } from './required-DhBxDSbP.js';
+import { T as Type } from './type-icZlikjf.js';
+import './create-validator-decorator-BNkS_yAb.js';
 
 const postTabItemCss = () => `.tab-title,.nav-item a{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);opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0);cursor:pointer}.tab-title:hover,.nav-item a:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title:focus-visible,.nav-item a:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title:focus-visible::after,.nav-item a: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}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title:hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title:focus-visible,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a: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,.nav-item a{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title:hover,.tab-title:focus,.tab-title:focus-within,.tab-title:focus-visible,.nav-item a:hover,.nav-item a:focus,.nav-item a:focus-within,.nav-item a:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}}.nav-item{display:inline-block;position:relative;box-sizing:border-box;cursor:default}.nav-item:focus,.nav-item:focus-visible{outline:none;box-shadow:none}.nav-item:focus::after,.nav-item:focus-visible::after{display:none}.nav-item a{color:inherit;text-decoration:none;display:block;width:100%;height:100%;box-sizing:border-box;position:relative;outline:none;cursor:pointer;border-radius:0}.nav-item a:focus{outline:none}.nav-item a:active{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.nav-item a:focus-visible{outline:none !important}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:focus-visible{background-color:rgba(255,255,255,.2)}.tab-title.active,.nav-item.active a{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title.active::before,.nav-item.active a::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title.active,.nav-item.active a{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title.active::before,.nav-item.active a::before{background-color:Highlight}}: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}}`;
 
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const PostTabItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.mutationObserver = new MutationObserver(this.checkNavigationMode.bind(this));
         this.isNavigationMode = false;
     }
-    validateName() {
-        checkRequiredAndType(this, 'name', 'string');
-    }
     connectedCallback() {
         this.mutationObserver.observe(this.host, {
             childList: true,
@@ -35,15 +44,14 @@ const PostTabItem = class {
         this.isNavigationMode = hasAnchor;
     }
     render() {
-        return (h(Host, { key: '9b37b37c161a3a67d30443c5115cc08b90322e34', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": version, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, h("slot", { key: '63472a86d5d0dfa8e6d1b39677244781205f0c70' })));
+        return (h(Host, { key: '3aae4df220dccea50f3f67aa288a2353a0850194', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": version, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, h("slot", { key: '9a06827e8ff71f9c0b5f286f9aa0ff27bb04a7b9' })));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "name": [{
-                "validateName": 0
-            }]
-    }; }
 };
+__decorate([
+    Required(),
+    Type('string')
+], PostTabItem.prototype, "name", void 0);
 PostTabItem.style = postTabItemCss();
 
 export { PostTabItem as post_tab_item };

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

@@ -1,33 +1,40 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmBWUef5.js';
-import { v as version } from './package-x3kxyWSZ.js';
-import { c as checkRequiredAndType } from './index-D9bU2pIE.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BGeKgZqi.js';
 import './breakpoints-BQ3HlJPr.js';
 import { n as nanoid } from './nanoid-8LXe8Zt_.js';
+import { v as version } from './package-CdhbouMD.js';
+import { R as Required } from './required-DhBxDSbP.js';
+import { T as Type } from './type-icZlikjf.js';
+import './create-validator-decorator-BNkS_yAb.js';
 
 const postTabPanelCss = () => `:host{display:none}`;
 
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const PostTabPanel = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
-    validateFor() {
-        checkRequiredAndType(this, 'for', 'string');
-    }
     componentWillLoad() {
-        this.validateFor();
         // get the id set on the host element or use a random id by default
         this.panelId = `panel-${this.host.id || nanoid(6)}`;
     }
     render() {
-        return (h(Host, { key: 'f6e981cdce4b09ddc60c4fd2cf56af26db9ea7ee', "data-version": version, id: this.panelId, role: "tabpanel", slot: "panels" }, h("slot", { key: '79f2c065cb364b1c15717f349e57e832e06ef054' })));
+        return (h(Host, { key: '6573a11b62a533bc20c02df9026b2a77d786ca8d', "data-version": version, id: this.panelId, role: "tabpanel", slot: "panels" }, h("slot", { key: '527e055a7e8777dc684a1ce179fa05397e3dc3fa' })));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "for": [{
-                "validateFor": 0
-            }]
-    }; }
 };
+__decorate([
+    Required(),
+    Type('string')
+], PostTabPanel.prototype, "for", void 0);
 PostTabPanel.style = postTabPanelCss();
 
 export { PostTabPanel as post_tab_panel };

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

@@ -1,13 +1,24 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DmBWUef5.js';
-import { v as version } from './package-x3kxyWSZ.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BGeKgZqi.js';
 import { f as fade } from './fade-DsgPYmAa.js';
-import { c as checkRequiredAndType } from './index-D9bU2pIE.js';
 import './breakpoints-BQ3HlJPr.js';
 import { c as componentOnReady } from './component-on-ready-lpWRZjJp.js';
+import { v as version } from './package-CdhbouMD.js';
+import { T as Type } from './type-icZlikjf.js';
 import './utils-CoDiS_Ik.js';
+import './create-validator-decorator-BNkS_yAb.js';
 
 const postTabsCss = () => `.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,0,.02)}.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{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}:host{display:block}:host([full-width=true]) .tabs-wrapper{margin-inline:calc(-1*var(--post-container-offset))}:host([full-width=true]) .tabs-wrapper .tabs{padding-inline:var(--post-container-offset)}`;
 
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const PostTabs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -28,8 +39,8 @@ const PostTabs = class {
         return Array.from(this.host.querySelectorAll('post-tab-panel')).filter(panel => panel.closest('post-tabs') === this.host);
     }
     validateLabel() {
-        if (this.isNavigationMode) {
-            checkRequiredAndType(this, 'label', 'string');
+        if (this.isNavigationMode && !this.label) {
+            console.error(`[${this.host.localName}] Property "label" is required in navigation mode. Received: ${JSON.stringify(this.label)}.`, this.host);
         }
     }
     componentWillRender() {
@@ -293,10 +304,10 @@ const PostTabs = class {
     }
     render() {
         const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
-        return (h(Host, { key: 'edb1e06b1b1cdd23db32e42ff77dbc64a44905f0', "data-version": version }, h("div", { key: 'd86eb9bb592aff23c38c92b12dfd72623d67f194', class: "tabs-wrapper", part: "post-tabs" }, h(TabsContainer, { key: '6646284be80e647c96065b3c791f34c4b64627f3', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, h("slot", { key: 'c71ddf4391144b7cb71671e8f564e723c408e723', onSlotchange: () => {
+        return (h(Host, { key: 'b3e12dd13b78c6533ce53518686b14e685b8871f', "data-version": version }, h("div", { key: '8e54f84852dc786de9cabbe9628083e858b068ee', class: "tabs-wrapper", part: "post-tabs" }, h(TabsContainer, { key: '029b0a4afae2af2e6d899740a78efd56ed87736e', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, h("slot", { key: 'c5c1bfac69bbe3b0ce33fc9069dd87c15013e9df', onSlotchange: () => {
                 this.moveMisplacedTabs();
                 this.enableTabs();
-            } }))), !this.isNavigationMode && (h("div", { key: '625d5b7d8ab2e8cfacce0c2ac6fa94d6f6fc2953', class: "tab-content", part: "post-tabs-content" }, h("slot", { key: '1ddaf37e585d3e9fbb9722e09829956e28dc7fd6', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
+            } }))), !this.isNavigationMode && (h("div", { key: 'c9fdccc7b840b1f6d9d2eb3c7f99daeb7cbd658c', class: "tab-content", part: "post-tabs-content" }, h("slot", { key: '708abcc8ead9142976b7165d0626a3e51a219c14', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -305,6 +316,9 @@ const PostTabs = class {
             }]
     }; }
 };
+__decorate([
+    Type('string')
+], PostTabs.prototype, "label", void 0);
 PostTabs.style = postTabsCss();
 
 export { PostTabs as post_tabs };

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

@@ -1,9 +1,22 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmBWUef5.js';
-import { b as checkEmptyOrType } from './index-D9bU2pIE.js';
-import { v as version } from './package-x3kxyWSZ.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BGeKgZqi.js';
+import './breakpoints-BQ3HlJPr.js';
+import { v as version } from './package-CdhbouMD.js';
+import { R as Required } from './required-DhBxDSbP.js';
+import { T as Type } from './type-icZlikjf.js';
+import './create-validator-decorator-BNkS_yAb.js';
 
 const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
 
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
 let isFocusable;
 const PostTooltipTrigger = class {
@@ -24,9 +37,6 @@ const PostTooltipTrigger = class {
         this.boundTriggerHandler = this.handleTriggerEvent.bind(this);
         this.boundTooltipHandler = this.handleTooltipEvent.bind(this);
     }
-    validateControlFor() {
-        checkEmptyOrType(this, 'for', 'string');
-    }
     get tooltip() {
         const ref = document.getElementById(this.for);
         return ref?.localName === 'post-tooltip' ? ref : null;
@@ -174,15 +184,14 @@ const PostTooltipTrigger = class {
         this.tooltip?.hide();
     }
     render() {
-        return (h(Host, { key: '33feebd0dace3160a539e4dc809b0b31e7d7d40b', "data-version": version }, h("slot", { key: '8994560a784d203ad40face20a60ac5bc631507f', onSlotchange: () => this.handleSlotChange() })));
+        return (h(Host, { key: '9972655e65d8d435984e364f1413d9830c6564ba', "data-version": version }, h("slot", { key: '6e0365125b13790b69e89c68238d4895eb3619ac', onSlotchange: () => this.handleSlotChange() })));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "for": [{
-                "validateControlFor": 0
-            }]
-    }; }
 };
+__decorate([
+    Required(),
+    Type('string')
+], PostTooltipTrigger.prototype, "for", void 0);
 PostTooltipTrigger.style = postTooltipTriggerCss();
 
 export { PostTooltipTrigger as post_tooltip_trigger };

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

@@ -1,11 +1,22 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmBWUef5.js';
-import { v as version } from './package-x3kxyWSZ.js';
-import { d as checkEmptyOrOneOf } from './index-D9bU2pIE.js';
-import './breakpoints-BQ3HlJPr.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BGeKgZqi.js';
 import { P as PLACEMENT_TYPES } from './placement-DRiVosES.js';
+import './breakpoints-BQ3HlJPr.js';
+import { v as version } from './package-CdhbouMD.js';
+import { O as OneOf } from './one-of-4BD_5pKR.js';
+import './create-validator-decorator-BNkS_yAb.js';
 
 const postTooltipCss = () => `:host{display:none}:host([open]){display:contents}post-popovercontainer[arrow]::after{position:absolute;content:"";inset:-13px;z-index:-1}post-popovercontainer{--post-current-bg:var(--post-scheme-color-surface-accent-bg);--post-current-fg:var(--post-scheme-color-surface-accent-fg);--post-popovercontainer-arrow-border-width:var(--post-device-border-width-alternative1);--post-popovercontainer-arrow-border-color:var(--post-scheme-color-surface-accent-fg)}post-popovercontainer::part(post-popovercontainer-border-mask){display:block;box-shadow:inset 0 0 0 var(--post-device-spacing-padding-14) var(--post-scheme-color-surface-accent-bg)}post-popovercontainer::part(post-popovercontainer-content){border:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-surface-accent-fg);border-radius:var(--post-device-border-radius-1);padding:var(--post-device-spacing-padding-14) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-9);max-width:var(--post-tooltip-max-width, 280px);width:inherit;word-wrap:break-word;white-space:normal}`;
 
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const PostTooltip = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -24,12 +35,6 @@ const PostTooltip = class {
          */
         this.open = false;
     }
-    validatePlacement() {
-        checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
-    }
-    componentWillLoad() {
-        this.validatePlacement();
-    }
     componentDidLoad() {
         if (!this.host.id) {
             console.error(
@@ -69,15 +74,13 @@ const PostTooltip = class {
     }
     render() {
         const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
-        return (h(Host, { key: 'd2927c8847a39198bc0f8ecc62071534a35959d4', "data-version": version }, h("post-popovercontainer", { key: '691d408109cc976d8a46ffeafa6af7ce343fc9da', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '85eb8a3ca3e0359044ddc4b24562f0a43d459dc9' }))));
+        return (h(Host, { key: '51fe8169b0aea1286928a11c4bdde5f7a4820d30', "data-version": version }, h("post-popovercontainer", { key: '4f27f1dc5d430da8aa30f54a0d6aca0e6b91d78b', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '7a5ae44acb74a21d0ff2a871053e5055921afb41' }))));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "placement": [{
-                "validatePlacement": 0
-            }]
-    }; }
 };
+__decorate([
+    OneOf(PLACEMENT_TYPES)
+], PostTooltip.prototype, "placement", void 0);
 PostTooltip.style = postTooltipCss();
 
 export { PostTooltip as post_tooltip };

package/dist/esm/required-DhBxDSbP.js

@@ -0,0 +1,42 @@
+import { c as createValidatorDecorator, g as getValidationContext, i as isValueEmpty, r as registerDependency } from './create-validator-decorator-BNkS_yAb.js';
+
+/**
+ * Property decorator that validates the property is not empty.
+ * If the property is empty (undefined, null, '', NaN), an error is logged.
+ * This validator is blocking: if it fails, subsequent validators will not run.
+ *
+ * Validation runs on `componentDidLoad` and whenever the property value changes.
+ *
+ * @param options - Optional configuration.
+ * @param options.when - The property name to watch. Validation only runs when this property's value matches the `truthy` option.
+ * @param options.truthy - The value that the `when` property must match for validation to run. Defaults to `true`.
+ */
+function Required(options) {
+    const validator = createValidatorDecorator({
+        priority: 0,
+        blocking: true,
+        validateEmptyValues: true,
+        run(component, property) {
+            if (options && typeof options.when === 'string') {
+                const truthy = options.truthy ?? true;
+                if (component[options.when] !== truthy) {
+                    return true;
+                }
+            }
+            const { value, showError } = getValidationContext(component, property);
+            if (isValueEmpty(value)) {
+                showError('is required');
+                return false;
+            }
+            return true;
+        },
+    });
+    return function (target, property) {
+        validator(target, property);
+        if (options?.when) {
+            registerDependency(target, options.when, property);
+        }
+    };
+}
+
+export { Required as R };

package/dist/esm/type-icZlikjf.js

@@ -0,0 +1,28 @@
+import { c as createValidatorDecorator, g as getValidationContext } from './create-validator-decorator-BNkS_yAb.js';
+
+/**
+ * Property decorator that validates the property value is of the specified type.
+ *
+ * Validation runs on `componentDidLoad` and whenever the property value changes.
+ *
+ * @param type - The expected type ('boolean', 'number', 'string', 'array', 'object', 'function').
+ */
+function Type(type) {
+    return createValidatorDecorator({
+        priority: 1,
+        blocking: false,
+        run(component, property) {
+            const { value, showError } = getValidationContext(component, property);
+            const typeIsArray = type === 'array';
+            const valueIsArray = Array.isArray(value);
+            const isValid = typeIsArray || valueIsArray ? valueIsArray === typeIsArray : typeof value === type;
+            if (!isValid) {
+                showError(`must be of type "${type}"`);
+                return false;
+            }
+            return true;
+        },
+    });
+}
+
+export { Type as T };

package/dist/esm/url-B_2x2YCy.js

@@ -0,0 +1,32 @@
+import { c as createValidatorDecorator, g as getValidationContext } from './create-validator-decorator-BNkS_yAb.js';
+
+/**
+ * Property decorator that validates the property value is a valid URL.
+ *
+ * Validation runs on `componentDidLoad` and whenever the property value changes.
+ */
+function Url() {
+    return createValidatorDecorator({
+        priority: 1,
+        blocking: false,
+        run(component, property) {
+            const { value, showError } = getValidationContext(component, property);
+            let isValid = typeof value === 'string' || value instanceof URL;
+            if (isValid) {
+                try {
+                    new URL(value, 'https://www.post.ch');
+                }
+                catch {
+                    isValid = false;
+                }
+            }
+            if (!isValid) {
+                showError('must be a valid URL');
+                return false;
+            }
+            return true;
+        },
+    });
+}
+
+export { Url as U };

package/dist/post-components/p-001f58d8.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,H as e,a as s}from"./p-BGeKgZqi.js";import{P as r}from"./p-DRiVosES.js";import"./p-BQ3HlJPr.js";import{g as i}from"./p-DYYpZAAV.js";import{v as a}from"./p-CdhbouMD.js";import{O as p}from"./p-D2ex14Ye.js";import{R as c}from"./p-DH5JdN6V.js";import{T as n}from"./p-DiBqDD4N.js";import"./p-08F-DB-d.js";import"./p-8SvFxSp6.js";var d=function(t,o,e,s){var r,i=arguments.length,a=i<3?o:null===s?s=Object.getOwnPropertyDescriptor(o,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,o,e,s);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(a=(i<3?r(a):i>3?r(o,e,a):r(o,e))||a);return i>3&&a&&Object.defineProperty(o,e,a),a};const f=class{constructor(o){t(this,o),this.placement="top",this.arrow=!0}async show(t){await this.popoverRef.show(t),this.focusFirstEl()}async hide(){this.popoverRef.hide()}async toggle(t,o){await this.popoverRef.toggle(t,o)&&this.focusFirstEl()}focusFirstEl(){const t=i(this.host)[0];t&&t.focus()}render(){return o(e,{key:"f48f602235071a8621157c99aa86076e8268b5b4","data-version":a},o("post-popovercontainer",{key:"f0be96900bd0e16f2ee8f7937cfa533f510dbd07",arrow:this.arrow,placement:this.placement,ref:t=>this.popoverRef=t},o("div",{key:"716b83cad71dbb09dde75c00aa4c8628d7903315",class:"popover-container"},o("div",{key:"4a15c86977488ba68796ed16175c72ef9ea16a7b",class:"popover-content"},o("slot",{key:"afd56e2077ed319e1bfbdaabfc8e19395f4f3959"})),o("post-closebutton",{key:"d62b6940c68872d8520e4a69c7411479b9698315",onClick:()=>this.hide()},this.textClose))))}get host(){return s(this)}};d([p(r)],f.prototype,"placement",void 0),d([c(),n("string")],f.prototype,"textClose",void 0),f.style="*{box-sizing:border-box}:host{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:.5em;flex-grow:1}";export{f as post_popover}

package/dist/post-components/p-0a08ae23.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,a as o}from"./p-BGeKgZqi.js";import"./p-BQ3HlJPr.js";import{d as h}from"./p-C9hMpmsD.js";import{v as n}from"./p-CdhbouMD.js";import{R as a}from"./p-DH5JdN6V.js";import{T as c}from"./p-DiBqDD4N.js";import"./p-8SvFxSp6.js";const r=class{constructor(s){t(this,s),this.postFilteringEvent=i(this,"postFilteringEvent"),this.debouncedHandleInput=h((t=>{this.handleInput(t)}),250),this.filterThreshold=0,this.clearable=!1,this.inputValue="",this.handleOnBlur=()=>{this.inputElement.value=this.inputValue,this.listBoxElement.filter(""),this.hideListBox()},this.handleInput=async t=>{if(!this.listBoxElement)return;const i=t.target.value.trim(),s=i.length>=this.filterThreshold?i:"",{defaultPrevented:e}=this.postFilteringEvent.emit(s&&s.length>=this.filterThreshold?s:"");e||(await this.listBoxElement.filter(s),s?(this.showListBox(),this.announceCount()):(this.inputValue="",this.clearAnnouncement()))},this.handleKeyDown=t=>{const{key:i,altKey:s}=t;switch(i){case"ArrowDown":t.preventDefault(),this.showListBox(),s||this.listBoxElement.navigate("down");break;case"ArrowUp":t.preventDefault(),this.listBoxElement.navigate("up");break;case"Enter":if(this.listBoxElement.hidden)return;t.preventDefault(),this.listBoxElement.selectActive(),this.hideListBox();break;case"Escape":this.hideListBox();break;case"Tab":this.listBoxElement.selectActive(),this.hideListBox();break;case"Home":t.preventDefault(),this.listBoxElement.navigate("first");break;case"End":t.preventDefault(),this.listBoxElement.navigate("last")}},this.handleOptionSelected=t=>{const i=t.detail;this.inputElement.value=i,this.inputValue=i,this.hideListBox()},this.handleOptionActive=t=>{const i=t.detail;i?this.inputElement.setAttribute("aria-activedescendant",i):this.inputElement.removeAttribute("aria-activedescendant")},this.hideListBox=()=>{this.clearAnnouncement(),this.listBoxElement.hide(),this.inputElement.ariaExpanded="false",this.host.removeAttribute("open"),this.inputElement.removeAttribute("aria-activedescendant")},this.showListBox=async()=>{await this.listBoxElement.show(),this.inputElement.ariaExpanded="true",this.host.setAttribute("open",""),this.announceCount()},this.clearInput=()=>{this.inputElement&&(this.inputElement.value="",this.inputValue="",this.listBoxElement.clearSelection(),this.hideListBox())}}get inputElement(){return this.host.querySelector("input")}get listBoxElement(){return this.listbox?document.getElementById(this.listbox):this.host.querySelector("post-listbox")}componentWillLoad(){if(!this.inputElement)return;if(this.inputElement.role="combobox",this.inputElement.ariaAutoComplete="list",!this.listBoxElement)return;this.listBoxElement.id||(this.listBoxElement.id=crypto.randomUUID()),this.inputElement.setAttribute("aria-controls",this.listBoxElement.id),this.inputElement.setAttribute("aria-expanded","false");const t=this.inputElement.labels?.[0];t&&(t.id||(t.id=crypto.randomUUID()),this.listBoxElement.setAttribute("aria-labelledby",t.id)),this.inputElement.autocomplete="off",this.attachInputListeners(),this.attachListboxListeners()}disconnectedCallback(){this.detachInputListeners(),this.detachListboxListeners()}attachInputListeners(){this.inputElement&&(this.inputElement.addEventListener("input",this.debouncedHandleInput),this.inputElement.addEventListener("keydown",this.handleKeyDown),this.inputElement.addEventListener("blur",this.handleOnBlur),this.inputElement.addEventListener("click",this.showListBox))}detachInputListeners(){this.inputElement&&(this.inputElement.removeEventListener("input",this.debouncedHandleInput),this.inputElement.removeEventListener("keydown",this.handleKeyDown),this.inputElement.removeEventListener("blur",this.handleOnBlur),this.inputElement.removeEventListener("click",this.showListBox))}attachListboxListeners(){this.listBoxElement&&(this.listBoxElement.addEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.addEventListener("postOptionActive",this.handleOptionActive))}detachListboxListeners(){this.listBoxElement&&(this.listBoxElement.removeEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.removeEventListener("postOptionActive",this.handleOptionActive))}clearAnnouncement(){this.outputElement&&(this.outputElement.textContent="")}announceCount(){if(!this.outputElement||!this.listBoxElement)return;const t=this.listBoxElement.querySelectorAll("post-listbox-option:not([hidden])").length;this.outputElement.textContent=this.textAvailableSuggestions.replace("{count}",String(t))}render(){return s(e,{key:"d8f594b17240359b03d1e443d0f8ea28a1a5f687","data-version":n},s("slot",{key:"b76771582cdfb4f84e6018551508daaa5e5c91c5"}),this.clearable&&this.inputValue&&s("button",{key:"ff6255a9b10df6609703bfa302d519b52931786e",type:"button",class:"autocomplete-clear",onClick:this.clearInput},s("post-icon",{key:"3c7da3532ae720ab6f392a8de8b2ca21e4b092aa","aria-hidden":"true",name:"closex"})),s("post-icon",{key:"d2a3c04b68a3b9b3303b80f37292578c5182157e","aria-hidden":"true",class:"autocomplete-icon",name:"chevronDown"}),s("output",{key:"187a75fa1e1935a372521c57f75c6740f330f891",class:"visually-hidden",ref:t=>this.outputElement=t}))}get host(){return o(this)}};(function(t,i,s,e){var o,h=arguments.length,n=h<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,s,e);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(h<3?o(n):h>3?o(i,s,n):o(i,s))||n);h>3&&n&&Object.defineProperty(i,s,n)})([a(),c("string")],r.prototype,"textAvailableSuggestions",void 0),r.style=":host{position:relative;display:block}.autocomplete-icon,.autocomplete-clear{position:absolute;inset-block-start:16px}@media screen and (min-width: 780px){.autocomplete-icon,.autocomplete-clear{inset-block-start:20px}}.autocomplete-icon{inset-inline-end:16px;width:24px;height:24px;pointer-events:none;transition:transform .2s ease-in-out}:host([open]) .autocomplete-icon{transform:rotate(180deg)}.autocomplete-clear{display:flex;align-items:center;justify-content:center;inset-inline-end:42px;background:none;border:none;cursor:pointer}.autocomplete-clear>post-icon{width:20px;height:20px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";export{r as post_autocomplete}

package/dist/post-components/p-12c8b073.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,H as e,a as s}from"./p-BGeKgZqi.js";import"./p-BQ3HlJPr.js";import{n as a}from"./p-8LXe8Zt_.js";import{v as r}from"./p-CdhbouMD.js";import{R as p}from"./p-DH5JdN6V.js";import{T as i}from"./p-DiBqDD4N.js";import"./p-8SvFxSp6.js";const n=class{constructor(o){t(this,o)}componentWillLoad(){this.panelId=`panel-${this.host.id||a(6)}`}render(){return o(e,{key:"6573a11b62a533bc20c02df9026b2a77d786ca8d","data-version":r,id:this.panelId,role:"tabpanel",slot:"panels"},o("slot",{key:"527e055a7e8777dc684a1ce179fa05397e3dc3fa"}))}get host(){return s(this)}};(function(t,o,e,s){var a,r=arguments.length,p=r<3?o:null===s?s=Object.getOwnPropertyDescriptor(o,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,o,e,s);else for(var i=t.length-1;i>=0;i--)(a=t[i])&&(p=(r<3?a(p):r>3?a(o,e,p):a(o,e))||p);r>3&&p&&Object.defineProperty(o,e,p)})([p(),i("string")],n.prototype,"for",void 0),n.style=":host{display:none}";export{n as post_tab_panel}

package/dist/post-components/{p-bab0f27f.entry.js → p-15fa7e60.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as o,a as i}from"./p-DmBWUef5.js";import{v as s}from"./p-x3kxyWSZ.js";const n=`:where(${["a","label[for]",'input[type="checkbox"]','input[type="radio"]'].join(",")})`,r=class{constructor(e){t(this,e)}get interactiveElement(){return this.host.querySelector(n)}isDisabledElement(t){const e=[HTMLButtonElement,HTMLFieldSetElement,HTMLOptGroupElement,HTMLOptionElement,HTMLSelectElement,HTMLTextAreaElement,HTMLInputElement].some((e=>t instanceof e)),o=t.disabled,i=t.closest("fieldset")?.hasAttribute("disabled");return e&&(o||i)}dispatchClick({target:t,ctrlKey:e,shiftKey:o,altKey:i,metaKey:s}){const r=t.closest(n);let a;a=!!this.interactiveElement&&!this.isDisabledElement(this.interactiveElement)&&(r instanceof HTMLLabelElement?null===this.host.querySelector(`#${r.htmlFor}`):!r),a&&this.interactiveElement.dispatchEvent(new MouseEvent("click",{ctrlKey:e,shiftKey:o,altKey:i,metaKey:s}))}render(){return e(o,{key:"b79b314635a4cb302d862006d07ab5f059298382","data-version":s,onClick:t=>this.dispatchClick(t)},e("slot",{key:"4e9a1ee60d499f6dd80819e68f6536b3964d3389"}))}get host(){return i(this)}};r.style=":host{display:block;cursor:pointer;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(:focus-within){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-within){outline-color:Highlight !important}}";export{r as post_linkarea}
+import{r as t,h as e,H as o,a as i}from"./p-BGeKgZqi.js";import{v as s}from"./p-CdhbouMD.js";const n=`:where(${["a","label[for]",'input[type="checkbox"]','input[type="radio"]'].join(",")})`,r=class{constructor(e){t(this,e)}get interactiveElement(){return this.host.querySelector(n)}isDisabledElement(t){const e=[HTMLButtonElement,HTMLFieldSetElement,HTMLOptGroupElement,HTMLOptionElement,HTMLSelectElement,HTMLTextAreaElement,HTMLInputElement].some((e=>t instanceof e)),o=t.disabled,i=t.closest("fieldset")?.hasAttribute("disabled");return e&&(o||i)}dispatchClick({target:t,ctrlKey:e,shiftKey:o,altKey:i,metaKey:s}){const r=t.closest(n);let a;a=!!this.interactiveElement&&!this.isDisabledElement(this.interactiveElement)&&(r instanceof HTMLLabelElement?null===this.host.querySelector(`#${r.htmlFor}`):!r),a&&this.interactiveElement.dispatchEvent(new MouseEvent("click",{ctrlKey:e,shiftKey:o,altKey:i,metaKey:s}))}render(){return e(o,{key:"fc3ddb24df6e4077e99e41f2f7df12ada959806b","data-version":s,onClick:t=>this.dispatchClick(t)},e("slot",{key:"ed83fbafaf9f4807d523c209f15310fd205a1b3f"}))}get host(){return i(this)}};r.style=":host{display:block;cursor:pointer;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(:focus-within){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-within){outline-color:Highlight !important}}";export{r as post_linkarea}

package/dist/post-components/p-1839276a.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s,H as i,a as e}from"./p-BGeKgZqi.js";import"./p-BQ3HlJPr.js";import{v as o}from"./p-CdhbouMD.js";import{R as h}from"./p-DH5JdN6V.js";import{T as r}from"./p-DiBqDD4N.js";import"./p-8SvFxSp6.js";const n=["pointerenter","pointerleave","focusin","focusout","long-press"];let a;const l=class{constructor(s){t(this,s),this.delay=0,this.trigger=null,this.delayTimeout=null,this.boundTriggerHandler=this.handleTriggerEvent.bind(this),this.boundTooltipHandler=this.handleTooltipEvent.bind(this)}get tooltip(){const t=document.getElementById(this.for);return"post-tooltip"===t?.localName?t:null}componentWillLoad(){import("./p-BNgqqRsB.js"),import("./p-BrY4VWTQ.js").then((function(t){return t.f})).then((t=>{a??(a=t.default)}))}componentDidLoad(){this.setupTrigger(),this.attachListeners(),this.attachTooltipListeners()}disconnectedCallback(){this.removeListeners(),this.removeTooltipListeners(),this.cleanupTrigger(),this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null)}handleSlotChange(){this.cleanupTrigger(),this.setupTrigger()}cleanupTrigger(){if(this.trigger){const t=this.trigger.getAttribute("aria-describedby")||"";if(t.includes(this.for)){const s=t.split(" ").filter((t=>t!==this.for)).join(" ");s?this.trigger.setAttribute("aria-describedby",s):this.trigger.removeAttribute("aria-describedby")}this.trigger=null}}setupTrigger(){if(this.trigger=this.host.querySelector("*"),this.trigger){a?.(this.trigger)||this.trigger.setAttribute("tabindex","0");const t=this.trigger.getAttribute("aria-describedby")||"";t.includes(this.for)||this.trigger.setAttribute("aria-describedby",`${t} ${this.for}`.trim())}else console.warn("No content found in the post-tooltip-trigger slot. Please insert a focusable element or content that can receive focus.")}attachListeners(){n.forEach((t=>{this.host.addEventListener(t,this.boundTriggerHandler)}))}removeListeners(){n.forEach((t=>{this.host.removeEventListener(t,this.boundTriggerHandler)}))}attachTooltipListeners(){this.tooltip&&(this.tooltip.addEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.addEventListener("pointerleave",this.boundTooltipHandler))}removeTooltipListeners(){this.tooltip&&(this.tooltip.removeEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.removeEventListener("pointerleave",this.boundTooltipHandler))}handleTriggerEvent(t){switch(t.type){case"pointerenter":case"focusin":case"long-press":this.handleEnter();break;case"pointerleave":case"focusout":this.handleLeave(t)}}handleTooltipEvent(t){switch(t.type){case"pointerenter":this.handleEnter();break;case"pointerleave":this.handleLeave(t)}}handleEnter(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.interestHandler()}handleLeave(t){const s=t.relatedTarget;this.tooltip&&s&&this.tooltip.contains(s)||s===this.trigger||this.interestLostHandler()}interestHandler(){this.trigger&&(this.delay>0?this.delayTimeout=globalThis.setTimeout((()=>{this.tooltip?.show(this.trigger),this.delayTimeout=null}),this.delay):this.tooltip?.show(this.trigger))}interestLostHandler(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.tooltip?.hide()}render(){return s(i,{key:"9972655e65d8d435984e364f1413d9830c6564ba","data-version":o},s("slot",{key:"6e0365125b13790b69e89c68238d4895eb3619ac",onSlotchange:()=>this.handleSlotChange()}))}get host(){return e(this)}};(function(t,s,i,e){var o,h=arguments.length,r=h<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(h<3?o(r):h>3?o(s,i,r):o(s,i))||r);h>3&&r&&Object.defineProperty(s,i,r)})([h(),r("string")],l.prototype,"for",void 0),l.style="post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}";export{l as post_tooltip_trigger}

package/dist/post-components/p-28eeb5d8.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as e,a}from"./p-BGeKgZqi.js";import{f as o}from"./p-D5knoiyy.js";import"./p-BQ3HlJPr.js";import{c as h}from"./p-lpWRZjJp.js";import{v as r}from"./p-CdhbouMD.js";import{T as n}from"./p-DiBqDD4N.js";import"./p-CoDiS_Ik.js";import"./p-8SvFxSp6.js";const l=class{constructor(i){t(this,i),this.postChange=s(this,"postChange"),this.isLoaded=!1,this.isNavigationMode=!1,this.fullWidth=!1}get tabs(){return Array.from(this.host.querySelectorAll("post-tab-item")).filter((t=>t.closest("post-tabs")===this.host))}get panels(){return Array.from(this.host.querySelectorAll("post-tab-panel")).filter((t=>t.closest("post-tabs")===this.host))}validateLabel(){this.isNavigationMode&&!this.label&&console.error(`[${this.host.localName}] Property "label" is required in navigation mode. Received: ${JSON.stringify(this.label)}.`,this.host)}componentWillRender(){this.detectMode()}componentDidLoad(){if(this.moveMisplacedTabs(),this.moveMisplacedPanels(),this.enableTabs(),this.setupContentObserver(),this.validateLabel(),this.isNavigationMode){const t=this.findActiveNavigationTab();t&&this.activateTab(t)}else{const t=this.activeTab||this.tabs[0]?.name;t&&this.show(t)}this.isLoaded=!0}disconnectedCallback(){this.showing&&(this.showing.cancel(),this.showing=null),this.hiding&&(this.hiding.cancel(),this.hiding=null),this.contentObserver&&this.contentObserver.disconnect()}setupContentObserver(){this.contentObserver=new MutationObserver(this.handleContentChange.bind(this)),this.contentObserver.observe(this.host,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-navigation-mode","aria-current"]})}handleContentChange(t){const s=this.shouldRedetectMode(t);this.hasAriaCurrentChanged(t)&&this.isNavigationMode&&this.updateActiveNavigationTab(),s&&this.handleModeChange()}shouldRedetectMode(t){return t.some((t=>"childList"===t.type?t.addedNodes.length>0||t.removedNodes.length>0:"attributes"===t.type&&"data-navigation-mode"===t.attributeName))}hasAriaCurrentChanged(t){return t.some((t=>"attributes"===t.type&&"aria-current"===t.attributeName))}updateActiveNavigationTab(){const t=this.findActiveNavigationTab();t&&t!==this.currentActiveTab&&this.activateTab(t)}handleModeChange(){const t=this.isNavigationMode;this.detectMode(),t!==this.isNavigationMode&&(this.enableTabs(),this.initializeActiveTab())}initializeActiveTab(){if(this.isNavigationMode){const t=this.findActiveNavigationTab();t&&this.activateTab(t)}else{const t=this.activeTab||this.tabs[0]?.name;t&&this.show(t)}}detectMode(){const t=this.tabs.some((t=>null!==t.querySelector("a")||"true"===t.dataset.navigationMode));if(t&&this.panels.length>0)throw new Error("PostTabs: Mixed mode detected. Cannot use both navigation mode (anchor elements) and panel mode (post-tab-panel elements) at the same time.");this.isNavigationMode=t}findActiveNavigationTab(){return this.tabs.find((t=>null!==t.querySelector('a[aria-current="page"]')))||null}async show(t){if(t===this.currentActiveTab?.name)return;const s=this.currentActiveTab,i=this.host.querySelector(`post-tab-item[name=${t}]`);this.activateTab(i),this.showing&&(this.showing.finish(),this.showing=null),!s||this.showing||this.hiding||this.hidePanel(s.name),this.hiding&&await this.hiding.finished,this.showSelectedPanel(),this.showing&&await this.showing.finished,this.isLoaded&&this.postChange.emit(this.currentActiveTab.name)}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{t.getAttribute("slot")&&t.removeAttribute("slot")}))}moveMisplacedPanels(){this.panels&&this.panels.forEach((t=>{"panels"!==t.getAttribute("slot")&&t.setAttribute("slot","panels")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await h(t),this.isNavigationMode)return;if(t.getAttribute("aria-controls"))return;const s=this.getPanel(t.name);s&&(t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id)),t.addEventListener("click",(()=>{this.show(t.name)})),t.addEventListener("keydown",(s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.show(t.name))})),t.addEventListener("keydown",(s=>{"ArrowRight"!==s.key&&"ArrowLeft"!==s.key||this.navigateTabs(t,s.key)}))})),this.currentActiveTab&&!this.currentActiveTab.isConnected&&this.show(this.tabs[0]?.name))}activateTab(t){this.currentActiveTab&&(this.currentActiveTab.classList.remove("active"),this.isNavigationMode||(this.currentActiveTab.setAttribute("aria-selected","false"),this.currentActiveTab.setAttribute("tabindex","-1"))),t.classList.add("active"),this.isNavigationMode||(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0")),this.currentActiveTab=t}hidePanel(t){const s=this.getPanel(t);s&&(this.hiding=o(s,"out"),this.hiding.onfinish=()=>{s.style.display="none",this.hiding=null})}showSelectedPanel(){const t=this.getPanel(this.currentActiveTab.name);t&&(t.style.display="block",this.isLoaded&&(this.showing=o(t,"in"),this.showing.onfinish=()=>{this.showing=null}))}getPanel(t){return this.host.querySelector(`post-tab-panel[for=${t}]`)}navigateTabs(t,s){const i=Array.from(this.tabs).indexOf(t);let e;e="ArrowRight"===s?this.tabs[i+1]||this.tabs[0]:this.tabs[i-1]||this.tabs.at(-1),e&&(e.focus(),this.show(e.name))}render(){return i(e,{key:"b3e12dd13b78c6533ce53518686b14e685b8871f","data-version":r},i("div",{key:"8e54f84852dc786de9cabbe9628083e858b068ee",class:"tabs-wrapper",part:"post-tabs"},i(this.isNavigationMode?"nav":"div",{key:"029b0a4afae2af2e6d899740a78efd56ed87736e",class:"tabs",role:this.isNavigationMode?void 0:"tablist","aria-label":this.isNavigationMode?this.label:void 0},i("slot",{key:"c5c1bfac69bbe3b0ce33fc9069dd87c15013e9df",onSlotchange:()=>{this.moveMisplacedTabs(),this.enableTabs()}}))),!this.isNavigationMode&&i("div",{key:"c9fdccc7b840b1f6d9d2eb3c7f99daeb7cbd658c",class:"tab-content",part:"post-tabs-content"},i("slot",{key:"708abcc8ead9142976b7165d0626a3e51a219c14",name:"panels",onSlotchange:()=>this.moveMisplacedPanels()})))}get host(){return a(this)}static get watchers(){return{label:[{validateLabel:0}]}}};(function(t,s,i,e){var a,o=arguments.length,h=o<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,s,i,e);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(h=(o<3?a(h):o>3?a(s,i,h):a(s,i))||h);o>3&&h&&Object.defineProperty(s,i,h)})([n("string")],l.prototype,"label",void 0),l.style='.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,0,.02)}.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{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}:host{display:block}:host([full-width=true]) .tabs-wrapper{margin-inline:calc(-1*var(--post-container-offset))}:host([full-width=true]) .tabs-wrapper .tabs{padding-inline:var(--post-container-offset)}';export{l as post_tabs}