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

package/dist/esm/post-closebutton_14.entry.js

@@ -1,15 +1,20 @@
-import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-DmBWUef5.js';
-import { v as version } from './package-x3kxyWSZ.js';
-import { d as checkEmptyOrOneOf, h as checkRequiredAndOneOf, c as checkRequiredAndType, b as checkEmptyOrType, e as checkRequiredAndPattern, f as checkEmptyOrUrl } from './index-D9bU2pIE.js';
+import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-BbDawWJ5.js';
 import { t as throttle, b as breakpoint } from './breakpoints-BQ3HlJPr.js';
+import { v as version } from './package-ClG-N42b.js';
+import { O as OneOf } from './one-of-GPr3FflU.js';
+import { R as Required } from './required-uK-rZZjy.js';
 import { f as fade } from './fade-DsgPYmAa.js';
-import { g as getDeepFocusableChildren, a as getFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';
+import { g as getDeepFocusableChildren, a as getFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
+import { T as Type } from './type-obmwEgkM.js';
 import { n as nanoid } from './nanoid-8LXe8Zt_.js';
+import { P as Pattern } from './pattern-BWPRYpYv.js';
+import { U as Url } from './url-B28ByZCe.js';
 import { r as resolveEasing } from './utils-CoDiS_Ik.js';
 import { f as fadeSlide } from './fade-slide-CvOvauo9.js';
 import { P as PLACEMENT_TYPES } from './placement-DRiVosES.js';
 import { g as getRoot } from './get-root-08F-DB-d.js';
+import './create-validator-decorator-D8qwF5Qe.js';
 
 const BUTTON_TYPES = ['button', 'submit', 'reset'];
 const PLACEMENT = ['manual', 'auto'];
@@ -17,6 +22,16 @@ const SIZE = ['default', 'small'];
 
 const postClosebuttonCss = () => `.btn{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)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{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}.btn: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn: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){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{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)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-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)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{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)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-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)}.btn-link{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)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-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)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-closebutton[size=small] .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}post-closebutton:not([placement]),post-closebutton[placement=auto]{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%)}post-closebutton .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}`;
 
+var __decorate$b = (undefined && undefined.__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;
+};
 const PostClosebutton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -34,15 +49,6 @@ const PostClosebutton = class {
          */
         this.size = 'default';
     }
-    validateButtonType() {
-        checkEmptyOrOneOf(this, 'buttonType', BUTTON_TYPES);
-    }
-    validatePlacement() {
-        checkRequiredAndOneOf(this, 'placement', PLACEMENT);
-    }
-    validateSize() {
-        checkRequiredAndOneOf(this, 'size', SIZE);
-    }
     componentDidLoad() {
         this.checkContent();
     }
@@ -59,29 +65,26 @@ const PostClosebutton = class {
         }
     }
     checkContent() {
-        this.validateButtonType();
-        this.validatePlacement();
-        this.validateSize();
         if (!this.host.querySelector('.visually-hidden').textContent) {
             console.error(`The \`${this.host.localName}\` component requires content for accessibility.`);
         }
     }
     render() {
-        return (h(Host, { key: 'ae74db094a2b1de985564d3f7528f78a98fd7ce9', "data-version": version }, h("button", { key: '7bab137e2dab6b3b405f486c10b3bbfbecdebafa', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, h("post-icon", { key: 'ed323a3c13211f234551957a498f678e18ff4f66', "aria-hidden": "true", name: "closex" }), h("span", { key: 'aad44b5c93d357fab3d7cf537f477abd7c89f9be', class: "visually-hidden" }, h("slot", { key: 'd8424ae25100fc673188e3c77f89abe95847a38a' })))));
+        return (h(Host, { key: 'a685b0c1dbf08de1253d7c232800b28aa445edeb', "data-version": version }, h("button", { key: 'e36535683023bd1cbcf560491a87ddab60f23d1c', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, h("post-icon", { key: '405d5ca3761bd8ee56bdd9734a2550cbbbd81f0d', "aria-hidden": "true", name: "closex" }), h("span", { key: '2caa490891d922dc69ef4e6ebe8e5de813426d30', class: "visually-hidden" }, h("slot", { key: 'fd38d8c6da378058ea93c5c08f9f96d0b7be7813' })))));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "buttonType": [{
-                "validateButtonType": 0
-            }],
-        "placement": [{
-                "validatePlacement": 0
-            }],
-        "size": [{
-                "validateSize": 0
-            }]
-    }; }
 };
+__decorate$b([
+    OneOf(BUTTON_TYPES)
+], PostClosebutton.prototype, "buttonType", void 0);
+__decorate$b([
+    Required(),
+    OneOf(PLACEMENT)
+], PostClosebutton.prototype, "placement", void 0);
+__decorate$b([
+    Required(),
+    OneOf(SIZE)
+], PostClosebutton.prototype, "size", void 0);
 PostClosebutton.style = postClosebuttonCss();
 
 /**
@@ -113,7 +116,7 @@ function slide(el, direction, options = {}) {
 
 const postHeaderCss = () => `:host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp(  1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0.75rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0.5rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(1.25rem - var(--post-header-gap))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-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;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);display:var(--post-burger-button-display, flex)}.burger-button:hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash)}.burger-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}.burger-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){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-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){.burger-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){.burger-button:is(a){color:LinkText;border:unset}.burger-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.burger-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.burger-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.burger-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)}.burger-button: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)}.burger-button: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)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:.625rem}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}`;
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__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);
@@ -141,12 +144,6 @@ const PostHeader = class {
         }
         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;
@@ -218,8 +215,6 @@ const PostHeader = class {
         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
@@ -412,19 +407,13 @@ const PostHeader = class {
     render() {
         const onDesktop = this.device === 'desktop';
         const onTabletAndMobile = 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: '78b30321492682f5ac4779eaf79fa21de3d5b1f2', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: 'd34c893f18005a1a5c3e406f1eab0d821e1d5994' }, h("div", { key: '1598f8bd0ecb90662e78280d6b9a2cffaa155994', class: "global-header" }, h("div", { key: 'cca31ad38ecf9d8c42c73d346bd9f909b06b6a9c', class: "section" }, h("div", { key: 'ab28bdc152813adb481b807220a12fc549954654', class: "logo" }, h("slot", { key: '5080891fd1cec13ed4153afce6573373c9ddb559', name: "post-logo" })), h("div", { key: '4dc43239677de2779a54947b013d2379f27d4c2e', class: "sliding-controls" }, onDesktop && (h("div", { key: 'cb3fbb2a94f8d22772d8b60af7712ac5a8199ed2', class: "audience" }, h("slot", { key: '95e06819c41abef543ec2797511f22cb1b135743', name: "audience" }))), h("slot", { key: '5db1090c38c60374f57a8a1289d058d4364efc77', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
+            h("slot", { key: 'db309e50b363ee2d7a13d119dca44c6ce50e3962', name: "global-nav-secondary" }),
+            h("slot", { key: 'ec86d4748ef0bd8c46935b0262ec7752d3842f38', name: "language-menu" }),
+        ], h("slot", { key: 'c082e4a6c9a8dbb2090228c819577468f0f60edd', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: '2773e3cad4f2a8be60d25b82cae87fb5d813cafc', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: 'bd1c2e048436e58f14a9d4fb205afb245f5d1af1' }, this.textMenu), h("post-icon", { key: '1885cff12454528cb981c0a2544531f89bc93b89', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: '6ea75eecf1c124b83bb011f667eae4c6cc7df470', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '487dc3cc667a52f272cdcdcd546eb0b686fc6611', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '1d4e73e20ee1cba7a26374166435a123c7b3b7de', class: "section" }, h("slot", { key: '8131591c29285ed586c86bb6ce89738df8e51d0b', name: "title" }), this.hasTitle && h("slot", { key: '0430da5a731063cd393a395fdd0c9ec11fed69f3', name: "local-nav" }), onDesktop && h("slot", { key: '07410195623dacda6e8fcadf69de55bb4fdf6067', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: 'cf7b4cd88faa07d29670a7cb6e389e182581182a', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "fullWidth": [{
-                "validateFullWidth": 0
-            }],
-        "textMenu": [{
-                "validateTextMenu": 0
-            }],
         "device": [{
                 "lockBody": 0
             }],
@@ -433,7 +422,15 @@ const PostHeader = class {
             }]
     }; }
 };
-__decorate$3([
+__decorate$a([
+    Required(),
+    Type('boolean')
+], PostHeader.prototype, "fullWidth", void 0);
+__decorate$a([
+    Required(),
+    Type('string')
+], PostHeader.prototype, "textMenu", void 0);
+__decorate$a([
     EventFrom('post-megadropdown')
 ], PostHeader.prototype, "megadropdownStateHandler", null);
 PostHeader.style = postHeaderCss();
@@ -449,6 +446,16 @@ const ANIMATION_KEYS = [
 
 const postIconCss = () => `:host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}`;
 
+var __decorate$9 = (undefined && undefined.__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;
+};
 const CDN_URL = `https://unpkg.com/@swisspost/design-system-icons@${version}/public/post-icons/`;
 const PostIcon = class {
     constructor(hostRef) {
@@ -462,21 +469,6 @@ const PostIcon = class {
          */
         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.
@@ -542,46 +534,39 @@ const PostIcon = class {
             '-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() })));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "animation": [{
-                "validateAnimation": 0
-            }],
-        "base": [{
-                "validateBase": 0
-            }],
-        "name": [{
-                "validateName": 0
-            }],
-        "rotate": [{
-                "validateRotate": 0
-            }],
-        "scale": [{
-                "validateScale": 0
-            }]
-    }; }
 };
