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

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

@@ -1,7 +1,17 @@
-import { Host, h, Build } from "@stencil/core";
-import { checkEmptyOrType, checkRequiredAndType, checkEmptyOrOneOf, } from "../../utils/property-checkers/index";
-import { version } from "../../../../package";
+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 { ANIMATION_KEYS } from "../../types/icon-animations";
+import { OneOf, Required, Type } from "../../utils/index";
+import { version } from "../../../../package";
+import { Build, h, Host } from "@stencil/core";
 const CDN_URL = `https://unpkg.com/@swisspost/design-system-icons@${version}/public/post-icons/`;
 /**
  * @class PostIcon - representing a stencil component
@@ -17,21 +27,6 @@ export class PostIcon {
          */
         this.flipV = false;
     }
-    validateAnimation() {
-        checkEmptyOrOneOf(this, 'animation', ANIMATION_KEYS);
-    }
-    validateBase() {
-        checkEmptyOrType(this, 'base', 'string');
-    }
-    validateName() {
-        checkRequiredAndType(this, 'name', 'string');
-    }
-    validateRotate() {
-        checkEmptyOrType(this, 'rotate', 'number');
-    }
-    validateScale() {
-        checkEmptyOrType(this, 'scale', 'number');
-    }
     /**
      * Construct the icon URL according to the following rules:
      * 1. `@base` (absolute URL) → use directly.
@@ -101,19 +96,13 @@ export class PostIcon {
             '-webkit-mask-image': `url(${url})`,
             'mask-image': `url('${url}')`,
             'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
-                (this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
-        })
-            .filter(([_key, value]) => value !== null));
-    }
-    componentDidLoad() {
-        this.validateBase();
-        this.validateName();
-        this.validateScale();
-        this.validateRotate();
-        this.validateAnimation();
+                (this.rotate && !Number.isNaN(Number(this.rotate))
+                    ? ' rotate(' + this.rotate + 'deg)'
+                    : ''),
+        }).filter(([_key, value]) => value !== null));
     }
     render() {
-        return (h(Host, { key: '90b884be62bc2b5455206ca9b87e27a6665222d4', "data-version": version }, h("span", { key: '0f107bfcc0993e3fa10d1452b829498de995b5dd', style: this.getStyles() })));
+        return (h(Host, { key: 'dc20dd6be14dd0aba54231b30be89730d4a6c757', "data-version": version }, h("span", { key: '8ef361e6b2721db5f312e0e67fc7d13cb7440abf', style: this.getStyles() })));
     }
     static get is() { return "post-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -293,22 +282,20 @@ export class PostIcon {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "animation",
-                "methodName": "validateAnimation"
-            }, {
-                "propName": "base",
-                "methodName": "validateBase"
-            }, {
-                "propName": "name",
-                "methodName": "validateName"
-            }, {
-                "propName": "rotate",
-                "methodName": "validateRotate"
-            }, {
-                "propName": "scale",
-                "methodName": "validateScale"
-            }];
-    }
 }
+__decorate([
+    OneOf(ANIMATION_KEYS)
+], PostIcon.prototype, "animation", void 0);
+__decorate([
+    Type('string')
+], PostIcon.prototype, "base", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostIcon.prototype, "name", void 0);
+__decorate([
+    Type('number')
+], PostIcon.prototype, "rotate", void 0);
+__decorate([
+    Type('number')
+], PostIcon.prototype, "scale", void 0);

package/dist/collection/components/post-language-menu/post-language-menu.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 { Host, h } from "@stencil/core";
-import { checkRequiredAndType, checkRequiredAndPattern, checkEmptyOrOneOf, EventFrom, nanoid, } from "../../utils/index";
+import { EventFrom, nanoid, OneOf, Pattern, Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
+import { h, Host } from "@stencil/core";
 import { SWITCH_VARIANTS } from "./switch-variants";
 export class PostLanguageMenu {
     constructor() {
@@ -24,14 +24,7 @@ export class PostLanguageMenu {
     get languageOptions() {
         return Array.from(this.host.querySelectorAll('post-language-menu-item'));
     }
-    validateTextChangeLanguage() {
-        checkRequiredAndType(this, 'textChangeLanguage', 'string');
-    }
-    validateTextCurrentLanguage() {
-        checkRequiredAndPattern(this, 'textCurrentLanguage', /#name\b/);
-    }
-    validateVariant() {
-        checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
+    handleVariantChange() {
         this.updateChildrenVariant();
     }
     /* The complete accessible description */
