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

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

@@ -1,49 +1,45 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Host, h, } from "@stencil/core";
 import { version } from "../../../../package";
 import { fadeOut } from "../../animations/index";
-import { checkRequiredAndType, checkEmptyOrOneOf } from "../../utils/index";
+import { checkEmptyOrOneOf, EventFrom } from "../../utils/index";
 import { BANNER_TYPES } from "./banner-types";
-import { nanoid } from "nanoid";
 /**
  * @slot heading - Slot for placing custom content within the banner's heading.
  * @slot actions - Slot for placing custom actions (buttons, links, etc.) within the banner.
+ * @slot close-button - Slot for placing a `post-closebutton` component to make the banner dismissible.
  * @slot default - Slot for placing the main content/message of the banner.
  */
 export class PostBanner {
     constructor() {
-        this.bannerId = `p${nanoid(6)}`;
-        this.onDismissButtonClick = () => this.dismiss();
-        /**
-         * If `true`, a close button (×) is displayed and the banner can be dismissed by the user.
-         */
-        this.dismissible = false;
+        this.mutationObserver = new MutationObserver(this.checkContent.bind(this));
+        this.hasActions = false;
         /**
          * The type of the banner.
          */
         this.type = 'info';
     }
-    checkDismissible() {
-        if (this.dismissible) {
-            setTimeout(() => {
-                checkRequiredAndType(this, 'dismissLabel', 'string');
-            });
-        }
-    }
     validateType() {
         checkEmptyOrOneOf(this, 'type', BANNER_TYPES);
     }
+    connectedCallback() {
+        this.mutationObserver.observe(this.host, { childList: true });
+    }
     componentDidLoad() {
-        this.checkDismissible();
+        this.checkContent();
         this.validateType();
     }
-    componentWillRender() {
-        this.hasHeading = this.host.querySelectorAll('[slot=heading]').length > 0;
-        this.hasActions = this.host.querySelectorAll('[slot=actions]').length > 0;
-        this.classes = `banner ${this.type ? 'banner-' + this.type : ''}`;
-        if (this.dismissible)
-            this.classes += ' banner-dismissible';
-        if (this.hasActions)
-            this.classes += ' banner-action';
+    disconnectedCallback() {
+        this.mutationObserver.disconnect();
     }
     /**
      * Triggers banner dismissal programmatically (same as clicking on the close button (×)).
@@ -54,16 +50,14 @@ export class PostBanner {
         this.host.remove();
         this.postDismissed.emit();
     }
+    onCloseButtonClick() {
+        void this.dismiss();
+    }
+    checkContent() {
+        this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
+    }
     render() {
-        const defaultBannerContent = [
-            this.hasHeading && (h("div", { key: `${this.bannerId}-heading`, class: "banner-heading" }, h("slot", { key: 'cea692aeb18e0c75d9616efc1cf804f3629f5bbf', name: "heading" }))),
-            h("slot", { key: `${this.bannerId}-message` }),
-        ];
-        const actionBannerContent = [
-            h("div", { key: `${this.bannerId}-content`, class: "banner-content" }, defaultBannerContent),
-            h("div", { key: `${this.bannerId}-buttons`, class: "banner-buttons" }, h("slot", { key: '5f48e2d579c573cce2e347b08951785e2a8a0c42', name: "actions" })),
-        ];
-        return (h(Host, { key: '27649f6a2f208748afd204c2cf4c72b7c19eb3a0', "data-version": version }, h("div", { key: 'dd8418a4d6358bd1f6493a57308ce93a2a945cd2', role: "alert", class: this.classes, part: this.classes }, this.dismissible && (h("button", { key: '549e7ef13a1d69312c1266737a6c145dd5cf257a', class: "btn-close", onClick: this.onDismissButtonClick }, h("span", { key: 'b024d4254d6e9e52fcf3dca5bfe42c310565afce', class: "visually-hidden" }, this.dismissLabel))), this.hasActions ? actionBannerContent : defaultBannerContent)));
+        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"; }
@@ -79,45 +73,6 @@ export class PostBanner {
     }
     static get properties() {
         return {
-            "dismissible": {
-                "type": "boolean",
-                "attribute": "dismissible",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, a close button (\u00D7) is displayed and the banner can be dismissed by the user."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "dismissLabel": {
-                "type": "string",
-                "attribute": "dismiss-label",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The label to use for the close button of a dismissible banner."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
             "type": {
                 "type": "string",
                 "attribute": "type",
@@ -141,18 +96,14 @@ export class PostBanner {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "'info'"
             }
         };
     }
     static get states() {
         return {
-            "bannerId": {},
-            "classes": {},
-            "hasActions": {},
-            "hasHeading": {},
-            "onDismissButtonClick": {}
+            "hasActions": {}
         };
     }
     static get events() {
@@ -197,11 +148,20 @@ export class PostBanner {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
-                "propName": "dismissible",
-                "methodName": "checkDismissible"
-            }, {
                 "propName": "type",
                 "methodName": "validateType"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "onCloseButtonClick",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
+__decorate([
+    EventFrom('post-closebutton')
+], PostBanner.prototype, "onCloseButtonClick", null);

package/dist/collection/components/post-card-control/post-card-control.js

@@ -5,8 +5,8 @@ let cardControlIds = 0;
 /**
  * @class PostCardControl - representing a stencil component
  *
- * @slot default - Content to place into the `default` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt">block content</a>.<p className="banner banner-sm banner-warning">Even if it is generally possible, we do not recommend using interactive elements in this slot because the background of the card control is clickable.<br/>This can lead to confusion when the hit box of nested interactive controls is not clearly separated from the background, is invalid HTML and click events bubbling up to the card control will unexpectedly toggle it if they're not captured.<br/>More info: <a href="https://accessibilityinsights.io/info-examples/web/nested-interactive/">https://accessibilityinsights.io/info-examples/web/nested-interactive/</a></p>
- * @slot icon - To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content">inline content</a>.<p className="banner banner-sm banner-info">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>
+ * @slot default - Content to place into the `default` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt">block content</a>.<post-banner type="warning" data-size="sm"><p>Even if it is generally possible, we do not recommend using interactive elements in this slot because the background of the card control is clickable.<br/>This can lead to confusion when the hit box of nested interactive controls is not clearly separated from the background, is invalid HTML and click events bubbling up to the card control will unexpectedly toggle it if they're not captured.<br/>More info: <a href="https://accessibilityinsights.io/info-examples/web/nested-interactive/">https://accessibilityinsights.io/info-examples/web/nested-interactive/</a></p></post-banner>
+ * @slot icon - To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content">inline content</a>.<post-banner data-size="sm"><p>It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p></post-banner>
  */
 export class PostCardControl {
     /**
@@ -229,14 +229,14 @@ export class PostCardControl {
         this.hasIcon = Boolean(this.host.querySelector('[slot="icon"]') || this.icon);
     }
     render() {
-        return (h(Host, { key: 'ff23ac518f715fc7c2727dd7c2abccd0fdb486da', "data-version": version, onClick: this.cardClickHandler }, h("div", { key: '3519942dfeb694729e4b6c7c7df4b68854ccde81', class: {
+        return (h(Host, { key: 'e0f328775bee8a8a05ca02a0d74c30bab97a55b1', "data-version": version, onClick: this.cardClickHandler }, h("div", { key: '21c4f081f2c4720dce65f0beed7127a7392c21bb', class: {
                 'card-control': true,
                 'is-checked': this.checked,
                 'is-disabled': this.disabled,
                 'is-focused': this.focused,
                 'is-valid': this.validity !== undefined && this.validity !== false,
                 'is-invalid': this.validity === false,
-            } }, h("input", { key: 'f47a58485c7d507565e29c832ca1c3d6b053bc17', ref: el => (this.control = el), id: this.controlId, class: "card-control--input", type: this.type, name: this.name, value: this.value, checked: this.checked, "aria-describedby": `${this.controlId}_content`, "aria-disabled": this.disabled, "aria-invalid": this.validity === false, onClick: this.controlClickHandler, onInput: this.controlChangeHandler, onChange: this.controlChangeHandler, onFocus: this.controlFocusHandler, onBlur: this.controlFocusHandler, onKeyDown: this.controlKeyDownHandler }), h("label", { key: '65e8247d88c2cc6bb2e0be17e7d6fab3502fb364', id: `${this.controlId}_label`, htmlFor: this.controlId, class: "card-control--label" }, this.label, this.description ? (h("div", { class: "card-control--description" }, this.description)) : null), this.hasIcon ? (h("div", { class: "card-control--icon" }, h("slot", { name: "icon" }, this.icon ? h("post-icon", { name: this.icon }) : null))) : null, h("div", { key: 'df538a1f14b49fa7bd6907ef57d045c7303b6d77', id: `${this.controlId}_content`, class: "card-control--content" }, h("slot", { key: '1a79c6a2da57a5b8aef911dc2acd09e553b79489' })))));
+            } }, h("input", { key: '0850cf58736cd393e1aa34e7f4f44ccdfbde0f1a', ref: el => (this.control = el), id: this.controlId, class: "card-control--input", type: this.type, name: this.name, value: this.value, checked: this.checked, "aria-describedby": `${this.controlId}_content`, "aria-disabled": this.disabled, "aria-invalid": this.validity === false, onClick: this.controlClickHandler, onInput: this.controlChangeHandler, onChange: this.controlChangeHandler, onFocus: this.controlFocusHandler, onBlur: this.controlFocusHandler, onKeyDown: this.controlKeyDownHandler }), h("label", { key: '73956c65cb4a83e0feb3d915c8b5f7561307336f', id: `${this.controlId}_label`, htmlFor: this.controlId, class: "card-control--label" }, this.label, this.description ? (h("div", { class: "card-control--description" }, this.description)) : null), this.hasIcon ? (h("div", { class: "card-control--icon" }, h("slot", { name: "icon" }, this.icon ? h("post-icon", { name: this.icon }) : null))) : null, h("div", { key: '9b4104a21c0d960d9b3adbefdb38ba8e81ac1ab6', id: `${this.controlId}_content`, class: "card-control--content" }, h("slot", { key: '85469e7c5665c934c297a21870bc296a1ef95128' })))));
     }
     componentDidRender() {
         this.setHostContext();
@@ -347,7 +347,7 @@ export class PostCardControl {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Defines the `name` attribute of the control.\n<span className=\"mb-4 banner banner-sm banner-info\">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span>\n<span className=\"banner banner-sm banner-info\">This is a required property, when the control is used with type `radio`.</span>"
+                    "text": "Defines the `name` attribute of the control.\n<post-banner data-size=\"sm\"><p>This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</p></post-banner>\n<post-banner data-size=\"sm\"><p>This is a required property, when the control is used with type `radio`.</p></post-banner>"
                 },
                 "getter": false,
                 "setter": false,
@@ -366,7 +366,7 @@ export class PostCardControl {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Defines the `value` attribute of the control. <span className=\"banner banner-sm banner-info\">This is a required property, when the control is used with type `radio`.</span>"
+                    "text": "Defines the `value` attribute of the control. <post-banner data-size=\"sm\"><p>This is a required property, when the control is used with type `radio`.</p></post-banner>"
                 },
                 "getter": false,
                 "setter": false,
@@ -444,7 +444,7 @@ export class PostCardControl {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Defines the icon `name` inside the card.\n<span className=\"banner banner-sm banner-info\">If not set the icon will not show up.</span>"
+                    "text": "Defines the icon `name` inside the card.\n<post-banner data-size=\"sm\"><p>If not set the icon will not show up.</p></post-banner>"
                 },
                 "getter": false,
                 "setter": false,
@@ -481,7 +481,7 @@ export class PostCardControl {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "An event emitted whenever the components checked state is toggled.\nThe event payload (emitted under `event.detail.state`) is a boolean: `true` if the component is checked, `false` if it is unchecked.\n<span className=\"banner banner-sm banner-info\">If the component is used with type `radio`, it will only emit this event, when the checked state is changing to `true`.</span>"
+                    "text": "An event emitted whenever the components checked state is toggled.\nThe event payload (emitted under `event.detail.state`) is a boolean: `true` if the component is checked, `false` if it is unchecked.\n<post-banner data-size=\"sm\"><p>If the component is used with type `radio`, it will only emit this event, when the checked state is changing to `true`.</p></post-banner>"
                 },
                 "complexType": {
                     "original": "{ state: boolean; value: string }",

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

@@ -4,8 +4,16 @@ import { version } from "../../../../package";
  * @slot default - Slot for placing visually hidden label in the close button.
  */
 export class PostClosebutton {
+    componentDidLoad() {
+        this.checkHiddenLabel();
+    }
+    checkHiddenLabel(slot = this.host.shadowRoot.querySelector('.visually-hidden slot')) {
+        if (slot.assignedNodes().length === 0) {
+            console.error(`The \`${this.host.localName}\` component requires content for accessibility.`);
+        }
+    }
     render() {
-        return (h(Host, { key: '7b5e179b42eefd1823b2b2ef7ee17c94bd9f0ddd', "data-version": version }, h("button", { key: '471e68d1ddcfe741f5450d002b2daa86cec0f986', class: "btn btn-icon-close", type: "button" }, h("post-icon", { key: '928fa7460988cffa269a29506e68e056f84bcef8', "aria-hidden": "true", name: "closex" }), h("span", { key: 'c1501f4a8b7d8d95be7d02576b10143b9e6b0654', class: "visually-hidden" }, h("slot", { key: 'a9f1ab8db57486d420db0981090ad2ba5183c289' })))));
+        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"; }

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-popovercontainer/post-popovercontainer.js

@@ -149,7 +149,7 @@ export class PostPopovercontainer {
                 Object.assign(this.arrowRef.style, {
                     left: arrowX ? `${arrowX}px` : '',
                     top: arrowY ? `${arrowY}px` : '',
-                    [staticSide]: '-7px',
+                    [staticSide]: '-5px',
                 });
             }
         }

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/components/{p-8U5GFtQP.js → 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';