+__decorate$9([
+    OneOf(ANIMATION_KEYS)
+], PostIcon.prototype, "animation", void 0);
+__decorate$9([
+    Type('string')
+], PostIcon.prototype, "base", void 0);
+__decorate$9([
+    Required(),
+    Type('string')
+], PostIcon.prototype, "name", void 0);
+__decorate$9([
+    Type('number')
+], PostIcon.prototype, "rotate", void 0);
+__decorate$9([
+    Type('number')
+], PostIcon.prototype, "scale", void 0);
 PostIcon.style = postIconCss();
 
 const SWITCH_VARIANTS = ['list', 'menu'];
 
 const postLanguageMenuCss = () => `: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}`;
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__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);
@@ -604,14 +589,7 @@ const PostLanguageMenu = class {
     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 */
@@ -623,9 +601,6 @@ const PostLanguageMenu = class {
             : 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();
@@ -678,50 +653,46 @@ const PostLanguageMenu = class {
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "textChangeLanguage": [{
-                "validateTextChangeLanguage": 0
-            }],
-        "textCurrentLanguage": [{
-                "validateTextCurrentLanguage": 0
-            }],
         "variant": [{
-                "validateVariant": 0
+                "handleVariantChange": 0
             }]
     }; }
 };
-__decorate$2([
+__decorate$8([
+    Required(),
+    Type('string')
+], PostLanguageMenu.prototype, "textChangeLanguage", void 0);
+__decorate$8([
+    Required(),
+    Pattern(/#name\b/)
+], PostLanguageMenu.prototype, "textCurrentLanguage", void 0);
+__decorate$8([
+    OneOf(SWITCH_VARIANTS)
+], PostLanguageMenu.prototype, "variant", void 0);
+__decorate$8([
     EventFrom('post-language-menu-item')
 ], PostLanguageMenu.prototype, "handlePostChange", null);
 PostLanguageMenu.style = postLanguageMenuCss();
 
 const postLanguageMenuItemCss = () => `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}`;
 
+var __decorate$7 = (undefined && undefined.__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;
+};
 const PostLanguageMenuItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.postChange = createEvent(this, "postChange");
         this.postLanguageMenuItemInitiallyActive = createEvent(this, "postLanguageMenuItemInitiallyActive");
     }
-    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.');
         }
@@ -753,37 +724,42 @@ const PostLanguageMenuItem = class {
         return this.variant === 'list' ? (h(Host, { "data-version": version, role: "listitem" }, interactiveElement)) : (h(Host, { "data-version": version }, h("post-menu-item", null, interactiveElement)));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "code": [{
-                "validateCode": 0
-            }],
-        "variant": [{
-                "validateVariant": 0
-            }],
-        "name": [{
-                "validateName": 0
-            }],
-        "description": [{
-                "validateDescription": 0
-            }],
-        "url": [{
-                "validateUrl": 0
-            }]
-    }; }
 };
