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

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CCteMCnR.js');
-var _package = require('./package-CscM89A7.js');
+var index = require('./index-ngUOBQot.js');
 require('./breakpoints-B0Olgvgc.js');
 var eventFrom = require('./event-from-CwMw19f8.js');
+var _package = require('./package-Bi-tiNRc.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}`;
 
@@ -68,12 +68,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.
@@ -139,7 +137,7 @@ const PostListbox = class {
         this.updateSelection(event.detail);
     }
     render() {
-        return (index.h(index.Host, { key: 'd1c8d392375cb98c4861f2dbd0b857873f05ea18', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'b798dc347cb60bb5890148a84060f129ef9a8248', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? index.h("slot", { name: "blank-slate" }) : index.h("slot", null))));
+        return (index.h(index.Host, { key: 'e1e88417d8b8f66fbaf7df481fcbd9a63b6189fb', "data-version": _package.version, role: "listbox" }, index.h("post-popovercontainer", { key: '0fca1baeb51be6cf5f4d30c254217dce3349a377', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? index.h("slot", { name: "blank-slate" }) : index.h("slot", null))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,12 +1,24 @@
 'use strict';
 
-var index = require('./index-CCteMCnR.js');
-var _package = require('./package-CscM89A7.js');
-var index$1 = require('./index-qCzRmwgB.js');
+var index = require('./index-ngUOBQot.js');
 require('./breakpoints-B0Olgvgc.js');
+var _package = require('./package-Bi-tiNRc.js');
+var required = require('./required-lRDOdbd6.js');
+var type = require('./type-shT641Eo.js');
+require('./create-validator-decorator-Bnx17kwi.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) {
@@ -15,20 +27,6 @@ const PostLoginWidget = class {
         this.authenticated = null;
         this.user = null;
     }
-    validateTextCurrentUser() {
-        index$1.checkRequiredAndType(this, 'textCurrentUser', 'string');
-    }
-    validateTextUserMenu() {
-        index$1.checkRequiredAndType(this, 'textUserMenu', 'string');
-    }
-    validateTextUserMenuTrigger() {
-        index$1.checkRequiredAndType(this, 'textUserMenuTrigger', 'string');
-    }
-    componentDidLoad() {
-        this.validateTextCurrentUser();
-        this.validateTextUserMenuTrigger();
-        this.validateTextUserMenu();
-    }
     async componentWillLoad() {
         {
             await this.fetchAuthState();
@@ -73,21 +71,22 @@ const PostLoginWidget = class {
         this.postChange.emit({ authenticated: next });
     }
     render() {
-        return (index.h(index.Host, { key: '1d26f4edfaa623ac4f9a9c71bef89413ef3109c0', "data-version": _package.version }, this.authenticated === true ? (index.h("div", null, index.h("post-menu-trigger", { for: "user-menu-default" }, index.h("button", { class: "btn btn-link", type: "button" }, index.h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, description: this.textCurrentUser.replace('{user}', `${this.user.name} ${this.user.surname}`) }), index.h("span", { class: "visually-hidden" }, this.textUserMenuTrigger))), index.h("post-menu", { label: this.textUserMenu, id: "user-menu-default" }, index.h("div", { slot: "header" }, index.h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, email: this.user.email, "aria-hidden": "true" }), this.user.name, " ", this.user.surname), index.h("slot", { name: "user-links" })))) : (index.h("div", null, index.h("slot", { name: "login-link" })))));
+        return (index.h(index.Host, { key: '4aeda818bbda67c88aa188ac3bbb8f0377a5050e', "data-version": _package.version }, this.authenticated === true ? (index.h("div", null, index.h("post-menu-trigger", { for: "user-menu-default" }, index.h("button", { class: "btn btn-link", type: "button" }, index.h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, description: this.textCurrentUser.replace('{user}', `${this.user.name} ${this.user.surname}`) }), index.h("span", { class: "visually-hidden" }, this.textUserMenuTrigger))), index.h("post-menu", { label: this.textUserMenu, id: "user-menu-default" }, index.h("div", { slot: "header" }, index.h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, email: this.user.email, "aria-hidden": "true" }), this.user.name, " ", this.user.surname), index.h("slot", { name: "user-links" })))) : (index.h("div", null, index.h("slot", { name: "login-link" })))));
     }
     get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "textCurrentUser": [{
-                "validateTextCurrentUser": 0
-            }],
-        "textUserMenu": [{
-                "validateTextUserMenu": 0
-            }],
-        "textUserMenuTrigger": [{
-                "validateTextUserMenuTrigger": 0
-            }]
-    }; }
 };
