@swisspost/design-system-components 9.0.0-next.14 → 9.0.0-next.16

package/dist/cjs/{post-tag-9c366519.js → post-tag-a7684644.js}

@@ -1,30 +1,19 @@
 'use strict';
 
-const index = require('./index-0ee3ab4a.js');
-const _package = require('./package-7d11b6ea.js');
+const index = require('./index-5acef487.js');
+const _package = require('./package-df497c3c.js');
 
 const postTagCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:var(--post-core-dimension-4);padding:0 var(--post-core-dimension-8);max-width:100%;background-color:var(--post-tag-bg);border:var(--post-core-dimension-1) solid rgba(0,0,0,0);border-radius:var(--post-core-dimension-4);font-size:1rem;line-height:calc(var(--post-core-dimension-32) - var(--post-core-dimension-1)*2);white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:var(--post-core-dimension-24)}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:#000}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";
 const PostTagStyle0 = postTagCss;
 
 const PostTag = class {
     get host() { return index.getElement(this); }
-    classes;
-    /**
-     * Defines the color variant of the component.
-     */
-    variant;
-    /**
-     * Defines the size of the component.
-     */
-    size = null;
-    /**
-     * Defines the icon `name` inside of the component.
-     * <span className="banner banner-sm banner-info">If not set the icon will not show up.</span>
-     * To learn which icons are available, please visit our <a href="/?path=/docs/5704bdc4-c5b5-45e6-b123-c54d01fce2f1--docs">icon library</a>.
-     */
-    icon = null;
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.classes = undefined;
+        this.variant = undefined;
+        this.size = null;
+        this.icon = null;
         this.setClasses = this.setClasses.bind(this);
     }
     variantChanged() {

package/dist/cjs/post-tag.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTag = require('./post-tag-9c366519.js');
-require('./index-0ee3ab4a.js');
-require('./package-7d11b6ea.js');
+const postTag = require('./post-tag-a7684644.js');
+require('./index-5acef487.js');
+require('./package-df497c3c.js');
 
 
 

package/dist/cjs/{post-togglebutton-d49bec2c.js → post-togglebutton-2fdebbc7.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-0ee3ab4a.js');
-const _package = require('./package-7d11b6ea.js');
+const index = require('./index-5acef487.js');
+const _package = require('./package-df497c3c.js');
 const slide = require('./slide-8ae17ee4.js');
-const index$1 = require('./index-bea4ac42.js');
+const index$1 = require('./index-f2eedfeb.js');
 const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
 const checkType = require('./check-type-696d2c51.js');
 const index_browser = require('./index.browser-2f65f583.js');
@@ -176,18 +176,26 @@ const focusDisablingSelector = `:where(${[
     'details:not([open]) > *:not(details > summary:first-of-type)',
     'details:not([open]) > *:not(details > summary:first-of-type) *',
     '[tabindex^="-"]',
+    '[hidden]:not([hidden="false"])',
 ].join(',')})`;
 function getFocusableChildren(element) {
-    return element.querySelectorAll(`& > ${focusableSelector}:not(${focusDisablingSelector})`);
+    const focusableChildren = element.querySelectorAll(`${focusableSelector}:not(${focusDisablingSelector})`);
+    const visibleFocusableChildren = Array.from(focusableChildren).filter(child => {
+        const style = window.getComputedStyle(child.parentElement);
+        return style.display !== 'none' && style.visibility !== 'hidden';
+    });
+    return visibleFocusableChildren;
 }
 
-const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height:72px;--global-header-minimal-height:24px;--local-header-height:112px;--local-header-min-height:56px;--header-height:calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height:24px;--main-navigation-height:56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height:64px;--local-header-height:48px;--local-header-min-height:48px;--main-navigation-height:0px}}:host(:not(:has([slot=title]))){--local-header-height:var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;align-items:center;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}slot[name=post-logo]{align-self:flex-end}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-8);min-height:var(--local-header-min-height);background:var(--post-core-color-brand-white);transition:box-shadow .2s ease-in-out}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:calc(-1*(var(--local-header-height) - var(--main-navigation-height)) + var(--global-header-reduced-height));padding-block-start:var(--post-core-dimension-18);box-shadow:var(--post-core-elevation-3)}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--global-header-height);padding-block:var(--post-core-dimension-9);flex-wrap:wrap}.local-header.local-header-mobile-extended{border-bottom:1px solid var(--post-core-color-sandgrey-012)}.local-header:not(.title-header-mobile-extended){box-shadow:var(--post-core-elevation-3)}}.local-sub{margin-inline-end:var(--post-core-dimension-16)}::slotted(.list-inline){margin:-8px 0 !important;z-index:3 !important;position:relative !important}::slotted(h1){margin:0 !important;flex-shrink:10;z-index:3}@media screen and (min-width: 600px){::slotted(h1){margin-inline-start:var(--post-core-dimension-12) !important}}@media screen and (max-width: 599.98px){::slotted(h1){margin-inline-start:var(--post-core-dimension-8) !important}}@media screen and (min-width: 1024px){::slotted(h1){font-size:var(--post-core-font-size-28) !important}}@media screen and (max-width: 1023.98px){::slotted(h1){font-size:var(--post-core-font-size-20) !important;max-width:calc(100vw - var(--post-core-dimension-8) - var(--post-core-dimension-16))}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--global-header-minimal-height)}.navigation::before{display:block;content:\"\";position:absolute;inset:0;z-index:2;background:var(--post-core-color-brand-white)}}@media screen and (max-width: 1023.98px){.navigation{position:fixed;z-index:1;inset-inline:0;background:var(--post-core-color-brand-white);inset-block-end:calc(100vh - var(--header-height))}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:var(--post-core-dimension-16) var(--post-core-dimension-24);padding-inline:var(--post-core-dimension-32)}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended{height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){background-color:var(--post-core-color-sandgrey-002);gap:var(--post-core-dimension-32)}.navigation-footer{background-color:var(--post-core-color-sandgrey-006);gap:var(--post-core-dimension-24)}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:var(--post-core-dimension-16)}}";
+const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height:72px;--global-header-minimal-height:24px;--local-header-height:112px;--local-header-min-height:56px;--header-height:calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height:24px;--main-navigation-height:56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height:64px;--local-header-height:48px;--local-header-min-height:48px;--main-navigation-height:0px}}:host(:not(:has([slot=title]))){--local-header-height:var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-8);min-height:var(--local-header-min-height);background:var(--post-core-color-brand-white);transition:box-shadow .2s ease-in-out}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:calc(-1*(var(--local-header-height) - var(--main-navigation-height)) + var(--global-header-reduced-height));padding-block-start:var(--post-core-dimension-18);box-shadow:var(--post-core-elevation-3)}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--global-header-height);padding-block:var(--post-core-dimension-9);flex-wrap:wrap}.local-header.local-header-mobile-extended{border-bottom:1px solid var(--post-core-color-sandgrey-012)}.local-header:not(.title-header-mobile-extended){box-shadow:var(--post-core-elevation-3)}}.local-sub{margin-inline-end:var(--post-core-dimension-16)}::slotted(.list-inline){margin:-8px 0 !important;z-index:3 !important;position:relative !important}::slotted(h1){margin:0 !important;flex-shrink:10;z-index:3}@media screen and (min-width: 600px){::slotted(h1){margin-inline-start:var(--post-core-dimension-12) !important}}@media screen and (max-width: 599.98px){::slotted(h1){margin-inline-start:var(--post-core-dimension-8) !important}}@media screen and (min-width: 1024px){::slotted(h1){font-size:var(--post-core-font-size-28) !important}}@media screen and (max-width: 1023.98px){::slotted(h1){font-size:var(--post-core-font-size-20) !important;max-width:calc(100vw - var(--post-core-dimension-8) - var(--post-core-dimension-16))}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--global-header-minimal-height)}.navigation::before{display:block;content:\"\";position:absolute;inset:0;z-index:2;background:var(--post-core-color-brand-white)}}@media screen and (max-width: 1023.98px){.navigation{position:fixed;z-index:1;inset-inline:0;background:var(--post-core-color-brand-white);inset-block-end:calc(100vh - var(--header-height))}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:var(--post-core-dimension-16) var(--post-core-dimension-24);padding-inline:var(--post-core-dimension-32)}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended{height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){background-color:var(--post-core-color-sandgrey-002);gap:var(--post-core-dimension-32)}.navigation-footer{background-color:var(--post-core-color-sandgrey-006);gap:var(--post-core-dimension-24)}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:var(--post-core-dimension-16)}}";
 const PostHeaderStyle0 = postHeaderCss;
 
 const PostHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.postUpdateDevice = index.createEvent(this, "postUpdateDevice", 7);
+        this.device = null;
+        this.mobileMenuExtended = false;
     }
     firstFocusableEl;
     lastFocusableEl;