+__decorate$7([
+    Required(),
+    Type('string')
+], PostLanguageMenuItem.prototype, "code", void 0);
+__decorate$7([
+    OneOf(SWITCH_VARIANTS)
+], PostLanguageMenuItem.prototype, "variant", void 0);
+__decorate$7([
+    Type('string')
+], PostLanguageMenuItem.prototype, "name", void 0);
+__decorate$7([
+    Type('string')
+], PostLanguageMenuItem.prototype, "description", void 0);
+__decorate$7([
+    Url()
+], PostLanguageMenuItem.prototype, "url", void 0);
 PostLanguageMenuItem.style = postLanguageMenuItemCss();
 
 const postLogoCss = () => `:host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{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}.logo-link: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){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link: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){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset:var(--post-device-spacing-padding-28) !important}.logo-link:focus,.logo-link:focus-visible{border-radius:var(--post-device-border-radius-focus)}`;
 
+var __decorate$6 = (undefined && undefined.__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;
+};
 const PostLogo = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
-    validateUrl() {
-        checkEmptyOrUrl(this, 'url');
-    }
     componentDidLoad() {
-        this.validateUrl();
         this.checkDescription();
     }
     checkDescription() {
@@ -794,25 +770,30 @@ const PostLogo = class {
     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" }))))));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "url": [{
-                "validateUrl": 0
-            }]
-    }; }
 };