+__decorate([
+    required.Required(),
+    type.Type('string')
+], PostLoginWidget.prototype, "textCurrentUser", void 0);
+__decorate([
+    required.Required(),
+    type.Type('string')
+], PostLoginWidget.prototype, "textUserMenu", void 0);
+__decorate([
+    required.Required(),
+    type.Type('string')
+], PostLoginWidget.prototype, "textUserMenuTrigger", void 0);
 PostLoginWidget.style = postLoginWidgetCss();
 
 exports.post_login_widget = PostLoginWidget;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CCteMCnR.js');
+var index = require('./index-ngUOBQot.js');
 var breakpoints = require('./breakpoints-B0Olgvgc.js');
-var _package = require('./package-CscM89A7.js');
+var _package = require('./package-Bi-tiNRc.js');
 
 function getSlottedElement(host, selector) {
     const slottedElements = host.querySelectorAll(selector);

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

@@ -1,14 +1,26 @@
 'use strict';
 
-var index = require('./index-CCteMCnR.js');
-var _package = require('./package-CscM89A7.js');
-var index$1 = require('./index-qCzRmwgB.js');
+var index = require('./index-ngUOBQot.js');
 require('./breakpoints-B0Olgvgc.js');
 var debounce = require('./debounce-BsIBi_-2.js');
 var nanoid = require('./nanoid-CmjyF1Cm.js');
+var _package = require('./package-Bi-tiNRc.js');
+var type = require('./type-shT641Eo.js');
+var required = require('./required-lRDOdbd6.js');
+require('./create-validator-decorator-Bnx17kwi.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;
@@ -27,33 +39,6 @@ const PostPagination = class {
         this.debouncedResize = debounce.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();
     }
@@ -68,7 +53,6 @@ const PostPagination = class {
     }
     componentDidLoad() {
         this.loaded = true;
-        this.runAllValidations();
         this.scheduleMeasurement();
     }
     disconnectedCallback() {
@@ -79,31 +63,6 @@ const PostPagination = class {
             this.measurementTimeoutId = null;
         }
     }
-    /**
-     * Validate a prop with the appropriate check function
-     */
-    validateProp(propName, type, required = true) {
-        if (required) {
-            index$1.checkRequiredAndType(this, propName, type);
-        }
-        else {
-            index$1.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
      */
@@ -567,40 +526,51 @@ const PostPagination = class {
     get host() { return index.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.Type('number')
+], PostPagination.prototype, "page", void 0);
+__decorate([
+    required.Required(),
+    type.Type('number')
+], PostPagination.prototype, "pageSize", void 0);
+__decorate([
+    required.Required(),
+    type.Type('number')
+], PostPagination.prototype, "collectionSize", void 0);
+__decorate([
+    required.Required(),
+    type.Type('string')
+], PostPagination.prototype, "label", void 0);
+__decorate([
+    required.Required(),
+    type.Type('string')
+], PostPagination.prototype, "textPrevious", void 0);
+__decorate([
+    required.Required(),
+    type.Type('string')
+], PostPagination.prototype, "textNext", void 0);
+__decorate([
+    required.Required(),
+    type.Type('string')
+], PostPagination.prototype, "textPage", void 0);
+__decorate([
+    required.Required(),
+    type.Type('string')
+], PostPagination.prototype, "textFirst", void 0);
+__decorate([
+    required.Required(),
+    type.Type('string')
+], PostPagination.prototype, "textLast", void 0);
 PostPagination.style = postPaginationCss();
 
 exports.post_pagination = PostPagination;

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

@@ -1,14 +1,25 @@
 'use strict';
 
-var index$1 = require('./index-CCteMCnR.js');
-var _package = require('./package-CscM89A7.js');
-var focusable = require('./focusable-COT2uiEV.js');
-var index = require('./index-qCzRmwgB.js');
+var index = require('./index-ngUOBQot.js');
 require('./breakpoints-B0Olgvgc.js');
+var _package = require('./package-Bi-tiNRc.js');
+var focusable = require('./focusable-COT2uiEV.js');
+var type = require('./type-shT641Eo.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
+require('./create-validator-decorator-Bnx17kwi.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;
@@ -16,13 +27,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() {
-        index.checkEmptyOrType(this, 'for', 'string');
-    }
     hasAriaControlsElements(el) {
         return 'ariaControlsElements' in el;
     }
@@ -80,7 +84,7 @@ const PostPopoverTrigger = class {
         }
     }
     constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         /**
          * Manages the accessibility attribute `aria-expanded` to indicate whether the associated popover is expanded or collapsed.
          */
@@ -103,7 +107,6 @@ const PostPopoverTrigger = class {
         };
     }
     componentDidLoad() {
-        this.validateFor();
         this.setupTrigger();
         this.popover?.addEventListener('postToggle', this.boundHandlePostToggle);
     }
@@ -113,18 +116,18 @@ const PostPopoverTrigger = class {
         this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'b439e93193ac8e1e7cdceb5b0dcd59de6659400c', "data-version": _package.version }, index$1.h("slot", { key: '3a4e192ec9656f2a4b4c69f8d9c8589d770f50b8', onSlotchange: () => this.setupTrigger() })));
+        return (index.h(index.Host, { key: '15106566f7f823c789987c59ef7b655622c95f23', "data-version": _package.version }, index.h("slot", { key: 'e8d4e3f87795b2f323210a2fedee79e462f715bd', onSlotchange: () => this.setupTrigger() })));
     }
-    get host() { return index$1.getElement(this); }
+    get host() { return index.getElement(this); }
     static get watchers() { return {
         "popoverOpen": [{
                 "syncAriaExpanded": 0
-            }],
-        "for": [{
-                "validateFor": 0
             }]
     }; }
 };