@@ -204,9 +212,10 @@ const PostHeader = class {
         this.handleScrollEvent();
         this.getFocusableElements();
     }
+    componentDidLoad() {
+        this.updateLocalHeaderHeight();
+    }
     get host() { return index.getElement(this); }
-    device = null;
-    mobileMenuExtended = false;
     frozeBody(isMobileMenuExtended) {
         document.body.style.overflow = isMobileMenuExtended ? 'hidden' : '';
         if (isMobileMenuExtended) {
@@ -303,6 +312,12 @@ const PostHeader = class {
             return value === 'auto' || value === 'scroll';
         });
     }
+    updateLocalHeaderHeight() {
+        requestAnimationFrame(() => {
+            const mhh = this.host.shadowRoot.querySelector('.local-header')?.clientHeight || 0;
+            this.host.style.setProperty('--main-header-height', `${mhh}px`);
+        });
+    }
     handleResize() {
         const previousDevice = this.device;
         let newDevice;
@@ -321,8 +336,7 @@ const PostHeader = class {
             this.toggleMobileMenu();
             this.mobileMenuAnimation.finish(); // no animation
         }
-        const mhh = this.host.shadowRoot.querySelector('.local-header')?.clientHeight;
-        this.host.style.setProperty('--main-header-height', `${mhh}px`);
+        this.updateLocalHeaderHeight();
         // Apply only on change for doing work only when necessary
         if (newDevice !== previousDevice) {
             this.device = newDevice;
@@ -344,7 +358,7 @@ const PostHeader = class {
         return (index.h("div", { ref: el => (this.mobileMenu = el), class: navigationClasses.join(' ') }, index.h("slot", { name: "post-mainnavigation" }), (this.device === 'mobile' || this.device === 'tablet') && (index.h("div", { class: "navigation-footer" }, index.h("slot", { name: "meta-navigation" }), index.h("slot", { name: "post-language-switch" })))));
     }
     render() {
-        return (index.h(index.Host, { key: 'efbf8028f2abf376f497081996dba759f5885630', version: _package.version }, index.h("div", { key: 'ecaaea274045453ce869f36e8a1155626b1818ba', class: "global-header" }, index.h("div", { key: '2fda0d65321ad1cbbc47b731f095e0d9b6694d99', class: "global-sub" }, index.h("div", { key: '24864d5f18c9d923717cc2e996395cff3bd6ce8b', class: "logo" }, index.h("slot", { key: 'ba82d7f62bb845732fe6066bcdc7eef15913c9e6', name: "post-logo" }))), index.h("div", { key: 'a0ddea4e564fca1e286998c73fea75eb8c228428', class: "global-sub" }, this.device === 'desktop' && index.h("slot", { key: '0d7aa11452eb69fe28914ff7787c6dc206fd4009', name: "meta-navigation" }), index.h("slot", { key: 'e92b7b9db6e16e8fcecb1ca74efa63942dd542c5', name: "global-controls" }), this.device === 'desktop' && index.h("slot", { key: 'c68984037a71d5ac54828f6cf2367c3b07e428fc', name: "post-language-switch" }), index.h("div", { key: '70fb5040dc2f000c2afa286bb673ae9cf88521cf', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, index.h("slot", { key: '509fb81812262cd9efdb3a562e48f72b0d29e376', name: "post-togglebutton" })))), index.h("div", { key: '393d1040bad2f85caced5b4a8ff02e30fa5fd5f1', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, index.h("slot", { key: '786cc114aae985a0612d3cb044684290e3026462', name: "title" }), index.h("div", { key: 'd4f68653a09bbf0b222873ed5d23fec6ba9d8f6f', class: "local-sub" }, index.h("slot", { key: '0ad7dda5490964e9a8eae5e0bf66a117882f7a06', name: "local-controls" }), index.h("slot", { key: 'bddc01c7696f456c38c200b330767a0f1b353d88' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
+        return (index.h(index.Host, { key: '18b9e47312a3896f1c68a9270332b2bf21ea2518', version: _package.version }, index.h("div", { key: '6b30ae3fc22471a7d1f29f19da944a3c4eac009c', class: "global-header" }, index.h("div", { key: '943cd0d6a4fa9e0b15196b54fe1f5e765b6270c5', class: "global-sub" }, index.h("div", { key: '7c34ab9cd2a5fb380b0201673364a275d74ca1e3', class: "logo" }, index.h("slot", { key: '13b6bb1b42951d4982fd0cca9f65f3cba9a361df', name: "post-logo" }))), index.h("div", { key: '1955153864e1825e2fd56d58b9966982bc4aeb7f', class: "global-sub" }, this.device === 'desktop' && index.h("slot", { key: 'f33af5becab53114e886c288feabafd4a589dab6', name: "meta-navigation" }), index.h("slot", { key: 'e33c827d5e0101a6fc9ccaf3f9e3b9ea1a689626', name: "global-controls" }), this.device === 'desktop' && index.h("slot", { key: 'bbc08ab621b41858f6f4c0fa03796c1800d3ef2b', name: "post-language-switch" }), index.h("div", { key: '352681a469b8dd46271ffe6b36002d174a5586c3', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, index.h("slot", { key: 'a6c79f674e94a2046f47d8fc7a6ce7722a7e5125', name: "post-togglebutton" })))), index.h("div", { key: '8b1219759b44feaf230a366a39ea8cc211893b9c', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, index.h("slot", { key: '070092f87eceb4a4ca2c19394a80ffb20833c0c9', name: "title" }), index.h("div", { key: '5044efdcf0a9b341eb9f168762f86dd516236ad1', class: "local-sub" }, index.h("slot", { key: '48e38669ec64444c48f8b84f95590d36cd090ff7', name: "local-controls" }), index.h("slot", { key: 'cbf9652dfc5008322459b6dcb0623135f7984e61' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
     }
     static get watchers() { return {
         "mobileMenuExtended": ["frozeBody"]
@@ -368,56 +382,35 @@ const ANIMATION_KEYS = [...ANIMATION_NAMES];
 const PostIcon = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.animation = null;
+        this.base = null;
+        this.flipH = false;
+        this.flipV = false;
+        this.name = undefined;
+        this.rotate = null;
+        this.scale = null;
     }
     get host() { return index.getElement(this); }
-    /**
-     * The name of the animation.
-     */
-    animation = null;
     validateAnimation(newValue = this.animation) {
         if (newValue !== undefined)
             index$1.checkEmptyOrOneOf(newValue, ANIMATION_KEYS, `The post-icon "animation" prop requires one of the following values: ${ANIMATION_KEYS.join(', ')}.`);
     }
-    /**
-     * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
-     */
-    base = null;
     validateBase(newValue = this.base) {
         index$1.checkEmptyOrType(newValue, 'string', 'The post-icon "base" prop should be a string.');
     }
-    /**
-     * When set to `true`, the icon will be flipped horizontally.
-     */
-    flipH = false;
     validateFlipH(newValue = this.flipH) {
         index$1.checkEmptyOrType(newValue, 'boolean', 'The post-icon "flipH" prop should be a boolean.');
     }
-    /**
-     * When set to `true`, the icon will be flipped vertically.
-     */
-    flipV = false;
     validateFlipV(newValue = this.flipV) {
         index$1.checkEmptyOrType(newValue, 'boolean', 'The post-icon "flipV" prop should be a boolean.');
     }
-    /**
-     * The name/id of the icon (e.g. 1000, 1001, ...).
-     */
-    name;
     validateName(newValue = this.name) {
         checkNonEmpty.checkNonEmpty(newValue, 'The post-icon "name" prop is required!.');
         checkType.checkType(newValue, 'string', 'The post-icon "name" prop should be a string.');
     }
-    /**
-     * The number of degree for the css rotate transformation.
-     */
-    rotate = null;
     validateRotate(newValue = this.rotate) {
         index$1.checkEmptyOrType(newValue, 'number', 'The post-icon "rotate" prop should be a number.');
     }
-    /**
-     * The number for the css scale transformation.
-     */
-    scale = null;
     validateScale(newValue = this.scale) {
         index$1.checkEmptyOrType(newValue, 'number', 'The post-icon "scale" prop should be a number.');
     }
@@ -503,45 +496,29 @@ const PostIcon = class {
 };
 PostIcon.style = PostIconStyle0;
 
-const postLanguageOptionCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:var(--post-language-option-padding);border-radius:2px}post-language-option :is(a,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}post-language-option :is(a,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){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,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){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:where([variant=list]) :is(a,button){width:40px;height:40px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}post-language-option:where([variant=list]) :is(a,button)[aria-current=true],post-language-option:where([variant=list]) :is(a,button)[aria-current=page]{background-color:#050400;color:#fff}post-language-option:where([variant=list]) :is(a,button)[aria-current=true]:hover,post-language-option:where([variant=list]) :is(a,button)[aria-current=page]:hover{background-color:#504f4b}post-language-option:where([variant=menu]){width:100%}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:24px;box-sizing:border-box;position:relative;left:-1px;width:calc(100% + 2px)}post-language-option:where([variant=menu]) :is(a,button)[aria-current=true]::after,post-language-option:where([variant=menu]) :is(a,button)[aria-current=page]::after{content:\"\";left:0;height:3px;background-color:#050400;width:100%;display:block;position:absolute;bottom:3px}post-language-option:where([variant=menu]) :is(a,button)[aria-current=true]:hover::after,post-language-option:where([variant=menu]) :is(a,button)[aria-current=page]:hover::after{background-color:#504f4b}post-language-option:where([variant=menu]) :is(a,button):hover{color:#504f4b}";
+const postLanguageOptionCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:2px}post-language-option :is(a,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}post-language-option :is(a,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){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,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){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:has([aria-current]):not([aria-current=false]){display:none}post-language-option:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}post-language-option:where([variant=menu]){width:100%}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:24px;box-sizing:border-box;position:relative;left:-1px;width:calc(100% + 2px)}";
 const PostLanguageOptionStyle0 = postLanguageOptionCss;
 
 const PostLanguageOption = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.postChange = index.createEvent(this, "postChange", 7);
+        this.code = undefined;
+        this.active = undefined;
+        this.variant = undefined;
+        this.name = undefined;
+        this.url = undefined;
     }
     get host() { return index.getElement(this); }
-    /**
-     *  The ISO 639 language code, formatted according to [RFC 5646 (also known as BCP 47)](https://datatracker.ietf.org/doc/html/rfc5646). For example, "de".
-     */
-    code;
     validateCode(value = this.code) {
         checkType.checkType(value, 'string', 'The "code" property of the post-language-option component must be a string.');
     }
-    /**
-     * If set to `true`, the language option is considered the current language for the page.
-     */
-    active;
     validateActiveProp(value = this.active) {
         index$1.checkEmptyOrType(value, 'boolean', 'The "active" property of the post-language-option component must be a boolean value.');
     }
-    /**
-     * The variant of the post-language-switch parent (dynamically set by the parent)
-     */
-    variant;
-    /**
-     * The full name of the language. For example, "Deutsch".
-     */
-    name;
     validateName(value = this.name) {
         index$1.checkEmptyOrType(value, 'string', 'The "name" property of the post-language-option component must be a string.');
     }
-    /**
-     * The URL used for the href attribute of the internal anchor.
-     * This field is optional; if not provided, a button will be used internally instead of an anchor.
-     */
-    url;
     validateUrl(value = this.url) {
         index$1.checkEmptyOrType(value, 'string', 'The "url" property of the post-language-option component must be a valid URL.');
     }
@@ -591,39 +568,27 @@ PostLanguageOption.style = PostLanguageOptionStyle0;
 
 const SWITCH_VARIANTS = ['list', 'menu'];
 
-const postLanguageSwitchCss = ":host{display:block}@media screen and (max-width: 1023.98px){:host{display:flex !important;gap:.5rem}}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-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-switch-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-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-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-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.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)}.post-language-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}";
+const postLanguageSwitchCss = ":host{display:flex}:host>span{display:flex;flex-shrink:0;width:40px;height:40px;align-items:center;justify-content:center;background-color:#050400;color:#fff;border-radius:2px}:host(:where([variant=list])){column-gap:.5rem}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-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-switch-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-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-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-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.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)}.post-language-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}";
 const PostLanguageSwitchStyle0 = postLanguageSwitchCss;
 
 const PostLanguageSwitch = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.caption = undefined;
+        this.description = undefined;
+        this.variant = 'list';
+        this.activeLang = undefined;
     }
     get host() { return index.getElement(this); }
-    /**
-     * A title for the list of language options
-     */
-    caption;
     validateCaption(value = this.caption) {
         checkType.checkType(value, 'string', 'The "caption" property of the post-language-switch component must be a string.');
     }
-    /**
-     * A descriptive text for the list of language options
-     */
-    description;
     validateDescription(value = this.description) {
         checkType.checkType(value, 'string', 'The "description" property of the post-language-switch component must be a string.');
     }
-    /**
-     * Variant that determines the rendering of the language switch either as a list (used on mobile in the header) or a dropdown (used on desktop in the header)
-     */
-    variant = 'list';
     validateVariant(value = this.variant) {
         index$1.checkEmptyOrOneOf(value, SWITCH_VARIANTS, `The "variant" property of the post-language-switch component must be:  ${SWITCH_VARIANTS.join(', ')}`);
     }
-    /**
-     * The active language of the language switch
-     */
-    activeLang;
     connectedCallback() {
         this.updateChildrenVariant();
         // Get the active language based on children's active state
@@ -665,10 +630,10 @@ const PostLanguageSwitch = class {
     }
     menuId = `p${index_browser.nanoid(11)}`;
     renderList() {
-        return (index.h(index.Host, { "data-version": _package.version, "aria-label": `${this.caption}, ${this.description}`, "aria-role": "list" }, index.h("slot", null)));
+        return (index.h(index.Host, { "data-version": _package.version, role: "list", "aria-label": this.caption }, index.h("span", { "aria-label": this.description, role: "listitem" }, this.activeLang.toUpperCase()), index.h("slot", null)));
     }
     renderDropdown() {
-        return (index.h(index.Host, { "data-version": _package.version }, index.h("post-menu-trigger", { for: this.menuId }, index.h("button", { class: "post-language-switch-trigger", "aria-label": `${this.caption}, ${this.description}` }, this.activeLang.toUpperCase(), index.h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), index.h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container" }, index.h("slot", null))));
+        return (index.h(index.Host, { "data-version": _package.version }, index.h("post-menu-trigger", { for: this.menuId }, index.h("button", { class: "post-language-switch-trigger", "aria-label": this.description }, this.activeLang.toUpperCase(), index.h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), index.h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container", "aria-label": this.caption }, index.h("slot", null))));
     }
     render() {
         return this.variant === 'list' ? this.renderList() : this.renderDropdown();
@@ -687,20 +652,11 @@ const PostListStyle0 = postListCss;
 const PostList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.titleId = undefined;
+        this.titleHidden = false;
+        this.horizontal = false;
     }
     get host() { return index.getElement(this); }
-    /**
-     * The unique title of the list that is also referenced in the labelledby
-     */
-    titleId;
-    /**
-     * If `true`, the list title will be hidden. Otherwise, it will be displayed.`
-     */
-    titleHidden = false;
-    /**
-     * The list can become horizontal by setting `horizontal="true"` or just `horizontal`
-     */
-    horizontal = false;
     titleEl;
     componentWillLoad() {
         /**
@@ -745,12 +701,9 @@ const PostLogoStyle0 = postLogoCss;
 const PostLogo = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.url = undefined;
     }
     get host() { return index.getElement(this); }
-    /**
-     * The URL to which the user is redirected upon clicking the logo.
-     */
-    url;
     validateUrl() {
         index$1.checkEmptyOrUrl(this.url, 'The "url" property of the post-logo is invalid');
     }
@@ -784,6 +737,9 @@ const NAVIGATION_ITEM_SELECTOR = ':is(post-list-item > a, post-list-item > post-
 const PostMainnavigation = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.canScrollLeft = false;
+        this.canScrollRight = false;
+        this.translateAmount = 0;
     }
     header;
     navbar;
@@ -800,9 +756,6 @@ const PostMainnavigation = class {
         this.checkScrollability();
     });
     get host() { return index.getElement(this); }
-    canScrollLeft = false;
-    canScrollRight = false;
-    translateAmount = 0;
     /**
      * Update navbar translation when 'translateAmount' changes and recalculate scrollability
      */
@@ -988,22 +941,16 @@ const PostMegadropdown = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.postToggleMegadropdown = index.createEvent(this, "postToggleMegadropdown", 7);
+        this.device = undefined;
+        this.isVisible = false;
+        this.animationClass = null;
     }
     header;
     firstFocusableEl;
     lastFocusableEl;
-    device;
     get host() { return index.getElement(this); }
     /** Tracks the currently active dropdown instance. */
     static activeDropdown = null;
-    /**
-     * Holds the current visibility state of the dropdown.
-     * This state is internally managed to track whether the dropdown is open (`true`) or closed (`false`),
-     * and updates automatically when the dropdown is toggled.
-     */
-    isVisible = false;
-    /** Holds the current animation class. */
-    animationClass = null;
     /**
      * Emits when the dropdown is shown or hidden.
      * The event payload is a boolean: `true` when the dropdown was opened, `false` when it was closed.
@@ -1037,9 +984,11 @@ const PostMegadropdown = class {
             // Close the previously active dropdown without animation
             PostMegadropdown.activeDropdown.forceClose();
         }
+        else {
+            this.animationClass = 'slide-in';
+        }
         this.isVisible = true;
         this.host.addEventListener('keydown', e => this.keyboardHandler(e));
-        this.animationClass = 'slide-in';
         PostMegadropdown.activeDropdown = this;
         this.postToggleMegadropdown.emit(this.isVisible);
         this.addOutsideClickListener();
@@ -1049,6 +998,7 @@ const PostMegadropdown = class {
      */
     async hide() {
         this.animationClass = 'slide-out';
+        PostMegadropdown.activeDropdown = null;
         this.host.removeEventListener('keydown', e => this.keyboardHandler(e));
     }
     connectedCallback() {
@@ -1119,7 +1069,7 @@ const PostMegadropdown = class {
     }
     render() {
         const containerStyle = this.isVisible ? {} : { display: 'none' };
-        return (index.h(index.Host, { key: '5aa08b01be715325182c245e1b0ae2456bcc5df6' }, index.h("div", { key: '0737c9368ecbffac59bbdf47fabac3f3b94ae7bb', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, index.h("div", { key: 'efe49f3f9cdcd99e2feca78b772c944405e19f21', class: "megadropdown" }, index.h("div", { key: '14dd7ff2f7e7b1eb91f2673a25d7ccafffe4f9d0', onClick: () => this.hide(), class: "back-button" }, index.h("slot", { key: '554e30e6408c0bef0549f5e2c31dcd8b90ceee40', name: "back-button" })), index.h("div", { key: '4e7335152d7b6649918adf075213ebbf8b8ddeaa', onClick: () => this.hide(), class: "close-button" }, index.h("slot", { key: 'db90f3a5334ce723c0ee672a96167197ca25b545', name: "close-button" })), index.h("slot", { key: 'b11b1d16147f88103f2eb24c8dd21394de53f69c', name: "megadropdown-title" }), index.h("div", { key: '6d837c1a70f66f00097fb531058750fbac6fd41a', class: "megadropdown-content" }, index.h("slot", { key: 'be685185f04e44d867167f918494d086856b5928' }))))));
+        return (index.h(index.Host, { key: '11be74da0c6d35e1a50c954735a6b1f079cd0eb6' }, index.h("div", { key: '202023b2495012f78ba761f20aef1ba0325a98f0', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, index.h("div", { key: '87ac87a83de7ce798f5d9057b992893bfc00f2e1', class: "megadropdown" }, index.h("div", { key: '650738a55e5007b9ae0c3ee30fb2f1ae53152744', onClick: () => this.hide(), class: "back-button" }, index.h("slot", { key: 'a7b70ce1fbc7090807b8d60efce6cb83eb06674e', name: "back-button" })), index.h("div", { key: '812d3458649669e867d7d761079299b64d9e4e4d', onClick: () => this.hide(), class: "close-button" }, index.h("slot", { key: '2ee2df463dfd6667b729fd1b47987ea40e8d9d5f', name: "close-button" })), index.h("slot", { key: 'a5d0029319e34b652923d07fcddd5cb647912b03', name: "megadropdown-title" }), index.h("div", { key: 'c563cf50e3d9a1a466b9aec386982c80569ac094', class: "megadropdown-content" }, index.h("slot", { key: 'a05eeceb8fdbfc4373ee7d42d4f583475b44b4dc' }))))));
     }
 };
 PostMegadropdown.style = PostMegadropdownStyle0;
@@ -1130,16 +1080,10 @@ const PostMegadropdownTriggerStyle0 = postMegadropdownTriggerCss;
 const PostMegadropdownTrigger = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.for = undefined;
+        this.ariaExpanded = false;
     }
-    /**
-     * ID of the mega dropdown element that this trigger is linked to. Used to open and close the specified mega dropdown.
-     */
-    for;
     get host() { return index.getElement(this); }
-    /**
-     * Manages the accessibility attribute `aria-expanded` to indicate whether the associated mega dropdown is expanded or collapsed.
-     */
-    ariaExpanded = false;
     /**
      * Reference to the slotted button within the trigger, if present.
      * Used to manage click and key events for mega dropdown control.
@@ -1204,6 +1148,8 @@ const PostMenu = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.toggleMenu = index.createEvent(this, "toggleMenu", 7);
+        this.placement = 'bottom';
+        this.isVisible = false;
     }
     popoverRef;
     lastFocusedElement = null;
@@ -1218,18 +1164,6 @@ const PostMenu = class {
         ESCAPE: 'Escape',
     };
     get host() { return index.getElement(this); }
-    /**
-     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
-     */
-    placement = 'bottom';
-    /**
-     * Holds the current visibility state of the menu.
-     * This state is internally managed to track whether the menu is open (`true`) or closed (`false`),
-     * and updates automatically when the menu is toggled.
-     */
-    isVisible = false;
     /**
      * Emits when the menu is shown or hidden.
      * The event payload is a boolean: `true` when the menu was opened, `false` when it was closed.
@@ -1369,16 +1303,10 @@ const PostMenuTriggerStyle0 = postMenuTriggerCss;
 const PostMenuTrigger = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.for = undefined;
+        this.ariaExpanded = false;
     }
-    /**
-     * ID of the menu element that this trigger is linked to. Used to open and close the specified menu.
-     */
-    for;
     get host() { return index.getElement(this); }
-    /**
-     * Manages the accessibility attribute `aria-expanded` to indicate whether the associated menu is expanded or collapsed.
-     */
-    ariaExpanded = false;
     /**
      * Reference to the slotted button within the trigger, if present.
      * Used to manage click and key events for menu control.
@@ -3562,6 +3490,10 @@ const PostPopovercontainer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.postToggle = index.createEvent(this, "postToggle", 7);
+        this.manualClose = false;
+        this.placement = 'top';
+        this.edgeGap = 8;
+        this.arrow = false;
     }
     get host() { return index.getElement(this); }
     arrowRef;
@@ -3572,24 +3504,6 @@ const PostPopovercontainer = class {
      * Fires whenever the popover gets shown or hidden, passing the new state in event.details as a boolean
      */
     postToggle;
-    /**
-     * Whether or not the popover should close when user clicks outside of it
-     */
-    manualClose = false;
-    /**
-     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
-     */
-    placement = 'top';
-    /**
-     * Gap between the edge of the page and the popover
-     */
-    edgeGap = 8;
-    /**
-     * Wheter or not to display a little pointer arrow
-     */
-    arrow = false;
     componentDidLoad() {
         this.host.addEventListener('beforetoggle', this.handleToggle.bind(this));
     }
@@ -3721,12 +3635,9 @@ const PostTogglebuttonStyle0 = postTogglebuttonCss;
 const PostTogglebutton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.toggled = false;
     }
     get host() { return index.getElement(this); }
-    /**
-     * If `true`, the button is in the "on" state, otherwise it is in the "off" state.
-     */
-    toggled = false;
     validateToggled(value = this.toggled) {
         checkType.checkType(value, 'boolean', 'The "toggled" property of the post-togglebutton must be a boolean.');
     }

package/dist/cjs/{post-tooltip-425c01ba.js → post-tooltip-261f3348.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-0ee3ab4a.js');
-const _package = require('./package-7d11b6ea.js');
+const index = require('./index-5acef487.js');
+const _package = require('./package-df497c3c.js');
 const attributeObserver = require('./attribute-observer-6d8b886b.js');
-const index$1 = require('./index-bea4ac42.js');
+const index$1 = require('./index-f2eedfeb.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -4868,24 +4868,13 @@ const triggerObserver = attributeObserver.getAttributeObserver(tooltipTargetAttr
 const PostTooltip = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.placement = 'top';
+        this.arrow = true;
+        this.delayed = false;
     }
     popoverRef;
     wasOpenedByFocus = false;
     get host() { return index.getElement(this); }
-    /**
-     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
-     */
-    placement = 'top';
-    /**
-     * Wheter or not to display a little pointer arrow
-     */
-    arrow = true;
-    /**
-     * If `true`, the tooltip is displayed a few milliseconds after it is triggered
-     */
-    delayed = false;
     validateDelayed() {
         index$1.checkEmptyOrType(this.delayed, 'boolean', 'The post-tooltip "delayed" property should be a boolean.');
     }

package/dist/cjs/post-tooltip.cjs.entry.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTooltip = require('./post-tooltip-425c01ba.js');
-require('./index-0ee3ab4a.js');
-require('./package-7d11b6ea.js');
+const postTooltip = require('./post-tooltip-261f3348.js');
+require('./index-5acef487.js');
+require('./package-df497c3c.js');
 require('./attribute-observer-6d8b886b.js');
-require('./index-bea4ac42.js');
+require('./index-f2eedfeb.js');
 require('./constants-238701d3.js');
 require('./check-one-of-ef931478.js');
 require('./check-type-696d2c51.js');
-require('./check-url-1cf6fb0d.js');
+require('./check-url-1ff4cf75.js');