@swisspost/design-system-components 10.0.0-next.70 → 10.0.0-next.72

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

@@ -1,15 +1,24 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-DW7sbg9f.js';
-import { c as checkRequiredAndType } from './index-D9bU2pIE.js';
-import { b as breakpoint } from './index-CJcRbvrI.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BbDawWJ5.js';
+import { b as breakpoint } from './breakpoints-BQ3HlJPr.js';
+import { v as version } from './package-ClG-N42b.js';
+import { R as Required } from './required-uK-rZZjy.js';
+import { T as Type } from './type-obmwEgkM.js';
+import './create-validator-decorator-D8qwF5Qe.js';
 
 const postFooterCss = () => `:host{display:block}footer{border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{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 GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
 const PostFooter = class {
-    validateTextFooter() {
-        checkRequiredAndType(this, 'textFooter', 'string');
-    }
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.device = breakpoint.get('device');
@@ -23,7 +32,6 @@ const PostFooter = class {
         globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
     }
     componentWillLoad() {
-        this.validateTextFooter();
         // initialize grid visibility by checking the content of each slot
         GRID_SLOTS.forEach(slotName => {
             const assignedElements = this.host.querySelectorAll(`[slot="${slotName}"]`);
@@ -52,15 +60,14 @@ const PostFooter = class {
         return GRID_SLOTS.map(slotName => (h("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, h("h3", null, h("slot", { name: slotName + '-title' })), h("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
     }
     render() {
-        return (h(Host, { key: 'f0a0abbe852d39eb1332a6344cd715bddc69023e', "data-version": version, "data-color-scheme": "light" }, h("footer", { key: 'cdd1dc30d2640a9a5191d896ab3de488b0e5cb23' }, h("h2", { key: '1293bee6f59464063e389c5ec2a7d2962f1cd7ce', class: "visually-hidden" }, this.textFooter), h("div", { key: 'f3452f2268046670e02345ed5bcce1def5b04928', class: "prefooter" }, h("div", { key: 'cbcdcb33d552617d744f8815b62a028844b22336', class: "footer-container" }, h("slot", { key: 'f55b1a0366d34be71214e8b4df60360d97d75e28', name: "prefooter" }))), h("div", { key: 'ba6ae9f95e2f307a2b3991212281bd10336af73a', class: "footer-main" }, h("div", { key: '8971982c6114d5dc502d142602d0006d82066b9b', class: "footer-container" }, h("div", { key: '74d538afd66347d9dbe4e27fc584e05846282dfd', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), h("div", { key: '253b835a08b632d1dcda79c482e0a217985a3ed0', class: "footer-column" }, h("div", { key: '83a3d358d8df658d9bb77cac8e72d141cde0e884', class: "footer-socialmedia" }, h("slot", { key: '116c471844a25ade258c9f70e17e82ca5679aec6', name: "socialmedia" })), h("div", { key: 'a8412b6846be4ed93f062696614152abfd477069', class: "footer-app" }, h("slot", { key: '98e4ef1e591a5c550c92450c5395fb32792f1d09', name: "app" }))), h("div", { key: 'dec506b9c0b9307fa95a310fc60f3e2b4eee3a3f', class: "footer-businesssectors" }, h("slot", { key: 'bef507c9c9eabbff7feb73bef66eea2ea79b5d80', name: "businesssectors" })), h("div", { key: 'eacf793fc1ebbfed753eefbd736dd2a1b38169b0', class: "footer-meta" }, h("slot", { key: 'b35f1fff30f3a657f1aff2fec6926abbd600e796', name: "meta" })), h("div", { key: '42d97c3267ed09061d8aae5297c2939436a1acbc', class: "footer-copyright" }, h("slot", { key: '4adbba5bd0d51064f7b4aa7c8a78cc5e9728dbc4', name: "copyright" })))))));
+        return (h(Host, { key: '374c30bdf52f1c826e4016fb60ebe46b212321f3', "data-version": version, "data-color-scheme": "light" }, h("footer", { key: 'ad4b7ef1d1c8455fba5377c51b82aa98fabe567c' }, h("h2", { key: '2a55bd8dd9764b19ce565e0e718e8caa648dd4e8', class: "visually-hidden" }, this.textFooter), h("div", { key: 'bd3fad280de6e35a43dccf5afb90d079b5697039', class: "prefooter" }, h("div", { key: '8ae04af140bdef46f1989dbd4e18047b20eb8607', class: "footer-container" }, h("slot", { key: 'b2e5e4e3bcfbe4d9eb6323a62fd7d8db312ff49e', name: "prefooter" }))), h("div", { key: 'a73f4cbadf30e9e8bd88a657b88e9aeeecd8ac1c', class: "footer-main" }, h("div", { key: 'b4fa33216ea90b1c7ce8ad4426ffc04a5b142260', class: "footer-container" }, h("div", { key: '68978cc363340f86973f53df82e4adf70e1d18fb', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), h("div", { key: 'd867ecbc7431b9f6e76022693bfd77be6f2015cc', class: "footer-column" }, h("div", { key: 'e5a345d9cb0d85d8a4f4ce46bde363177f26be5f', class: "footer-socialmedia" }, h("slot", { key: 'df306b3404d7cf25a4e93f24a787796c9b6582d0', name: "socialmedia" })), h("div", { key: 'b62be898061d5880b0329251af9001d32a1565d0', class: "footer-app" }, h("slot", { key: '71d2ac3bcb5fa4056e00bb3ec949c163016d116c', name: "app" }))), h("div", { key: 'd1237aa43568afe2d66de7e2871557c8bef692ab', class: "footer-businesssectors" }, h("slot", { key: '3470e3f8d1eaadf7eb230e7c788b5524672937b2', name: "businesssectors" })), h("div", { key: '0fc6b0bd67ac6982ed98f800d37590fe38725ff5', class: "footer-meta" }, h("slot", { key: 'd4ec82246b09ec299836ec13137448e0399dc8cd', name: "meta" })), h("div", { key: 'ffe9ad1ea0ff761513a721c1915bc6bdb602832c', class: "footer-copyright" }, h("slot", { key: 'bc43ce34d09a3a257ca614fe2b1383ee732d3f68', name: "copyright" })))))));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "textFooter": [{
-                "validateTextFooter": 0
-            }]
-    }; }
 };
+__decorate([
+    Required(),
+    Type('string')
+], PostFooter.prototype, "textFooter", void 0);
 PostFooter.style = postFooterCss();
 
 export { PostFooter as post_footer };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-DW7sbg9f.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BbDawWJ5.js';
+import { v as version } from './package-ClG-N42b.js';
 
 const postLinkareaCss = () => `: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}}`;
 
@@ -61,7 +61,7 @@ const PostLinkarea = class {
         }
     }
     render() {
-        return (h(Host, { key: '9db757ece0cdc82469682b1dd9683c9cd5d842c8', "data-version": version, onClick: (e) => this.dispatchClick(e) }, h("slot", { key: '7098c364b730823965b8dce1c985a1164a983476' })));
+        return (h(Host, { key: 'b79b314635a4cb302d862006d07ab5f059298382', "data-version": version, onClick: (e) => this.dispatchClick(e) }, h("slot", { key: '4e9a1ee60d499f6dd80819e68f6536b3964d3389' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/post-listbox-option.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DmAi35UF.js';
-import { v as version } from './package-DW7sbg9f.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BbDawWJ5.js';
+import { v as version } from './package-ClG-N42b.js';
 
 const postListboxOptionCss = () => `:host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:flex;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}`;
 
@@ -14,9 +14,9 @@ const PostListboxOption = class {
         this.highlighted = false;
     }
     render() {
-        return (h(Host, { key: 'c2e1c5052d742c62e82eaac30a01d525048b3a2e', "data-version": version, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
+        return (h(Host, { key: 'f88a84b9004a29fb7c39ea4cbc509d940d70a52d', "data-version": version, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
             /* Prevent focus change from triggering onblur event in post-autocomplete */
-            onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, h("span", { key: '2b0cdab57c328df649c1353c41e2c4cfe57378d0', class: "option-content" }, this.value, h("span", { key: 'e5807160223e87095dc3c0c076ec84317050cf18', class: "option-description" }, h("slot", { key: '45f0020b9eebe13b84880a842c095daa51cf0feb' }))), this.selected && h("post-icon", { key: '80a23567a10075cbc8269f4769dd7d8aba7b2961', "aria-hidden": "true", name: "checkmark" })));
+            onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, h("span", { key: '99d154078490d171ab0e4e43b765cbffb44e721e', class: "option-content" }, this.value, h("span", { key: '609a205bb61b84d1e56e6e64282cb210f650faca', class: "option-description" }, h("slot", { key: 'd08d9dddbea69b693002a20f4127788a6a21acc1' }))), this.selected && h("post-icon", { key: '04e999451c694a0cb54e1e3ab5cd3eca29640aaf', "aria-hidden": "true", name: "checkmark" })));
     }
 };
 PostListboxOption.style = postListboxOptionCss();

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-DW7sbg9f.js';
-import './index-CJcRbvrI.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BbDawWJ5.js';
+import './breakpoints-BQ3HlJPr.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';
+import { v as version } from './package-ClG-N42b.js';
 
 const postListboxCss = () => `post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}::slotted([slot=blank-slate]){display:block;padding:.75rem;color:#666}`;
 
@@ -66,12 +66,10 @@ const PostListbox = class {
         const input = this.inputElement;
         if (input) {
             this.popoverContainer?.show(input);
-            this.host.role = 'listbox';
         }
     }
     /** Closes the listbox */
     async hide() {
-        this.host.removeAttribute('role');
         this.popoverContainer?.hide();
     }
     /** Uses the internal default filtering mode to filter the list of options.
@@ -137,7 +135,7 @@ const PostListbox = class {
         this.updateSelection(event.detail);
     }
     render() {
-        return (h(Host, { key: '22580e81cfb0e65becc36408f7d4523b0ad2d312', "data-version": version }, h("post-popovercontainer", { key: 'd01fad1ac1f9651360c16e7177dd1fce47795f35', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? h("slot", { name: "blank-slate" }) : h("slot", null))));
+        return (h(Host, { key: 'e1e88417d8b8f66fbaf7df481fcbd9a63b6189fb', "data-version": version, role: "listbox" }, h("post-popovercontainer", { key: '0fca1baeb51be6cf5f4d30c254217dce3349a377', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? h("slot", { name: "blank-slate" }) : h("slot", null))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/post-login-widget.entry.js

@@ -1,12 +1,29 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DmAi35UF.js';
-import { v as version } from './package-DW7sbg9f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BbDawWJ5.js';
+import './breakpoints-BQ3HlJPr.js';
+import { v as version } from './package-ClG-N42b.js';
+import { R as Required } from './required-uK-rZZjy.js';
+import { T as Type } from './type-obmwEgkM.js';
+import './create-validator-decorator-D8qwF5Qe.js';
 
+const postLoginWidgetCss = () => `:host post-menu-trigger button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}:host post-menu-trigger button:hover{text-decoration:none}:host post-menu-trigger button:disabled{border-style:var(--post-core-border-style-dash)}:host post-menu-trigger button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host post-menu-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host post-menu-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(a){color:LinkText;border:unset}:host post-menu-trigger button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host post-menu-trigger button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host post-menu-trigger button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host post-menu-trigger button>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}:host post-menu-trigger button{border-radius:var(--post-device-border-radius-round) !important;border:0 none;min-height:0;padding:0}:host post-menu-trigger .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
+
+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 SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
 const PostLoginWidget = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.postChange = createEvent(this, "postChange");
         this.authenticated = null;
+        this.user = null;
     }
     async componentWillLoad() {
         {
@@ -38,6 +55,7 @@ const PostLoginWidget = class {
             }
             const json = await response.json();
             const isAuthenticated = json?.data?.email !== undefined;
+            this.user = json?.data;
             this.setAuthState(isAuthenticated);
         }
         catch {
@@ -51,8 +69,22 @@ const PostLoginWidget = class {
         this.postChange.emit({ authenticated: next });
     }
     render() {
-        return (h(Host, { key: '5bb42861c3ecefa1cfb5a8a44e8d3a5a460c4f4e', "data-version": version }, this.authenticated === true ? h("slot", { name: "authenticated" }) : h("slot", { name: "unauthenticated" })));
+        return (h(Host, { key: '4aeda818bbda67c88aa188ac3bbb8f0377a5050e', "data-version": version }, this.authenticated === true ? (h("div", null, h("post-menu-trigger", { for: "user-menu-default" }, h("button", { class: "btn btn-link", type: "button" }, h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, description: this.textCurrentUser.replace('{user}', `${this.user.name} ${this.user.surname}`) }), h("span", { class: "visually-hidden" }, this.textUserMenuTrigger))), h("post-menu", { label: this.textUserMenu, id: "user-menu-default" }, h("div", { slot: "header" }, h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, email: this.user.email, "aria-hidden": "true" }), this.user.name, " ", this.user.surname), h("slot", { name: "user-links" })))) : (h("div", null, h("slot", { name: "login-link" })))));
     }
+    get host() { return getElement(this); }
 };
+__decorate([
+    Required(),
+    Type('string')
+], PostLoginWidget.prototype, "textCurrentUser", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostLoginWidget.prototype, "textUserMenu", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostLoginWidget.prototype, "textUserMenuTrigger", void 0);
+PostLoginWidget.style = postLoginWidgetCss();
 
 export { PostLoginWidget as post_login_widget };

package/dist/esm/post-number-input.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { d as debounce } from './index-CJcRbvrI.js';
-import { v as version } from './package-DW7sbg9f.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BbDawWJ5.js';
+import { d as debounce } from './breakpoints-BQ3HlJPr.js';
+import { v as version } from './package-ClG-N42b.js';
 
 function getSlottedElement(host, selector) {
     const slottedElements = host.querySelectorAll(selector);
@@ -125,10 +125,10 @@ const PostNumberInput = class {
     }
     render() {
         const areButtonsShown = !!this.input;
-        return (h(Host, { key: '856504c3a82ef504178fc937f5f60a38acb28244', "data-version": version, class: {
+        return (h(Host, { key: 'c8ef21f14edba7dcaf82dc66d7735f3ab3022e4f', "data-version": version, class: {
                 'number-input-sm': this.small,
                 'disabled': this.isDisabled,
-            } }, areButtonsShown && (h("div", { key: 'ce30cbb021d0240d600c64c75ab29c85ff0c0f89', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, h("post-icon", { key: '05081a8183aa6d33f3669cee426d11bf981e42a5', name: "minus" }))), h("div", { key: '382d0dc2a4039af32ce7bf81ec5d75522dba856b', class: "input-container" }, h("slot", { key: '8b6887afdf073173ab8fa7226d8bfb7b7a99801e', onSlotchange: () => this.setupInput() })), areButtonsShown && (h("div", { key: 'c72c3af1708036502a926a0e7b7096ddbf3f9a0c', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, h("post-icon", { key: '2a2dbf0aa3b88cee41d7e7f6aa2652660a3e46d8', name: "plus" })))));
+            } }, areButtonsShown && (h("div", { key: '585049836ec48c09bcf49019375d798d58b1d56b', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, h("post-icon", { key: '1891fc6f71f9251e32b254d6a2da72560c86d3f2', name: "minus" }))), h("div", { key: '8cffde72970f70573f7d9afacd023bc87b9d9bae', class: "input-container" }, h("slot", { key: '69cdc0bef28f380690ce4d4887a3bec3a1dc30b9', onSlotchange: () => this.setupInput() })), areButtonsShown && (h("div", { key: '85cc8b04413b1a50ec493b45638f451fc2b5e0fd', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, h("post-icon", { key: '00b3a503d183042a406618aaad9a0e3f512e13e7', name: "plus" })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,12 +1,24 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-DW7sbg9f.js';
-import { n as nanoid } from './index.browser-nA1BKco0.js';
-import { c as checkRequiredAndType, b as checkEmptyOrType } from './index-D9bU2pIE.js';
-import './index-CJcRbvrI.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BbDawWJ5.js';
+import './breakpoints-BQ3HlJPr.js';
 import { d as debounce } from './debounce-C9hMpmsD.js';
+import { n as nanoid } from './nanoid-8LXe8Zt_.js';
+import { v as version } from './package-ClG-N42b.js';
+import { T as Type } from './type-obmwEgkM.js';
+import { R as Required } from './required-uK-rZZjy.js';
+import './create-validator-decorator-D8qwF5Qe.js';
 
 const postPaginationCss = () => `.btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden}.pagination-list{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:flex;align-items:center;margin:0;padding:0;flex-shrink:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:flex;align-items:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;appearance:none;outline:none;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-link{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}.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{flex-shrink:0;flex-grow:0}.pagination-ellipsis-content{user-select:none}.hidden-items{position:absolute;display:flex;gap:var(--post-device-spacing-gap-11);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
 
+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 ELLIPSIS = '...';
 const MEASUREMENT_DEBOUNCE_MS = 50;
 const RESIZE_DEBOUNCE_MS = 150;
@@ -25,33 +37,6 @@ const PostPagination = class {
         this.debouncedResize = debounce(this.handleResizeInternal.bind(this), RESIZE_DEBOUNCE_MS);
         this.measurementTimeoutId = null;
     }
-    validatePage() {
-        this.validateProp('page', 'number', false);
-    }
-    validatePageSize() {
-        this.validateProp('pageSize', 'number', true);
-    }
-    validateCollectionSize() {
-        this.validateProp('collectionSize', 'number', true);
-    }
-    validateLabel() {
-        this.validateProp('label', 'string', true);
-    }
-    validateTextPrevious() {
-        this.validateProp('textPrevious', 'string', true);
-    }
-    validateTextNext() {
-        this.validateProp('textNext', 'string', true);
-    }
-    validateTextPage() {
-        this.validateProp('textPage', 'string', true);
-    }
-    validateTextFirst() {
-        this.validateProp('textFirst', 'string', true);
-    }
-    validateTextLast() {
-        this.validateProp('textLast', 'string', true);
-    }
     handlePropsChange() {
         this.updatePagesWithValidation();
     }
@@ -66,7 +51,6 @@ const PostPagination = class {
     }
     componentDidLoad() {
         this.loaded = true;
-        this.runAllValidations();
         this.scheduleMeasurement();
     }
     disconnectedCallback() {
@@ -77,31 +61,6 @@ const PostPagination = class {
             this.measurementTimeoutId = null;
         }
     }
-    /**
-     * Validate a prop with the appropriate check function
-     */
-    validateProp(propName, type, required = true) {
-        if (required) {
-            checkRequiredAndType(this, propName, type);
-        }
-        else {
-            checkEmptyOrType(this, propName, type);
-        }
-    }
-    /**
-     * Run all prop validations
-     */
-    runAllValidations() {
-        this.validateProp('page', 'number', false);
-        this.validateProp('pageSize', 'number', true);
-        this.validateProp('collectionSize', 'number', true);
-        this.validateProp('label', 'string', true);
-        this.validateProp('textPrevious', 'string', true);
-        this.validateProp('textNext', 'string', true);
-        this.validateProp('textPage', 'string', true);
-        this.validateProp('textFirst', 'string', true);
-        this.validateProp('textLast', 'string', true);
-    }
     /**
      * Schedule measurement attempt with timeout
      */
@@ -565,40 +524,51 @@ const PostPagination = class {
     get host() { return getElement(this); }
     static get watchers() { return {
         "page": [{
-                "validatePage": 0
-            }, {
                 "handlePropsChange": 0
             }],
         "pageSize": [{
-                "validatePageSize": 0
-            }, {
                 "handlePropsChange": 0
             }],
         "collectionSize": [{
-                "validateCollectionSize": 0
-            }, {
                 "handlePropsChange": 0
-            }],
-        "label": [{
-                "validateLabel": 0
-            }],
-        "textPrevious": [{
-                "validateTextPrevious": 0
-            }],
-        "textNext": [{
-                "validateTextNext": 0
-            }],
-        "textPage": [{
-                "validateTextPage": 0
-            }],
-        "textFirst": [{
-                "validateTextFirst": 0
-            }],
-        "textLast": [{
-                "validateTextLast": 0
             }]
     }; }
 };
+__decorate([
+    Type('number')
+], PostPagination.prototype, "page", void 0);
+__decorate([
+    Required(),
+    Type('number')
+], PostPagination.prototype, "pageSize", void 0);
+__decorate([
+    Required(),
+    Type('number')
+], PostPagination.prototype, "collectionSize", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostPagination.prototype, "label", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostPagination.prototype, "textPrevious", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostPagination.prototype, "textNext", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostPagination.prototype, "textPage", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostPagination.prototype, "textFirst", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostPagination.prototype, "textLast", void 0);
 PostPagination.style = postPaginationCss();
 
 export { PostPagination as post_pagination };

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

@@ -1,12 +1,23 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-DW7sbg9f.js';
-import { i as isFocusable } from './focusable-BD_WT2MO.js';
-import { b as checkEmptyOrType } from './index-D9bU2pIE.js';
-import './index-CJcRbvrI.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BbDawWJ5.js';
+import './breakpoints-BQ3HlJPr.js';
+import { v as version } from './package-ClG-N42b.js';
+import { i as isFocusable } from './focusable-C7afHKmo.js';
+import { T as Type } from './type-obmwEgkM.js';
 import './_commonjsHelpers-BFTU3MAI.js';
+import './create-validator-decorator-D8qwF5Qe.js';
 
 const postPopoverTriggerCss = () => `: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 PostPopoverTrigger = class {
     syncAriaExpanded(newValue) {
         this.ariaExpanded = newValue;
@@ -14,13 +25,6 @@ const PostPopoverTrigger = class {
             this.trigger.setAttribute('aria-expanded', String(newValue));
         }
     }
-    /**
-     * Watch for changes to the `for` property to validate its type and ensure it is a string.
-     * @param forValue - The new value of the `for` property.
-     */
-    validateFor() {
-        checkEmptyOrType(this, 'for', 'string');
-    }
     hasAriaControlsElements(el) {
         return 'ariaControlsElements' in el;
     }
@@ -101,7 +105,6 @@ const PostPopoverTrigger = class {
         };
     }
     componentDidLoad() {
-        this.validateFor();
         this.setupTrigger();
         this.popover?.addEventListener('postToggle', this.boundHandlePostToggle);
     }
@@ -111,18 +114,18 @@ const PostPopoverTrigger = class {
         this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
     }
     render() {
-        return (h(Host, { key: 'e9cf2ac9db54388c4a8743489f7b6712a99fefcd', "data-version": version }, h("slot", { key: 'eecc2384629001fd05ff1a62b691d3be01ebc0d4', onSlotchange: () => this.setupTrigger() })));
+        return (h(Host, { key: '15106566f7f823c789987c59ef7b655622c95f23', "data-version": version }, h("slot", { key: 'e8d4e3f87795b2f323210a2fedee79e462f715bd', onSlotchange: () => this.setupTrigger() })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "popoverOpen": [{
                 "syncAriaExpanded": 0
-            }],
-        "for": [{
-                "validateFor": 0
             }]
     }; }
 };
+__decorate([
+    Type('string')
+], PostPopoverTrigger.prototype, "for", void 0);
 PostPopoverTrigger.style = postPopoverTriggerCss();
 
 export { PostPopoverTrigger as post_popover_trigger };

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

@@ -1,13 +1,26 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BbDawWJ5.js';
 import { P as PLACEMENT_TYPES } from './placement-DRiVosES.js';
-import { v as version } from './package-DW7sbg9f.js';
-import { d as checkEmptyOrOneOf, c as checkRequiredAndType } from './index-D9bU2pIE.js';
-import './index-CJcRbvrI.js';
+import './breakpoints-BQ3HlJPr.js';
 import { g as getDeepFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
+import { v as version } from './package-ClG-N42b.js';
+import { O as OneOf } from './one-of-GPr3FflU.js';
+import { R as Required } from './required-uK-rZZjy.js';
+import { T as Type } from './type-obmwEgkM.js';
 import './get-root-08F-DB-d.js';
+import './create-validator-decorator-D8qwF5Qe.js';
 
 const postPopoverCss = () => `*{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}`;
 
+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 PostPopover = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -23,16 +36,6 @@ const PostPopover = class {
         // eslint-disable-next-line @stencil-community/ban-default-true
         this.arrow = true;
     }
-    validatePlacement() {
-        checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
-    }
-    validateTextClose() {
-        checkRequiredAndType(this, 'textClose', 'string');
-    }
-    componentDidLoad() {
-        this.validatePlacement();
-        this.validateTextClose();
-    }
     /**
      * Programmatically display the popover
      * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
@@ -66,18 +69,17 @@ const PostPopover = class {
         }
     }
     render() {
-        return (h(Host, { key: '09e88f4db9dfc6ed370649d014f51ddbc0862231', "data-version": version }, h("post-popovercontainer", { key: '9a3326e81e8d0d580fb7afe1e9b37faa30e24559', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'a1c4398621bdabe564b382a588c4b0c25500d32f', class: "popover-container" }, h("div", { key: '01d695a07369d0f4fb0ee04ffdfd5abb30db3fef', class: "popover-content" }, h("slot", { key: '14edd33928d9f404c2b44df4d1a9f874af2b4fb5' })), h("post-closebutton", { key: '7951a656d27ffff55e2b394732ba31c243d39009', onClick: () => this.hide() }, this.textClose)))));
+        return (h(Host, { key: '4c6d36060c351602af36c7df3bd1a594cb851213', "data-version": version }, h("post-popovercontainer", { key: 'ec84ed352e562037e547e22f75304683bffa4521', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '2fca8b18ca9ba9abb9464347496ee390815165ec', class: "popover-container" }, h("div", { key: '8859270d05c687223a55583654f97bef9848a8e7', class: "popover-content" }, h("slot", { key: 'e1dff905b2c0882a72693cb07c331581cf63fcf7' })), h("post-closebutton", { key: '7a147e9542c1b7c462141e0940c80eb465fef9a4', onClick: () => this.hide() }, this.textClose)))));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "placement": [{
-                "validatePlacement": 0
-            }],
-        "textClose": [{
-                "validateTextClose": 0
-            }]
-    }; }
 };
+__decorate([
+    OneOf(PLACEMENT_TYPES)
+], PostPopover.prototype, "placement", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostPopover.prototype, "textClose", void 0);
 PostPopover.style = postPopoverCss();
 
 export { PostPopover as post_popover };