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

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

@@ -8,14 +8,14 @@ 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 { throttle } from "throttle-debounce";
-import { version } from "../../../../package";
-import { breakpoint } from "../../utils/breakpoints";
 import { fade } from "../../animations/index";
-import { getDeepFocusableChildren } from "../../utils/get-focusable-children";
+import { Required, Type } from "../../utils/index";
+import { breakpoint } from "../../utils/breakpoints";
 import { EventFrom } from "../../utils/event-from";
-import { checkRequiredAndType } from "../../utils/index";
+import { getDeepFocusableChildren } from "../../utils/get-focusable-children";
+import { version } from "../../../../package";
+import { Build, h, Host, } from "@stencil/core";
+import { throttle } from "throttle-debounce";
 /**
  * @slot post-logo - Should be used together with the `<post-logo>` component.
  * @slot global-nav-primary - Holds search button in the global header.
@@ -45,12 +45,6 @@ export class PostHeader {
         }
         return document.body;
     }
-    validateFullWidth() {
-        checkRequiredAndType(this, 'fullWidth', 'boolean');
-    }
-    validateTextMenu() {
-        checkRequiredAndType(this, 'textMenu', 'string');
-    }
     lockBody(newValue, _oldValue, propName) {
         const scrollParent = this.scrollParent;
         const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
@@ -121,8 +115,6 @@ export class PostHeader {
         this.switchLanguageSwitchMode();
     }
     componentDidRender() {
-        this.validateTextMenu();
-        this.validateFullWidth();
         this.getFocusableElements();
         this.handleLocalHeaderResize();
         // When a megadropdown is open on desktop and the user resizes to mobile, we set
@@ -299,12 +291,13 @@ export class PostHeader {
             languageSwitch?.setAttribute('variant', variant);
         });
     }
-    onFocusChange(e) {
-        const isHeaderFocused = e.target === document.activeElement && this.host.matches(':focus-visible:focus-within');
-        const mustRemainCollapsedOnDesktop = this.device === 'desktop' && this.host.querySelector('post-mainnavigation:focus-within');
-        const mustRemainCollapsedOnNonDesktop = this.device !== 'desktop' &&
-            this.host.shadowRoot?.querySelector(':is(.global-header, .burger-menu):focus-within');
-        const isHeaderExpanded = isHeaderFocused && !mustRemainCollapsedOnDesktop && !mustRemainCollapsedOnNonDesktop;
+    onFocusChange() {
+        const isFocusVisible = document.activeElement?.matches(':focus-visible');
+        const isFocusedInHeader = this.host.matches(':focus-within');
+        const mustRemainCollapsed = this.device === 'desktop'
+            ? !!this.host.querySelector('post-mainnavigation:focus-within')
+            : !!this.host.shadowRoot?.querySelector(':is(.global-header, .burger-menu):focus-within');
+        const isHeaderExpanded = isFocusVisible && isFocusedInHeader && !mustRemainCollapsed;
         this.host.toggleAttribute('data-expanded', isHeaderExpanded);
     }
     renderBurgerMenu() {
@@ -317,10 +310,10 @@ export class PostHeader {
     render() {
         const onDesktop = Build.isServer || this.device === 'desktop';
         const onTabletAndMobile = Build.isServer || this.device !== 'desktop';
-        return (h(Host, { key: '26f833461817802c6a93c96556cfd412404c2965', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '041a309f341a5551cdfc93b0703c4f3cfb2a1d0f' }, h("div", { key: '3613dd51fee795b523d6b66cd338334d84f6fbe3', class: "global-header" }, h("div", { key: '46e6f03899e58e2ba3b5fffdd37e6eaa6c424825', class: "section" }, h("div", { key: '7932a4d20e75ae8bb354466b5014394b9f2c1928', class: "logo" }, h("slot", { key: '4a59e8dda5e0db20a73876821f3fcf43bc05f1b9', name: "post-logo" })), h("div", { key: 'c20a7bfb08942c582b8fcb6bf3b13fb47c428701', class: "sliding-controls" }, onDesktop && (h("div", { key: 'ab5e3cb7e9e8a9ad8bbb22f5760d05380f764f47', class: "audience" }, h("slot", { key: '5e62ea13379b916cda2cfde6de82788c21e775c4', name: "audience" }))), h("slot", { key: '8afc82e08d6ed8986df032c3161d888dd73390db', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
-            h("slot", { key: '3ac3963bd777555760ad60952b75dd9591f9f348', name: "global-nav-secondary" }),
-            h("slot", { key: '292eabda025f3bc8c86399cdbe79386588ba9e3a', name: "language-menu" }),
-        ], h("slot", { key: '9a0722343ad37c736bb04c1c4c59cfaf7a070c65', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: '77c4d0e34a6af4bdfc4257d6d42bc73034ab056a', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '13967b75cc44f30ee44224fc0e2bc6760521777c' }, this.textMenu), h("post-icon", { key: '619fae5c77a41f79ff71ae1e25861a82bf01f2d6', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: 'b0ae837080e4f738b0cbe14f8829151d1381e62c', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '0da0040c459944ac5b97db6fe0f3d9dc64272a3e', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '3ec396c9fd8fc6b97d7a41256008a3d20180ff72', class: "section" }, h("slot", { key: '6f66cee38f62becb866927609927bb6152e52fe8', name: "title" }), this.hasTitle && h("slot", { key: '17b3a68697791f1c83e978b25ee3bbb60c2c48d3', name: "local-nav" }), onDesktop && h("slot", { key: '63434d8c9b29c113498a475fa9a92b565a4738d1', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '164a3b8d9dd7af6d12fbf37190bc318bea2eb527', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
+        return (h(Host, { key: '66b52c71941f81f60413da798d4484139ce3e1b2', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '0eeb86259a8da253dd94f35d97ea3d8935945fe1' }, h("div", { key: '2c3e770e344798b99b06cf8aaa2fec697ab0c8f5', class: "global-header" }, h("div", { key: 'cef2ff68fd3a5e217277f43fba60a6b38e0f7b26', class: "section" }, h("div", { key: 'a559af58168882c6e57cabc67e0c9c40d6790f69', class: "logo" }, h("slot", { key: '7d4a539769bafa7c42496fd8032bdb5681f3ad10', name: "post-logo" })), h("div", { key: '37e8f7871cac7c23d1d87a5d4dc20dd7babd930e', class: "sliding-controls" }, onDesktop && (h("div", { key: 'a3e04608d2bccd1e939d5c4143d81d8c42837056', class: "audience" }, h("slot", { key: 'b04e2d60f129cb16dff9fcf2950eada8da0a6913', name: "audience" }))), h("slot", { key: '406ad5ed2914a4b11a9ad9b454eea763a90c758f', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
+            h("slot", { key: '0573f2d5327f1a6de11d40b2eddd972defa4b0e6', name: "global-nav-secondary" }),
+            h("slot", { key: '6a3c278831ada8550039400b8bdc5dc9bfa99937', name: "language-menu" }),
+        ], h("slot", { key: 'e5dd9372eab4644e614bc19a98ef10055abd6841', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: 'bf3a90beeb52d94e3ae722b1ae55c9342090b353', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '9929c7119d4a87a3bb38e37b7113ccd236a26bd5' }, this.textMenu), h("post-icon", { key: '63247760e6b80d332c6c32d17f2e53c1402b810c', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: 'ce380892e5c3f2e68fc6187ea4c1bf0feb703a24', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '1338029f597fb993dcd9b420cd98bea280f1fc3e', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: 'd14e65de2b78d22e0907d2656cc013ca1fff6458', class: "section" }, h("slot", { key: 'd7aed65dcb8f41003f59630480fbac305583ee1c', name: "title" }), this.hasTitle && h("slot", { key: '3805a85dfed19b326e9cdd05992303c781e8880b', name: "local-nav" }), onDesktop && h("slot", { key: 'abd3f8196bef4bbda2176d4bef3c3e0b8ea2d4a5', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '55d3aa634eb1fb6165e25ebc1a8a9ecc4878ea1b', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
     }
     static get is() { return "post-header"; }
     static get encapsulation() { return "shadow"; }
@@ -415,12 +408,6 @@ export class PostHeader {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
-                "propName": "fullWidth",
-                "methodName": "validateFullWidth"
-            }, {
-                "propName": "textMenu",
-                "methodName": "validateTextMenu"
-            }, {
                 "propName": "device",
                 "methodName": "lockBody"
             }, {
@@ -444,6 +431,14 @@ export class PostHeader {
             }];
     }
 }
+__decorate([
+    Required(),
+    Type('boolean')
+], PostHeader.prototype, "fullWidth", void 0);
+__decorate([
+    Required(),
+    Type('string')
+], PostHeader.prototype, "textMenu", void 0);
 __decorate([
     EventFrom('post-megadropdown')
 ], PostHeader.prototype, "megadropdownStateHandler", null);

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: '405ccfde4206c14f044575d0b23998d93a03ffb6', "data-version": version }, h("span", { key: 'ad70ccf63add4b881ef6096ae460e13fba09f508', 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.css

@@ -1 +1 @@
-:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}
+:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:not(:disabled):hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}

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.css

@@ -1 +1 @@
-post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) 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-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);cursor:default}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
+post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) 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-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);cursor:default}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}

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]',
@@ -55,7 +55,7 @@ export class PostLinkarea {
         }
     }
     render() {
-        return (h(Host, { key: 'b79b314635a4cb302d862006d07ab5f059298382', "data-version": version, onClick: (e) => this.dispatchClick(e) }, h("slot", { key: '4e9a1ee60d499f6dd80819e68f6536b3964d3389' })));
+        return (h(Host, { key: 'fc3ddb24df6e4077e99e41f2f7df12ada959806b', "data-version": version, onClick: (e) => this.dispatchClick(e) }, h("slot", { key: 'ed83fbafaf9f4807d523c209f15310fd205a1b3f' })));
     }
     static get is() { return "post-linkarea"; }
     static get encapsulation() { return "shadow"; }

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: 'fc476c9f1a3478871604e83c178efd5eb19ef003', "data-version": version, role: "listbox" }, h("post-popovercontainer", { key: '8242a45777bcab5d9afb37133726d85798f9b626', 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();
@@ -9,9 +9,9 @@ export class PostListboxOption {
         this.highlighted = false;
     }
     render() {
-        return (h(Host, { key: 'f88a84b9004a29fb7c39ea4cbc509d940d70a52d', "data-version": version, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
+        return (h(Host, { key: 'c75cfbe7dd678bc79931c65981141df651370325', "data-version": version, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
             /* Prevent focus change from triggering onblur event in post-autocomplete */