+__decorate$6([
+    Url()
+], PostLogo.prototype, "url", void 0);
 PostLogo.style = postLogoCss();
 
 const postMainnavigationCss = () => `:host{display:flex;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:fit-content;margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{margin-inline-end:-3rem}.scroll-control.scroll-right{margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}`;
 
+var __decorate$5 = (undefined && undefined.__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;
+};
 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
 const PostMainnavigation = class {
-    validateTextMain() {
-        checkRequiredAndType(this, 'textMain', 'string');
-    }
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.canScrollLeft = false;
@@ -824,7 +805,6 @@ const PostMainnavigation = class {
         this.mutationObserver = new MutationObserver(this.checkScrollability);
     }
     componentDidLoad() {
-        this.validateTextMain();
         setTimeout(() => {
             this.checkScrollability();
         });
@@ -930,26 +910,29 @@ const PostMainnavigation = class {
         }, 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" }))));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "textMain": [{
-                "validateTextMain": 0
-            }]
-    }; }
 };
+__decorate$5([
+    Required(),
+    Type('string')
+], PostMainnavigation.prototype, "textMain", void 0);
 PostMainnavigation.style = postMainnavigationCss();
 
 const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-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-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);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);order:-1;width:fit-content;padding-inline:0}.back-button:hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash)}.back-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}.back-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){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-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){.back-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){.back-button:is(a){color:LinkText;border:unset}.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-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 screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}`;
 
+var __decorate$4 = (undefined && undefined.__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;
+};
 const PostMegadropdown = class {
-    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;
@@ -1007,8 +990,6 @@ const PostMegadropdown = class {
         this.getFocusableElements();
     }
     componentDidLoad() {
-        this.validateTextClose();
-        this.validateTextBack();
         this.checkInitialAriaCurrent();
         this.setupObserver();
         this.handleAriaCurrentChange([]);
@@ -1233,25 +1214,25 @@ const PostMegadropdown = class {
     }
     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))))));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "textClose": [{
-                "validateTextClose": 0
-            }],
-        "textBack": [{
-                "validateTextBack": 0
-            }]
-    }; }
 };
 /** Tracks the currently active dropdown instance. */
 PostMegadropdown.activeDropdown = null;
+__decorate$4([
+    Required(),
+    Type('string')
+], PostMegadropdown.prototype, "textClose", void 0);
+__decorate$4([
+    Required(),
+    Type('string')
+], PostMegadropdown.prototype, "textBack", void 0);
 PostMegadropdown.style = postMegadropdownCss();
 
 const postMegadropdownTriggerCss = () => `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;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)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}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}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){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){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){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){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}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)}button: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)}button: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)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button: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);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem;border-bottom:none}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}button[aria-expanded=true]{background-color:#f0efed;color:#050400;z-index:2}button[aria-expanded=true]:hover{box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}`;
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__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);
@@ -1271,15 +1252,9 @@ const PostMegadropdownTrigger = class {
          */
         this.active = false;
     }
