@swisspost/design-system-components 9.0.0-next.2 → 9.0.0-next.4

package/dist/cjs/{post-collapsible-trigger-9dca8493.js → post-collapsible-trigger-c843f028.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-c15bd800.js');
-const _package = require('./package-a7150f64.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-3f706795.js');
 const index$1 = require('./index-01f30442.js');
 const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
 
@@ -80,18 +80,20 @@ const PostCollapsible = class {
         if (!this.isLoaded || isMotionReduced())
             animation.finish();
         await animation.finished;
-        animation.commitStyles();
+        const isHostRendered = this.host.offsetParent;
+        if (isHostRendered)
+            animation.commitStyles();
         return open;
     }
     /**
      * Update all post-collapsible-trigger elements referring to the collapsible
      */
     updateTriggers() {
-        const triggers = document.querySelectorAll(`post-collapsible-trigger[for=${this.host.id}]`);
+        const triggers = document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`);
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (index.h(index.Host, { key: '47ab19bf719a505dce35955d6250462acea47eee', "data-version": _package.version }, index.h("slot", { key: 'd7fe5746afe1c343e9ec4c02878d8dead9360c26' })));
+        return (index.h(index.Host, { key: 'a24e6d781135a558657a23355eb2da4d2ba71066', "data-version": _package.version }, index.h("slot", { key: 'de655cf8f55f41532447bc0ac3c7a4aa6a807dae' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postCollapsibleTrigger = require('./post-collapsible-trigger-9dca8493.js');
-require('./index-c15bd800.js');
-require('./package-a7150f64.js');
+const postCollapsibleTrigger = require('./post-collapsible-trigger-c843f028.js');
+require('./index-e1f32cce.js');
+require('./package-3f706795.js');
 require('./index-01f30442.js');
 require('./constants-238701d3.js');
 require('./check-one-of-f4f5d0c0.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c15bd800.js');
+const index = require('./index-e1f32cce.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert.cjs",[[1,"post-alert",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fixed":[4],"icon":[1],"type":[1],"alertId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"fixed":["validateFixed"],"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-popovercontainer.cjs",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["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-logo.cjs",[[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}]]],["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-icon.cjs",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2],"svgStyles":[32],"svgOutput":[32]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]]], options);
+  return index.bootstrapLazy([["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert.cjs",[[1,"post-alert",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fixed":[4],"icon":[1],"type":[1],"alertId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"fixed":["validateFixed"],"icon":["validateIcon"],"type":["validateType"]}]]],["post-breadcrumb-item.cjs",[[1,"post-breadcrumb-item",{"url":[1]},null,{"url":["validateUrl"]}]]],["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-closebutton.cjs",[[4,"post-closebutton"]]],["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-language-option.cjs",[[1,"post-language-option",{"code":[1],"active":[1540],"name":[1],"url":[1],"select":[64]},null,{"code":["validateCode"],"active":["validateActiveProp"],"name":["validateName"],"url":["validateUrl"]}]]],["post-list.cjs",[[4,"post-list",{"titleHidden":[4,"title-hidden"],"horizontal":[4],"titleId":[32]}]]],["post-list-item.cjs",[[1,"post-list-item"]]],["post-logo.cjs",[[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}]]],["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-popovercontainer.cjs",[[4,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-icon.cjs",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2],"svgStyles":[32],"svgOutput":[32]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{post-icon-3934be0b.js → post-icon-ca80afce.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-c15bd800.js');
+const index = require('./index-e1f32cce.js');
 const index$1 = require('./index-01f30442.js');
-const _package = require('./package-a7150f64.js');
+const _package = require('./package-3f706795.js');
 const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
 
 const postIconCss = ":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";
@@ -54,7 +54,7 @@ const PostIcon = class {
     validateScale(newValue = this.scale) {
         index$1.checkEmptyOrType(newValue, 'number', 'The post-icon "scale" prop should be a number.');
     }
-    componentWillLoad() {
+    componentDidLoad() {
         this.validateBase();
         this.validateName();
         this.validateFlipH();
@@ -86,7 +86,7 @@ const PostIcon = class {
         })
             .filter(([_key, value]) => value !== null)
             .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
-        return (index.h(index.Host, { key: '95fa0f7a09d3430bb5d621e01b57188742920eb4', "data-version": _package.version }, index.h("span", { key: 'c824e3705dc83665bb6f7649381654e6d1e07dfb', style: svgStyles })));
+        return (index.h(index.Host, { key: '86c61ac92270e1b46ef63e2bb0ff4683a16ca794', "data-version": _package.version }, index.h("span", { key: 'ad856363b96d303912c9085d9d45cb911cbedfc6', style: svgStyles })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postIcon = require('./post-icon-3934be0b.js');
-require('./index-c15bd800.js');
+const postIcon = require('./post-icon-ca80afce.js');
+require('./index-e1f32cce.js');
 require('./index-01f30442.js');
 require('./constants-238701d3.js');
 require('./check-one-of-f4f5d0c0.js');
-require('./package-a7150f64.js');
+require('./package-3f706795.js');
 require('./check-non-empty-eeaa8f77.js');
 
 

package/dist/cjs/post-language-option-dab6d431.js

@@ -0,0 +1,67 @@
+'use strict';
+
+const index = require('./index-e1f32cce.js');
+const index$1 = require('./index-01f30442.js');
+const _package = require('./package-3f706795.js');
+
+const postLanguageOptionCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block;width:fit-content}button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}a{color:inherit;text-decoration:none}:is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:var(--post-language-option-padding)}";
+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.name = undefined;
+        this.url = undefined;
+    }
+    validateCode(value = this.code) {
+        index$1.checkType(value, 'string', 'The "code" property of the post-language-option component must be a string.');
+    }
+    validateActiveProp(value = this.active) {
+        index$1.checkEmptyOrType(value, 'boolean', 'The "active" property of the post-language-option component must be a boolean value.');
+    }
+    validateName(value = this.name) {
+        index$1.checkEmptyOrType(value, 'string', 'The "name" property of the post-language-option component must be a string.');
+    }
+    validateUrl(value = this.url) {
+        index$1.checkEmptyOrType(value, 'string', 'The "url" property of the post-language-option component must be a valid URL.');
+    }
+    componentDidLoad() {
+        this.validateCode();
+        this.validateActiveProp();
+        this.validateName();
+        this.validateUrl();
+        if (!this.name && this.isNameRequired()) {
+            throw new Error('The "name" property of the post-language-option component is required when the full language name is not displayed.');
+        }
+    }
+    /**
+     * Selects the language option programmatically.
+     */
+    async select() {
+        this.active = true;
+        this.emitChange();
+    }
+    emitChange() {
+        this.postChange.emit(this.code);
+    }
+    isNameRequired() {
+        return this.host.textContent.toLowerCase() === this.code.toLowerCase();
+    }
+    render() {
+        const lang = this.code.toLowerCase();
+        return (index.h(index.Host, { key: '98b5a47cb7544c23512f1a56bb62d286cbde90ff', "data-version": _package.version, role: "listitem" }, this.url ? (index.h("a", { "aria-current": this.active ? 'page' : undefined, "aria-label": this.name, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange() }, index.h("slot", null))) : (index.h("button", { "aria-current": this.active ? 'true' : undefined, "aria-label": this.name, lang: lang, onClick: () => this.emitChange() }, index.h("slot", null)))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "code": ["validateCode"],
+        "active": ["validateActiveProp"],
+        "name": ["validateName"],
+        "url": ["validateUrl"]
+    }; }
+};
+PostLanguageOption.style = PostLanguageOptionStyle0;
+
+exports.PostLanguageOption = PostLanguageOption;

package/dist/cjs/post-language-option.cjs.entry.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const postLanguageOption = require('./post-language-option-dab6d431.js');
+require('./index-e1f32cce.js');
+require('./index-01f30442.js');
+require('./constants-238701d3.js');
+require('./check-one-of-f4f5d0c0.js');
+require('./package-3f706795.js');
+
+
+
+exports.post_language_option = postLanguageOption.PostLanguageOption;

package/dist/cjs/post-list-f2c673ef.js

@@ -0,0 +1,37 @@
+'use strict';
+
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-3f706795.js');
+
+const postListCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-list{display:flex;gap:var(--post-list-title-gap);flex-direction:column;align-items:flex-start}post-list>div[role=list]{flex-direction:column;display:flex;gap:var(--post-list-item-gap)}post-list[horizontal]:not([horizontal=false]){flex-direction:row;align-items:baseline}post-list[horizontal]:not([horizontal=false])>div[role=list]{flex-direction:row;align-items:center}post-list>.list-title.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}post-list>.list-title.visually-hidden:not(caption){position:absolute !important}";
+const PostListStyle0 = postListCss;
+
+const PostList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.titleId = undefined;
+        this.titleHidden = false;
+        this.horizontal = false;
+    }
+    componentWillLoad() {
+        /**
+         * Get the id set on the host element or use a random id by default
+         */
+        this.titleId = `list-${crypto.randomUUID()}`;
+    }
+    componentDidLoad() {
+        this.checkTitle();
+    }
+    checkTitle() {
+        if (!this.titleEl.innerText) {
+            throw new Error('Please provide a title to the list component. Title is mandatory for accessibility purposes.');
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '4931dd182e1a0a25704abacf996d7ce3489cb663', "data-version": _package.version }, index.h("div", { key: '84347e7b815ace536af32f8aabea7b730190bee5', ref: el => (this.titleEl = el), id: this.titleId, class: `list-title${this.titleHidden ? ' visually-hidden' : ''}` }, index.h("slot", { key: '8778de71facc6b3376af67fcf8493a68bd6001cf' })), index.h("div", { key: 'f81e8f7fd38d894e31494af05f93c53b8595324d', role: "list", "aria-labelledby": this.titleId }, index.h("slot", { key: '04df5a2a6e49b9296353e6ea078e2643c8c39a76', name: "post-list-item" }))));
+    }
+    get host() { return index.getElement(this); }
+};
+PostList.style = PostListStyle0;
+
+exports.PostList = PostList;

package/dist/cjs/post-list-item-1b6ce0d0.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const index = require('./index-e1f32cce.js');
+
+const postListItemCss = ":host{display:flex}";
+const PostListItemStyle0 = postListItemCss;
+
+const PostListItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    connectedCallback() {
+        this.host.setAttribute('slot', 'post-list-item');
+    }
+    render() {
+        return (index.h(index.Host, { key: 'ef252634192c180f5af6bda222853e82508c83f8', role: "listitem" }, index.h("slot", { key: 'c0752b971c7527660fcfa1fe5a8301a9676f5651' })));
+    }
+    get host() { return index.getElement(this); }
+};
+PostListItem.style = PostListItemStyle0;
+
+exports.PostListItem = PostListItem;

package/dist/cjs/post-list-item.cjs.entry.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const postListItem = require('./post-list-item-1b6ce0d0.js');
+require('./index-e1f32cce.js');
+
+
+
+exports.post_list_item = postListItem.PostListItem;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const postList = require('./post-list-f2c673ef.js');
+require('./index-e1f32cce.js');
+require('./package-3f706795.js');
+
+
+
+exports.post_list = postList.PostList;

package/dist/cjs/{post-logo-c3603fc7.js → post-logo-ed8e99c0.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-c15bd800.js');
-const _package = require('./package-a7150f64.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-3f706795.js');
 const index$1 = require('./index-01f30442.js');
 
 const postLogoCss = ":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
@@ -15,7 +15,7 @@ const PostLogo = class {
     validateUrl() {
         index$1.checkEmptyOrUrl(this.url, 'The "url" property of the post-logo is invalid');
     }
-    connectedCallback() {
+    componentDidLoad() {
         this.validateUrl();
         this.checkDescription();
     }
@@ -27,7 +27,7 @@ const PostLogo = class {
     render() {
         const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
         const LogoTag = logoLink ? 'a' : 'span';
-        return (index.h(index.Host, { key: 'c1d583f828a1f35ed482f1d1894354a503d8010e', "data-version": _package.version }, index.h(LogoTag, Object.assign({ key: '61886ad3e388a6286e86b49a8ab150774e9e3d19', class: "logo" }, (logoLink ? { href: logoLink } : {})), index.h("span", { key: '88c01bbd0e146157ff2897300199717e8da1b2f0', class: "description" }, index.h("slot", { key: 'dccdd781dd6b6c78d9c8775a3f91765c6c4a8449', onSlotchange: () => this.checkDescription() })), index.h("svg", { key: '3f66dab4ca898d245759249828508adfa0ac92ea', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, index.h("g", { key: 'bb5bb34aa56362a8805f6f97562825448d4ffac7', id: "Logo" }, index.h("rect", { key: '8bbee198611c558653cac3b31683beb9bc17c196', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), index.h("polygon", { key: '2ca797bd9ad0861b81b953e04626abb2d5cb7323', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), index.h("path", { key: 'eefa701f5f04ba0f0c04eb51748e62209e33ff06', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
+        return (index.h(index.Host, { key: 'b574181a7c53cd9c9902e6ba186cd5a0de94cb3e', "data-version": _package.version }, index.h(LogoTag, Object.assign({ key: 'a27bf9db453b9b991c4db8d003eca10a28935b73', class: "logo" }, (logoLink ? { href: logoLink } : {})), index.h("span", { key: '1e464aff7a75b29bd72eb15aed9ac122a3b53765', class: "description" }, index.h("slot", { key: 'd32bbf03ff0d5343fd05f2c1c31e6b1d1d767926', onSlotchange: () => this.checkDescription() })), index.h("svg", { key: '3fa62f2304816bc4a7f974a2011e664f39a9a943', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, index.h("g", { key: '47dbbc031af1c8f56f0c7c9046ecf1bb2aacbeff', id: "Logo" }, index.h("rect", { key: '8da0d35310d062d0e1f23bc9eb19fef4fd5f7a96', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), index.h("polygon", { key: '7d96cc5f82e35308826e77e5daa94494ef8947e6', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), index.h("path", { key: '85b88d253f50500662ea6e7689a5cfa8461bd7c1', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postLogo = require('./post-logo-c3603fc7.js');
-require('./index-c15bd800.js');
-require('./package-a7150f64.js');
+const postLogo = require('./post-logo-ed8e99c0.js');
+require('./index-e1f32cce.js');
+require('./package-3f706795.js');
 require('./index-01f30442.js');
 require('./constants-238701d3.js');
 require('./check-one-of-f4f5d0c0.js');

package/dist/cjs/{post-popover-15f9620a.js → post-popover-4457dd58.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-c15bd800.js');
-const _package = require('./package-a7150f64.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-3f706795.js');
 const attributeObserver = require('./attribute-observer-10f08c04.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:4px;color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-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: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{-webkit-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\");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:1.5rem;width:1.5rem}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-close{color:var(--post-contrast-color)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.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{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51;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}@media (max-width: 599.98px){.popover-container{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:var(--post-gray-80);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{-webkit-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\");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:1.5rem;width:1.5rem}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-close{color:var(--post-contrast-color)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.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{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51;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}@media (max-width: 599.98px){.popover-container{max-width:100%}}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";
 const PostPopoverStyle0 = postPopoverCss;
 
 /**
@@ -95,7 +95,7 @@ const PostPopover = class {
         this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
     }
     render() {
-        return (index.h(index.Host, { key: '6fe379d071ec88a76f99cc10f0fdce0b2f079fbd', "data-version": _package.version }, index.h("post-popovercontainer", { key: '3a5e2896e87e3f2d32c0ad9b1d80327cc585f289', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '46834ef6a3893fe8823776d8feb20a2fb328e3bc', class: "popover-container" }, index.h("div", { key: '9d61b678c2613e84efc0df805cbb67fbe3d06991', class: "popover-content" }, index.h("slot", { key: '1cfef5daaea3f6370869a3ae648ff36e2dddd82a' })), index.h("button", { key: 'c7a2e12ece46ee63d8004d99427c8c6febc2dc17', class: "btn-close", onClick: () => this.hide() }, index.h("span", { key: '1aee8ffe06b5c4c9bade0185a8832328410fbe4a', class: "visually-hidden" }, this.closeButtonCaption))))));
+        return (index.h(index.Host, { key: 'aef49582e78865ac209f1983d255b44e4e3a4c0a', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'cd2db53a82b34ea3c6aa3aab07670c6e198f9360', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: 'df037f6f7848e0ef87affa73de6a9c2a6af9eade', class: "popover-container" }, index.h("div", { key: '48c1e44e42c7cc3daf198456f7b49041d86a8e83', class: "popover-content" }, index.h("slot", { key: '8f4dc6f558bcaa9b83a342fea3a7843c185fc43e' })), index.h("button", { key: 'e78527134e8e5cbeed240b742aeab7bf0ea41d5b', class: "btn-close", onClick: () => this.hide() }, index.h("span", { key: 'f56f4c3aa17dd11818d1abd7b422e7c45902c593', class: "visually-hidden" }, this.closeButtonCaption))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postPopover = require('./post-popover-15f9620a.js');
-require('./index-c15bd800.js');
-require('./package-a7150f64.js');
+const postPopover = require('./post-popover-4457dd58.js');
+require('./index-e1f32cce.js');
+require('./package-3f706795.js');
 require('./attribute-observer-10f08c04.js');
 
 

package/dist/cjs/{post-popovercontainer-7d536276.js → post-popovercontainer-1e6be8ad.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-c15bd800.js');
-const _package = require('./package-a7150f64.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-3f706795.js');
 
 /**
  * Custom positioning reference element.
@@ -2041,7 +2041,7 @@ const computePosition = (reference, floating, options) => {
   }
 `,E=null;function I(e){if(E===null)try{E=new CSSStyleSheet,E.replaceSync(C);}catch{E=!1;}if(E===!1){let t=document.createElement("style");t.textContent=C,e instanceof Document?e.head.prepend(t):e.prepend(t);}else e.adoptedStyleSheets=[E,...e.adoptedStyleSheets];}function K(){window.ToggleEvent=window.ToggleEvent||c;function e(n){return n?.includes(":popover-open")&&(n=n.replace(J,"$1.\\:popover-open")),n}f(Document.prototype,"querySelector",e),f(Document.prototype,"querySelectorAll",e),f(Element.prototype,"querySelector",e),f(Element.prototype,"querySelectorAll",e),f(Element.prototype,"matches",e),f(Element.prototype,"closest",e),f(DocumentFragment.prototype,"querySelectorAll",e),f(DocumentFragment.prototype,"querySelectorAll",e),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;let n=(this.getAttribute("popover")||"").toLowerCase();return n===""||n=="auto"?"auto":"manual"},set(n){this.setAttribute("popover",n);}},showPopover:{enumerable:!0,configurable:!0,value(){S(this);}},hidePopover:{enumerable:!0,configurable:!0,value(){m(this,!0,!0);}},togglePopover:{enumerable:!0,configurable:!0,value(n){h.get(this)==="showing"&&n===void 0||n===!1?m(this,!0,!0):(n===void 0||n===!0)&&S(this);}}});let t=Element.prototype.attachShadow;t&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(n){let s=t.call(this,n);return I(s),s}}});let o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){let n=o.call(this);return n.shadowRoot&&I(n.shadowRoot),n}}});let r=new WeakMap;function i(n){Object.defineProperties(n.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(s){if(s===null)this.removeAttribute("popovertarget"),r.delete(this);else if(s instanceof Element)this.setAttribute("popovertarget",""),r.set(this,s);else throw new TypeError("popoverTargetElement must be an element or null")},get(){if(this.localName!=="button"&&this.localName!=="input"||this.localName==="input"&&this.type!=="reset"&&this.type!=="image"&&this.type!=="button"||this.disabled||this.form&&this.type==="submit")return null;let s=r.get(this);if(s&&s.isConnected)return s;if(s&&!s.isConnected)return r.delete(this),null;let u=v(this),w=this.getAttribute("popovertarget");return (u instanceof Document||u instanceof B)&&w&&u.getElementById(w)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){let s=(this.getAttribute("popovertargetaction")||"").toLowerCase();return s==="show"||s==="hide"?s:"toggle"},set(s){this.setAttribute("popovertargetaction",s);}}});}i(HTMLButtonElement),i(HTMLInputElement);let l=n=>{if(!n.isTrusted)return;let s=n.composedPath()[0];if(!(s instanceof Element)||s?.shadowRoot)return;let u=v(s);if(!(u instanceof B||u instanceof Document))return;let w=s.closest("[popovertargetaction],[popovertarget]");if(w){O(w),n.preventDefault();return}},a=n=>{let s=n.key,u=n.target;!n.defaultPrevented&&u&&(s==="Escape"||s==="Esc")&&T(u.ownerDocument,!0,!0);};(n=>{n.addEventListener("click",l),n.addEventListener("keydown",a),n.addEventListener("pointerdown",x),n.addEventListener("pointerup",x);})(document),I(document);}j()||K();})();
 
