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

package/dist/cjs/type-shT641Eo.js

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

package/dist/cjs/url-DRUMqVBq.js

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

package/dist/collection/collection-manifest.json

@@ -33,6 +33,7 @@
     "components/post-popover/post-popover.js",
     "components/post-popover-trigger/post-popover-trigger.js",
     "components/post-popovercontainer/post-popovercontainer.js",
+    "components/post-progressbar/post-progressbar.js",
     "components/post-rating/post-rating.js",
     "components/post-stepper/post-stepper.js",
     "components/post-stepper-item/post-stepper-item.js",

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

@@ -8,10 +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 { version } from "../../../../package";
 import { HEADING_LEVELS } from "../../types/index";
-import { checkRequiredAndOneOf, EventFrom } from "../../utils/index";
+import { EventFrom, OneOf, Required } from "../../utils/index";
+import { version } from "../../../../package";
+import { h, Host } from "@stencil/core";
 /**
  * @slot default - Slot for placing post-accordion-item components.
  */
@@ -23,8 +23,7 @@ export class PostAccordion {
          */
         this.multiple = false;
     }
-    validateHeadingLevel() {
-        checkRequiredAndOneOf(this, 'headingLevel', HEADING_LEVELS);
+    syncHeadingLevel() {
         this.accordionItems.forEach(item => {
             item.setAttribute('heading-level', String(this.headingLevel));
         });
@@ -33,7 +32,7 @@ export class PostAccordion {
         this.registerAccordionItems();
     }
     componentDidLoad() {
-        this.validateHeadingLevel();
+        this.syncHeadingLevel();
     }
     collapseToggleHandler(event) {
         const toggledAccordionItem = event.target;
@@ -97,7 +96,7 @@ export class PostAccordion {
         });
     }
     render() {
-        return (h(Host, { key: 'fa37ee5b4611a84d273229955bcf624e53120022', "data-version": version }, h("div", { key: '0884dc3582eb768c6dd4959168d7e9a9b4195c3c', class: "accordion" }, h("slot", { key: 'f6d81d89aca513094ac5c1d531ed9d63f7b93730', onSlotchange: () => this.registerAccordionItems() }))));
+        return (h(Host, { key: '27862337a90223900241d38a1b1d27cb5923acba', "data-version": version }, h("div", { key: 'e858da8742240aa57f72ac04a4253d5e88910295', class: "accordion" }, h("slot", { key: '004ab6089b44a2528ea56cffed3bef0791dae068', onSlotchange: () => this.registerAccordionItems() }))));
     }
     static get is() { return "post-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -224,7 +223,7 @@ export class PostAccordion {
     static get watchers() {
         return [{
                 "propName": "headingLevel",
-                "methodName": "validateHeadingLevel"
+                "methodName": "syncHeadingLevel"
             }];
     }
     static get listeners() {
@@ -237,6 +236,10 @@ export class PostAccordion {
             }];
     }
 }
+__decorate([
+    Required(),
+    OneOf(HEADING_LEVELS)
+], PostAccordion.prototype, "headingLevel", void 0);
 __decorate([
     EventFrom('post-accordion-item')
 ], PostAccordion.prototype, "collapseToggleHandler", null);

package/dist/collection/components/post-accordion-item/post-accordion-item.js

@@ -8,10 +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 } from "@stencil/core";
+import { EventFrom, nanoid } from "../../utils/index";
 import { version } from "../../../../package";
-import { HEADING_LEVELS } from "../../types/index";
-import { checkEmptyOrOneOf, EventFrom, nanoid } from "../../utils/index";
+import { h, Host } from "@stencil/core";
 /**
  * @part post-accordion-button - The element that toggles the accordion item (header button).
  * @part post-accordion-body - The element that holds the accordion item's content.
@@ -26,15 +25,9 @@ export class PostAccordionItem {
          */
         this.collapsed = false;
     }