-    validateFor() {
-        checkRequiredAndType(this, 'for', 'string');
-    }
     componentWillRender() {
         this.handleSlottedContentChanges();
     }
-    componentDidLoad() {
-        this.validateFor();
-    }
     disconnectedCallback() {
         if (this.mutationObserver)
             this.mutationObserver.disconnect();
@@ -1326,23 +1301,22 @@ const PostMegadropdownTrigger = class {
         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" }))));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "for": [{
-                "validateFor": 0
-            }]
-    }; }
 };
-__decorate$1([
+__decorate$3([
+    Required(),
+    Type('string')
+], PostMegadropdownTrigger.prototype, "for", void 0);
+__decorate$3([
     EventFrom('post-megadropdown', { ignoreNestedComponents: false })
 ], PostMegadropdownTrigger.prototype, "onMegadropdownToggled", null);
 PostMegadropdownTrigger.style = postMegadropdownTriggerCss();
 
 const postMenuCss = () => `:host{display:block}:where([part=post-menu]){display:flex;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:flex;align-items:center;gap:.5rem;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}`;
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__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);
@@ -1396,12 +1370,6 @@ const PostMenu = class {
             }
         };
     }
-    validatePlacement() {
-        checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
-    }
-    validateLabel() {
-        checkRequiredAndType(this, 'label', 'string');
-    }
     connectedCallback() {
         this.root = getRoot(this.host);
         this.host.addEventListener('keydown', this.handleKeyDown);
@@ -1411,10 +1379,6 @@ const PostMenu = class {
         this.host.removeEventListener('keydown', this.handleKeyDown);
         this.host.removeEventListener('click', this.handleClick);
     }
-    componentDidLoad() {
-        this.validatePlacement();
-        this.validateLabel();
-    }
     /**
      * Toggles the menu visibility based on its current state.
      */
@@ -1530,22 +1494,21 @@ const PostMenu = class {
         ]));
     }
     render() {
-        return (h(Host, { key: '6931365341e8a5476c27e5a35d84823162d3a904', "data-version": version }, h("post-popovercontainer", { key: '441654449ad9708c5eba02a383567771cab7a848', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '6436553c2b7c35901a84b3a50798b561dfbb008c', part: "post-menu" }, h("slot", { key: 'af2a5159f3b8e039d00fc6cb1734740eede78121', name: "header" }), h("slot", { key: '01e671b55c02342936efe703dac97096f38b131c' })))));
+        return (h(Host, { key: 'c5f2f3e06c6deb847959a573e450beb2b17f35a2', "data-version": version }, h("post-popovercontainer", { key: '3625a55c753d763313f0a17f0f8993bbcb39975d', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'f296e5a99e12ee97c09206df7c05db394a4ae181', part: "post-menu" }, h("slot", { key: '7c322af6cc8e67b9c18c645920d8af7bbcab953f', name: "header" }), h("slot", { key: 'd17b77c7c12a38991d25fc251144198ed763cbbb' })))));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "placement": [{
-                "validatePlacement": 0
-            }],
-        "label": [{
-                "validateLabel": 0
-            }]
-    }; }
 };
