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

package/dist/collection/components/post-menu/post-menu.js

@@ -8,11 +8,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
                 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;
 };
-import { h, Host, } from "@stencil/core";
 import { PLACEMENT_TYPES } from "../../types/index";
+import { EventFrom, getFocusableChildren, getRoot, OneOf, Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
-import { getFocusableChildren } from "../../utils/get-focusable-children";
-import { getRoot, checkEmptyOrOneOf, checkRequiredAndType, EventFrom } from "../../utils/index";
+import { h, Host, } from "@stencil/core";
 /**
  * @part post-menu - The container element that holds the list of menu items.
  * @slot header - Holds the header part of the menu.
@@ -59,12 +58,6 @@ export class PostMenu {
             }
         };
     }
-    validatePlacement() {
-        checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
-    }
-    validateLabel() {
-        checkRequiredAndType(this, 'label', 'string');
-    }
     connectedCallback() {
         this.root = getRoot(this.host);
         this.host.addEventListener('keydown', this.handleKeyDown);
@@ -74,10 +67,6 @@ export class PostMenu {
         this.host.removeEventListener('keydown', this.handleKeyDown);
         this.host.removeEventListener('click', this.handleClick);
     }
-    componentDidLoad() {
-        this.validatePlacement();
-        this.validateLabel();
-    }
     /**
      * Toggles the menu visibility based on its current state.
      */
@@ -195,7 +184,7 @@ export class PostMenu {
         ]));
     }
     render() {
-        return (h(Host, { key: '6931365341e8a5476c27e5a35d84823162d3a904', "data-version": version }, h("post-popovercontainer", { key: '441654449ad9708c5eba02a383567771cab7a848', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '6436553c2b7c35901a84b3a50798b561dfbb008c', part: "post-menu" }, h("slot", { key: 'af2a5159f3b8e039d00fc6cb1734740eede78121', name: "header" }), h("slot", { key: '01e671b55c02342936efe703dac97096f38b131c' })))));
+        return (h(Host, { key: 'c5f2f3e06c6deb847959a573e450beb2b17f35a2', "data-version": version }, h("post-popovercontainer", { key: '3625a55c753d763313f0a17f0f8993bbcb39975d', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'f296e5a99e12ee97c09206df7c05db394a4ae181', part: "post-menu" }, h("slot", { key: '7c322af6cc8e67b9c18c645920d8af7bbcab953f', name: "header" }), h("slot", { key: 'd17b77c7c12a38991d25fc251144198ed763cbbb' })))));
     }
     static get is() { return "post-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -357,16 +346,14 @@ export class PostMenu {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "placement",
-                "methodName": "validatePlacement"
-            }, {
-                "propName": "label",
-                "methodName": "validateLabel"
-            }];
-    }
 }
+__decorate([
+    OneOf(PLACEMENT_TYPES)
+], PostMenu.prototype, "placement", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostMenu.prototype, "label", void 0);
 __decorate([
     EventFrom('post-popovercontainer')
 ], PostMenu.prototype, "handlePostShown", null);

package/dist/collection/components/post-menu-trigger/post-menu-trigger.js