@@ -43,9 +36,6 @@ export class PostLanguageMenu {
             : undefined;
     }
     componentDidLoad() {
-        this.validateTextChangeLanguage();
-        this.validateTextCurrentLanguage();
-        this.validateVariant();
         // Initially set variants and active language
         // Handles cases where the language-menu is rendered after the language-options have been rendered
         this.updateChildrenVariant();
@@ -185,14 +175,8 @@ export class PostLanguageMenu {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
-                "propName": "textChangeLanguage",
-                "methodName": "validateTextChangeLanguage"
-            }, {
-                "propName": "textCurrentLanguage",
-                "methodName": "validateTextCurrentLanguage"
-            }, {
                 "propName": "variant",
-                "methodName": "validateVariant"
+                "methodName": "handleVariantChange"
             }];
     }
     static get listeners() {
@@ -217,6 +201,17 @@ export class PostLanguageMenu {
             }];
     }
 }
+__decorate([
+    Required(),
+    Type('string')
+], PostLanguageMenu.prototype, "textChangeLanguage", void 0);
+__decorate([
+    Required(),
+    Pattern(/#name\b/)
+], PostLanguageMenu.prototype, "textCurrentLanguage", void 0);
+__decorate([
+    OneOf(SWITCH_VARIANTS)
+], PostLanguageMenu.prototype, "variant", void 0);
 __decorate([
     EventFrom('post-language-menu-item')
 ], PostLanguageMenu.prototype, "handlePostChange", null);

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

@@ -1,31 +1,22 @@
-import { Host, h, } from "@stencil/core";
-import { checkEmptyOrType, checkRequiredAndType, checkEmptyOrOneOf, checkEmptyOrUrl, } 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 { SWITCH_VARIANTS } from "../post-language-menu/switch-variants";
 /**
  * @slot default - Slot for placing the content inside the anchor or button.
  */
 export class PostLanguageMenuItem {
-    validateCode() {
-        checkRequiredAndType(this, 'code', 'string');
-    }
-    validateVariant() {
-        checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
-    }
-    validateName() {
-        checkEmptyOrType(this, 'name', 'string');
-    }
-    validateDescription() {
-        checkEmptyOrType(this, 'description', 'string');
-    }
-    validateUrl() {
-        checkEmptyOrUrl(this, 'url');
-    }
     componentDidLoad() {
-        this.validateCode();
-        this.validateName();
-        this.validateDescription();
-        this.validateUrl();
         if (!this.name && this.isNameRequired()) {
             throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');
         }
@@ -247,22 +238,20 @@ export class PostLanguageMenuItem {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "code",
-                "methodName": "validateCode"
-            }, {
-                "propName": "variant",
-                "methodName": "validateVariant"
-            }, {
-                "propName": "name",
-                "methodName": "validateName"
-            }, {
-                "propName": "description",
-                "methodName": "validateDescription"
-            }, {
-                "propName": "url",
-                "methodName": "validateUrl"
-            }];
-    }
 }
+__decorate([
+    Required(),
+    Type('string')
+], PostLanguageMenuItem.prototype, "code", void 0);
+__decorate([
+    OneOf(SWITCH_VARIANTS)
+], PostLanguageMenuItem.prototype, "variant", void 0);
+__decorate([
+    Type('string')
+], PostLanguageMenuItem.prototype, "name", void 0);
+__decorate([
+    Type('string')
+], PostLanguageMenuItem.prototype, "description", void 0);
+__decorate([
+    Url()
+], PostLanguageMenuItem.prototype, "url", void 0);

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

@@ -1,5 +1,5 @@
-import { h, Host } from "@stencil/core";
 import { version } from "../../../../package";