+__decorate([
+    type.Type('string')
+], PostPopoverTrigger.prototype, "for", void 0);
 PostPopoverTrigger.style = postPopoverTriggerCss();
 
 exports.post_popover_trigger = PostPopoverTrigger;

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

@@ -1,15 +1,28 @@
 'use strict';
 
-var index = require('./index-CCteMCnR.js');
+var index = require('./index-ngUOBQot.js');
 var placement = require('./placement-qEFR9hmI.js');
-var _package = require('./package-CscM89A7.js');
-var index$1 = require('./index-qCzRmwgB.js');
 require('./breakpoints-B0Olgvgc.js');
 var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
+var _package = require('./package-Bi-tiNRc.js');
+var oneOf = require('./one-of-BHyX4vYq.js');
+var required = require('./required-lRDOdbd6.js');
+var type = require('./type-shT641Eo.js');
 require('./get-root-B1FnQ50K.js');
+require('./create-validator-decorator-Bnx17kwi.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) {
         index.registerInstance(this, hostRef);
@@ -25,16 +38,6 @@ const PostPopover = class {
         // eslint-disable-next-line @stencil-community/ban-default-true
         this.arrow = true;
     }
-    validatePlacement() {
-        index$1.checkEmptyOrOneOf(this, 'placement', placement.PLACEMENT_TYPES);
-    }
-    validateTextClose() {
-        index$1.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
@@ -68,18 +71,17 @@ const PostPopover = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ebbd011aecf3ec0537ae6f27565ae89c4de23520', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'ed7fe6aa0355ca55e53aa4ae460ea1a40b3f7d82', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '10743a794d6aa31f0847f994800108ebab7c0f34', class: "popover-container" }, index.h("div", { key: 'dba753e2d2d45989b98ec91a79fe7425f9c9acb6', class: "popover-content" }, index.h("slot", { key: '2cce9dbfc1bdeda0bb64807dcf5d1cf95255b299' })), index.h("post-closebutton", { key: 'dd3303403d326eb2fe43f6d3f44b7c5684c8747e', onClick: () => this.hide() }, this.textClose)))));
+        return (index.h(index.Host, { key: '4c6d36060c351602af36c7df3bd1a594cb851213', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'ec84ed352e562037e547e22f75304683bffa4521', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '2fca8b18ca9ba9abb9464347496ee390815165ec', class: "popover-container" }, index.h("div", { key: '8859270d05c687223a55583654f97bef9848a8e7', class: "popover-content" }, index.h("slot", { key: 'e1dff905b2c0882a72693cb07c331581cf63fcf7' })), index.h("post-closebutton", { key: '7a147e9542c1b7c462141e0940c80eb465fef9a4', onClick: () => this.hide() }, this.textClose)))));
     }
     get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "placement": [{
-                "validatePlacement": 0
-            }],
-        "textClose": [{
-                "validateTextClose": 0
-            }]
-    }; }
 };