@@ -1,10 +1,17 @@
-import { h, Host } from "@stencil/core";
+var __decorate = (this && this.__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;
+};
+import { getRoot, Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
-import { getRoot, checkRequiredAndType } from "../../utils/index";
+import { h, Host } from "@stencil/core";
 export class PostMenuTrigger {
-    validateFor() {
-        checkRequiredAndType(this, 'for', 'string');
-    }
     constructor() {
         this.updateAriaExpanded = this.updateAriaExpanded.bind(this);
     }
@@ -12,7 +19,6 @@ export class PostMenuTrigger {
         this.root = getRoot(this.host);
     }
     componentDidLoad() {
-        this.validateFor();
         this.setAriaAttributes();
         if (this.root) {
             this.root.addEventListener('toggleMenu', this.updateAriaExpanded);
@@ -59,7 +65,7 @@ export class PostMenuTrigger {
         return null;
     }
     render() {
-        return (h(Host, { key: '574ff0ab723270c5a2614e8a34951febc51221ed', "data-version": version }, h("slot", { key: 'cf223c3e85d9ad8b49ba209fa165a27605b9fd09' })));
+        return (h(Host, { key: '53cdf95c4eaaf430f0ada66aa69588b7830903f9', "data-version": version }, h("slot", { key: 'ae764b0b2b93cd7934fd39ef68084871ddd3f94f' })));
     }
     static get is() { return "post-menu-trigger"; }
     static get encapsulation() { return "shadow"; }
@@ -97,10 +103,8 @@ export class PostMenuTrigger {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "for",
-                "methodName": "validateFor"
-            }];
-    }
 }
+__decorate([
+    Required(),
+    Type('string')
+], PostMenuTrigger.prototype, "for", void 0);

package/dist/collection/components/post-number-input/post-number-input.js

@@ -1,7 +1,7 @@
-import { Host, h } from "@stencil/core";
-import { debounce } from "throttle-debounce";
-import { version } from "../../../../package";
 import { getSlottedElement, repeatOnLongPress } from "../../utils/index";
+import { version } from "../../../../package";
+import { h, Host } from "@stencil/core";
+import { debounce } from "throttle-debounce";
 function parseNumber(input, key) {
     const value = Number.parseFloat(input[key]);
     return Number.isNaN(value) ? undefined : value;

package/dist/collection/components/post-pagination/post-pagination.js

@@ -1,6 +1,16 @@
-import { Host, h, } from "@stencil/core";
+var __decorate = (this && this.__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;
+};
+import { debounce, nanoid, Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
-import { checkEmptyOrType, checkRequiredAndType, debounce, nanoid } from "../../utils/index";
+import { h, Host, } from "@stencil/core";
 const ELLIPSIS = '...';
 const MEASUREMENT_DEBOUNCE_MS = 50;
 const RESIZE_DEBOUNCE_MS = 150;
@@ -17,33 +27,6 @@ export class PostPagination {
         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();
     }
@@ -58,7 +41,6 @@ export class PostPagination {
     }
     componentDidLoad() {
         this.loaded = true;
-        this.runAllValidations();
         this.scheduleMeasurement();
     }
     disconnectedCallback() {
@@ -69,31 +51,6 @@ export class PostPagination {
             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
      */
@@ -769,33 +726,6 @@ export class PostPagination {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
-                "propName": "page",
-                "methodName": "validatePage"
-            }, {
-                "propName": "pageSize",
-                "methodName": "validatePageSize"
-            }, {
-                "propName": "collectionSize",
-                "methodName": "validateCollectionSize"
-            }, {
-                "propName": "label",
-                "methodName": "validateLabel"
-            }, {
-                "propName": "textPrevious",
-                "methodName": "validateTextPrevious"
-            }, {
-                "propName": "textNext",
-                "methodName": "validateTextNext"
-            }, {
-                "propName": "textPage",
-                "methodName": "validateTextPage"
-            }, {
-                "propName": "textFirst",
-                "methodName": "validateTextFirst"
-            }, {
-                "propName": "textLast",
-                "methodName": "validateTextLast"
-            }, {
                 "propName": "page",
                 "methodName": "handlePropsChange"
             }, {
@@ -807,3 +737,38 @@ export class PostPagination {
             }];
     }
 }
+__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);

package/dist/collection/components/post-popover/post-popover.js

@@ -1,7 +1,17 @@
-import { h, Host } from "@stencil/core";
+var __decorate = (this && this.__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;
+};
 import { PLACEMENT_TYPES } from "../../types/index";
+import { getDeepFocusableChildren, OneOf, Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
-import { checkRequiredAndType, checkEmptyOrOneOf, getDeepFocusableChildren } from "../../utils/index";
+import { h, Host } from "@stencil/core";
 /**
  * @slot default - Slot for placing content inside the popover.
  */
@@ -19,16 +29,6 @@ export class PostPopover {
         // 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
@@ -62,7 +62,7 @@ export class PostPopover {
         }
     }
     render() {
-        return (h(Host, { key: 'ebbd011aecf3ec0537ae6f27565ae89c4de23520', "data-version": version }, h("post-popovercontainer", { key: 'ed7fe6aa0355ca55e53aa4ae460ea1a40b3f7d82', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '10743a794d6aa31f0847f994800108ebab7c0f34', class: "popover-container" }, h("div", { key: 'dba753e2d2d45989b98ec91a79fe7425f9c9acb6', class: "popover-content" }, h("slot", { key: '2cce9dbfc1bdeda0bb64807dcf5d1cf95255b299' })), h("post-closebutton", { key: 'dd3303403d326eb2fe43f6d3f44b7c5684c8747e', 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)))));
     }
     static get is() { return "post-popover"; }
     static get encapsulation() { return "shadow"; }
@@ -231,13 +231,11 @@ export class PostPopover {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "placement",
-                "methodName": "validatePlacement"
-            }, {
-                "propName": "textClose",
-                "methodName": "validateTextClose"
-            }];
-    }
 }
