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

package/dist/cjs/post-components.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f1b08cdb.js');
+const index = require('./index-0ee3ab4a.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('post-components.cjs.js', document.baseURI).href));
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["post-breadcrumb.cjs",[[1,"post-breadcrumb",{"homeUrl":[1,"home-url"],"homeText":[1,"home-text"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":["validateUrl"]}]]],["post-footer.cjs",[[1,"post-footer",{"label":[1],"isMobile":[32]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"label":[1],"belowFold":[32]},null,{"belowFold":["watchBelowFold"],"label":["validateLabel"]}]]],["post-banner.cjs",[[1,"post-banner",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"icon":[1],"type":[1],"bannerId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"icon":["validateIcon"],"type":["validateType"]}]]],["post-card-control.cjs",[[65,"post-card-control",{"label":[1],"description":[1],"type":[1],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1025],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"type":["validateControlType"],"checked":["updateControlChecked"],"disabled":["updateControlDisabled"]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag.cjs",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-avatar.cjs",[[1,"post-avatar",{"firstname":[1],"lastname":[1],"userid":[1],"email":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32]},null,{"firstname":["validateFirstname"]}]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-closebutton_15.cjs",[[1,"post-language-switch",{"caption":[1],"description":[1],"variant":[1],"activeLang":[32]},null,{"caption":["validateCaption"],"description":["validateDescription"],"variant":["validateVariant"]}],[4,"post-closebutton"],[4,"post-megadropdown",{"isVisible":[32],"animationClass":[32],"toggle":[64],"show":[64]}],[1,"post-header",{"device":[32],"mobileMenuExtended":[32],"toggleMobileMenu":[64]},null,{"mobileMenuExtended":["frozeBody"]}],[4,"post-language-option",{"code":[1],"active":[1540],"variant":[1],"name":[1],"url":[1],"select":[64]},null,{"code":["validateCode"],"active":["validateActiveProp"],"name":["validateName"],"url":["validateUrl"]}],[4,"post-list",{"titleHidden":[4,"title-hidden"],"horizontal":[516],"titleId":[32]}],[1,"post-list-item"],[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}],[4,"post-mainnavigation"],[4,"post-megadropdown-trigger",{"for":[1],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[1,"post-togglebutton",{"toggled":[1028]},null,{"toggled":["validateToggled"]}],[1,"post-menu",{"placement":[1],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[4,"post-menu-trigger",{"for":[1],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[4,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}],[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]],["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-breadcrumb-item_2.cjs",[[1,"post-breadcrumb-item",{"url":[1]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
+  return index.bootstrapLazy([["post-breadcrumb.cjs",[[1,"post-breadcrumb",{"homeUrl":[1,"home-url"],"homeText":[1,"home-text"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":["validateUrl"]}]]],["post-footer.cjs",[[1,"post-footer",{"label":[1],"isMobile":[32]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"label":[1],"belowFold":[32]},null,{"belowFold":["watchBelowFold"],"label":["validateLabel"]}]]],["post-banner.cjs",[[1,"post-banner",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"icon":[1],"type":[1],"bannerId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"icon":["validateIcon"],"type":["validateType"]}]]],["post-card-control.cjs",[[65,"post-card-control",{"label":[1],"description":[1],"type":[1],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1025],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"type":["validateControlType"],"checked":["updateControlChecked"],"disabled":["updateControlDisabled"]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag.cjs",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-avatar.cjs",[[1,"post-avatar",{"firstname":[1],"lastname":[1],"userid":[1],"email":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32]},null,{"firstname":["validateFirstname"]}]]],["post-linkarea.cjs",[[4,"post-linkarea"]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-closebutton_15.cjs",[[1,"post-language-switch",{"caption":[1],"description":[1],"variant":[1],"activeLang":[32]},null,{"caption":["validateCaption"],"description":["validateDescription"],"variant":["validateVariant"]}],[4,"post-closebutton"],[4,"post-mainnavigation",{"canScrollLeft":[32],"canScrollRight":[32],"translateAmount":[32]},[[9,"mouseup","stopScrolling"]],{"translateAmount":["onTranslateAmountChanges"]}],[1,"post-header",{"device":[32],"mobileMenuExtended":[32],"toggleMobileMenu":[64]},null,{"mobileMenuExtended":["frozeBody"]}],[4,"post-language-option",{"code":[1],"active":[1540],"variant":[1],"name":[1],"url":[1],"select":[64]},null,{"code":["validateCode"],"active":["validateActiveProp"],"name":["validateName"],"url":["validateUrl"]}],[4,"post-list",{"titleHidden":[4,"title-hidden"],"horizontal":[516],"titleId":[32]}],[1,"post-list-item"],[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}],[4,"post-megadropdown",{"device":[32],"isVisible":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64]}],[4,"post-megadropdown-trigger",{"for":[1],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[1,"post-togglebutton",{"toggled":[1028]},null,{"toggled":["validateToggled"]}],[1,"post-menu",{"placement":[1],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[4,"post-menu-trigger",{"for":[1],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[4,"post-popovercontainer",{"manualClose":[4,"manual-close"],"placement":[1],"edgeGap":[2,"edge-gap"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}],[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]],["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-breadcrumb-item_2.cjs",[[1,"post-breadcrumb-item",{"url":[1]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{post-footer-96d7bd47.js → post-footer-f621a563.js}

@@ -1,14 +1,15 @@
 'use strict';
 
-const index = require('./index-f1b08cdb.js');
-const _package = require('./package-0bd6fb0d.js');
+const index = require('./index-0ee3ab4a.js');
+const _package = require('./package-7d11b6ea.js');
 
 class Breakpoint {
+    breakpointMap;
+    current = {
+        key: '',
+        name: '',
+    };
     constructor() {
-        this.current = {
-            key: '',
-            name: '',
-        };
         if (!this.breakpointMap) {
             const styles = getComputedStyle(document.documentElement);
             const keys = styles.getPropertyValue('--post-breakpoint-keys').split(', ');
@@ -31,13 +32,15 @@ class Breakpoint {
         const calculated = this.breakpointMap.find(({ minWidth }) => innerWidth >= minWidth);
         if (this.current.key !== calculated.key) {
             this.current.key = calculated.key;
-            if (emitEvents)
+            if (emitEvents) {
                 this.dispatchEvent('key');
+            }
         }
         if (this.current.name !== calculated.name) {
             this.current.name = calculated.name;
-            if (emitEvents)
+            if (emitEvents) {
                 this.dispatchEvent('name');
+            }
         }
     }
     dispatchEvent(type) {
@@ -56,9 +59,13 @@ const PostFooterStyle0 = postFooterCss;
 const PostFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.label = undefined;
-        this.isMobile = breakpoint.get('name') === 'mobile';
     }
+    get host() { return index.getElement(this); }
+    /**
+     * The label to add to the footer (visually hidden).
+     */
+    label;
+    isMobile = breakpoint.get('name') === 'mobile';
     connectedCallback() {
         window.addEventListener('postBreakpoint:name', this.breakpointChange.bind(this));
     }
@@ -72,12 +79,11 @@ const PostFooter = class {
         return (index.h("div", { class: "footer-grid" }, index.h("div", null, index.h("slot", { name: "grid-1" })), index.h("div", null, index.h("slot", { name: "grid-2" })), index.h("div", null, index.h("slot", { name: "grid-3" })), index.h("div", null, index.h("slot", { name: "grid-4" }))));
     }
     render() {
-        return (index.h(index.Host, { key: 'b11ecc741d3d9f4786dca3324dc2172aeaa431cd', "data-version": _package.version }, index.h("footer", { key: 'a786956b1bdf51cf76fca8e4d45210b42bc54501' }, index.h("h2", { key: '3661bdd6c95eb515cb6a0aa77cb9df4fda7ea972', class: "visually-hidden" }, this.label), index.h("div", { key: '8b2a1c63f3a092c355bd882d58e5012dd5680a1b', class: "footer-container" }, this.isMobile ? this.renderAccordion() : this.renderGrid(), index.h("div", { key: '250a48a71a05833a18640432eb72fb96df94c102', class: "footer-column" }, index.h("div", { key: '0d22f0b49aea22f0bd73421f3c86f5389caebec9', class: "footer-socialmedia" }, index.h("slot", { key: '8703a25dc982f32a32b4115410fcc6356b5e365b', name: "socialmedia" })), index.h("div", { key: '992e7ff2e6556139ce0946ae6498329a8d2ff686', class: "footer-app" }, index.h("slot", { key: '6e561307bf4a1d32d3a985b32bd5ed2be43453d2', name: "app" }))), index.h("div", { key: 'ebdffcd8431e90752f814a5873cec14e00c15b7f', class: "footer-businesssectors" }, index.h("slot", { key: 'c745850d3e5ff37a71b12c43897625ca3df5ca34', name: "businesssectors" })), index.h("div", { key: '3d9decbad0be02737d13c4e3c6e00b8bea8d6c5f', class: "footer-meta" }, index.h("slot", { key: '2a66e70bb788269fecb5bbbccd2af43e9fba3a1f', name: "meta" })), index.h("div", { key: '0f1f4ee8f86e5eaf6c5c25b82b868d273757c8be', class: "footer-copyright" }, index.h("slot", { key: 'b63aab9755132addfe4c20233919513990cdf992', name: "copyright" }))))));
+        return (index.h(index.Host, { key: '14370a1cfd730a0b0353c88c95f265aefb57c480', "data-version": _package.version }, index.h("footer", { key: '7208e9d465eb0b469887e7cfae66674db2092dbd' }, index.h("h2", { key: 'b392c866326374ae27704baaba0dd28c3001ee62', class: "visually-hidden" }, this.label), index.h("div", { key: '13411ad6e0b55ee17cf9bf77b155aa1c2810f057', class: "footer-container" }, this.isMobile ? this.renderAccordion() : this.renderGrid(), index.h("div", { key: '4815ae94cd43eca92482ad3c93f107243b26890e', class: "footer-column" }, index.h("div", { key: 'edc787dc5fc96169c323f15254b6088024a6f19d', class: "footer-socialmedia" }, index.h("slot", { key: '0971e342ac6f3913c408a535ce0746080e3f57af', name: "socialmedia" })), index.h("div", { key: 'da583c9ed819181bf2732277f4e6ee22df2e3022', class: "footer-app" }, index.h("slot", { key: 'b6dab5cfa1f4dc9c049f24d3e08416ef5a27e0aa', name: "app" }))), index.h("div", { key: '53a5c04129d24dfb64eedd46e95b5c78142a3fd7', class: "footer-businesssectors" }, index.h("slot", { key: '470f4294778b8978bf6eb168e2b47ff29ef43d07', name: "businesssectors" })), index.h("div", { key: '45d734ded794352b951f2891bbdba081e05a99d5', class: "footer-meta" }, index.h("slot", { key: '4d0da53c2eb79e111f0f05278a0972f046eebfa9', name: "meta" })), index.h("div", { key: 'f95fb7ed3cc09218a3d4a554c619b6f379d5135d', class: "footer-copyright" }, index.h("slot", { key: '9cdcec805152413693dced0f0d55ac1b1121c70e', name: "copyright" }))))));
     }
     disconnectedCallback() {
         window.removeEventListener('postBreakpoint:name', this.breakpointChange.bind(this));
     }
-    get host() { return index.getElement(this); }
 };
 PostFooter.style = PostFooterStyle0;
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postFooter = require('./post-footer-96d7bd47.js');
-require('./index-f1b08cdb.js');
-require('./package-0bd6fb0d.js');
+const postFooter = require('./post-footer-f621a563.js');
+require('./index-0ee3ab4a.js');
+require('./package-7d11b6ea.js');
 
 
 

package/dist/cjs/post-linkarea-865079c1.js

@@ -0,0 +1,32 @@
+'use strict';
+
+const index = require('./index-0ee3ab4a.js');
+const _package = require('./package-7d11b6ea.js');
+
+const postLinkareaCss = ":host{display:contents;cursor:pointer}";
+const PostLinkareaStyle0 = postLinkareaCss;
+
+const PostLinkarea = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get hostElement() { return index.getElement(this); }
+    handleClick = () => {
+        const customSlottedLink = this.hostElement.querySelector('a[data-link]');
+        const linkElement = customSlottedLink
+            ? customSlottedLink
+            : this.hostElement.querySelector('a');
+        if (linkElement.href) {
+            window.location.href = linkElement.href;
+        }
+        else {
+            console.error('<post-linkarea> : Your element must contain a child with a `href` property.');
+        }
+    };
+    render() {
+        return (index.h(index.Host, { key: 'fd83dca8dca965d14f5a844454e79d7fb449639d', "data-version": _package.version, onClick: this.handleClick, tabindex: "0" }, index.h("slot", { key: '278537c9aabe710d118cdd6075ab506a8a4dcfe2' })));
+    }
+};
+PostLinkarea.style = PostLinkareaStyle0;
+
+exports.PostLinkarea = PostLinkarea;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const postLinkarea = require('./post-linkarea-865079c1.js');
+require('./index-0ee3ab4a.js');
+require('./package-7d11b6ea.js');
+
+
+
+exports.post_linkarea = postLinkarea.PostLinkarea;

package/dist/cjs/{post-menu-item-3f73fb4d.js → post-menu-item-ab3e2e7e.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-f1b08cdb.js');
-const _package = require('./package-0bd6fb0d.js');
-const index$1 = require('./index-5d4e0aed.js');
+const index = require('./index-0ee3ab4a.js');
+const _package = require('./package-7d11b6ea.js');
+const index$1 = require('./index-bea4ac42.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;
@@ -10,8 +10,13 @@ const PostBreadcrumbItemStyle0 = postBreadcrumbItemCss;
 const PostBreadcrumbItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.url = undefined;
     }
+    get host() { return index.getElement(this); }
+    /**
+     * The optional URL to which the breadcrumb item will link.
+     */
+    url;
+    validUrl;
     validateUrl() {
         try {
             this.validUrl = this.constructUrl(this.url);
@@ -36,9 +41,8 @@ const PostBreadcrumbItem = class {
         this.validateUrl();
     }
     handleKeyDown(event) {
-        var _a;
         if (event.key === 'Enter' || event.key === ' ') {
-            const linkElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+            const linkElement = this.host.shadowRoot?.querySelector('a');
             if (linkElement) {
                 event.preventDefault();
                 linkElement.click();
@@ -47,9 +51,8 @@ const PostBreadcrumbItem = class {
     }
     render() {
         const BreadcrumbTag = this.validUrl ? 'a' : 'span';
-        return (index.h(index.Host, { key: 'b64295c6b59c2e200fe0eae5483e60b733f5eb8c', "data-version": _package.version }, index.h("post-icon", { key: '0e8a0712f03b551206e8cfeef51446f318d60f20', name: "2111", class: "breadcrumb-item-icon" }), index.h(BreadcrumbTag, Object.assign({ key: 'd3e218f0b3b8feab97cbce6a8190dcddc0b92c92', class: "breadcrumb-item" }, (this.validUrl ? { href: this.validUrl } : {}), { onKeyDown: (event) => this.handleKeyDown(event) }), index.h("slot", { key: 'dea5990614b38fcaab1fae46aafa6c2ed652cf9a' }))));
+        return (index.h(index.Host, { key: 'ddd9e35e632f29c7854e03ee989527203b65b153', "data-version": _package.version }, index.h("post-icon", { key: '713d822e2f32b6f7dfec594f9787c190664fb8d6', name: "2111", class: "breadcrumb-item-icon" }), index.h(BreadcrumbTag, { key: '80f211d04535691993caa52b1ee97eb71f7fdbc4', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: (event) => this.handleKeyDown(event) }, index.h("slot", { key: '850f1212db8da0d356b8e3d10ba95cf2b49e896c' }))));
     }
-    get host() { return index.getElement(this); }
     static get watchers() { return {
         "url": ["validateUrl"]
     }; }
@@ -61,7 +64,7 @@ const PostMenuItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1cd717c2bbc991b33acba0bbfa5d5a2412f6dcc7', role: "menuitem", "data-version": _package.version }, index.h("slot", { key: 'fe09373b79d299f21ebfdf596bab4d4bc30a9060' })));
+        return (index.h(index.Host, { key: '376ce17a520b6cb74c55c009843df878f99ef411', role: "menuitem", "data-version": _package.version }, index.h("slot", { key: 'e489c5c09f1527e527e052e9f4349c5b26db6ea9' })));
     }
 };
 

package/dist/cjs/{post-popover-64195ffd.js → post-popover-a2ba9226.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-f1b08cdb.js');
-const _package = require('./package-0bd6fb0d.js');
-const attributeObserver = require('./attribute-observer-10f08c04.js');
+const index = require('./index-0ee3ab4a.js');
+const _package = require('./package-7d11b6ea.js');
+const attributeObserver = require('./attribute-observer-6d8b886b.js');
 
-const postPopoverCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;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}.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:var(--post-gray-40)}@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:280px;max-width:100%}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";
+const postPopoverCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;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}.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:280px;max-width:100%}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";
 const PostPopoverStyle0 = postPopoverCss;
 
 /**
@@ -20,7 +20,7 @@ const globalToggleHandler = (e) => {
     if (!popoverTarget || ('key' in e && e.key !== 'Enter'))
         return;
     const popover = document.getElementById(popoverTarget);
-    popover === null || popover === void 0 ? void 0 : popover.toggle(target);
+    popover?.toggle(target);
 };
 // Initialize a mutation observer for patching accessibility features
 const triggerObserver = attributeObserver.getAttributeObserver(popoverTargetAttribute, trigger => {
@@ -28,11 +28,26 @@ const triggerObserver = attributeObserver.getAttributeObserver(popoverTargetAttr
     trigger.setAttribute('aria-expanded', force ? 'false' : null);
 });
 const PostPopover = class {
+    popoverRef;
+    localBeforeToggleHandler;
+    get host() { return index.getElement(this); }
+    /**
+     * Defines the placement of the popover according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
+     * Popoverss 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';
+    /**
+     * Define the caption of the close button for assistive technology
+     */
+    closeButtonCaption;
+    /**
+     * Show a little indicator arrow
+     */
+    // eslint-disable-next-line @stencil-community/ban-default-true
+    arrow = true;
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.placement = 'top';
-        this.closeButtonCaption = undefined;
-        this.arrow = true;
         this.localBeforeToggleHandler = this.beforeToggleHandler.bind(this);
     }
     connectedCallback() {
@@ -95,9 +110,8 @@ const PostPopover = class {
         this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
     }
     render() {
-        return (index.h(index.Host, { key: 'c2f53a7ac9d6bbcca8c220d9b8a5ed0dda360cf9', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'fa5a32cfd4263fcabed5405f2b6bb2ab0ca93c9a', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '4799da001d006a47d93be1393618744a0b393841', class: "popover-container" }, index.h("div", { key: '7a28ea59e07591c8b835dd10157bc5e9b85793c6', class: "popover-content" }, index.h("slot", { key: '1ba6533577817d1fc2b7762654b5639596b16422' })), index.h("button", { key: 'f1446964325e49b79bc0fe26a05bb4f12a140c61', class: "btn-close", onClick: () => this.hide() }, index.h("span", { key: 'dd056bb988df548e8cae61ba226c1d9e124bc32b', class: "visually-hidden" }, this.closeButtonCaption))))));
+        return (index.h(index.Host, { key: 'a7976e6c960015ed9b318c75fc8a74afc2337661', "data-version": _package.version }, index.h("post-popovercontainer", { key: '1b71f4bce3a6866e19c3900c0e82f814508f8144', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: 'b15e45e7fd31edc36fa4c912332984daf0ce9cbc', class: "popover-container" }, index.h("div", { key: 'adc170a2738c7f88c60e8885d8ee84f10fa1d546', class: "popover-content" }, index.h("slot", { key: '235dbd1a184353de8d8da038c8c31e3dd7f6dab7' })), index.h("button", { key: '679fccf088d5589b548ec2186facc6c767aace93', class: "btn-close", onClick: () => this.hide() }, index.h("span", { key: 'e8f61719cc6e9b6ddf85756005f17b9103406055', 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,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postPopover = require('./post-popover-64195ffd.js');
-require('./index-f1b08cdb.js');
-require('./package-0bd6fb0d.js');
-require('./attribute-observer-10f08c04.js');
+const postPopover = require('./post-popover-a2ba9226.js');
+require('./index-0ee3ab4a.js');
+require('./package-7d11b6ea.js');
+require('./attribute-observer-6d8b886b.js');
 
 
 

package/dist/cjs/{post-rating-bd27ebfc.js → post-rating-c402c294.js}

@@ -1,22 +1,46 @@
 'use strict';
 
-const index = require('./index-f1b08cdb.js');
-const _package = require('./package-0bd6fb0d.js');
+const index = require('./index-0ee3ab4a.js');
+const _package = require('./package-7d11b6ea.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); }
+    hoveredIndex;
+    /**
+     * Defines a hidden label for the component.
+     */
+    label = 'Rating';
+    /**
+     * Defines the total amount of stars rendered in the component.
+     */
+    stars = 5;
+    /**
+     * Defines the rating that the component should show.
+     */
+    currentRating = 0;
+    /**
+     * Defines if the component is readonly or not.
+     * This usually should be used together with the `currentRating` property.
+     */
+    readonly = false;
+    /**
+     * 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;
-        this.currentRating = 0;
-        this.readonly = false;
         this.keydownHandler = this.keydownHandler.bind(this);
         this.blurHandler = this.blurHandler.bind(this);
         this.hoverHandler = this.hoverHandler.bind(this);
@@ -73,7 +97,7 @@ const PostRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'bb4ab7c2ae609e8e288c62516be93f0b96926eff', "data-version": _package.version }, index.h("div", { key: '0176474611f998938aef0b267c118478d6623fbc', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (index.h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
+        return (index.h(index.Host, { key: '64891ff9f0ef8f7bc2be5df9e989577830b35ffc', "data-version": _package.version }, index.h("div", { key: 'b4e7050864265e33e08b88fc3d5c8eea3cf6ab0e', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (index.h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
                 'star': true,
                 'before-hover': i < this.hoveredIndex,
                 'active': i < Math.round(this.currentRating),
@@ -81,7 +105,6 @@ 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-bd27ebfc.js');
-require('./index-f1b08cdb.js');
-require('./package-0bd6fb0d.js');
+const postRating = require('./post-rating-c402c294.js');
+require('./index-0ee3ab4a.js');
+require('./package-7d11b6ea.js');
 
 
 

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

@@ -0,0 +1,36 @@
+'use strict';
+
+const index = require('./index-0ee3ab4a.js');
+const _package = require('./package-7d11b6ea.js');
+const checkNonEmpty = require('./check-non-empty-eeaa8f77.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:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}";
+const PostTabHeaderStyle0 = postTabHeaderCss;
+
+const PostTabHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get host() { return index.getElement(this); }
+    tabId;
+    /**
+     * The name of the panel controlled by the tab header.
+     */
+    panel;
+    validateFor(newValue) {
+        checkNonEmpty.checkNonEmpty(newValue, 'The "panel" prop is required for the post-tab-header.');
+    }
+    componentWillLoad() {
+        this.tabId = `tab-${this.host.id || index_browser.nanoid(6)}`;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f7383136476f3d32a79c39f7cadef8bcde0630f7', id: this.tabId, role: "tab", "data-version": _package.version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, index.h("slot", { key: 'b88f3ce360da891793e31b84c4bfd4f59511d88a' })));
+    }
+    static get watchers() { return {
+        "panel": ["validateFor"]
+    }; }
+};
+PostTabHeader.style = PostTabHeaderStyle0;
+
+exports.PostTabHeader = PostTabHeader;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postTabHeader = require('./post-tab-header-1f057694.js');
-require('./index-f1b08cdb.js');
-require('./package-0bd6fb0d.js');
+const postTabHeader = require('./post-tab-header-c819517d.js');
+require('./index-0ee3ab4a.js');
+require('./package-7d11b6ea.js');
 require('./check-non-empty-eeaa8f77.js');
 require('./constants-238701d3.js');
 require('./index.browser-2f65f583.js');

package/dist/cjs/{post-tab-panel-3eedcd19.js → post-tab-panel-3cb207f3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-f1b08cdb.js');
-const _package = require('./package-0bd6fb0d.js');
+const index = require('./index-0ee3ab4a.js');
+const _package = require('./package-7d11b6ea.js');
 const index_browser = require('./index.browser-2f65f583.js');
 
 const postTabPanelCss = ":host{display:none}";
@@ -10,17 +10,20 @@ const PostTabPanelStyle0 = postTabPanelCss;
 const PostTabPanel = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.panelId = undefined;
-        this.name = undefined;
     }
+    get host() { return index.getElement(this); }
+    panelId;
+    /**
+     * The name of the panel, used to associate it with a tab header.
+     */
+    name;
     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: '9e8f9c5dc0c1c3d1b7e63cbb9e9cbb0cf116da9b', "data-version": _package.version, id: this.panelId, role: "tabpanel" }, index.h("slot", { key: '3ece42346845324cfa0fb9af5721efab2b71e2f1' })));
+        return (index.h(index.Host, { key: '9d35c9ceec54f1c2983600342e5e63a49ca93aef', "data-version": _package.version, id: this.panelId, role: "tabpanel" }, index.h("slot", { key: '8db185ca7a2030343df512962126a91f64840a64' })));
     }
-    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-3eedcd19.js');
-require('./index-f1b08cdb.js');
-require('./package-0bd6fb0d.js');
+const postTabPanel = require('./post-tab-panel-3cb207f3.js');
+require('./index-0ee3ab4a.js');
+require('./package-7d11b6ea.js');
 require('./index.browser-2f65f583.js');