@swisspost/design-system-components 10.0.0-next.47 → 10.0.0-next.48

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CpDyH7Ww.js');
-var _package = require('./package-wsZ6ig4j.js');
+var _package = require('./package-CZyXYkIN.js');
 
 const postLinkareaCss = ":host{display:contents;cursor:pointer}";
 

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

@@ -2,7 +2,7 @@
 
 var index$1 = require('./index-CpDyH7Ww.js');
 var placement = require('./placement-qEFR9hmI.js');
-var _package = require('./package-wsZ6ig4j.js');
+var _package = require('./package-CZyXYkIN.js');
 var breakpoints = require('./breakpoints-DmZ_BQGo.js');
 var index = require('./index-DtvYdwe1.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index$1 = require('./index-CpDyH7Ww.js');
-var _package = require('./package-wsZ6ig4j.js');
+var _package = require('./package-CZyXYkIN.js');
 var index = require('./index-DtvYdwe1.js');
 require('./breakpoints-DmZ_BQGo.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CpDyH7Ww.js');
-var _package = require('./package-wsZ6ig4j.js');
+var _package = require('./package-CZyXYkIN.js');
 var index$1 = require('./index-DtvYdwe1.js');
 require('./breakpoints-DmZ_BQGo.js');
 var index_browser = require('./index.browser-Doj636JV.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CpDyH7Ww.js');
-var _package = require('./package-wsZ6ig4j.js');
+var _package = require('./package-CZyXYkIN.js');
 var index_browser = require('./index.browser-Doj636JV.js');
 var index$1 = require('./index-DtvYdwe1.js');
 require('./breakpoints-DmZ_BQGo.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CpDyH7Ww.js');
-var _package = require('./package-wsZ6ig4j.js');
+var _package = require('./package-CZyXYkIN.js');
 var fade = require('./fade-nS5zzDQS.js');
 require('./breakpoints-DmZ_BQGo.js');
 
@@ -167,7 +167,7 @@ const PostTabs = class {
         nextTab.focus();
     }
     render() {
-        return (index.h(index.Host, { key: '467959e964a6d7f44ac3eee09f9c7d2b501af4fe', "data-version": _package.version }, index.h("div", { key: '7ce4c0428360124f6937d123a4664d6f22e1110c', class: "tabs-wrapper", part: "tabs" }, index.h("div", { key: 'c41b073b855cb12a789c8656d12b0f6e9e20ea6f', class: "tabs", role: "tablist" }, index.h("slot", { key: '37935aa4c4d1ca4e71931e9e50d91e77075d2b64', name: "tabs", onSlotchange: () => this.enableTabs() }))), index.h("div", { key: 'bb84a728572c00256e219b5dd28322cbab699932', class: "tab-content", part: "content" }, index.h("slot", { key: 'e2aa9cf6a9faa9f5ded6018def77b9b818b2b986', onSlotchange: () => this.moveMisplacedTabs() }))));
+        return (index.h(index.Host, { key: 'dc7228c840d65e3546e0d13e5bcaa78819b5aeb9', "data-version": _package.version }, index.h("div", { key: '377d592f7c00f3ec0c7aba2a4a8ca2b88cd37927', class: "tabs-wrapper", part: "tabs" }, index.h("div", { key: '6e79f33d6cd82d55ba9fad2f09f6163ce7e0a372', class: "tabs", role: "tablist" }, index.h("slot", { key: '65fbf3cb6525f2f2ae97eb60dad313811db4c585', name: "tabs", onSlotchange: () => this.enableTabs() }))), index.h("div", { key: '675a59a27e79bad06ea2b70c4fc7b0a6f4b020ff', class: "tab-content", part: "content" }, index.h("slot", { key: 'b559af0fa652e352673fbabb6829a62a5630e809', onSlotchange: () => this.moveMisplacedTabs() }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 var index = require('./index-CpDyH7Ww.js');
 var breakpoints = require('./breakpoints-DmZ_BQGo.js');
 var index$1 = require('./index-DtvYdwe1.js');
-var _package = require('./package-wsZ6ig4j.js');
+var _package = require('./package-CZyXYkIN.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CpDyH7Ww.js');
-var _package = require('./package-wsZ6ig4j.js');
+var _package = require('./package-CZyXYkIN.js');
 var index$1 = require('./index-DtvYdwe1.js');
 require('./breakpoints-DmZ_BQGo.js');
 var placement = require('./placement-qEFR9hmI.js');

package/dist/collection/components/post-accordion-item/post-accordion-item.js

@@ -14,9 +14,9 @@ import { HEADING_LEVELS } from "../../types/index";
 import { checkEmptyOrOneOf, EventFrom } from "../../utils/index";
 import { nanoid } from "nanoid";
 /**
- * @part button - The pseudo-element, used to override styles on the components internal header `button` element.
- * @part body - The pseudo-element, used to override styles on the components internal `body` element.
- * @slot logo - Slot for the placing a logo before the header.
+ * @part button - The element that toggles the accordion item (header button).
+ * @part body - The container element that holds the accordion item's content.
+ * @slot logo - Slot for placing a logo in the accordion item’s header, before the content.
  * @slot header - Slot for placing custom content within the accordion item's header.
  * @slot default - Slot for placing content within the accordion item's body.
  */
@@ -55,10 +55,10 @@ export class PostAccordionItem {
     render() {
         const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
         const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
-        return (h(Host, { key: 'd7176f314fa0f907bd5b69555a2f25561f3875cf', id: this.id, "data-version": version }, h("div", { key: '978c451798e5bafe38ef57be29818f02ccf49dab', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: '615da8a2ad5fb3c3fd1e5e0c2c8ee9a260a34263', for: `${this.id}--collapse` }, h(HeadingTag, { key: '9c270ded36f1e1b1b466ba8c4ca529ab26368d5c', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: 'ddf278d1ccf6d78932ae4c6a9617d5852fb73064', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, h("span", { key: '3989145bdbe0a313c6ed10220d2089c89688d613', class: {
+        return (h(Host, { key: 'b98847d19894430b6f65130aebf8673a45afd1e6', id: this.id, "data-version": version }, h("div", { key: 'f26f9d3a4a1f59db23b4698b321e28e112c3eed0', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: '14bdacce04d67a03655f600feeaeec065e0fc198', for: `${this.id}--collapse` }, h(HeadingTag, { key: '7a07a70d172306ce37f8bd0143b21ed7ec0cab8a', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: '5ad0698a62df5c4b2c0a77ff622090b20f348e9c', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, h("span", { key: '6e5fcb0c9efa8a57e05fd162c72b9c170a8210c6', class: {
                 'logo-container': true,
                 'has-image': !!this.slottedLogo,
-            } }, h("slot", { key: 'dd053bf73234db3bac772bf730003b4f2cc030cb', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: '9ac06513d55828a9d7a3552aa66c9946fde7c793', name: "header" }), h("post-icon", { key: 'fb46c528581e1a149706fd9e124857cc288747f8', name: "2051" })))), h("post-collapsible", { key: '996887d6a0098a37dbac8d5edb950900f57d15f7', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: '21fa64a007cf0da4e0c0cf56f5862641d016517a', class: "accordion-body", part: "body" }, h("slot", { key: '2a9f7731183e35c37523e079d437612dbda1a01b' }))))));
+            } }, h("slot", { key: '41a1409f723bf52de893324ce45d4e7f31eb8908', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: '7186adfe4a4fe67f4dbaeb7569820d0d06c18428', name: "header" }), h("post-icon", { key: 'fbfcbdc9947a8c7cf80d861aba3a77be0dff91d1', name: "2051" })))), h("post-collapsible", { key: '5de19aab5eb0134b7c3e7f43e5c2da0cb8413908', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: '5112ba8604ea177af4d88033f682c2a4cc6c4ffd', class: "accordion-body", part: "body" }, h("slot", { key: 'd70ab76842fced3f7dec812471685071e377bc61' }))))));
     }
     static get is() { return "post-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-avatar/avatar-utils.js

@@ -0,0 +1,16 @@
+// https://docs.gravatar.com/api/avatars/images/
+const GRAVATAR_DEFAULT = '404';
+const GRAVATAR_RATING = 'g';
+const GRAVATAR_SIZE = 80;
+export function getGravatarUrl(email) {
+    const hash = cryptify(email.trim().toLowerCase());
+    return `https://www.gravatar.com/avatar/${hash}?s=${GRAVATAR_SIZE}&d=${GRAVATAR_DEFAULT}&r=${GRAVATAR_RATING}`;
+}
+export async function cryptify(key) {
+    return await crypto.subtle.digest('SHA-256', new TextEncoder().encode(key)).then(buffer => {
+        return Array.from(new Uint8Array(buffer))
+            .map(bytes => bytes.toString(16).padStart(2, '0'))
+            .join('');
+    });
+}
+export const GRAVATAR_BASE_URL = `https://www.gravatar.com/avatar/{email}?s=${GRAVATAR_SIZE}&d=${GRAVATAR_DEFAULT}&r=${GRAVATAR_RATING}`;

package/dist/collection/components/post-avatar/post-avatar.js

@@ -1,11 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { version } from "../../../../package";
 import { checkRequiredAndType, checkEmptyOrPattern, checkEmptyOrType } from "../../utils/index";
-// https://docs.gravatar.com/api/avatars/images/
-const GRAVATAR_DEFAULT = '404';
-const GRAVATAR_RATING = 'g';
-const GRAVATAR_SIZE = 80;
-const GRAVATAR_BASE_URL = `https://www.gravatar.com/avatar/{email}?s=${GRAVATAR_SIZE}&d=${GRAVATAR_DEFAULT}&r=${GRAVATAR_RATING}`;
+import { GRAVATAR_BASE_URL } from "./avatar-utils";
 const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
 var AvatarType;
 (function (AvatarType) {
@@ -23,6 +19,8 @@ export class PostAvatar {
         this.imageUrl = '';
         this.imageAlt = '';
         this.initials = '';
+        // To handle email or userid updates and reset the storage item
+        this.storageKey = '';
     }
     validateFirstname() {
         checkRequiredAndType(this, 'firstname', 'string');
@@ -30,47 +28,67 @@ export class PostAvatar {
     validateLastname() {
         checkEmptyOrType(this, 'lastname', 'string');
     }
-    validateUserid() {
+    updateUserid() {
+        this.validateUserId();
+        this.getAvatarImage();
+    }
+    updateEmail() {
+        this.validateEmail();
+        this.getAvatarImage();
+    }
+    validateUserId() {
         checkEmptyOrType(this, 'userid', 'string');
     }
     validateEmail() {
         if (this.email)
             checkEmptyOrPattern(this, 'email', emailPattern);
     }
-    async getAvatar() {
-        if (this.slottedImage !== null) {
-            this.avatarType = AvatarType.Slotted;
-        }
-        else {
-            let imageLoaded = false;
-            if (!imageLoaded && this.userid)
+    async getAvatarImage() {
+        let imageLoaded = false;
+        this.slottedImage = this.host.querySelector('img');
+        const imageUrl = this.slottedImage?.getAttribute('src');
+        if (!imageUrl) {
+            if (this.userid) {
                 imageLoaded = await this.getImageByProp(this.userid, this.fetchImageByUserId.bind(this));
-            if (!imageLoaded && this.email)
+            }
+            if (!imageLoaded && this.email?.match(emailPattern)) {
                 imageLoaded = await this.getImageByProp(this.email, this.fetchImageByEmail.bind(this));
-            if (!imageLoaded)
-                this.getAvatarByInitials();
+            }
+            if (!imageLoaded) {
+                this.getAvatarInitials();
+            }
+        }
+        else {
+            const slottedImageLoaded = await this.getImageByProp(imageUrl, this.fetchSlottedImage.bind(this));
+            if (!slottedImageLoaded) {
+                this.slottedImage.style.display = 'none';
+                this.getAvatarInitials();
+            }
+            else {
+                this.slottedImage.style.display = 'block';
+            }
         }
     }
     async getImageByProp(prop, fetchImage) {
         if (!prop)
             return false;
-        const imageResponse = (await this.getStorageItem(prop)) ?? { ok: false, url: '' };
-        if (!imageResponse.ok) {
-            try {
-                const r = await fetchImage();
-                imageResponse.ok = r.ok;
-                imageResponse.url = r.url;
-                this.imageUrl = imageResponse.url;
-                this.imageAlt = `${this.firstname} ${this.lastname} avatar`;
-                this.avatarType = AvatarType.Image;
-                this.setStorageItem(this.userid, JSON.stringify(imageResponse));
-            }
-            catch (error) {
-                this.removeStorageItem(prop);
-                console.info(`Loading avatar by type "${AvatarType.Image}" failed.`);
-            }
+        let imageResponse;
+        try {
+            imageResponse = await fetchImage(prop);
+        }
+        catch (error) {
+            console.info('Loading avatar image failed.', error);
+            return false;
+        }
+        if (!imageResponse?.ok) {
+            return false;
+        }
+        else {
+            this.imageUrl = imageResponse.url;
+            this.imageAlt = `${this.firstname} ${this.lastname} avatar`;
+            this.avatarType = AvatarType.Image;
+            return true;
         }
-        return imageResponse.ok;
     }
     async fetchImageByUserId() {
         return await fetch(PostAvatar.INTERNAL_USERID_IMAGE_SRC.replace('{userid}', encodeURIComponent(this.userid)));
@@ -80,7 +98,10 @@ export class PostAvatar {
         const imageUrl = GRAVATAR_BASE_URL.replace('{email}', email);
         return await fetch(imageUrl);
     }
-    getAvatarByInitials() {
+    async fetchSlottedImage(imageUrl) {
+        return await fetch(imageUrl, { method: 'HEAD' });
+    }
+    getAvatarInitials() {
         this.initials = this.getInitials();
         this.avatarType = AvatarType.Initials;
     }
@@ -93,19 +114,6 @@ export class PostAvatar {
             .join('')
             .trim();
     }
-    async getStorageItem(keyToken) {
-        const key = await this.cryptify(keyToken);
-        const value = window?.sessionStorage?.getItem(key);
-        return value ? JSON.parse(value) : null;
-    }
-    async setStorageItem(keyToken, value) {
-        const key = await this.cryptify(keyToken);
-        window?.sessionStorage?.setItem(key, value);
-    }
-    async removeStorageItem(keyToken) {
-        const key = await this.cryptify(keyToken);
-        window?.sessionStorage?.removeItem(key);
-    }
     async cryptify(key) {
         return await crypto.subtle.digest('SHA-256', new TextEncoder().encode(key)).then(buffer => {
             return Array.from(new Uint8Array(buffer))
@@ -113,18 +121,42 @@ export class PostAvatar {
                 .join('');
         });
     }
-    onSlotDefaultChange() {
-        this.slottedImage = this.host.querySelector('img');
-        this.getAvatar();
+    slotChanged() {
+        const slot = this.host.shadowRoot.querySelector('slot');
+        const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];
+        assignedNodes.forEach(node => {
+            if (node.nodeType === Node.ELEMENT_NODE) {
+                const el = node;
+                if (el.tagName === 'IMG') {
+                    this.observeImageSrcChanges(el);
+                }
+            }
+        });
+        this.getAvatarImage();
     }
-    componentWillRender() {
-        this.slottedImage = this.host.querySelector('img');
-        this.getAvatar();
+    // Observe the Slotted image src attribute and update the image
+    observeImageSrcChanges(img) {
+        if (this.slottedImageObserver) {
+            this.slottedImageObserver.disconnect();
+        }
+        this.slottedImageObserver = new MutationObserver(mutations => {
+            mutations.forEach(mutation => {
+                if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
+                    this.getAvatarImage();
+                }
+            });
+        });
+        this.slottedImageObserver.observe(img, { attributes: true, attributeFilter: ['src'] });
+    }
+    connectedCallback() {
+        //This provides a fallback by showing the initials while the image is still loading or delayed.
+        this.getAvatarInitials();
+        this.getAvatarImage();
     }
     componentDidLoad() {
         this.validateFirstname();
         this.validateLastname();
-        this.validateUserid();
+        this.validateUserId();
         this.validateEmail();
     }
     render() {
@@ -136,7 +168,7 @@ export class PostAvatar {
             // eslint-disable-next-line @stencil-community/render-returns-host
             return acc;
         }, []);
-        return (h(Host, { "data-version": version }, h("slot", { onSlotchange: this.onSlotDefaultChange.bind(this) }, this.avatarType === 'image' && h("img", { src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && h("div", { class: "initials" }, initials))));
+        return (h(Host, { "data-version": version }, h("span", { class: this.avatarType === 'slotted' ? '' : 'd-none' }, h("slot", { onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && h("img", { src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && h("div", { class: "initials" }, initials)));
     }
     static get is() { return "post-avatar"; }
     static get encapsulation() { return "shadow"; }
@@ -236,7 +268,8 @@ export class PostAvatar {
             "avatarType": {},
             "imageUrl": {},
             "imageAlt": {},
-            "initials": {}
+            "initials": {},
+            "storageKey": {}
         };
     }
     static get elementRef() { return "host"; }
@@ -249,10 +282,10 @@ export class PostAvatar {
                 "methodName": "validateLastname"
             }, {
                 "propName": "userid",
-                "methodName": "validateUserid"
+                "methodName": "updateUserid"
             }, {
                 "propName": "email",
-                "methodName": "validateEmail"
+                "methodName": "updateEmail"
             }];
     }
 }

package/dist/collection/components/post-banner/post-banner.js

@@ -57,7 +57,7 @@ export class PostBanner {
         this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
     }
     render() {
-        return (h(Host, { key: 'fc9507a57b443c485cf9496be4e04f66c04d7eaf', "data-version": version, role: "alert" }, h("slot", { key: '1f59c2d63144990f148a37046d70b2155280abd6', name: "close-button" }), h("slot", { key: '65d0e3c723cb474498d40d26f7f369b7d3abb41e', name: "heading" }), h("slot", { key: '03ff96159a3066a64a7a474d9e6a5450937f8c84' }), this.hasActions && (h("div", { key: '641ad34505cd5141133e5ef788f7e38ab0f977c8', class: "actions" }, h("slot", { key: '242f388c40d71f37a25f2af3fe3eb622a9ab2796', name: "actions" })))));
+        return (h(Host, { key: 'e15185f83fd0da3aa39b2b5272e4326ecd77ee9d', "data-version": version, role: "alert" }, h("slot", { key: '328dd1643a38643593ef79b5416b6f4b49e4eeef', name: "close-button" }), h("slot", { key: '37ba09740a254eb559e5035dc2611849c1d01993', name: "heading" }), h("slot", { key: '705fe8a24b3d31cce0637bea745128393aeee121' }), this.hasActions && (h("div", { key: '296f89787a5f497fc835d88931b0784ab9c7ace9', class: "actions" }, h("slot", { key: '7a3c6c574ef61890ebd8d038d491b56e65a22129', name: "actions" })))));
     }
     static get is() { return "post-banner"; }
     static get encapsulation() { return "shadow"; }
@@ -154,7 +154,7 @@ export class PostBanner {
     }
     static get listeners() {
         return [{
-                "name": "postClick",
+                "name": "click",
                 "method": "onCloseButtonClick",
                 "target": undefined,
                 "capture": false,

package/dist/collection/components/post-closebutton/post-closebutton.js

@@ -13,7 +13,7 @@ export class PostClosebutton {
         }
     }
     render() {
-        return (h(Host, { key: '639599ff890ccf96684035e80449a99dcad7de85', "data-version": version }, h("button", { key: '0cc95e3c46a6d91ec3d31fff498b4c0b784de272', class: "btn btn-icon-close", type: "button", onClick: () => this.postClick.emit() }, h("post-icon", { key: 'e30566a7734bb6a64a03f8983da015e7e7ec8c90', "aria-hidden": "true", name: "closex" }), h("span", { key: '549ef38de408b6af78605f5e2f6f5c9aa291c04b', class: "visually-hidden" }, h("slot", { key: '0325e4b54cfa8cfea9ddf243c1c25730d9a4b88f', onSlotchange: () => this.checkHiddenLabel() })))));
+        return (h(Host, { key: 'a8db3ecbefea609234c4c8c29dbf085637592c2c', "data-version": version }, h("button", { key: '58cef7f32f6ec89d46a1ea57b5497089a96aebf3', class: "btn btn-icon-close", type: "button" }, h("post-icon", { key: '023a67437b69bb9966d08b027cc5f10d68baac40', "aria-hidden": "true", name: "closex" }), h("span", { key: 'b1a21810b6179ddd8d66b426a3149966c1972f59', class: "visually-hidden" }, h("slot", { key: '2a2417bedbcb57c75993722d3267342c7df7381d', onSlotchange: () => this.checkHiddenLabel() })))));
     }
     static get is() { return "post-closebutton"; }
     static get encapsulation() { return "shadow"; }
@@ -27,23 +27,5 @@ export class PostClosebutton {
             "$": ["post-closebutton.css"]
         };
     }
-    static get events() {
-        return [{
-                "method": "postClick",
-                "name": "postClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "An event emitted when the close button is clicked.\nIt has no payload."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
     static get elementRef() { return "host"; }
 }

package/dist/collection/components/post-menu/post-menu.js

@@ -13,6 +13,9 @@ import { PLACEMENT_TYPES } from "../../types/index";
 import { version } from "../../../../package";
 import { getFocusableChildren } from "../../utils/get-focusable-children";
 import { getRoot, checkEmptyOrOneOf, EventFrom } from "../../utils/index";
+/**
+ * @part menu - The container element that holds the list of menu items.
+*/
 export class PostMenu {
     constructor() {
         this.lastFocusedElement = null;
@@ -173,7 +176,7 @@ export class PostMenu {
             .flatMap(el => Array.from(getFocusableChildren(el))));
     }
     render() {
-        return (h(Host, { key: 'bca8873f7f98b03d3e6952bce4990d1c435bd5ec', "data-version": version, role: "menu" }, h("post-popovercontainer", { key: '805c1e528c4af6e35b7881395b2f9de9e430f8c8', placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'f534119e208f2bb387f39824736aee766f550fa8', part: "menu" }, h("slot", { key: 'ec9ae42dab9aebd93aafdbebd15d8c39736c84df' })))));
+        return (h(Host, { key: 'ee365a30646247563fccd55556f7667cb1591d02', "data-version": version, role: "menu" }, h("post-popovercontainer", { key: 'c649841d408d3f35dfed959cdc6b041163ff80d3', placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '9f4f145b80c716d27dc51f4bcb0d269b2b2678a8', part: "menu" }, h("slot", { key: '72b53c8f154a4a91541799a789e8618a8d1a9c2c' })))));
     }
     static get is() { return "post-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-tabs/post-tabs.js

@@ -5,8 +5,8 @@ import { componentOnReady } from "../../utils/index";
 /**
  * @slot tabs - Slot for placing tab headers. Each tab header should be a <post-tab-header> element.
  * @slot default - Slot for placing tab panels. Each tab panel should be a <post-tab-panel> element.
- * @part tabs - Add custom styles for the tab header container.
- * @part content - Add custom styles for the tab panel container.
+ * @part tabs - The container element that holds the set of tabs.
+ * @part content - The container element that displays the content of the currently active tab.
  */
 export class PostTabs {
     constructor() {
@@ -145,7 +145,7 @@ export class PostTabs {
         nextTab.focus();
     }
     render() {
-        return (h(Host, { key: '467959e964a6d7f44ac3eee09f9c7d2b501af4fe', "data-version": version }, h("div", { key: '7ce4c0428360124f6937d123a4664d6f22e1110c', class: "tabs-wrapper", part: "tabs" }, h("div", { key: 'c41b073b855cb12a789c8656d12b0f6e9e20ea6f', class: "tabs", role: "tablist" }, h("slot", { key: '37935aa4c4d1ca4e71931e9e50d91e77075d2b64', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: 'bb84a728572c00256e219b5dd28322cbab699932', class: "tab-content", part: "content" }, h("slot", { key: 'e2aa9cf6a9faa9f5ded6018def77b9b818b2b986', onSlotchange: () => this.moveMisplacedTabs() }))));
+        return (h(Host, { key: 'dc7228c840d65e3546e0d13e5bcaa78819b5aeb9', "data-version": version }, h("div", { key: '377d592f7c00f3ec0c7aba2a4a8ca2b88cd37927', class: "tabs-wrapper", part: "tabs" }, h("div", { key: '6e79f33d6cd82d55ba9fad2f09f6163ce7e0a372', class: "tabs", role: "tablist" }, h("slot", { key: '65fbf3cb6525f2f2ae97eb60dad313811db4c585', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: '675a59a27e79bad06ea2b70c4fc7b0a6f4b020ff', class: "tab-content", part: "content" }, h("slot", { key: 'b559af0fa652e352673fbabb6829a62a5630e809', onSlotchange: () => this.moveMisplacedTabs() }))));
     }
     static get is() { return "post-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/event-from.js

@@ -7,7 +7,7 @@
  * @returns true if the event should be processed, false otherwise
  */
 function shouldProcessEvent(event, tag, host, ignoreNestedComponents) {
-    if (!(event instanceof CustomEvent && event.target instanceof HTMLElement))
+    if (!(event instanceof Event && event.target instanceof HTMLElement))
         return false;
     const eventTarget = event.target;
     if (eventTarget.localName !== tag)
@@ -38,7 +38,7 @@ export function EventFrom(tag, option = { ignoreNestedComponents: true }) {
             };
         }
         else {
-            // Creates a hidden storage property for the original method using a 
+            // Creates a hidden storage property for the original method using a
             // modified key format (__[property]_original) to avoid naming conflicts
             const privateKey = `__${propertyKey}_original`;
             // Create hidden storage for original method

package/dist/{esm/event-from-8U5GFtQP.js → components/event-from.js}

@@ -7,7 +7,7 @@
  * @returns true if the event should be processed, false otherwise
  */
 function shouldProcessEvent(event, tag, host, ignoreNestedComponents) {
-    if (!(event instanceof CustomEvent && event.target instanceof HTMLElement))
+    if (!(event instanceof Event && event.target instanceof HTMLElement))
         return false;
     const eventTarget = event.target;
     if (eventTarget.localName !== tag)
@@ -38,7 +38,7 @@ function EventFrom(tag, option = { ignoreNestedComponents: true }) {
             };
         }
         else {
-            // Creates a hidden storage property for the original method using a 
+            // Creates a hidden storage property for the original method using a
             // modified key format (__[property]_original) to avoid naming conflicts
             const privateKey = `__${propertyKey}_original`;
             // Create hidden storage for original method

package/dist/components/get-root.js

@@ -0,0 +1,15 @@
+import { I as IS_BROWSER } from './breakpoints.js';
+
+/**
+ * getRootNode() can only be used after the element has been attached to the document!
+ * So use it for example in the componentDidLoad lifecycle hook.
+ */
+function getRoot(element) {
+    const root = IS_BROWSER ? element.getRootNode() : element;
+    if (root instanceof Document || root instanceof ShadowRoot) {
+        return root;
+    }
+    throw new Error('Attempting to access root node before the element is attached to the document or shadow tree.');
+}
+
+export { getRoot as g };

package/dist/components/index.d.ts

@@ -1,3 +1,75 @@
+/* PostComponents custom elements */
+export { PostAccordion as PostAccordion } from '../types/components/post-accordion/post-accordion';
+export { defineCustomElement as defineCustomElementPostAccordion } from './post-accordion';
+export { PostAccordionItem as PostAccordionItem } from '../types/components/post-accordion-item/post-accordion-item';
+export { defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item';
+export { PostAvatar as PostAvatar } from '../types/components/post-avatar/post-avatar';
+export { defineCustomElement as defineCustomElementPostAvatar } from './post-avatar';
+export { PostBackToTop as PostBackToTop } from '../types/components/post-back-to-top/post-back-to-top';
+export { defineCustomElement as defineCustomElementPostBackToTop } from './post-back-to-top';
+export { PostBanner as PostBanner } from '../types/components/post-banner/post-banner';
+export { defineCustomElement as defineCustomElementPostBanner } from './post-banner';
+export { PostBreadcrumbItem as PostBreadcrumbItem } from '../types/components/post-breadcrumb-item/post-breadcrumb-item';
+export { defineCustomElement as defineCustomElementPostBreadcrumbItem } from './post-breadcrumb-item';
+export { PostBreadcrumbs as PostBreadcrumbs } from '../types/components/post-breadcrumbs/post-breadcrumbs';
+export { defineCustomElement as defineCustomElementPostBreadcrumbs } from './post-breadcrumbs';
+export { PostCardControl as PostCardControl } from '../types/components/post-card-control/post-card-control';
+export { defineCustomElement as defineCustomElementPostCardControl } from './post-card-control';
+export { PostClosebutton as PostClosebutton } from '../types/components/post-closebutton/post-closebutton';
+export { defineCustomElement as defineCustomElementPostClosebutton } from './post-closebutton';
+export { PostCollapsible as PostCollapsible } from '../types/components/post-collapsible/post-collapsible';
+export { defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible';
+export { PostCollapsibleTrigger as PostCollapsibleTrigger } from '../types/components/post-collapsible-trigger/post-collapsible-trigger';
+export { defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger';
+export { PostFooter as PostFooter } from '../types/components/post-footer/post-footer';
+export { defineCustomElement as defineCustomElementPostFooter } from './post-footer';
+export { PostHeader as PostHeader } from '../types/components/post-header/post-header';
+export { defineCustomElement as defineCustomElementPostHeader } from './post-header';
+export { PostIcon as PostIcon } from '../types/components/post-icon/post-icon';
+export { defineCustomElement as defineCustomElementPostIcon } from './post-icon';
+export { PostLanguageOption as PostLanguageOption } from '../types/components/post-language-option/post-language-option';
+export { defineCustomElement as defineCustomElementPostLanguageOption } from './post-language-option';
+export { PostLanguageSwitch as PostLanguageSwitch } from '../types/components/post-language-switch/post-language-switch';
+export { defineCustomElement as defineCustomElementPostLanguageSwitch } from './post-language-switch';
+export { PostLinkarea as PostLinkarea } from '../types/components/post-linkarea/post-linkarea';
+export { defineCustomElement as defineCustomElementPostLinkarea } from './post-linkarea';
+export { PostList as PostList } from '../types/components/post-list/post-list';
+export { defineCustomElement as defineCustomElementPostList } from './post-list';
+export { PostListItem as PostListItem } from '../types/components/post-list-item/post-list-item';
+export { defineCustomElement as defineCustomElementPostListItem } from './post-list-item';
+export { PostLogo as PostLogo } from '../types/components/post-logo/post-logo';
+export { defineCustomElement as defineCustomElementPostLogo } from './post-logo';
+export { PostMainnavigation as PostMainnavigation } from '../types/components/post-mainnavigation/post-mainnavigation';
+export { defineCustomElement as defineCustomElementPostMainnavigation } from './post-mainnavigation';
+export { PostMegadropdown as PostMegadropdown } from '../types/components/post-megadropdown/post-megadropdown';
+export { defineCustomElement as defineCustomElementPostMegadropdown } from './post-megadropdown';
+export { PostMegadropdownTrigger as PostMegadropdownTrigger } from '../types/components/post-megadropdown-trigger/post-megadropdown-trigger';
+export { defineCustomElement as defineCustomElementPostMegadropdownTrigger } from './post-megadropdown-trigger';
+export { PostMenu as PostMenu } from '../types/components/post-menu/post-menu';
+export { defineCustomElement as defineCustomElementPostMenu } from './post-menu';
+export { PostMenuItem as PostMenuItem } from '../types/components/post-menu-item/post-menu-item';
+export { defineCustomElement as defineCustomElementPostMenuItem } from './post-menu-item';
+export { PostMenuTrigger as PostMenuTrigger } from '../types/components/post-menu-trigger/post-menu-trigger';
+export { defineCustomElement as defineCustomElementPostMenuTrigger } from './post-menu-trigger';
+export { PostPopover as PostPopover } from '../types/components/post-popover/post-popover';
+export { defineCustomElement as defineCustomElementPostPopover } from './post-popover';
+export { PostPopovercontainer as PostPopovercontainer } from '../types/components/post-popovercontainer/post-popovercontainer';
+export { defineCustomElement as defineCustomElementPostPopovercontainer } from './post-popovercontainer';
+export { PostRating as PostRating } from '../types/components/post-rating/post-rating';
+export { defineCustomElement as defineCustomElementPostRating } from './post-rating';
+export { PostTabHeader as PostTabHeader } from '../types/components/post-tab-header/post-tab-header';
+export { defineCustomElement as defineCustomElementPostTabHeader } from './post-tab-header';
+export { PostTabPanel as PostTabPanel } from '../types/components/post-tab-panel/post-tab-panel';
+export { defineCustomElement as defineCustomElementPostTabPanel } from './post-tab-panel';
+export { PostTabs as PostTabs } from '../types/components/post-tabs/post-tabs';
+export { defineCustomElement as defineCustomElementPostTabs } from './post-tabs';
+export { PostTogglebutton as PostTogglebutton } from '../types/components/post-togglebutton/post-togglebutton';
+export { defineCustomElement as defineCustomElementPostTogglebutton } from './post-togglebutton';
+export { PostTooltip as PostTooltip } from '../types/components/post-tooltip/post-tooltip';
+export { defineCustomElement as defineCustomElementPostTooltip } from './post-tooltip';
+export { PostTooltipTrigger as PostTooltipTrigger } from '../types/components/post-tooltip-trigger/post-tooltip-trigger';
+export { defineCustomElement as defineCustomElementPostTooltipTrigger } from './post-tooltip-trigger';
+
 /**
  * Get the base path to where the assets can be found. Use "setAssetPath(path)"
  * if the path needs to be customized.
@@ -31,3 +103,4 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';