-const postPopovercontainerCss = "@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\\:popover-open){display:none}}}:where(post-popovercontainer){box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);position:fixed;z-index:1060;width:max-content;margin:0;padding:0;box-sizing:border-box;color:var(--post-contrast-color);background-color:rgb(var(--post-bg-rgb));border:2px solid rgba(0,0,0,0);border-radius:4px;overflow:visible}:where(post-popovercontainer) .arrow{position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:where(post-popovercontainer) .arrow.top{border-left:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.right{border-right:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.left{border-left:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.bottom{border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}";
+const postPopovercontainerCss = "@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\\:popover-open){display:none}}}:where(post-popovercontainer){box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);position:fixed;z-index:1060;width:max-content;margin:0;padding:0;box-sizing:border-box;color:var(--post-contrast-color);background-color:rgb(var(--post-bg-rgb));border:2px solid rgba(0,0,0,0);border-radius:4px;overflow:visible}:where(post-popovercontainer)[tooltip]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:where(post-popovercontainer) .arrow{position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:where(post-popovercontainer) .arrow.top{border-left:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.right{border-right:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.left{border-left:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.bottom{border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}";
 const PostPopovercontainerStyle0 = postPopovercontainerCss;
 
 const SIDE_MAP = {
@@ -2055,6 +2055,7 @@ const PostPopovercontainer = class {
         index.registerInstance(this, hostRef);
         this.postToggle = index.createEvent(this, "postToggle", 7);
         this.placement = 'top';
+        this.edgeGap = 8;
         this.arrow = false;
     }
     componentDidLoad() {
@@ -2126,11 +2127,12 @@ const PostPopovercontainer = class {
         this.clearAutoUpdate = autoUpdate(this.eventTarget, this.host, this.calculatePosition.bind(this));
     }
     async calculatePosition() {
+        const gap = this.edgeGap;
         const middleware = [
             flip(),
             inline(),
             shift({
-                padding: 8,
+                padding: gap,
                 // Prevents shifting away from the anchor too far, while shifting as far as possible
                 // https://floating-ui.com/docs/shift#limiter
                 limiter: limitShift({
@@ -2140,14 +2142,14 @@ const PostPopovercontainer = class {
             size({
                 apply({ availableWidth, elements }) {
                     Object.assign(elements.floating.style, {
-                        maxWidth: `${availableWidth - 16}px`,
+                        maxWidth: `${availableWidth - gap * 2}px`,
                     });
                 },
             }),
-            offset(this.arrow ? 12 : 8), // 4px outside of element to account for focus outline + ~arrow size
+            offset(this.arrow ? gap + 4 : gap), // 4px outside of element to account for focus outline + ~arrow size
         ];
         if (this.arrow) {
-            middleware.push(arrow({ element: this.arrowRef, padding: 8 }));
+            middleware.push(arrow({ element: this.arrowRef, padding: gap }));
         }
         const { x, y, middlewareData, placement: currentPlacement, } = await computePosition(this.eventTarget, this.host, {
             placement: this.placement || 'top',
@@ -2175,9 +2177,9 @@ const PostPopovercontainer = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'daf21d119057a14c2c2f68b8068901ab698beae3', "data-version": _package.version }, this.arrow && (index.h("span", { key: '4f5cfb1422217f9ef71732cdfc0c97b6b29e4809', class: "arrow", ref: el => {
+        return (index.h(index.Host, { key: '786ef435ebc0cdb95a15c0327aee75406d4da6e5', "data-version": _package.version }, this.arrow && (index.h("span", { key: '3c343daffb966ee54b9c14eb5659910150be7f3f', class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), index.h("slot", { key: 'f6e4beefb8e365dbf20a0a5019cceaac4ecb73a4' })));
+            } })), index.h("slot", { key: 'f2c9fc7c80f794987550388bfe8ad33078685bf1' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postPopovercontainer = require('./post-popovercontainer-7d536276.js');
-require('./index-c15bd800.js');
-require('./package-a7150f64.js');
+const postPopovercontainer = require('./post-popovercontainer-1e6be8ad.js');
+require('./index-e1f32cce.js');
+require('./package-3f706795.js');
 
 
 

package/dist/cjs/{post-rating-db5a397a.js → post-rating-236273be.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-c15bd800.js');
-const _package = require('./package-a7150f64.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-3f706795.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 -0.25rem;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:2px;outline:2px 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;
@@ -73,7 +73,7 @@ const PostRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0a4972eeedcda4d4f772db0407ba2a6279f5d797', "data-version": _package.version }, index.h("div", { key: 'a9ab9daaa3f9e1e421f28267057b99a1a2e235ee', 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: 'e303ed62ef2f76033e0ca9b693dfe447984a92c7', "data-version": _package.version }, index.h("div", { key: '7e392823716b6d4d243198a66a637001f5f86690', 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),

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postRating = require('./post-rating-db5a397a.js');
-require('./index-c15bd800.js');
-require('./package-a7150f64.js');
+const postRating = require('./post-rating-236273be.js');
+require('./index-e1f32cce.js');
+require('./package-3f706795.js');
 
 
 

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

@@ -0,0 +1,32 @@
+'use strict';
+
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-3f706795.js');
+const checkNonEmpty = require('./check-non-empty-eeaa8f77.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:var(--post-contrast-color);text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted);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:var(--post-contrast-color-inverted);color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=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,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=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:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-secondary .tab-title{background-color:#666}.bg-secondary .tab-title.active{background-color:#666}.bg-secondary .nav-item{background-color:#666}.bg-success .tab-title{background-color:#2c871d}.bg-success .tab-title.active{background-color:#2c871d}.bg-success .nav-item{background-color:#2c871d}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-error .tab-title{background-color:#a51728}.bg-error .tab-title.active{background-color:#a51728}.bg-error .nav-item{background-color:#a51728}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\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);
+        this.tabId = undefined;
+        this.panel = undefined;
+    }
+    validateFor(newValue) {
+        checkNonEmpty.checkNonEmpty(newValue, 'The "panel" prop is required for the post-tab-header.');
+    }
+    componentWillLoad() {
+        this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;
+    }
+    render() {
+        return (index.h(index.Host, { key: '3f6c519aeb28ba7f22de7b7bbb04589bc7c9fc59', id: this.tabId, role: "tab", "data-version": _package.version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, index.h("slot", { key: '2df9413b24b32956361708d2ef009584ea151c8c' })));
+    }
+    get host() { return index.getElement(this); }
+    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-29b8d4e1.js');
-require('./index-c15bd800.js');
-require('./package-a7150f64.js');
+const postTabHeader = require('./post-tab-header-bce47e34.js');
+require('./index-e1f32cce.js');
+require('./package-3f706795.js');
 require('./check-non-empty-eeaa8f77.js');
 require('./constants-238701d3.js');
 

package/dist/cjs/{post-tab-panel-d59cf1ec.js → post-tab-panel-e25974be.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-c15bd800.js');
-const _package = require('./package-a7150f64.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-3f706795.js');
 
 const postTabPanelCss = ":host{display:none}";
 const PostTabPanelStyle0 = postTabPanelCss;
@@ -17,7 +17,7 @@ const PostTabPanel = class {
         this.panelId = `panel-${this.host.id || crypto.randomUUID()}`;
     }
     render() {
-        return (index.h(index.Host, { key: '2d01a8e7f06e45b4750e63584a3c52232dee4dd5', "data-version": _package.version, id: this.panelId, role: "tabpanel" }, index.h("slot", { key: 'b51e2f112791ac22df43ebb537208c65aebe3d03' })));
+        return (index.h(index.Host, { key: 'be6aea34d94b371364912bc3b20efb33f844b736', "data-version": _package.version, id: this.panelId, role: "tabpanel" }, index.h("slot", { key: 'aa4b546f2461819b47a8b14b326c79cc13f5f3d2' })));
     }
     get host() { return index.getElement(this); }
 };