@swisspost/design-system-components 9.0.0-next.32 → 9.0.0-next.34

package/dist/cjs/{post-menu-item-509877cd.js → post-menu-item-afabaa61.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-const index = require('./index-d6bf2c66.js');
-const _package = require('./package-6f8f430c.js');
+const index = require('./index-b60129c4.js');
+const _package = require('./package-3426e8f7.js');
 const index$1 = require('./index-23e36ff7.js');
+require('./breakpoints-cdf1b747.js');
 
 const postBreadcrumbItemCss = ":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{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}.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";
 const PostBreadcrumbItemStyle0 = postBreadcrumbItemCss;
@@ -13,8 +14,6 @@ const PostBreadcrumbItem = class {
         this.url = undefined;
         this.fullUrl = undefined;
     }
-    get host() { return index.getElement(this); }
-    validUrl;
     validateUrl() {
         try {
             this.validUrl = this.constructUrl(this.url);
@@ -49,6 +48,7 @@ const PostBreadcrumbItem = class {
         const BreadcrumbTag = this.validUrl ? 'a' : 'span';
         return (index.h(index.Host, { key: 'd0444118aa031f4cf6f5161d7aa21900e9768348', "data-version": _package.version }, index.h("post-icon", { key: '719a76e6e86bbb02526c4610acefb3ad253454af', name: "2111", class: "breadcrumb-item-icon" }), index.h(BreadcrumbTag, { key: '3f5ffb9c77567dba35efa7938029cd519de55474', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: event => this.handleKeyDown(event) }, index.h("slot", { key: 'bb1be29905c1533f2238a47a346fb35d6a7645fd' }))));
     }
+    get host() { return index.getElement(this); }
     static get watchers() { return {
         "url": ["validateUrl"]
     }; }

package/dist/cjs/{post-popover-1213aa19.js → post-popover-a4c72d38.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-const index = require('./index-d6bf2c66.js');
-const _package = require('./package-6f8f430c.js');
-const attributeObserver = require('./attribute-observer-6d8b886b.js');
+const index = require('./index-b60129c4.js');
+const attributeObserver = require('./attribute-observer-c3a805b2.js');
+const breakpoints = require('./breakpoints-cdf1b747.js');
+const _package = require('./package-3426e8f7.js');
 
 const postPopoverCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{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;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{background-color:ButtonFace !important}.btn-close:hover{background-color:Highlight !important}}.btn-close{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-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:min(var(--post-popover-max-width, 280px),100vw)}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:var(--post-scheme-color-surface-default-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:hover{color:HighlightText !important}}";
 const PostPopoverStyle0 = postPopoverCss;
@@ -26,17 +27,13 @@ const globalToggleHandler = (e) => {
     const popover = document.getElementById(popoverTarget);
     popover?.toggle(currentElement);
 };
-// Initialize a mutation observer for patching accessibility features
-const triggerObserver = attributeObserver.getAttributeObserver(popoverTargetAttribute, trigger => {
-    const force = trigger.hasAttribute(popoverTargetAttribute);
-    trigger.setAttribute('aria-expanded', force ? 'false' : null);
-});
 const PostPopover = class {
-    popoverRef;
-    localBeforeToggleHandler;
-    get host() { return index.getElement(this); }
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        // Initialize a mutation observer for patching accessibility features
+        this.triggerObserver = breakpoints.IS_BROWSER
+            ? attributeObserver.getAttributeObserver(popoverTargetAttribute, this.patchAccessibilityFeatures)
+            : null;
         this.placement = 'top';
         this.closeButtonCaption = undefined;
         this.arrow = true;
@@ -47,7 +44,7 @@ const PostPopover = class {
         if (popoverInstances === 0) {
             window.addEventListener('pointerup', globalToggleHandler);
             window.addEventListener('keydown', globalToggleHandler);
-            triggerObserver.observe(document.body, {
+            this.triggerObserver?.observe(document.body, {
                 subtree: true,
                 childList: true,
                 attributeFilter: [popoverTargetAttribute],
@@ -65,7 +62,7 @@ const PostPopover = class {
         if (popoverInstances === 0) {
             window.removeEventListener('click', globalToggleHandler);
             window.removeEventListener('keydown', globalToggleHandler);
-            triggerObserver.disconnect();
+            this.triggerObserver?.disconnect();
         }
         this.popoverRef.removeEventListener('beforetoggle', this.localBeforeToggleHandler);
         this.triggers.forEach(trigger => trigger.removeAttribute('aria-expanded'));
@@ -101,9 +98,14 @@ const PostPopover = class {
     beforeToggleHandler() {
         this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
     }
+    patchAccessibilityFeatures(trigger) {
+        const force = trigger.hasAttribute(popoverTargetAttribute);
+        trigger.setAttribute('aria-expanded', force ? 'false' : null);
+    }
     render() {
-        return (index.h(index.Host, { key: 'ec1aab472fb8f7d6515050d90f6a8b20730640f0', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'beda133fe8cf98f9db6b61f2bf3e08b3549d3b86', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: 'dd0ad949ddc80632b3918cba539781cf23a46163', class: "popover-container" }, index.h("div", { key: '038dfcf60ff63b0fbe142c0e29db78fe13c5a51b', class: "popover-content" }, index.h("slot", { key: 'cabcedfbbd0dfc179a66bde0f9afd6a250e4fe1c' })), index.h("button", { key: 'bb8333e139158f3220c80380cd587e564664b612', class: "btn-close", onClick: () => this.hide() }, index.h("span", { key: '285a90c985133c7b53150a649850a6e675fdb4d8', class: "visually-hidden" }, this.closeButtonCaption))))));
+        return (index.h(index.Host, { key: '0eee6a532fc25170b70f2424b7238ae31f0efa2e', "data-version": _package.version }, index.h("post-popovercontainer", { key: '52af51e794bd070a000fbdd5f0c05ee2f0c3ac1c', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '772b5efef90b136a38b69fccfce2d5607d46035a', class: "popover-container" }, index.h("div", { key: '8bfdf07447daa58f88c788f04fdfab483783ca7e', class: "popover-content" }, index.h("slot", { key: '7866899dbf93c856253e2448a0ca696499c94c12' })), index.h("button", { key: '5056fcd7654309c1f9810b8136ce472b6cf7946f', class: "btn-close", onClick: () => this.hide() }, index.h("span", { key: '9f9c9b8007a6431367197d824ca42cfd7ca91761', class: "visually-hidden" }, this.closeButtonCaption))))));
     }
+    get host() { return index.getElement(this); }
 };
 PostPopover.style = PostPopoverStyle0;
 

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postPopover = require('./post-popover-1213aa19.js');
-require('./index-d6bf2c66.js');
-require('./package-6f8f430c.js');
-require('./attribute-observer-6d8b886b.js');
+const postPopover = require('./post-popover-a4c72d38.js');
+require('./index-b60129c4.js');
+require('./attribute-observer-c3a805b2.js');
+require('./breakpoints-cdf1b747.js');
+require('./package-3426e8f7.js');
 
 
 

package/dist/cjs/{post-rating-e1f8a668.js → post-rating-b87616fc.js}

@@ -1,28 +1,17 @@
 'use strict';
 
-const index = require('./index-d6bf2c66.js');
-const _package = require('./package-6f8f430c.js');
+const index = require('./index-b60129c4.js');
+const _package = require('./package-3426e8f7.js');
 
 const postRatingCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";
 const PostRatingStyle0 = postRatingCss;
 
 const PostRating = class {
-    hasChanged = false;
-    get host() { return index.getElement(this); }
-    /**
-     * An event emitted whenever the component's value has changed (on input).
-     * The event payload can be used like so: `event.detail.value`.
-     */
-    postInput;
-    /**
-     * An event emitted whenever the component's value has changed (on blur).
-     * The event payload can be used like so: `event.detail.value`.
-     */
-    postChange;
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.postInput = index.createEvent(this, "postInput", 7);
         this.postChange = index.createEvent(this, "postChange", 7);
+        this.hasChanged = false;
         this.hoveredIndex = undefined;
         this.label = 'Rating';
         this.stars = 5;
@@ -92,6 +81,7 @@ const PostRating = class {
                 'after-active': i > this.hoveredIndex && i < this.currentRating,
             }, onClick: () => this.update(i + 1), onMouseEnter: e => this.hoverHandler(i, e), onMouseLeave: e => this.hoverHandler(i, e) }, index.h("post-icon", { name: "2062", class: "stroke" }), index.h("post-icon", { name: "2574", class: "fill" })))))));
     }
+    get host() { return index.getElement(this); }
 };
 PostRating.style = PostRatingStyle0;
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postRating = require('./post-rating-e1f8a668.js');
-require('./index-d6bf2c66.js');
-require('./package-6f8f430c.js');
+const postRating = require('./post-rating-b87616fc.js');
+require('./index-b60129c4.js');
+require('./package-3426e8f7.js');
 
 
 

package/dist/cjs/{post-tab-header-889a6c64.js → post-tab-header-45cb6bb4.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-const index = require('./index-d6bf2c66.js');
-const _package = require('./package-6f8f430c.js');
+const index = require('./index-b60129c4.js');
+const _package = require('./package-3426e8f7.js');
 const checkNonEmpty = require('./check-non-empty-bd99d236.js');
+require('./breakpoints-cdf1b747.js');
 const index_browser = require('./index.browser-2f65f583.js');
 
 const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{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){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}";
@@ -14,7 +15,6 @@ const PostTabHeader = class {
         this.tabId = undefined;
         this.panel = undefined;
     }
-    get host() { return index.getElement(this); }
     validateFor() {
         checkNonEmpty.checkNonEmpty(this, 'panel');
     }
@@ -22,8 +22,9 @@ const PostTabHeader = class {
         this.tabId = `tab-${this.host.id || index_browser.nanoid(6)}`;
     }
     render() {
-        return (index.h(index.Host, { key: '336824660de90bf5c570e9739947927a32612fbd', id: this.tabId, role: "tab", "data-version": _package.version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, index.h("slot", { key: '8bfe0b57fa96044692e2db3fd983ccde427558e7' })));
+        return (index.h(index.Host, { key: '5046c46fa27fd6586c694420abf197b227b56520', id: this.tabId, role: "tab", "data-version": _package.version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, index.h("slot", { key: '78c2f660e4f2307ca95a63f4cfd90d08cc6942df' })));
     }
+    get host() { return index.getElement(this); }
     static get watchers() { return {
         "panel": ["validateFor"]
     }; }

package/dist/cjs/post-tab-header.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTabHeader = require('./post-tab-header-889a6c64.js');
-require('./index-d6bf2c66.js');
-require('./package-6f8f430c.js');
+const postTabHeader = require('./post-tab-header-45cb6bb4.js');
+require('./index-b60129c4.js');
+require('./package-3426e8f7.js');
 require('./check-non-empty-bd99d236.js');
 require('./constants-238701d3.js');
+require('./breakpoints-cdf1b747.js');
 require('./index.browser-2f65f583.js');
 
 

package/dist/cjs/{post-tab-panel-300f39a9.js → post-tab-panel-00d16ba7.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-d6bf2c66.js');
-const _package = require('./package-6f8f430c.js');
+const index = require('./index-b60129c4.js');
+const _package = require('./package-3426e8f7.js');
 const index_browser = require('./index.browser-2f65f583.js');
 
 const postTabPanelCss = ":host{display:none}";
@@ -13,14 +13,14 @@ const PostTabPanel = class {
         this.panelId = undefined;
         this.name = undefined;
     }
-    get host() { return index.getElement(this); }
     componentWillLoad() {
         // get the id set on the host element or use a random id by default
         this.panelId = `panel-${this.host.id || index_browser.nanoid(6)}`;
     }
     render() {
-        return (index.h(index.Host, { key: '8331ab54bda793a120dc467d8406cc0a02a5c480', "data-version": _package.version, id: this.panelId, role: "tabpanel" }, index.h("slot", { key: '7da6d67b69150a70ee290ad8ef9b95684ea3f83d' })));
+        return (index.h(index.Host, { key: '98427b35c6637af65930b69b75ea56facf044000', "data-version": _package.version, id: this.panelId, role: "tabpanel" }, index.h("slot", { key: '4fa02667e8ff088c10122e010cfd7efe8ff3af57' })));
     }
+    get host() { return index.getElement(this); }
 };
 PostTabPanel.style = PostTabPanelStyle0;
 

package/dist/cjs/post-tab-panel.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTabPanel = require('./post-tab-panel-300f39a9.js');
-require('./index-d6bf2c66.js');
-require('./package-6f8f430c.js');
+const postTabPanel = require('./post-tab-panel-00d16ba7.js');
+require('./index-b60129c4.js');
+require('./package-3426e8f7.js');
 require('./index.browser-2f65f583.js');
 
 

package/dist/cjs/{post-tabs-dc281228.js → post-tabs-2c3a89d0.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-const index = require('./index-d6bf2c66.js');
-const _package = require('./package-6f8f430c.js');
+const index = require('./index-b60129c4.js');
+const _package = require('./package-3426e8f7.js');
 const fade = require('./fade-72d5ef55.js');
+require('./breakpoints-cdf1b747.js');
 
 /**
  * Invoke the `componentOnReady` method if it is available, simulate it otherwise
@@ -32,21 +33,12 @@ const PostTabs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.postChange = index.createEvent(this, "postChange", 7);
+        this.isLoaded = false;
         this.activePanel = undefined;
     }
-    activeTab;
-    showing;
-    hiding;
-    isLoaded = false;
     get tabs() {
         return Array.from(this.host.querySelectorAll('post-tab-header')).filter(tab => tab.closest('post-tabs') === this.host);
     }
-    get host() { return index.getElement(this); }
-    /**
-     * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
-     * The payload is the name of the newly shown panel.
-     */
-    postChange;
     componentDidLoad() {
         this.moveMisplacedTabs();
         this.enableTabs();
@@ -174,6 +166,7 @@ const PostTabs = class {
     render() {
         return (index.h(index.Host, { key: 'dae24eee55a75f9b825f590883a9c1e896c1e9fc', "data-version": _package.version }, index.h("div", { key: '0a26de80b8267ddc30455b0b5afbf10ae521232b', class: "tabs-wrapper", part: "tabs" }, index.h("div", { key: '826cb0a4355eeb5ddc07288e1e68fc72785c095f', class: "tabs", role: "tablist" }, index.h("slot", { key: '94ce90bc3dc8ff4b5012fcfa3c0039b188c14002', name: "tabs", onSlotchange: () => this.enableTabs() }))), index.h("div", { key: '462f80f3368431344910cc317f1c0f42112dc99a', class: "tab-content", part: "content" }, index.h("slot", { key: '57a80ac790ca75f3b62382994c21a3a3c78004cc', onSlotchange: () => this.moveMisplacedTabs() }))));
     }
+    get host() { return index.getElement(this); }
 };
 PostTabs.style = PostTabsStyle0;
 

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTabs = require('./post-tabs-dc281228.js');
-require('./index-d6bf2c66.js');
-require('./package-6f8f430c.js');
+const postTabs = require('./post-tabs-2c3a89d0.js');
+require('./index-b60129c4.js');
+require('./package-3426e8f7.js');
 require('./fade-72d5ef55.js');
+require('./breakpoints-cdf1b747.js');
 
 
 

package/dist/cjs/{post-tag-fd9e586f.js → post-tag-370a2f4d.js}

@@ -1,13 +1,12 @@
 'use strict';
 
-const index = require('./index-d6bf2c66.js');
-const _package = require('./package-6f8f430c.js');
+const index = require('./index-b60129c4.js');
+const _package = require('./package-3426e8f7.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); }
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.classes = undefined;
@@ -37,6 +36,7 @@ const PostTag = class {
     render() {
         return (index.h(index.Host, { key: '4ca273166b81099dd8fc0f69d3d38215e3d7ccbc', "data-version": _package.version }, index.h("div", { key: 'b6c4eb6a3bf8cbaad18cf6277dab79bd6e350f0a', class: this.classes }, this.icon ? index.h("post-icon", { name: this.icon }) : null, index.h("div", { key: '4f9e8cf6b2c723e31d60e30464c1106a9f72b5b4', class: "tag-text" }, index.h("slot", { key: '819a4e6ff743386f8d5d6b1d94dea9ee4a612784' })))));
     }
+    get host() { return index.getElement(this); }
     static get watchers() { return {
         "variant": ["variantChanged"],
         "size": ["sizeChanged"]

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTag = require('./post-tag-fd9e586f.js');
-require('./index-d6bf2c66.js');
-require('./package-6f8f430c.js');
+const postTag = require('./post-tag-370a2f4d.js');
+require('./index-b60129c4.js');
+require('./package-3426e8f7.js');