-    validateHeadingLevel() {
-        checkEmptyOrOneOf(this, 'headingLevel', HEADING_LEVELS);
-    }
     componentWillLoad() {
         this.id = this.host.id || `p${nanoid(6)}`;
     }
-    componentDidLoad() {
-        this.validateHeadingLevel();
-    }
     // Capture to make sure the "collapsed" property is updated before the event is consumed
     onCollapseToggle(event) {
         this.collapsed = !event.detail;
@@ -54,10 +47,10 @@ export class PostAccordionItem {
     render() {
         const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
         const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
-        return (h(Host, { key: 'dadb1f6f0153497a0c34dd4d33591a0e4a3653a4', id: this.id, "data-version": version }, h("post-collapsible-trigger", { key: '74e2dff021a22f4ec4efbfab479f3461732a0557', for: `${this.id}--collapse` }, h(HeadingTag, { key: '6d213122473aeb6966d03ca1fa264a0e13405c90', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: '91464cd6f8c6f4d05ecfec6b0de9ea6ac77a2ba3', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "post-accordion-button" }, h("span", { key: 'db0217b97a019697020517236fa72f32994fd086', class: {
+        return (h(Host, { key: '67b3be2ea798d007c3c05fafaa95d447bd3245b4', id: this.id, "data-version": version }, h("post-collapsible-trigger", { key: '2c545ead0717cefef325576125b548db4c7d6e11', for: `${this.id}--collapse` }, h(HeadingTag, { key: '82840144efc0588a73f5aaa734e1492acccd498e', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: 'bfd05c00e2df07800a20a9e0b69e6b918d80085d', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "post-accordion-button" }, h("span", { key: 'af2e574d4e521316f9d5e4da040d777e0384c783', class: {
                 'logo-container': true,
                 'has-image': !!this.slottedLogo,
-            } }, h("slot", { key: 'b30611c7b8582d1cd7fd984a14345b7ebde8b67d', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: '706d7e6c0fea8610d454b73b703e8ef831dce0a3', name: "header" }), h("post-icon", { key: '782e72f797fadc020e4890ae04054a3b6c85175b', name: "chevronup" })))), h("post-collapsible", { key: '9193fda44287a85bb6a70dd961d495e7f63f70bd', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: '7a37321a676ed12f2e737b5fb2c036a1e8e1ed11', class: "accordion-body", part: "post-accordion-body" }, h("slot", { key: '9f347d1a3955f1263e647eb13971137f460a49cc' })))));
+            } }, h("slot", { key: '178cf7d6e26f52d8fe2fc15ef026db4bd51ff70c', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: 'c160f107a8bc7be52a538f6f19ffaa25fa4a729d', name: "header" }), h("post-icon", { key: '19d621e055e1973d1a0e3e7cb750a88101f962d3', name: "chevronup" })))), h("post-collapsible", { key: 'f0ff63e67476cc05467db907e010cd1c026aa044', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: '73418485496fa27ecc98e068317e39cea6dd8f2b', class: "accordion-body", part: "post-accordion-body" }, h("slot", { key: '7a0e5d6c3b8da2e3170b5e47104d3ff4509b2040' })))));
     }
     static get is() { return "post-accordion-item"; }
     static get encapsulation() { return "shadow"; }