+__decorate([
+    OneOf(PLACEMENT_TYPES)
+], PostPopover.prototype, "placement", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostPopover.prototype, "textClose", void 0);

package/dist/collection/components/post-popover-trigger/post-popover-trigger.js

@@ -1,7 +1,17 @@
-import { h, Host } from "@stencil/core";
+var __decorate = (this && this.__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;
+};
+import { Type } from "../../utils/index";
 import { version } from "../../../../package";
+import { h, Host } from "@stencil/core";
 import isFocusable from "ally.js/is/focusable";
-import { checkEmptyOrType } from "../../utils/index";
 export class PostPopoverTrigger {
     syncAriaExpanded(newValue) {
         this.ariaExpanded = newValue;
@@ -9,13 +19,6 @@ export class PostPopoverTrigger {
             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;
     }
@@ -95,7 +98,6 @@ export class PostPopoverTrigger {
         };
     }
     componentDidLoad() {
-        this.validateFor();
         this.setupTrigger();
         this.popover?.addEventListener('postToggle', this.boundHandlePostToggle);
     }
@@ -105,7 +107,7 @@ export class PostPopoverTrigger {
         this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
     }
     render() {
-        return (h(Host, { key: 'b439e93193ac8e1e7cdceb5b0dcd59de6659400c', "data-version": version }, h("slot", { key: '3a4e192ec9656f2a4b4c69f8d9c8589d770f50b8', onSlotchange: () => this.setupTrigger() })));
+        return (h(Host, { key: '15106566f7f823c789987c59ef7b655622c95f23', "data-version": version }, h("slot", { key: 'e8d4e3f87795b2f323210a2fedee79e462f715bd', onSlotchange: () => this.setupTrigger() })));
     }
     static get is() { return "post-popover-trigger"; }
     static get encapsulation() { return "shadow"; }
@@ -153,9 +155,9 @@ export class PostPopoverTrigger {
         return [{
                 "propName": "popoverOpen",
                 "methodName": "syncAriaExpanded"
-            }, {
-                "propName": "for",
-                "methodName": "validateFor"
             }];
     }
 }
+__decorate([
+    Type('string')
+], PostPopoverTrigger.prototype, "for", void 0);

package/dist/collection/components/post-popovercontainer/post-popovercontainer.js

@@ -1,11 +1,21 @@
-import { Host, h, Build, } from "@stencil/core";
-import { checkEmptyOrOneOf, checkEmptyOrType } from "../../utils/index";
+var __decorate = (this && this.__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;
+};
+import { Build, h, Host, } from "@stencil/core";
+import { OneOf, Type } from "../../utils/index";
 import { version } from "../../../../package";
-import { arrow, autoUpdate, computePosition, flip, inline, limitShift, offset, shift, size, } from "@floating-ui/dom";
 import { PLACEMENT_TYPES } from "../../types/index";
+import { arrow, autoUpdate, computePosition, flip, inline, limitShift, offset, shift, size, } from "@floating-ui/dom";
 // Polyfill for popovers, can be removed when https://caniuse.com/?search=popover is green
-import { apply, isSupported } from "@oddbird/popover-polyfill/fn";
 import { popIn } from "../../animations/pop-in";
+import { apply, isSupported } from "@oddbird/popover-polyfill/fn";
 const ANIMATIONS = {
     'pop-in': popIn,
 };
@@ -37,15 +47,6 @@ export class PostPopovercontainer {
         this.currentAnimation = null;
         this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
     }