+__decorate([
+    oneOf.OneOf(placement.PLACEMENT_TYPES)
+], PostPopover.prototype, "placement", void 0);
+__decorate([
+    required.Required(),
+    type.Type('string')
+], PostPopover.prototype, "textClose", void 0);
 PostPopover.style = postPopoverCss();
 
 exports.post_popover = PostPopover;

package/dist/cjs/post-progressbar.cjs.entry.js

@@ -0,0 +1,147 @@
+'use strict';
+
+var index = require('./index-ngUOBQot.js');
+require('./breakpoints-B0Olgvgc.js');
+var createValidatorDecorator = require('./create-validator-decorator-Bnx17kwi.js');
+var type = require('./type-shT641Eo.js');
+
+function resolveBound(component, bound) {
+    const resolvedValue = typeof bound === 'string' ? component[bound] : bound;
+    return typeof resolvedValue === 'number' ? resolvedValue : null;
+}
+function createBoundValidatorDecorator(bound, options, config) {
+    const decorator = createValidatorDecorator.createValidatorDecorator({
+        priority: 1,
+        blocking: false,
+        run(component, property) {
+            const { value, showError } = createValidatorDecorator.getValidationContext(component, property);
+            if (typeof value !== 'number') {
+                return true;
+            }
+            const resolvedBound = resolveBound(component, bound);
+            if (resolvedBound === null) {
+                if (typeof bound === 'string') {
+                    const boundVal = component[bound];
+                    const boundType = typeof boundVal;
+                    if (boundType !== 'number') {
+                        showError(`references property "${bound}" which must be a number but got ${boundType}`);
+                        return false;
+                    }
+                }
+                return true;
+            }
+            const include = options.include ?? config.includeDefault;
+            if (!config.compare(value, resolvedBound, include)) {
+                const displayBound = typeof bound === 'string' ? String(resolvedBound) : String(bound);
+                const expectation = config.formatExpectation(displayBound, include);
+                showError(`must be ${expectation}`);
+                return false;
+            }
+            return true;
+        },
+    });
+    return function (target, property) {
+        if (typeof bound === 'string') {
+            createValidatorDecorator.registerDependency(target, bound, property);
+        }
+        decorator(target, property);
+    };
+}
+/**
+ * Property decorator that validates the property value is greater than the specified minimum.
+ *
+ * Validation runs on `componentDidLoad` and whenever the property value changes.
+ *
+ * @typeParam T - Component type used to constrain property-name bounds.
+ * @param minimum - The minimum allowed value (exclusive by default) or property name to read it from.
+ * @param options - Configuration object with `includeMin` flag (default: false for exclusive behavior).
+ */
+function GreaterThan(minimum, options = {}) {
+    return createBoundValidatorDecorator(minimum, { include: options.includeMin }, {
+        includeDefault: false,
+        compare: (value, bound, include) => (include ? value >= bound : value > bound),
+        formatExpectation: (display, include) => include ? `greater than or equal to "${display}"` : `greater than "${display}"`,
+    });
+}
+/**
+ * Property decorator that validates the property value is less than the specified maximum.
+ *
+ * Validation runs on `componentDidLoad` and whenever the property value changes.
+ *
+ * @typeParam T - Component type used to constrain property-name bounds.
+ * @param maximum - The maximum allowed value (inclusive by default) or property name to read it from.
+ * @param options - Configuration object with `includeMax` flag (default: true for inclusive behavior).
+ */
+function LessThan(maximum, options = {}) {
+    return createBoundValidatorDecorator(maximum, { include: options.includeMax }, {
+        includeDefault: true,
+        compare: (value, bound, include) => (include ? value <= bound : value < bound),
+        formatExpectation: (display, include) => include ? `less than or equal to "${display}"` : `less than "${display}"`,
+    });
+}
+
+const postProgressbarCss = () => `:host{display:block;position:relative;height:var(--post-device-sizing-interactive-progressbar-indicator);border-radius:var(--post-device-border-radius-round);box-shadow:0px 0px 0px var(--post-device-border-width-alternative1) var(--post-scheme-color-interactive-primary-enabled-stroke) inset;overflow:hidden}.progress-value{position:absolute;inset-block:0;inset-inline-start:0;width:var(--post-progressbar-value, 0);border-radius:var(--post-device-border-radius-round);background-color:var(--post-progressbar-status-color, var(--post-scheme-color-interactive-primary-enabled-bg2));transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border:1px solid Highlight}.progress-value{background-color:Highlight}}`;
+
+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 PostProgressbar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * The minimum value of the progress bar.
+         * Must be a valid floating point number less than max.
+         */
+        this.min = 0;
+        /**
+         * Describes how much work the task indicated by the progress element requires.
+         * Must be a valid floating point number greater than min.
+         */
+        this.max = 100;
+    }
+    getEffectiveMin() {
+        return Number.isFinite(this.min) ? this.min : 0;
+    }
+    getEffectiveMax() {
+        return Number.isFinite(this.max) && this.max > this.getEffectiveMin() ? this.max : 100;
+    }
+    getEffectiveValue(min, max) {
+        if (this.value === undefined ||
+            !Number.isFinite(this.value) ||
+            this.value < min ||
+            this.value > max) {
+            return min;
+        }
+        return this.value;
+    }
+    render() {
+        const min = this.getEffectiveMin();
+        const max = this.getEffectiveMax();
+        const value = this.getEffectiveValue(min, max);
+        const percentage = ((value - min) / (max - min)) * 100;
+        return (index.h(index.Host, { key: '3d48615c3f08904f896eb5ebb7d8bfdff882a89b', role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max }, index.h("div", { key: 'dd8c0d44ba1aeccb3102cb15556517df98b9cf63', class: "progress-value", style: { '--post-progressbar-value': `${percentage}%` } })));
+    }
+    get host() { return index.getElement(this); }
+};
+__decorate([
+    type.Type('number')
+], PostProgressbar.prototype, "min", void 0);
+__decorate([
+    type.Type('number'),
+    GreaterThan('min')
+], PostProgressbar.prototype, "max", void 0);
+__decorate([
+    type.Type('number'),
+    GreaterThan('min'),
+    LessThan('max')
+], PostProgressbar.prototype, "value", void 0);
+PostProgressbar.style = postProgressbarCss();
+
+exports.post_progressbar = PostProgressbar;