-            onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, h("span", { key: '99d154078490d171ab0e4e43b765cbffb44e721e', class: "option-content" }, this.value, h("span", { key: '609a205bb61b84d1e56e6e64282cb210f650faca', class: "option-description" }, h("slot", { key: 'd08d9dddbea69b693002a20f4127788a6a21acc1' }))), this.selected && h("post-icon", { key: '04e999451c694a0cb54e1e3ab5cd3eca29640aaf', "aria-hidden": "true", name: "checkmark" })));
+            onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, h("span", { key: '52f70e122b62c91fed65b4a20174bd1b8b0f2738', class: "option-content" }, this.value, h("span", { key: '32ace82d3a5058b3a3edee55b8b46594c3fca38a', class: "option-description" }, h("slot", { key: '46aab0eeed22f99778924a5d97a92c7d95359939' }))), this.selected && h("post-icon", { key: 'ac64dc0afbec858119ad2e7077712a6dd40fa6c9', "aria-hidden": "true", name: "checkmark" })));
     }
     static get is() { return "post-listbox-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-:host post-menu-trigger button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}:host post-menu-trigger button:hover{text-decoration:none}:host post-menu-trigger button:disabled{border-style:var(--post-core-border-style-dash)}:host post-menu-trigger button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host post-menu-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host post-menu-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(a){color:LinkText;border:unset}:host post-menu-trigger button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host post-menu-trigger button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host post-menu-trigger button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host post-menu-trigger button>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}:host post-menu-trigger button{border-radius:var(--post-device-border-radius-round) !important;border:0 none;min-height:0;padding:0}:host post-menu-trigger .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
+:host post-menu-trigger button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}:host post-menu-trigger button:not(:disabled):hover{text-decoration:none}:host post-menu-trigger button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}:host post-menu-trigger button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host post-menu-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host post-menu-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(a){color:LinkText;border:unset}:host post-menu-trigger button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host post-menu-trigger button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host post-menu-trigger button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host post-menu-trigger button>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}:host post-menu-trigger button{border-radius:var(--post-device-border-radius-round) !important;border:0 none;min-height:0;padding:0}:host post-menu-trigger .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}

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: '74d00f53d1de12c739242183cb4551fe5127eb29', "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: '473c845bef6d123628bf52b7848475b50172e3c0', "data-version": version }, h(LogoTag, { key: '47503ff9c22b613c5041d51a48cfc158d0edebcd', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: '52953139bad89e236fc922574a881b7f4b79aee5', class: "description" }, h("slot", { key: '554c681236c4d158d967f97754134af774ec791e', onSlotchange: () => this.checkDescription() })), h("svg", { key: '3d65f3a44c46f8ba3810d0cd3c344577fb43a61e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '03f88fbf5710da7f0bbccafdb95c4faa93e2636a', id: "Logo" }, h("rect", { key: '33f39db4fb799744d25fae33f0b6a921c331531a', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: '93c248b53c7493a831d7b1ddf8b3e3d14d804779', 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: 'dbdfa4a5f215e578c9f9cfc65f0cfb5d26b02848', 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);