-__decorate([
+__decorate$2([
+    OneOf(PLACEMENT_TYPES)
+], PostMenu.prototype, "placement", void 0);
+__decorate$2([
+    Required(),
+    Type('string')
+], PostMenu.prototype, "label", void 0);
+__decorate$2([
     EventFrom('post-popovercontainer')
 ], PostMenu.prototype, "handlePostShown", null);
-__decorate([
+__decorate$2([
     EventFrom('post-popovercontainer')
 ], PostMenu.prototype, "handlePostBeforeToggle", null);
 PostMenu.style = postMenuCss();
@@ -1565,10 +1528,17 @@ PostMenuItem.style = postMenuItemCss();
 
 const postMenuTriggerCss = () => `:host{display:inline-block}`;
 
+var __decorate$1 = (undefined && undefined.__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;
+};
 const PostMenuTrigger = class {
-    validateFor() {
-        checkRequiredAndType(this, 'for', 'string');
-    }
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.updateAriaExpanded = this.updateAriaExpanded.bind(this);
@@ -1577,7 +1547,6 @@ const PostMenuTrigger = class {
         this.root = getRoot(this.host);
     }
     componentDidLoad() {
-        this.validateFor();
         this.setAriaAttributes();
         if (this.root) {
             this.root.addEventListener('toggleMenu', this.updateAriaExpanded);
@@ -1624,15 +1593,14 @@ const PostMenuTrigger = class {
         return null;
     }
     render() {
-        return (h(Host, { key: '574ff0ab723270c5a2614e8a34951febc51221ed', "data-version": version }, h("slot", { key: 'cf223c3e85d9ad8b49ba209fa165a27605b9fd09' })));
+        return (h(Host, { key: '53cdf95c4eaaf430f0ada66aa69588b7830903f9', "data-version": version }, h("slot", { key: 'ae764b0b2b93cd7934fd39ef68084871ddd3f94f' })));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "for": [{
-                "validateFor": 0
-            }]
-    }; }
 };
+__decorate$1([
+    Required(),
+    Type('string')
+], PostMenuTrigger.prototype, "for", void 0);
 PostMenuTrigger.style = postMenuTriggerCss();
 
 /**
@@ -3562,6 +3530,21 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
+const duration = 250;
+const easing = 'ease-out';
+function popIn(el) {
+    if (!el)
+        return;
+    return el.animate([
+        { transform: 'scale(0.9)', opacity: 0 },
+        { transform: 'scale(1)', opacity: 1 },
+    ], {
+        duration,
+        easing,
+        fill: 'forwards',
+    });
+}
+
 // src/events.ts
 var ToggleEvent = class extends Event {
   oldState;
@@ -4354,23 +4337,18 @@ function apply() {
   injectStyles(document);
 }
 
-const duration = 250;
-const easing = 'ease-out';
-function popIn(el) {
-    if (!el)
-        return;
-    return el.animate([
-        { transform: 'scale(0.9)', opacity: 0 },
-        { transform: 'scale(1)', opacity: 1 },
-    ], {
-        duration,
-        easing,
-        fill: 'forwards',
-    });
-}
-
 const postPopovercontainerCss = () => `@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host .popover-scroll{max-height:var(--post-popovercontainer-available-height, none);overflow-y:auto}:host [part=post-popovercontainer-border-mask]{display:none;position:absolute;inset:0;border-radius:4px;pointer-events:none}:host .arrow{--post-popovercontainer-arrow-border: var(--post-popovercontainer-arrow-border-width, 0px) solid var(--post-popovercontainer-arrow-border-color, transparent);position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}`;
 
+var __decorate = (undefined && undefined.__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;
+};
 const ANIMATIONS = {
     'pop-in': popIn,
 };
@@ -4405,15 +4383,6 @@ const PostPopovercontainer = class {
         this.currentAnimation = null;
         this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
     }
-    validatePlacement() {
-        checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
-    }
-    validateEdgeGap() {
-        checkEmptyOrType(this, 'edgeGap', 'number');
-    }
-    validateSafeSpace() {
-        checkEmptyOrOneOf(this, 'safeSpace', ['triangle', 'trapezoid']);
-    }
     /**
      * Updates cursor position for safe space feature when popover is open.
      * Sets CSS custom properties for dynamic styling of safe area.
@@ -4429,9 +4398,6 @@ const PostPopovercontainer = class {
         }
     }
     componentDidLoad() {
-        this.validatePlacement();
-        this.validateEdgeGap();
-        this.validateSafeSpace();
         this.host.addEventListener('beforetoggle', this.handleToggle.bind(this));
     }
     disconnectedCallback() {
@@ -4713,22 +4679,11 @@ const PostPopovercontainer = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f3d2037a35648aef9031ecb96db8f1755cb06fc9', "data-version": version, popover: "auto" }, h("div", { key: '19a5300eb1388eb51764eae39fc0911864336282', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: 'e7c67a359968faa9001c4be657db7d6930fe6075', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
+        return (h(Host, { key: '468af4ce773ab7c5d4feb4320c33175347ceca3d', "data-version": version, popover: "auto" }, h("div", { key: 'f8a78f27bf46079134b75d468b44ad40d15a0001', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: '9d92eaec690d67bdbf3b991274c2351744628519', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), h("span", { key: 'b7477bc2e03c196c5983f6b933cedc20b2ed59f8', part: "post-popovercontainer-border-mask" }), h("div", { key: '7c1c50cbd766f6f901e9f3579c6e609da4cf3e37', class: "popover-scroll" }, h("slot", { key: '56c646c3bec1437e394ce0b76cea0f6bc4c6637f' })))));
+            } })), h("span", { key: 'a1dd28b0ddd3af5792199f47e7a921eb14b86f93', part: "post-popovercontainer-border-mask" }), h("div", { key: '94e84d35042983d832d6f0e9f8c01b68428d1401', class: "popover-scroll" }, h("slot", { key: '28909f395a3ed25f489458f94de79c3c1ae309c9' })))));
     }
     get host() { return getElement(this); }
-    static get watchers() { return {
-        "placement": [{
-                "validatePlacement": 0
-            }],
-        "edgeGap": [{
-                "validateEdgeGap": 0
-            }],
-        "safeSpace": [{
-                "validateSafeSpace": 0
-            }]
-    }; }
 };
 PostPopovercontainer.STATIC_SIDES = {
     top: 'bottom',
@@ -4750,6 +4705,15 @@ PostPopovercontainer.PROPERTIES_TO_CLEAR = [
     '--post-safe-space-trigger-y-start',
     '--post-safe-space-trigger-y-end',
 ];
+__decorate([
+    OneOf(PLACEMENT_TYPES)
+], PostPopovercontainer.prototype, "placement", void 0);
+__decorate([
+    Type('number')
+], PostPopovercontainer.prototype, "edgeGap", void 0);
+__decorate([
+    OneOf(['triangle', 'trapezoid'])
+], PostPopovercontainer.prototype, "safeSpace", void 0);
 PostPopovercontainer.style = postPopovercontainerCss();
 
 const postTogglebuttonCss = () => `:host{cursor:pointer;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(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}`;
@@ -4776,10 +4740,12 @@ const PostTogglebutton = class {
         // add event listener in capture phase so the toggle state is updated
         // before any parent bubble listeners react to the click.
         this.host.addEventListener('click', () => this.handleClick(), { capture: true });
-        this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
+        this.host.addEventListener('keydown', (e) => this.handleKeydown(e), {
+            capture: true,
+        });
     }
     render() {
-        return (h(Host, { key: '828f375bfd28dd8f46c2c233cef90abe6c27c488', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '35325c8481638cf30593cda05a67ee74b38bb40c' })));
+        return (h(Host, { key: '6659870a07cf41d8808660906165797572f6a24d', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '08e6e5b43eeff5239eb40ec8ee960076058dede1' })));
     }
     get host() { return getElement(this); }
 };