@@ -156,12 +149,6 @@ export class PostAccordionItem {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "headingLevel",
-                "methodName": "validateHeadingLevel"
-            }];
-    }
     static get listeners() {
         return [{
                 "name": "postToggle",

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

@@ -1,6 +1,16 @@
-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 { debounce, Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
-import { debounce, checkRequiredAndType } from "../../utils/index";
+import { h, Host } from "@stencil/core";
 /**
  * @slot default - Slot for placing post-autocomplete-item components.
  */
@@ -113,9 +123,6 @@ export class PostAutocomplete {
             }
         };
     }
-    validateTextAvailableSuggestions() {
-        checkRequiredAndType(this, 'textAvailableSuggestions', 'string');
-    }
     get inputElement() {
         return this.host.querySelector('input');
     }
@@ -128,7 +135,6 @@ export class PostAutocomplete {
         }
     }
     componentWillLoad() {
-        this.validateTextAvailableSuggestions();
         if (!this.inputElement)
             return;
         this.inputElement.role = 'combobox';
@@ -139,6 +145,12 @@ export class PostAutocomplete {
             this.listBoxElement.id = crypto.randomUUID();
         this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
         this.inputElement.setAttribute('aria-expanded', 'false');
+        const inputLabel = this.inputElement.labels?.[0];
+        if (inputLabel) {
+            if (!inputLabel.id)
+                inputLabel.id = crypto.randomUUID();
+            this.listBoxElement.setAttribute('aria-labelledby', inputLabel.id);
+        }
         // Because we're handling that and the browser would show a duplicate native autocomplete dropdown
         this.inputElement.autocomplete = 'off';
         this.attachInputListeners();
@@ -187,7 +199,7 @@ export class PostAutocomplete {
         this.outputElement.textContent = this.textAvailableSuggestions.replace('{count}', String(count));
     }
     render() {
-        return (h(Host, { key: 'f384c1ed106ad5764078f166bfc692a0f1360956', "data-version": version }, h("slot", { key: 'f7b2859a994888a93c19274d26b473aeae35d1b6' }), this.clearable && this.inputValue && (h("button", { key: 'd87eb95ec872bc4d1ec29cd04f88334541863cf1', type: "button", class: "autocomplete-clear", onClick: this.clearInput }, h("post-icon", { key: '48b4dc91762b8c15af9fc1aeb953e97e6cc81af0', "aria-hidden": "true", name: "closex" }))), h("post-icon", { key: '0a0330204698338da6ddd48b5cacfb51f80c1497', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" }), h("output", { key: '5e98430b55f4cf2f915061540e6e002749dd2501', class: "visually-hidden", ref: el => (this.outputElement = el) })));
+        return (h(Host, { key: 'd8f594b17240359b03d1e443d0f8ea28a1a5f687', "data-version": version }, h("slot", { key: 'b76771582cdfb4f84e6018551508daaa5e5c91c5' }), this.clearable && this.inputValue && (h("button", { key: 'ff6255a9b10df6609703bfa302d519b52931786e', type: "button", class: "autocomplete-clear", onClick: this.clearInput }, h("post-icon", { key: '3c7da3532ae720ab6f392a8de8b2ca21e4b092aa', "aria-hidden": "true", name: "closex" }))), h("post-icon", { key: 'd2a3c04b68a3b9b3303b80f37292578c5182157e', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" }), h("output", { key: '187a75fa1e1935a372521c57f75c6740f330f891', class: "visually-hidden", ref: el => (this.outputElement = el) })));
     }
     static get is() { return "post-autocomplete"; }
     static get encapsulation() { return "shadow"; }
@@ -307,10 +319,8 @@ export class PostAutocomplete {
             }];
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "textAvailableSuggestions",
-                "methodName": "validateTextAvailableSuggestions"
-            }];
-    }
 }
+__decorate([
+    Required(),
+    Type('string')
+], PostAutocomplete.prototype, "textAvailableSuggestions", void 0);

package/dist/collection/components/post-avatar/post-avatar.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 { Pattern, Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
-import { checkRequiredAndType, checkEmptyOrPattern, checkEmptyOrType } from "../../utils/index";
-import { GRAVATAR_BASE_URL, cryptify } from "./avatar-utils";
+import { h, Host } from "@stencil/core";
+import { cryptify, GRAVATAR_BASE_URL } from "./avatar-utils";
 const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
 var AvatarType;
 (function (AvatarType) {
@@ -22,23 +32,9 @@ export class PostAvatar {
         // To handle email updates and reset the storage item
         this.storageKey = '';
     }
-    validateFirstname() {
-        checkRequiredAndType(this, 'firstname', 'string');
-    }
-    validateLastname() {
-        checkEmptyOrType(this, 'lastname', 'string');
-    }
     updateEmail() {
-        this.validateEmail();
         this.getAvatarImage();
     }
-    validateDescription() {
-        checkEmptyOrType(this, 'description', 'string');
-    }
-    validateEmail() {
-        if (this.email)
-            checkEmptyOrPattern(this, 'email', emailPattern);
-    }
     async getAvatarImage() {
         let imageLoaded = false;
         this.slottedImage = this.host.querySelector('img');
@@ -123,12 +119,6 @@ export class PostAvatar {
         this.avatarType = AvatarType.Initials;
         this.getAvatarImage();
     }
-    componentDidLoad() {
-        this.validateFirstname();
-        this.validateLastname();
-        this.validateDescription();
-        this.validateEmail();
-    }
     render() {
         const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
         const initials = names
@@ -136,7 +126,7 @@ export class PostAvatar {
             .join('')
             .trim();
         const fullname = names.join(' ');
-        return (h(Host, { key: 'f0617cd81944692e525750d5c61a1d4ea7991b55', "data-version": version }, h("span", { key: 'ab0280fe0445ed8c97fc5bbf7d1c510cefa42621', class: this.avatarType === 'slotted' ? '' : 'd-none' }, h("slot", { key: '03737f45e5cd54f3999bbf3a9c326dd747c7ed36', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && h("img", { key: '0f4290d3b3586c68b3b33ceb44e46ba863d39f74', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (h("span", { key: 'e38459c13ed79df9905a69218cac303ed3fc8ff9', class: "initials" }, initials, h("span", { key: '6c47fba8605290d9cc7795c2bdbc72004f963c89' }, this.description ?? fullname)))));
+        return (h(Host, { key: '85af49f5beca48bec805f9c126e635b8b1042de3', "data-version": version }, h("span", { key: '950d20eeb38eae131bd2e459741ab03f7208ec37', class: this.avatarType === 'slotted' ? '' : 'd-none' }, h("slot", { key: '5404e8d04de78e9c95d7b7e0b1dbb42fb6afc3e6', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && h("img", { key: '0d9c7b0f74e99072544eaa94b408d8e70f5cef57', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (h("span", { key: 'e7260e54f5510707b19016badad66920df6b38f0', class: "initials" }, initials, h("span", { key: '647fe23a98a1338936ce701024bae944d6cce7ae' }, this.description ?? fullname)))));
     }
     static get is() { return "post-avatar"; }
     static get encapsulation() { return "shadow"; }
@@ -243,17 +233,21 @@ export class PostAvatar {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
-                "propName": "firstname",
-                "methodName": "validateFirstname"
-            }, {
-                "propName": "lastname",
-                "methodName": "validateLastname"
-            }, {
                 "propName": "email",
                 "methodName": "updateEmail"
-            }, {
-                "propName": "description",
-                "methodName": "validateDescription"
             }];
     }
 }
+__decorate([
+    Required(),
+    Type('string')
+], PostAvatar.prototype, "firstname", void 0);
+__decorate([
+    Type('string')
+], PostAvatar.prototype, "lastname", void 0);
+__decorate([
+    Pattern(emailPattern)
+], PostAvatar.prototype, "email", void 0);
+__decorate([
+    Type('string')
+], PostAvatar.prototype, "description", void 0);

package/dist/collection/components/post-back-to-top/post-back-to-top.js

@@ -1,7 +1,17 @@
-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 { fadeSlide } from "../../animations/fade-slide";
+import { Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
-import { checkRequiredAndType } from "../../utils/index";
+import { h, Host } from "@stencil/core";
 export class PostBackToTop {
     constructor() {
         this.belowFold = false;
@@ -12,9 +22,6 @@ export class PostBackToTop {
     isBelowFold() {
         return window.scrollY > window.innerHeight;
     }
-    validateTextBackToTop() {
-        checkRequiredAndType(this, 'textBackToTop', 'string');
-    }
     /*Watch for changes in belowFold to show/hide the back to top button*/
     watchBelowFold(newValue) {
         if (newValue) {
@@ -67,13 +74,12 @@ export class PostBackToTop {
     componentDidLoad() {
         window.addEventListener('scroll', this.handleScroll, false);
         this.animateButton();
-        this.validateTextBackToTop();
     }
     disconnectedCallback() {
         window.removeEventListener('scroll', this.handleScroll);
     }
     render() {
-        return (h(Host, { key: '259c07a96b529c9db791b4a8a03e545abade77f1', "data-version": version }, h("button", { key: 'eacc98e29e7070f8486c542fc1be1d994bb14683', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, h("post-icon", { key: '94c77371e34e96e4359c0857f69e971bb39e284b', "aria-hidden": "true", name: "arrowup" }), h("span", { key: '0c8918689fb6c9329233247bcfe6fb5eeb31f03c', class: "visually-hidden" }, this.textBackToTop))));
+        return (h(Host, { key: 'b4fb2fd83336752a5c67ab9ded8a20b871b8f967', "data-version": version }, h("button", { key: 'cdee4a23f45f9293ac0da814f97df8bda73028ef', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, h("post-icon", { key: '91e2be9b6c5dcd2b8e11aec4ff839de259d47a13', "aria-hidden": "true", name: "arrowup" }), h("span", { key: '0bee6a5151a4919ddffc436924a8a494650b069a', class: "visually-hidden" }, this.textBackToTop))));
     }
     static get is() { return "post-back-to-top"; }
     static get encapsulation() { return "shadow"; }
@@ -118,11 +124,12 @@ export class PostBackToTop {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
-                "propName": "textBackToTop",
-                "methodName": "validateTextBackToTop"
-            }, {
                 "propName": "belowFold",
                 "methodName": "watchBelowFold"
             }];
     }
 }
+__decorate([
+    Required(),
+    Type('string')
+], PostBackToTop.prototype, "textBackToTop", void 0);

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

@@ -8,10 +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 { Host, h, } from "@stencil/core";
-import { version } from "../../../../package";
 import { fade } from "../../animations/index";
-import { checkEmptyOrOneOf, EventFrom } from "../../utils/index";
+import { EventFrom, OneOf } from "../../utils/index";
+import { version } from "../../../../package";
+import { h, Host, } from "@stencil/core";
 import { BANNER_TYPES } from "./banner-types";
 /**
  * @slot heading - Slot for placing custom content within the banner's heading.
@@ -28,15 +28,11 @@ export class PostBanner {
          */
         this.type = 'info';
     }
-    validateType() {
-        checkEmptyOrOneOf(this, 'type', BANNER_TYPES);
-    }
     connectedCallback() {
         this.mutationObserver.observe(this.host, { childList: true });
     }
     componentDidLoad() {
         this.checkContent();
-        this.validateType();
     }
     disconnectedCallback() {
         this.mutationObserver.disconnect();
@@ -57,7 +53,7 @@ export class PostBanner {
         this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
     }
     render() {
-        return (h(Host, { key: 'a57b0caac1e70b9ebcbfc17f446c7f0258aa9083', "data-version": version, role: "alert", "data-color-scheme": "light" }, h("slot", { key: 'f34600d0fa1b6dd91eff4655db906befdc74b840', name: "close-button" }), h("slot", { key: 'eee0dd61936ebbcf259df5355f52d85534c4cc92', name: "heading" }), h("slot", { key: 'f837c996723531ade1d8c150ef73659e90fa407c' }), this.hasActions && (h("div", { key: 'cb3fa9ccf57498fb17d4c45afc93d747f7f727e2', class: "actions" }, h("slot", { key: '4e59f64aff2b8d681251a8f997220b3f1efcfed5', name: "actions" })))));
+        return (h(Host, { key: '97695d768495db6f56d797d58d94db4b935c5436', "data-version": version, role: "alert", "data-color-scheme": "light" }, h("slot", { key: 'd60d826952da373557af9b2362cd26f2e246796e', name: "close-button" }), h("slot", { key: '2f731ec8f29f6a8dc281fab5884a3dc2e4c4e5ae', name: "heading" }), h("slot", { key: 'e4db84d239998661a3a3d68e7f1df0a076115b29' }), this.hasActions && (h("div", { key: '1b88d16970a728c3064d325296a529bc93cde41a', class: "actions" }, h("slot", { key: 'ea5570b8b8c23cb9a7c2b086ddd1a09a517e0f6a', name: "actions" })))));
     }
     static get is() { return "post-banner"; }
     static get encapsulation() { return "shadow"; }
@@ -147,12 +143,6 @@ export class PostBanner {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "type",
-                "methodName": "validateType"
-            }];
-    }
     static get listeners() {
         return [{
                 "name": "click",
@@ -163,6 +153,9 @@ export class PostBanner {
             }];
     }
 }
+__decorate([
+    OneOf(BANNER_TYPES)
+], PostBanner.prototype, "type", void 0);
 __decorate([
     EventFrom('post-closebutton', { allowDescendants: true })
 ], PostBanner.prototype, "onCloseButtonClick", null);

package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js

@@ -1,4 +1,14 @@
-import { checkEmptyOrOneOf, checkEmptyOrUrl, 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 { OneOf, Required, Type, Url } from "../../utils/index";
 import { version } from "../../../../package";
 import { h, Host } from "@stencil/core";
 import { VARIANTS } from "./variants";
@@ -16,15 +26,6 @@ export class PostBreadcrumbItem {
          */
         this.selected = false;
     }
-    validateURL() {
-        checkEmptyOrUrl(this, 'url');
-    }
-    validateVariant() {
-        checkEmptyOrOneOf(this, 'variant', VARIANTS);
-    }
-    validateSelected() {
-        checkRequiredAndType(this, 'selected', 'boolean');
-    }
     render() {
         const href = this.url instanceof URL ? this.url.href : this.url;
         const content = href ? (h("a", { href: href, "aria-current": this.selected ? 'page' : undefined, "aria-label": this.label, "aria-description": this.description }, h("slot", null))) : (h("span", null, h("slot", null)));
@@ -156,16 +157,20 @@ export class PostBreadcrumbItem {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "url",
-                "methodName": "validateURL"
-            }, {
-                "propName": "variant",
-                "methodName": "validateVariant"
-            }, {
-                "propName": "selected",
-                "methodName": "validateSelected"
-            }];
-    }
 }
+__decorate([
+    Url()
+], PostBreadcrumbItem.prototype, "url", void 0);
+__decorate([
+    Type('string')
+], PostBreadcrumbItem.prototype, "label", void 0);
+__decorate([
+    Type('string')
+], PostBreadcrumbItem.prototype, "description", void 0);
+__decorate([
+    OneOf(VARIANTS)
+], PostBreadcrumbItem.prototype, "variant", void 0);
+__decorate([
+    Required(),
+    Type('boolean')
+], PostBreadcrumbItem.prototype, "selected", void 0);

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

@@ -1,31 +1,25 @@
+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 { componentOnReady, nanoid, Required, Type, Url } from "../../utils/index";
+import { version } from "../../../../package";
 import { h, Host } from "@stencil/core";
 import { throttle } from "throttle-debounce";
-import { version } from "../../../../package";
-import { checkRequiredAndUrl, checkRequiredAndType, componentOnReady, nanoid } from "../../utils/index";
 export class PostBreadcrumbs {
     constructor() {
         this.shouldRenderMenu = false;
     }
-    validateHomeUrl() {
-        checkRequiredAndUrl(this, 'homeUrl');
-    }
-    validateTextHome() {
-        checkRequiredAndType(this, 'textHome', 'string');
-    }
-    validateTextBreadcrumbs() {
-        checkRequiredAndType(this, 'textBreadcrumbs', 'string');
-    }
-    validateTextMoreItems() {
-        checkRequiredAndType(this, 'textMoreItems', 'string');
-    }
     componentWillLoad() {
         this.id = this.host.id || `b${nanoid(6)}`;
     }
     componentDidLoad() {
-        this.validateHomeUrl();
-        this.validateTextHome();
-        this.validateTextBreadcrumbs();
-        this.validateTextMoreItems();
         this.createMutationObserver();
         this.createResizeObserver();
     }
@@ -103,7 +97,7 @@ export class PostBreadcrumbs {
         return (h("div", { role: "listitem" }, h("div", { class: "breadcrumb-item" }, h("post-menu-trigger", { for: menuId }, h("button", null, h("span", { class: "visually-hidden" }, this.textMoreItems), h("span", { "aria-hidden": "true" }, "...")))), h("post-menu", { id: menuId, label: this.textMoreItems, placement: "bottom-start" }, h("slot", null))));
     }
     render() {
-        return (h(Host, { key: '85cb104032c0caed5ab2fb442be0a6d7eac5b67a', "data-version": version }, h("nav", { key: 'be4b2b8c6333ef3bf3440de0ce61958d1a07952b', "aria-label": this.textBreadcrumbs }, h("div", { key: '28531f638065e6db5cbf7e29d87086933fb47235', role: "list" }, h("div", { key: '4a71e5b143e271e26f032e8d4ed329aee949bf32', class: "breadcrumb-item home", role: "listitem" }, h("a", { key: '3e58ac2d4bbbc2e56a7acd28119b235edadc8fa0', href: this.homeUrl }, h("span", { key: '1a31a9963898005b218177d78adbb7813728b0ce', class: "visually-hidden" }, this.textHome), h("post-icon", { key: '668a636881fbea1a7129b9108cc234c257e0fffb', "aria-hidden": "true", name: "home" }))), this.shouldRenderMenu ? this.renderMenu() : h("slot", null), h("slot", { key: '0c8bad3de95f0ca51dfd8a15c4cb6e79e2499b1b', name: "selected" })))));
+        return (h(Host, { key: '7ad91a47dac5999eba506744321eb59a27970687', "data-version": version }, h("nav", { key: '3d84a12495ccd27df028cae550b319a2191f8721', "aria-label": this.textBreadcrumbs }, h("div", { key: '291436db8b8f171ca070f0b4fb6e24a6fd831e8d', role: "list" }, h("div", { key: 'cd5aeeee11626fde17bf384ebe7f1f1f701f2a86', class: "breadcrumb-item home", role: "listitem" }, h("a", { key: '9583685d73837b3971a575307621cb364c934d4e', href: this.homeUrl }, h("span", { key: '4896caee6c56016ee7e0ded0363bd5ead8f672bc', class: "visually-hidden" }, this.textHome), h("post-icon", { key: '8390117bb7e8527a813e3d306e16312fa1912ce6', "aria-hidden": "true", name: "home" }))), this.shouldRenderMenu ? this.renderMenu() : h("slot", null), h("slot", { key: '314d304f3f1d1cc09af197eea221d26a9bf1c0fe', name: "selected" })))));
     }
     static get is() { return "post-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }
@@ -204,19 +198,20 @@ export class PostBreadcrumbs {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "homeUrl",
-                "methodName": "validateHomeUrl"
-            }, {
-                "propName": "textHome",
-                "methodName": "validateTextHome"
-            }, {
-                "propName": "textBreadcrumbs",
-                "methodName": "validateTextBreadcrumbs"
-            }, {
-                "propName": "textMoreItems",
-                "methodName": "validateTextMoreItems"
-            }];
-    }
 }
+__decorate([
+    Required(),
+    Url()
+], PostBreadcrumbs.prototype, "homeUrl", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostBreadcrumbs.prototype, "textHome", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostBreadcrumbs.prototype, "textBreadcrumbs", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostBreadcrumbs.prototype, "textMoreItems", void 0);