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

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

@@ -1,15 +1,21 @@
-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 { Url } from "../../utils/index";
 import { version } from "../../../../package";
-import { checkEmptyOrUrl } from "../../utils/index";
+import { h, Host } from "@stencil/core";
 /**
  * @slot default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG.
  */
 export class PostLogo {
-    validateUrl() {
-        checkEmptyOrUrl(this, 'url');
-    }
     componentDidLoad() {
-        this.validateUrl();
         this.checkDescription();
     }
     checkDescription() {
@@ -20,7 +26,7 @@ export class PostLogo {
     render() {
         const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
         const LogoTag = logoLink ? 'a' : 'span';
-        return (h(Host, { key: '4d3410b6904aa6d02fc25ccd83379ca1f89988fc', "data-version": version }, h(LogoTag, { key: '08e525251bf27647966a441155a9be0a31880f7b', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: 'd87e43fa9d763b62f82ec6da194e2e6bd36160c6', class: "description" }, h("slot", { key: 'ade627d309d459f656eb63c90ed60899ae005ac5', onSlotchange: () => this.checkDescription() })), h("svg", { key: '2f344cbef09f65607381368cac9d517f3b0b685a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '7939c4cfdee6f72fb3fdad8527ff27b4895e82d3', id: "Logo" }, h("rect", { key: '1f3837db876668b6c6e056334e10e5641868b0c2', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: 'cb24bf87c4b6563b01c9cd679e789538001e3f56', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), h("path", { key: 'da75a832055f5f577196d9fa6d7473be44f8ed89', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
+        return (h(Host, { key: '07795d309bc89e4ad712d81638134d84e6f2cd3a', "data-version": version }, h(LogoTag, { key: '3265657e1c8857e5454b4907874b9f945dc391e4', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: 'f4c4da506329d0b754db9e6f64f6dba8e0f22681', class: "description" }, h("slot", { key: 'faabc37ede88aa6212259eda5f500e21cc48dc5e', onSlotchange: () => this.checkDescription() })), h("svg", { key: '5dffa0d4cd0d72811dcaf9390b4941d78abd4263', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '990a0da74a50b027e6999715e51a6e966c489222', id: "Logo" }, h("rect", { key: '59610e9b801362ebcbe77932cfcac1f2be83fc0d', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: '67e25d5dc835279852d6445b40dcea933a81a76e', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), h("path", { key: '33fb461427e4112f38fb6487795e7df65bc33407', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
     }
     static get is() { return "post-logo"; }
     static get encapsulation() { return "shadow"; }
@@ -63,10 +69,7 @@ export class PostLogo {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "url",
-                "methodName": "validateUrl"
-            }];
-    }
 }
+__decorate([
+    Url()
+], PostLogo.prototype, "url", void 0);

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

@@ -1,12 +1,19 @@
-import { Host, h } from "@stencil/core";
-import { checkRequiredAndType } 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 { Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
+import { h, Host } from "@stencil/core";
 const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
 const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
 export class PostMainnavigation {
-    validateTextMain() {
-        checkRequiredAndType(this, 'textMain', 'string');
-    }
     constructor() {
         this.canScrollLeft = false;
         this.canScrollRight = false;
@@ -17,7 +24,6 @@ export class PostMainnavigation {
         this.mutationObserver = new MutationObserver(this.checkScrollability);
     }
     componentDidLoad() {
-        this.validateTextMain();
         setTimeout(() => {
             this.checkScrollability();
         });
@@ -123,7 +129,7 @@ export class PostMainnavigation {
         }, NAVBAR_DISABLE_DURATION);
     }
     render() {
-        return (h(Host, { key: '45fdd34a6248953a9ac0d588c29226a5e25c4706', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '0807ccb2eee82ee5edd0c1ccf853fcbe63e7dd37', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: 'd7c848e59304e90eb05fc667d02b8e29329a0edf', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '34910b382d0152a53772845b2fbe204ea2be628b', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '2bbe37345ab50e66e976d7f56b88ed616a152ffc' })), h("div", { key: 'a8e44327bb726aab36f09e40765b26f20c9a6bdb', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '80683326ad6a9bbe9c3aa3ad15da0a761e7c3658', "aria-hidden": "true", name: "chevronright" }))));
+        return (h(Host, { key: 'c36790fd729f8312c25f6a28c4586b08fc904c1a', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: 'd0bea0dd7fe666e13f70b940a244a2172af37214', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: 'e01c6e6f3e30533347f7cff7c9e528d56420ba50', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '85f6fae1c607cef9036743c9ffe64792b7b60ccf', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '7658b213e13042954f3fcaefd9fe11d5a2e0ada1' })), h("div", { key: 'd427ae92b27176189ba8417f6fd589e88c044fe9', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: 'f16bcbdd3af293d5cb7bee757a6d1d81f396aa2f', "aria-hidden": "true", name: "chevronright" }))));
     }
     static get is() { return "post-mainnavigation"; }
     static get encapsulation() { return "shadow"; }
@@ -167,12 +173,6 @@ export class PostMainnavigation {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "textMain",
-                "methodName": "validateTextMain"
-            }];
-    }
     static get listeners() {
         return [{
                 "name": "mouseup",
@@ -189,3 +189,7 @@ export class PostMainnavigation {
             }];
     }
 }
+__decorate([
+    Required(),
+    Type('string')
+], PostMainnavigation.prototype, "textMain", void 0);

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

@@ -1,17 +1,21 @@
-import { getFocusableChildren } from "../../utils/get-focusable-children";
-import { h, Host, } from "@stencil/core";
-import { version } from "../../../../package";
-import { breakpoint } from "../../utils/breakpoints";
+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 { slide } from "../../animations/index";
 import { fadeSlide } from "../../animations/fade-slide";
-import { checkRequiredAndType } from "../../utils/index";
+import { Required, Type } from "../../utils/index";
+import { breakpoint } from "../../utils/breakpoints";
+import { getFocusableChildren } from "../../utils/get-focusable-children";
+import { version } from "../../../../package";
+import { h, Host, } from "@stencil/core";
 export class PostMegadropdown {
-    validateTextClose() {
-        checkRequiredAndType(this, 'textClose', 'string');
-    }
-    validateTextBack() {
-        checkRequiredAndType(this, 'textBack', 'string');
-    }
     get megadropdownTrigger() {
         const hostId = this.host.getAttribute('id');
         return hostId ? document.querySelector(`post-megadropdown-trigger[for="${hostId}"]`) : null;
@@ -67,8 +71,6 @@ export class PostMegadropdown {
         this.getFocusableElements();
     }
     componentDidLoad() {
-        this.validateTextClose();
-        this.validateTextBack();
         this.checkInitialAriaCurrent();
         this.setupObserver();
         this.handleAriaCurrentChange([]);
@@ -293,7 +295,7 @@ export class PostMegadropdown {
     }
     render() {
         const containerStyle = this.isVisible ? {} : { display: 'none' };
-        return (h(Host, { key: 'c543ed13087070f879ddf173a4e09c352a5159b0', version: version }, h("div", { key: 'c53881d01625c04de35d9d3cf7dce2e19ceb80b3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: '8eef59a973c990afc550917b50aba7f173385eb3', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: '9ca2ef61e1a8b06cb9cac4434ce31230f3126c61', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: '4e174af7f7dffdf1f128678ccbe0ef3cd16e7386', class: "megadropdown-content" }, h("slot", { key: '605680943b3231eab02a16c0a7198678d60dc3e2' })), this.device === 'desktop' ? (h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (h("button", { onClick: () => this.hide(true), class: "back-button" }, h("post-icon", { name: "arrowleft" }), this.textBack))))));
+        return (h(Host, { key: 'd009d9a8c81ea9ab3f2c42ecc01b6166281e6e7b', version: version }, h("div", { key: '4caa070e075bdb0024acbc2c19b5cd699d0fcac3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: 'cc0a69ab0d7a886fe5fa0b8b63f0404d2eb6e63a', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: '9653be2ab067767d5c5338490101826f519bc3f5', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: '4f524c9ba3df153d2aa048d2293026af41aa4eb5', class: "megadropdown-content" }, h("slot", { key: '0deaca97b06fe15ce7924b15f6d81b96d439e41a' })), this.device === 'desktop' ? (h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (h("button", { onClick: () => this.hide(true), class: "back-button" }, h("post-icon", { name: "arrowleft" }), this.textBack))))));
     }
     static get is() { return "post-megadropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -457,15 +459,14 @@ export class PostMegadropdown {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "textClose",
-                "methodName": "validateTextClose"
-            }, {
-                "propName": "textBack",
-                "methodName": "validateTextBack"
-            }];
-    }
 }
 /** Tracks the currently active dropdown instance. */
 PostMegadropdown.activeDropdown = null;
+__decorate([
+    Required(),
+    Type('string')
+], PostMegadropdown.prototype, "textClose", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostMegadropdown.prototype, "textBack", void 0);

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

@@ -8,9 +8,9 @@ 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, Build } from "@stencil/core";
+import { EventFrom, Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
-import { checkRequiredAndType, EventFrom } from "../../utils/index";
+import { Build, h, Host } from "@stencil/core";
 export class PostMegadropdownTrigger {
     constructor() {
         this.isMegadropdownExpanded = false;
@@ -20,15 +20,9 @@ export class PostMegadropdownTrigger {
          */
         this.active = false;
     }
-    validateFor() {
-        checkRequiredAndType(this, 'for', 'string');
-    }
     componentWillRender() {
         this.handleSlottedContentChanges();
     }
-    componentDidLoad() {
-        this.validateFor();
-    }
     disconnectedCallback() {
         if (this.mutationObserver)
             this.mutationObserver.disconnect();
@@ -77,7 +71,7 @@ export class PostMegadropdownTrigger {
         this.megadropdown.toggle();
     }
     render() {
-        return (h(Host, { key: '8de24577a809c89ebe46f4c7ef1532c5877a1113', "data-version": version }, h("button", { key: 'cabc13855412e4a1245e252095233260e039225b', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, h("span", { key: 'd0adcd8bab3e5f6f7b4b5271f7688e313a209e4a' }, h("span", { key: '0917886a953d08fad7fd9c86a6df6e3c4d617826', innerHTML: this.slottedContent }), h("span", { key: 'c43bdc75311aa8625b7fb1356febb4b0b465f56a', "aria-hidden": "true" }, h("slot", { key: 'b19ff347103a69fd2b900b72a388b5840df35e7a' }))), h("post-icon", { key: 'c34d5898e6bf3f9bd7b71c99376b05e93a110d27', name: "chevrondown" }))));
+        return (h(Host, { key: '1542f9690da3863d8aac10b22aba039c2639afae', "data-version": version }, h("button", { key: 'd6e8c38931478decb4e3e42ca780ee45e7d0f928', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, h("span", { key: 'ae5a0d76f7f372a6e64bb1bb05030180d05360e5' }, h("span", { key: 'b07e30d5895511f584c257c4402a0ecaad9bb12f', innerHTML: this.slottedContent }), h("span", { key: '6ad1214c4b348338cb07b373e224cf9b27cf919c', "aria-hidden": "true" }, h("slot", { key: '798372c050a8a0f39095aefe203c11c7eb83e623' }))), h("post-icon", { key: '2df09ffd02c59703eee7a5d9b4e89d8aa007de10', name: "chevrondown" }))));
     }
     static get is() { return "post-megadropdown-trigger"; }
     static get encapsulation() { return "shadow"; }
@@ -141,12 +135,6 @@ export class PostMegadropdownTrigger {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "for",
-                "methodName": "validateFor"
-            }];
-    }
     static get listeners() {
         return [{
                 "name": "postToggleMegadropdown",
@@ -157,6 +145,10 @@ export class PostMegadropdownTrigger {
             }];
     }
 }
+__decorate([
+    Required(),
+    Type('string')
+], PostMegadropdownTrigger.prototype, "for", void 0);
 __decorate([
     EventFrom('post-megadropdown', { ignoreNestedComponents: false })
 ], PostMegadropdownTrigger.prototype, "onMegadropdownToggled", null);

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.
      */
@@ -189,10 +178,13 @@ export class PostMenu {
             // If the element is a slot, get the assigned elements
             .flatMap(el => (el instanceof HTMLSlotElement ? el.assignedElements() : el))
             // For each menu item, get any focusable children (e.g., buttons, links)
-            .flatMap(el => Array.from(getFocusableChildren(el))));
+            .flatMap(el => [
+            ...getFocusableChildren(el),
+            ...(el.shadowRoot ? getFocusableChildren(el.shadowRoot) : []),
+        ]));
     }
     render() {
-        return (h(Host, { key: '7d0b1cd5bbb556696a565678446d046e6ff076f6', "data-version": version }, h("post-popovercontainer", { key: '0ae774fe00ca20072166dc8cd101462852227868', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'b222a596f617242223d83ca52fe5bea8a5cec99a', part: "post-menu" }, h("slot", { key: 'dd48fe47915864ffe3febcc27151e458db52a8f4', name: "header" }), h("slot", { key: '1ed5dccd1fbd838f05a11498717257c175be5073' })))));
+        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"; }
@@ -354,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-item/post-menu-item.css

@@ -1 +1 @@
-post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}
+post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{width:100%;position:relative;display:flex;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}

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: 'b73b99c8a2de05ad60a9f51dfa1b88a1d2cd1d00', "data-version": version }, h("slot", { key: 'b5082151629ba33458cb37a2415a7ed6af77463d' })));
+        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;
@@ -88,10 +88,10 @@ export class PostNumberInput {
     }
     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" })))));
     }
     static get is() { return "post-number-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +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 { nanoid } from "nanoid";
-import { checkEmptyOrType, checkRequiredAndType, debounce } from "../../utils/index";
+import { h, Host, } from "@stencil/core";
 const ELLIPSIS = '...';
 const MEASUREMENT_DEBOUNCE_MS = 50;
 const RESIZE_DEBOUNCE_MS = 150;
@@ -18,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();
     }
@@ -59,7 +41,6 @@ export class PostPagination {
     }
     componentDidLoad() {
         this.loaded = true;
-        this.runAllValidations();
         this.scheduleMeasurement();
     }
     disconnectedCallback() {
@@ -70,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
      */
@@ -770,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"
             }, {
@@ -808,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);