-    validatePlacement() {
-        checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
-    }
-    validateEdgeGap() {
-        checkEmptyOrType(this, 'edgeGap', 'number');
-    }
-    validateSafeSpace() {
-        checkEmptyOrOneOf(this, 'safeSpace', ['triangle', 'trapezoid']);
-    }
     /**
      * Updates cursor position for safe space feature when popover is open.
      * Sets CSS custom properties for dynamic styling of safe area.
@@ -61,9 +62,6 @@ export class PostPopovercontainer {
         }
     }
     componentDidLoad() {
-        this.validatePlacement();
-        this.validateEdgeGap();
-        this.validateSafeSpace();
         this.host.addEventListener('beforetoggle', this.handleToggle.bind(this));
     }
     disconnectedCallback() {
@@ -345,9 +343,9 @@ export class PostPopovercontainer {
         }
     }
     render() {
-        return (h(Host, { key: 'f3d2037a35648aef9031ecb96db8f1755cb06fc9', "data-version": version, popover: "auto" }, h("div", { key: '19a5300eb1388eb51764eae39fc0911864336282', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: 'e7c67a359968faa9001c4be657db7d6930fe6075', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
+        return (h(Host, { key: '468af4ce773ab7c5d4feb4320c33175347ceca3d', "data-version": version, popover: "auto" }, h("div", { key: 'f8a78f27bf46079134b75d468b44ad40d15a0001', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: '9d92eaec690d67bdbf3b991274c2351744628519', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), h("span", { key: 'b7477bc2e03c196c5983f6b933cedc20b2ed59f8', part: "post-popovercontainer-border-mask" }), h("div", { key: '7c1c50cbd766f6f901e9f3579c6e609da4cf3e37', class: "popover-scroll" }, h("slot", { key: '56c646c3bec1437e394ce0b76cea0f6bc4c6637f' })))));
+            } })), h("span", { key: 'a1dd28b0ddd3af5792199f47e7a921eb14b86f93', part: "post-popovercontainer-border-mask" }), h("div", { key: '94e84d35042983d832d6f0e9f8c01b68428d1401', class: "popover-scroll" }, h("slot", { key: '28909f395a3ed25f489458f94de79c3c1ae309c9' })))));
     }
     static get is() { return "post-popovercontainer"; }
     static get encapsulation() { return "shadow"; }
@@ -638,18 +636,6 @@ export class PostPopovercontainer {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "placement",
-                "methodName": "validatePlacement"
-            }, {
-                "propName": "edgeGap",
-                "methodName": "validateEdgeGap"
-            }, {
-                "propName": "safeSpace",
-                "methodName": "validateSafeSpace"
-            }];
-    }
 }
 PostPopovercontainer.STATIC_SIDES = {
     top: 'bottom',
@@ -671,3 +657,12 @@ PostPopovercontainer.PROPERTIES_TO_CLEAR = [
     '--post-safe-space-trigger-y-start',
     '--post-safe-space-trigger-y-end',
 ];
+__decorate([
+    OneOf(PLACEMENT_TYPES)
+], PostPopovercontainer.prototype, "placement", void 0);
+__decorate([
+    Type('number')
+], PostPopovercontainer.prototype, "edgeGap", void 0);
+__decorate([
+    OneOf(['triangle', 'trapezoid'])
+], PostPopovercontainer.prototype, "safeSpace", void 0);

package/dist/collection/components/post-progressbar/post-progressbar.css

@@ -0,0 +1 @@
+: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}}

package/dist/collection/components/post-progressbar/post-progressbar.js

@@ -0,0 +1,136 @@
+var __decorate = (this && this.__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;
+};
+import { GreaterThan, LessThan, Type } from "../../utils/index";
+import { h, Host } from "@stencil/core";
+export class PostProgressbar {
+    constructor() {
+        /**
+         * 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 (h(Host, { key: '3d48615c3f08904f896eb5ebb7d8bfdff882a89b', role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max }, h("div", { key: 'dd8c0d44ba1aeccb3102cb15556517df98b9cf63', class: "progress-value", style: { '--post-progressbar-value': `${percentage}%` } })));
+    }
+    static get is() { return "post-progressbar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["post-progressbar.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["post-progressbar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "min": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The minimum value of the progress bar.\nMust be a valid floating point number less than max."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "min",
+                "defaultValue": "0"
+            },
+            "max": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Describes how much work the task indicated by the progress element requires.\nMust be a valid floating point number greater than min."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max",
+                "defaultValue": "100"
+            },
+            "value": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies how much of the task has been completed.\nMust be a valid floating point number between min and max.\nIf there is no value attribute, the progress bar is indeterminate; this indicates that an activity is ongoing with no indication of how long it is expected to take."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+__decorate([
+    Type('number')
+], PostProgressbar.prototype, "min", void 0);
+__decorate([
+    Type('number'),
+    GreaterThan('min')
+], PostProgressbar.prototype, "max", void 0);
+__decorate([
+    Type('number'),
+    GreaterThan('min'),
+    LessThan('max')
+], PostProgressbar.prototype, "value", void 0);