+import { h, Host } from "@stencil/core";
 const INTERACTIVE_ELEMENTS = [
     'a',
     'label[for]',

package/dist/collection/components/post-listbox/post-listbox.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 } from "@stencil/core";
-import { version } from "../../../../package";
 import { EventFrom } from "../../utils/index";
+import { version } from "../../../../package";
+import { h, Host } from "@stencil/core";
 export class PostListbox {
     constructor() {
         this.highlightedIndex = -1;
@@ -60,12 +60,10 @@ export class PostListbox {
         const input = this.inputElement;
         if (input) {
             this.popoverContainer?.show(input);
-            this.host.role = 'listbox';
         }
     }
     /** Closes the listbox */
     async hide() {
-        this.host.removeAttribute('role');
         this.popoverContainer?.hide();
     }
     /** Uses the internal default filtering mode to filter the list of options.
@@ -131,7 +129,7 @@ export class PostListbox {
         this.updateSelection(event.detail);
     }
     render() {
-        return (h(Host, { key: 'd1c8d392375cb98c4861f2dbd0b857873f05ea18', "data-version": version }, h("post-popovercontainer", { key: 'b798dc347cb60bb5890148a84060f129ef9a8248', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? h("slot", { name: "blank-slate" }) : h("slot", null))));
+        return (h(Host, { key: 'e1e88417d8b8f66fbaf7df481fcbd9a63b6189fb', "data-version": version, role: "listbox" }, h("post-popovercontainer", { key: '0fca1baeb51be6cf5f4d30c254217dce3349a377', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? h("slot", { name: "blank-slate" }) : h("slot", null))));
     }
     static get is() { return "post-listbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-listbox-option/post-listbox-option.js

@@ -1,5 +1,5 @@
-import { h, Host } from "@stencil/core";
 import { version } from "../../../../package";
+import { h, Host } from "@stencil/core";
 export class PostListboxOption {
     constructor() {
         this.optionId = crypto.randomUUID();

package/dist/collection/components/post-login-widget/post-login-widget.js

@@ -1,6 +1,16 @@
-import { Build, 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 { Required, Type } from "../../utils/index";
 import { version } from "../../../../package";
-import { checkRequiredAndType } from "../../utils/index";
+import { Build, h, Host, } from "@stencil/core";
 const SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
 /**
  * @slot user-links - Links to show in the user menu when the user is authenticated.
@@ -11,20 +21,6 @@ export class PostLoginWidget {
         this.authenticated = null;
         this.user = null;
     }
-    validateTextCurrentUser() {
-        checkRequiredAndType(this, 'textCurrentUser', 'string');
-    }
-    validateTextUserMenu() {
-        checkRequiredAndType(this, 'textUserMenu', 'string');
-    }
-    validateTextUserMenuTrigger() {
-        checkRequiredAndType(this, 'textUserMenuTrigger', 'string');
-    }
-    componentDidLoad() {
-        this.validateTextCurrentUser();
-        this.validateTextUserMenuTrigger();
-        this.validateTextUserMenu();
-    }
     async componentWillLoad() {
         if (Build.isBrowser) {
             await this.fetchAuthState();
@@ -69,7 +65,7 @@ export class PostLoginWidget {
         this.postChange.emit({ authenticated: next });
     }
     render() {
-        return (h(Host, { key: '1d26f4edfaa623ac4f9a9c71bef89413ef3109c0', "data-version": version }, this.authenticated === true ? (h("div", null, h("post-menu-trigger", { for: "user-menu-default" }, h("button", { class: "btn btn-link", type: "button" }, h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, description: this.textCurrentUser.replace('{user}', `${this.user.name} ${this.user.surname}`) }), h("span", { class: "visually-hidden" }, this.textUserMenuTrigger))), h("post-menu", { label: this.textUserMenu, id: "user-menu-default" }, h("div", { slot: "header" }, h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, email: this.user.email, "aria-hidden": "true" }), this.user.name, " ", this.user.surname), h("slot", { name: "user-links" })))) : (h("div", null, h("slot", { name: "login-link" })))));
+        return (h(Host, { key: '4aeda818bbda67c88aa188ac3bbb8f0377a5050e', "data-version": version }, this.authenticated === true ? (h("div", null, h("post-menu-trigger", { for: "user-menu-default" }, h("button", { class: "btn btn-link", type: "button" }, h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, description: this.textCurrentUser.replace('{user}', `${this.user.name} ${this.user.surname}`) }), h("span", { class: "visually-hidden" }, this.textUserMenuTrigger))), h("post-menu", { label: this.textUserMenu, id: "user-menu-default" }, h("div", { slot: "header" }, h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, email: this.user.email, "aria-hidden": "true" }), this.user.name, " ", this.user.surname), h("slot", { name: "user-links" })))) : (h("div", null, h("slot", { name: "login-link" })))));
     }
     static get is() { return "post-login-widget"; }
     static get encapsulation() { return "shadow"; }
@@ -207,16 +203,16 @@ export class PostLoginWidget {
         };
     }
     static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "textCurrentUser",
-                "methodName": "validateTextCurrentUser"
-            }, {
-                "propName": "textUserMenu",
-                "methodName": "validateTextUserMenu"
-            }, {
-                "propName": "textUserMenuTrigger",
-                "methodName": "validateTextUserMenuTrigger"
-            }];
-    }
 }
+__decorate([
+    Required(),
+    Type('string')
+], PostLoginWidget.prototype, "textCurrentUser", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostLoginWidget.prototype, "textUserMenu", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostLoginWidget.prototype, "textUserMenuTrigger", void 0);

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: 'f00832f2069ab28ce56369ed8a6649657b1d3668', "data-version": version }, h(LogoTag, { key: 'f8998a0e1e6af06860c6aa19dfec3c62178c370e', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: '3a1a45de5963ec2d9e40b77178e781237e09dd05', class: "description" }, h("slot", { key: '0ee9bfa56bcea5bc77a6b5d76179a5292fd12337', onSlotchange: () => this.checkDescription() })), h("svg", { key: '971626b0c1c55e9c6e0eb2ee3160287b7fb38963', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '197bbe6025bb47e998dfeb03f0a05de9718e5d65', id: "Logo" }, h("rect", { key: '5c60147c473550ecdce1de55a7c51b710310c7a9', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: 'c09469285fb2ee599e92aabaa02a8529dfa3e086', 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: '830aab1cfddf2be961c3866bda044ebce2b8cd3b', 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: '4bde4476fd50bef26253dd2d3853f2eb0b2f5ebb', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '07db530eb50feade70f4b1a4d39d7ea760d322be', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '8a0c6f7713bc3731e937a16542b0d6aca1cad444', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '2919c6be730d64d7ca901a2ffa066c6aa0b6da0b', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '87481c7880f72774fb2c9d3847db171bf6ea9b69' })), h("div", { key: '768c2476e98aa163a23c8717f44ffa4dfd397bcc', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '286b02ce9e3e8f3920251f3420c4e07288b306cc', "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: '78ca1dd237507aa79ab27e14b799be6b557527e4', version: version }, h("div", { key: '98b9d8ad4591f629555cecf3aaac9066bd80d3e3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: 'fd93c498a754ba4c01df5551d27980b943efcd16', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: 'bd053626c0faae37625d8cc593d3920986fe6266', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: '0f93113c12833d7161000e56ea08b26b4ebf8552', class: "megadropdown-content" }, h("slot", { key: '09ddced0de6ea2922e97726dff1ee84d8135f755' })), 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: 'f974aa3ce0dc011784b1d64d8b3e8e165ef8608b', "data-version": version }, h("button", { key: 'c24a29b41b3eb6a67c32b7433cd138b492c29c7a', 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: 'eaa781138c99d5da1f176bfdefa89bed84468bfe' }, h("span", { key: '7164eedf63eda5fbbb69c557f186db1cf4d049f9', innerHTML: this.slottedContent }), h("span", { key: '05681cba35d42b159409230d7535662f87f495f3', "aria-hidden": "true" }, h("slot", { key: '6732bbedae6ed09806e145c417100a94b14357f0' }))), h("post-icon", { key: '32e38c328b482a2405f89afd9b6feb9346e02d2b', 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);