@swisspost/design-system-components 1.6.3 → 1.7.1

package/dist/post-components/{p-7b8797c6.entry.js → p-f695aab4.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,H as i,g as o}from"./p-a7649277.js";import{v as a}from"./p-88262544.js";const e=":host{display:block}";const r=class{constructor(t){s(this,t);this.expandedCollapsibles=new Set;this.multiple=false}componentWillLoad(){this.registerCollapsibles()}async toggle(s){const t=this.collapsibles.find((t=>t.id===s));if(!t)throw new Error(`No post-collapsible found with id #${s}.`);await t.toggle()}collapseChangeHandler(s){const t=s.target;const i=this.expandedCollapsibles.has(t);if(i){this.expandedCollapsibles.delete(t)}else{this.expandedCollapsibles.add(t)}if(this.multiple||i)return;Array.from(this.expandedCollapsibles.values()).filter((s=>s!==t)).forEach((s=>{void s.toggle(false)}))}async expandAll(){if(this.multiple){await Promise.all(this.collapsibles.map((s=>s.toggle(true))))}else if(!this.expandedCollapsibles.size){await this.collapsibles[0].toggle(true)}}async collapseAll(){await Promise.all(this.collapsibles.map((s=>s.toggle(false))))}registerCollapsibles(){this.collapsibles=Array.from(this.host.querySelectorAll("post-collapsible"));this.collapsibles.filter((s=>!s.collapsed||this.expandedCollapsibles.has(s))).forEach(((s,t)=>{if(!this.multiple&&t!==0){s.setAttribute("collapsed","");return}this.expandedCollapsibles.add(s)}))}render(){return t(i,{"data-version":a},t("div",{class:"accordion"},t("slot",{onSlotchange:()=>this.registerCollapsibles()})))}get host(){return o(this)}};r.style=e;export{r as post_accordion};
-//# sourceMappingURL=p-7b8797c6.entry.js.map
+import{r as s,h as t,H as i,g as o}from"./p-81591ad0.js";import{v as a}from"./p-bd1d0117.js";const e=":host{display:block}";const r=class{constructor(t){s(this,t);this.expandedCollapsibles=new Set;this.multiple=false}componentWillLoad(){this.registerCollapsibles()}async toggle(s){const t=this.collapsibles.find((t=>t.id===s));if(!t)throw new Error(`No post-collapsible found with id #${s}.`);await t.toggle()}collapseChangeHandler(s){const t=s.target;const i=this.expandedCollapsibles.has(t);if(i){this.expandedCollapsibles.delete(t)}else{this.expandedCollapsibles.add(t)}if(this.multiple||i)return;Array.from(this.expandedCollapsibles.values()).filter((s=>s!==t)).forEach((s=>{void s.toggle(false)}))}async expandAll(){if(this.multiple){await Promise.all(this.collapsibles.map((s=>s.toggle(true))))}else if(!this.expandedCollapsibles.size){await this.collapsibles[0].toggle(true)}}async collapseAll(){await Promise.all(this.collapsibles.map((s=>s.toggle(false))))}registerCollapsibles(){this.collapsibles=Array.from(this.host.querySelectorAll("post-collapsible"));this.collapsibles.filter((s=>!s.collapsed||this.expandedCollapsibles.has(s))).forEach(((s,t)=>{if(!this.multiple&&t!==0){s.setAttribute("collapsed","");return}this.expandedCollapsibles.add(s)}))}render(){return t(i,{"data-version":a},t("div",{class:"accordion"},t("slot",{onSlotchange:()=>this.registerCollapsibles()})))}get host(){return o(this)}};r.style=e;export{r as P};
+//# sourceMappingURL=p-f695aab4.js.map

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

@@ -1,2 +1,2 @@
-import{p as a,b as e}from"./p-a7649277.js";export{s as setNonce}from"./p-a7649277.js";const l=()=>{const e=import.meta.url;const l={};if(e!==""){l.resourcesUrl=new URL(".",e).href}return a(l)};l().then((a=>e([["p-3225e008",[[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"]}]]],["p-7b8797c6",[[1,"post-accordion",{multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"collapseChange","collapseChangeHandler"]]]]],["p-bd293ff3",[[1,"post-collapsible",{collapsed:[4],headingLevel:[2,"heading-level"],id:[32],isOpen:[32],hasHeader:[32],headingTag:[32],toggle:[64]},null,{collapsed:["validateCollapsed"],headingLevel:["validateHeadingLevel"]}]]],["p-b2c3ed97",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-195b8c88",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-61ffffa9",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-a7c78dea",[[1,"post-tooltip",{backgroundColor:[1,"background-color"],placement:[1],tooltipClasses:[32],show:[64],hide:[64],toggle:[64]},null,{backgroundColor:["validateBackgroundColor"]}]]],["p-ba9aba3a",[[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"]}]]]],a)));
+import{p as e,b as a}from"./p-81591ad0.js";export{s as setNonce}from"./p-81591ad0.js";const l=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};l().then((e=>a([["p-d8365401",[[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"]}]]],["p-668bf58c",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-6b3a5063",[[1,"post-tooltip",{placement:[1],show:[64],hide:[64],toggle:[64]}]]],["p-9b1b6e06",[[1,"post-accordion",{multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"collapseChange","collapseChangeHandler"]]]]],["p-4cbb5212",[[1,"post-collapsible",{collapsed:[4],headingLevel:[2,"heading-level"],id:[32],isOpen:[32],hasHeader:[32],headingTag:[32],toggle:[64]},null,{collapsed:["validateCollapsed"],headingLevel:["validateHeadingLevel"]}]]],["p-e78d158d",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-4b94c2a1",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-169b8ef7",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-67d0a4fa",[[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"]}]]],["p-51ae6f46",[[1,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]]],e)));
 //# sourceMappingURL=post-components.esm.js.map

package/dist/post-components/post-components.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","dismissible","dismissLabel","fixed","icon","type","alertId","classes","hasActions","hasHeading","onDismissButtonClick","dismiss","multiple","toggle","expandAll","collapseAll","collapsed","headingLevel","id","isOpen","hasHeader","headingTag","panel","tabId","name","panelId","activePanel","show","backgroundColor","placement","tooltipClasses","hide","animation","base","flipH","flipV","rotate","scale","svgStyles","svgOutput"],"sources":["../../node_modules/.pnpm/@stencil+core@4.6.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.6.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,GAEXC,EAAc,gCAA8B,CAAAC,YAAS,IAAAC,aAAA,oBAAAC,MAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,QAAA,KAAAC,QAAA,KAAAC,WAAA,KAAAC,WAAA,KAAAC,qBAAA,KAAAC,QAAA,YAAAV,YAAA,wBAAAC,aAAA,yBAAAC,MAAA,kBAAAC,KAAA,iBAAAC,KAAA,yDAAAO,SAAA,IAAAC,OAAA,KAAAC,UAAA,KAAAC,YAAA,8FAAAC,UAAA,IAAAC,aAAA,oBAAAC,GAAA,KAAAC,OAAA,KAAAC,UAAA,KAAAC,WAAA,KAAAR,OAAA,YAAAG,UAAA,sBAAAC,aAAA,kEAAAK,MAAA,IAAAC,MAAA,YAAAD,MAAA,wDAAAE,KAAA,IAAAC,QAAA,wCAAAC,YAAA,mBAAAC,KAAA,2CAAAC,gBAAA,uBAAAC,UAAA,IAAAC,eAAA,KAAAH,KAAA,KAAAI,KAAA,KAAAlB,OAAA,YAAAe,gBAAA,+DAAAI,UAAA,IAAAC,KAAA,IAAAC,MAAA,aAAAC,MAAA,aAAAX,KAAA,IAAAY,OAAA,IAAAC,MAAA,IAAAC,UAAA,KAAAC,UAAA,YAAAP,UAAA,sBAAAC,KAAA,iBAAAC,MAAA,kBAAAC,MAAA,kBAAAX,KAAA,iBAAAY,OAAA,mBAAAC,MAAA,uBAAAtC"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","dismissible","dismissLabel","fixed","icon","type","alertId","classes","hasActions","hasHeading","onDismissButtonClick","dismiss","placement","closeButtonCaption","arrow","show","hide","toggle","multiple","expandAll","collapseAll","collapsed","headingLevel","id","isOpen","hasHeader","headingTag","panel","tabId","name","panelId","activePanel","animation","base","flipH","flipV","rotate","scale","svgStyles","svgOutput"],"sources":["../../node_modules/.pnpm/@stencil+core@4.9.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.9.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,GAEXC,EAAc,gCAA8B,CAAAC,YAAS,IAAAC,aAAA,oBAAAC,MAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,QAAA,KAAAC,QAAA,KAAAC,WAAA,KAAAC,WAAA,KAAAC,qBAAA,KAAAC,QAAA,YAAAV,YAAA,wBAAAC,aAAA,yBAAAC,MAAA,kBAAAC,KAAA,iBAAAC,KAAA,uDAAAO,UAAA,IAAAC,mBAAA,2BAAAC,MAAA,IAAAC,KAAA,KAAAC,KAAA,KAAAC,OAAA,2CAAAL,UAAA,IAAAG,KAAA,KAAAC,KAAA,KAAAC,OAAA,6CAAAC,SAAA,IAAAD,OAAA,KAAAE,UAAA,KAAAC,YAAA,8FAAAC,UAAA,IAAAC,aAAA,oBAAAC,GAAA,KAAAC,OAAA,KAAAC,UAAA,KAAAC,WAAA,KAAAT,OAAA,YAAAI,UAAA,sBAAAC,aAAA,kEAAAK,MAAA,IAAAC,MAAA,YAAAD,MAAA,wDAAAE,KAAA,IAAAC,QAAA,wCAAAC,YAAA,mBAAAhB,KAAA,wCAAAiB,UAAA,IAAAC,KAAA,IAAAC,MAAA,aAAAC,MAAA,aAAAN,KAAA,IAAAO,OAAA,IAAAC,MAAA,IAAAC,UAAA,KAAAC,UAAA,YAAAP,UAAA,sBAAAC,KAAA,iBAAAC,MAAA,kBAAAC,MAAA,kBAAAN,KAAA,iBAAAO,OAAA,mBAAAC,MAAA,iEAAAzB,UAAA,IAAAE,MAAA,IAAAC,KAAA,KAAAC,KAAA,KAAAC,OAAA,UAAAlB"}

package/dist/types/components/post-accordion/post-accordion.d.ts

@@ -1,28 +1,28 @@
 export declare class PostAccordion {
-  private collapsibles;
-  private expandedCollapsibles;
-  host: HTMLPostAccordionElement;
-  /**
-   * If `true`, multiple `post-collapsible` can be open at the same time.
-   */
-  readonly multiple: boolean;
-  componentWillLoad(): void;
-  /**
-   * Toggles the `post-collapsible` children with the given id.
-   */
-  toggle(id: string): Promise<void>;
-  collapseChangeHandler(event: CustomEvent): void;
-  /**
-   * Expands all `post-collapsible` children.
-   *
-   * If `close-others` is `true` and all items are closed, it will open the first one.
-   * Otherwise, it will keep the opened one.
-   */
-  expandAll(): Promise<void>;
-  /**
-   * Collapses all `post-collapsible` children.
-   */
-  collapseAll(): Promise<void>;
-  private registerCollapsibles;
-  render(): any;
+    private collapsibles;
+    private expandedCollapsibles;
+    host: HTMLPostAccordionElement;
+    /**
+     * If `true`, multiple `post-collapsible` can be open at the same time.
+     */
+    readonly multiple: boolean;
+    componentWillLoad(): void;
+    /**
+     * Toggles the `post-collapsible` children with the given id.
+     */
+    toggle(id: string): Promise<void>;
+    collapseChangeHandler(event: CustomEvent): void;
+    /**
+     * Expands all `post-collapsible` children.
+     *
+     * If `close-others` is `true` and all items are closed, it will open the first one.
+     * Otherwise, it will keep the opened one.
+     */
+    expandAll(): Promise<void>;
+    /**
+     * Collapses all `post-collapsible` children.
+     */
+    collapseAll(): Promise<void>;
+    private registerCollapsibles;
+    render(): any;
 }

package/dist/types/components/post-alert/post-alert.d.ts

@@ -1,49 +1,49 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { AlertType } from './alert-types';
 export declare class PostAlert {
-  host: HTMLPostAlertElement;
-  alertId: `${string}-${string}-${string}-${string}-${string}`;
-  classes: string;
-  hasActions: boolean;
-  hasHeading: boolean;
-  onDismissButtonClick: () => Promise<void>;
-  /**
-   * If `true`, a close button (×) is displayed and the alert can be dismissed by the user.
-   */
-  readonly dismissible: boolean;
-  validateDismissible(isDismissible?: boolean): void;
-  /**
-   * The label to use for the close button of a dismissible alert.
-   */
-  readonly dismissLabel: string;
-  validateDismissLabel(dismissLabel?: string): void;
-  /**
-   * If `true`, the alert is positioned at the bottom of the window, from edge to edge.
-   */
-  readonly fixed: boolean;
-  validateFixed(isFixed?: boolean): void;
-  /**
-   * The icon to display in the alert. By default, the icon depends on the alert type.
-   *
-   * If `none`, no icon is displayed.
-   */
-  readonly icon: string;
-  validateIcon(icon?: string): void;
-  /**
-   * The type of the alert.
-   */
-  readonly type: AlertType;
-  validateType(type?: "primary" | "success" | "danger" | "warning" | "info" | "gray"): void;
-  /**
-   * An event emitted when the alert element is dismissed, after the transition.
-   * It has no payload and only relevant for dismissible alerts.
-   */
-  dismissed: EventEmitter<void>;
-  connectedCallback(): void;
-  componentWillRender(): void;
-  /**
-   * Triggers alert dismissal programmatically (same as clicking on the close button (×)).
-   */
-  dismiss(): Promise<void>;
-  render(): any;
+    host: HTMLPostAlertElement;
+    alertId: `${string}-${string}-${string}-${string}-${string}`;
+    classes: string;
+    hasActions: boolean;
+    hasHeading: boolean;
+    onDismissButtonClick: () => Promise<void>;
+    /**
+     * If `true`, a close button (×) is displayed and the alert can be dismissed by the user.
+     */
+    readonly dismissible: boolean;
+    validateDismissible(isDismissible?: boolean): void;
+    /**
+     * The label to use for the close button of a dismissible alert.
+     */
+    readonly dismissLabel: string;
+    validateDismissLabel(dismissLabel?: string): void;
+    /**
+     * If `true`, the alert is positioned at the bottom of the window, from edge to edge.
+     */
+    readonly fixed: boolean;
+    validateFixed(isFixed?: boolean): void;
+    /**
+     * The icon to display in the alert. By default, the icon depends on the alert type.
+     *
+     * If `none`, no icon is displayed.
+     */
+    readonly icon: string;
+    validateIcon(icon?: string): void;
+    /**
+     * The type of the alert.
+     */
+    readonly type: AlertType;
+    validateType(type?: "primary" | "success" | "danger" | "warning" | "info" | "gray"): void;
+    /**
+     * An event emitted when the alert element is dismissed, after the transition.
+     * It has no payload and only relevant for dismissible alerts.
+     */
+    dismissed: EventEmitter<void>;
+    connectedCallback(): void;
+    componentWillRender(): void;
+    /**
+     * Triggers alert dismissal programmatically (same as clicking on the close button (×)).
+     */
+    dismiss(): Promise<void>;
+    render(): any;
 }

package/dist/types/components/post-collapsible/post-collapsible.d.ts

@@ -1,35 +1,35 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { HeadingLevel } from './heading-levels';
 export declare class PostCollapsible {
-  private isLoaded;
-  private collapsible;
-  host: HTMLPostCollapsibleElement;
-  id: string;
-  isOpen: boolean;
-  hasHeader: boolean;
-  headingTag: string;
-  /**
-   * If `true`, the element is initially collapsed otherwise it is displayed.
-   */
-  readonly collapsed?: boolean;
-  validateCollapsed(newValue?: boolean): void;
-  /**
-   * Defines the hierarchical level of the collapsible header within the headings structure.
-   */
-  readonly headingLevel?: HeadingLevel;
-  validateHeadingLevel(newValue?: 6 | 1 | 2 | 3 | 4 | 5): void;
-  /**
-   * An event emitted when the collapse element is shown or hidden, before the transition. It has no payload.
-   */
-  collapseChange: EventEmitter<void>;
-  connectedCallback(): void;
-  componentWillRender(): void;
-  componentDidLoad(): void;
-  /**
-   * Triggers the collapse programmatically.
-   *
-   * If there is a collapsing transition running already, it will be reversed.
-   */
-  toggle(open?: boolean): Promise<boolean>;
-  render(): any;
+    private isLoaded;
+    private collapsible;
+    host: HTMLPostCollapsibleElement;
+    id: string;
+    isOpen: boolean;
+    hasHeader: boolean;
+    headingTag: string;
+    /**
+     * If `true`, the element is initially collapsed otherwise it is displayed.
+     */
+    readonly collapsed?: boolean;
+    validateCollapsed(newValue?: boolean): void;
+    /**
+     * Defines the hierarchical level of the collapsible header within the headings structure.
+     */
+    readonly headingLevel?: HeadingLevel;
+    validateHeadingLevel(newValue?: 6 | 1 | 2 | 3 | 4 | 5): void;
+    /**
+     * An event emitted when the collapse element is shown or hidden, before the transition. It has no payload.
+     */
+    collapseChange: EventEmitter<void>;
+    connectedCallback(): void;
+    componentWillRender(): void;
+    componentDidLoad(): void;
+    /**
+     * Triggers the collapse programmatically.
+     *
+     * If there is a collapsing transition running already, it will be reversed.
+     */
+    toggle(open?: boolean): Promise<boolean>;
+    render(): any;
 }

package/dist/types/components/post-icon/post-icon.d.ts

@@ -4,48 +4,48 @@ type Animation = (typeof ANIMATION_NAMES)[number];
  * @class PostIcon - representing a stencil component
  */
 export declare class PostIcon {
-  private path;
-  host: HTMLPostIconElement;
-  svgStyles: string;
-  svgOutput: string;
-  /**
-   * The name of the animation.
-   */
-  readonly animation?: Animation | null;
-  validateAnimation(newValue?: "cylon" | "cylon-vertical" | "spin" | "spin-reverse" | "fade" | "throb"): void;
-  /**
-   * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
-   */
-  readonly base?: string | null;
-  validateBase(newValue?: string): void;
-  /**
-   * When set to `true`, the icon will be flipped horizontally.
-   */
-  readonly flipH?: boolean;
-  validateFlipH(newValue?: boolean): void;
-  /**
-   * When set to `true`, the icon will be flipped vertically.
-   */
-  readonly flipV?: boolean;
-  validateFlipV(newValue?: boolean): void;
-  /**
-   * The name/id of the icon (e.g. 1000, 1001, ...).
-   */
-  readonly name: string;
-  validateName(newValue?: string): void;
-  /**
-   * The number of degree for the css rotate transformation.
-   */
-  readonly rotate?: number | null;
-  validateRotate(newValue?: number): void;
-  /**
-   * The number for the css scale transformation.
-   */
-  readonly scale?: number | null;
-  validateScale(newValue?: number): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  private setPath;
-  render(): any;
+    private path;
+    host: HTMLPostIconElement;
+    svgStyles: string;
+    svgOutput: string;
+    /**
+     * The name of the animation.
+     */
+    readonly animation?: Animation | null;
+    validateAnimation(newValue?: "cylon" | "cylon-vertical" | "spin" | "spin-reverse" | "fade" | "throb"): void;
+    /**
+     * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
+     */
+    readonly base?: string | null;
+    validateBase(newValue?: string): void;
+    /**
+     * When set to `true`, the icon will be flipped horizontally.
+     */
+    readonly flipH?: boolean;
+    validateFlipH(newValue?: boolean): void;
+    /**
+     * When set to `true`, the icon will be flipped vertically.
+     */
+    readonly flipV?: boolean;
+    validateFlipV(newValue?: boolean): void;
+    /**
+     * The name/id of the icon (e.g. 1000, 1001, ...).
+     */
+    readonly name: string;
+    validateName(newValue?: string): void;
+    /**
+     * The number of degree for the css rotate transformation.
+     */
+    readonly rotate?: number | null;
+    validateRotate(newValue?: number): void;
+    /**
+     * The number for the css scale transformation.
+     */
+    readonly scale?: number | null;
+    validateScale(newValue?: number): void;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    private setPath;
+    render(): any;
 }
 export {};

package/dist/types/components/post-popover/post-popover.d.ts

@@ -0,0 +1,53 @@
+import { Placement } from '@floating-ui/dom';
+export declare class PostPopover {
+    private popoverRef;
+    private localTogglePopover;
+    private localEnterTogglePopover;
+    private localTouchTogglePopover;
+    private currentTarget;
+    host: HTMLPostPopoverElement;
+    /**
+     * Defines the placement of the popover according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
+     * Popoverss are automatically flipped to the opposite side if there is not enough available space and are shifted
+     * towards the viewport if they would overlap edge boundaries.
+     */
+    readonly placement?: Placement;
+    /**
+     * Define the caption of the close button for assistive technology
+     */
+    readonly closeButtonCaption: string;
+    /**
+     * Show a little indicator arrow
+     */
+    readonly arrow?: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Programmatically display the popover
+     * @param target An element with [data-popover-target="id"] where the popover should be shown
+     */
+    show(target: HTMLElement): Promise<void>;
+    /**
+     * Programmatically hide this popover
+     */
+    hide(): Promise<void>;
+    /**
+     * Toggle popover display
+     * @param target An element with [data-popover-target="id"] where the popover should be anchored to
+     * @param force Pass true to always show or false to always hide
+     */
+    toggle(target: HTMLElement, force?: boolean): Promise<void>;
+    private get triggers();
+    /**
+     * One time event handler for click events
+     * A permanent event listener would prevent a toggle button from working properly:
+     * A click opens the popover, a second click first closes it (due to light dismiss), then directly
+     * opens it again because of the click listener on the button. Registering a new
+     * one time listener after a small timeout solves this issue.
+     * @param e toggle event from post-popovercontainer
+     */
+    private onToggle;
+    private stopImmediatePropagation;
+    render(): any;
+}

package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts

@@ -0,0 +1,62 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Placement } from '@floating-ui/dom';
+import '@oddbird/popover-polyfill';
+interface PopoverElement {
+    showPopover: () => void;
+    hidePopover: () => void;
+    togglePopover: (force?: boolean) => boolean;
+}
+export type PostPopoverElement = HTMLElement & PopoverElement;
+export declare class PostPopovercontainer {
+    host: HTMLPostPopovercontainerElement;
+    private popoverRef;
+    private arrowRef;
+    private eventTarget;
+    private clearAutoUpdate;
+    /**
+     * Fires whenever the popover gets shown or hidden, passing the new state in event.details as a boolean
+     */
+    postPopoverToggled: EventEmitter<boolean>;
+    /**
+     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
+     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
+     * towards the viewport if they would overlap edge boundaries.
+     */
+    readonly placement?: Placement;
+    /**
+     * Wheter or not to display a little pointer arrow
+     */
+    readonly arrow?: boolean;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * Programmatically display the tooltip
+     * @param target An element with [data-tooltip-target="id"] where the tooltip should be shown
+     */
+    show(target: HTMLElement): Promise<void>;
+    /**
+     * Programmatically hide this tooltip
+     */
+    hide(): Promise<void>;
+    /**
+     * Toggle tooltip display
+     * @param target An element with [data-tooltip-target="id"] where the tooltip should be shown
+     * @param force Pass true to always show or false to always hide
+     */
+    toggle(target: HTMLElement, force?: boolean): Promise<boolean>;
+    /**
+     * Start or stop auto updates based on tooltip events.
+     * Tooltips can be closed or opened with other methods than class members,
+     * therefore listening to the toggle event is safer for cleaning up.
+     * @param e ToggleEvent
+     */
+    private handleToggle;
+    /**
+     * Start listening for DOM updates, scroll events etc. that have
+     * an influence on tooltip positioning
+     */
+    private startAutoupdates;
+    private calculatePosition;
+    render(): any;
+}
+export {};

package/dist/types/components/post-tab-header/post-tab-header.d.ts

@@ -1,11 +1,11 @@
 export declare class PostTabHeader {
-  host: HTMLPostTabHeaderElement;
-  tabId: string;
-  /**
-   * The name of the panel controlled by the tab header.
-   */
-  readonly panel: HTMLPostTabPanelElement['name'];
-  validateFor(newValue: HTMLPostTabPanelElement['name']): void;
-  componentWillLoad(): void;
-  render(): any;
+    host: HTMLPostTabHeaderElement;
+    tabId: string;
+    /**
+     * The name of the panel controlled by the tab header.
+     */
+    readonly panel: HTMLPostTabPanelElement['name'];
+    validateFor(newValue: HTMLPostTabPanelElement['name']): void;
+    componentWillLoad(): void;
+    render(): any;
 }

package/dist/types/components/post-tab-panel/post-tab-panel.d.ts

@@ -1,10 +1,10 @@
 export declare class PostTabPanel {
-  host: HTMLPostTabPanelElement;
-  panelId: string;
-  /**
-   * The name of the panel, used to associate it with a tab header.
-   */
-  readonly name: string;
-  componentWillLoad(): void;
-  render(): any;
+    host: HTMLPostTabPanelElement;
+    panelId: string;
+    /**
+     * The name of the panel, used to associate it with a tab header.
+     */
+    readonly name: string;
+    componentWillLoad(): void;
+    render(): any;
 }

package/dist/types/components/post-tabs/post-tabs.d.ts

@@ -1,35 +1,35 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class PostTabs {
-  private activeTab;
-  private showing;
-  private hiding;
-  private isLoaded;
-  private get tabs();
-  host: HTMLPostTabsElement;
-  /**
-   * The name of the panel that is initially shown.
-   * If not specified, it defaults to the panel associated with the first tab.
-   *
-   * **Changing this value after initialization has no effect.**
-   */
-  readonly activePanel: HTMLPostTabPanelElement['name'];
-  /**
-   * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
-   * The payload is the name of the newly shown panel.
-   */
-  tabChange: EventEmitter<HTMLPostTabPanelElement['name']>;
-  componentDidLoad(): void;
-  /**
-   * Shows the panel with the given name and selects its associated tab.
-   * Any other panel that was previously shown becomes hidden and its associated tab is unselected.
-   */
-  show(panelName: string): Promise<void>;
-  private moveMisplacedTabs;
-  private enableTabs;
-  private activateTab;
-  private hidePanel;
-  private showSelectedPanel;
-  private getPanel;
-  private navigateTabs;
-  render(): any;
+    private activeTab;
+    private showing;
+    private hiding;
+    private isLoaded;
+    private get tabs();
+    host: HTMLPostTabsElement;
+    /**
+     * The name of the panel that is initially shown.
+     * If not specified, it defaults to the panel associated with the first tab.
+     *
+     * **Changing this value after initialization has no effect.**
+     */
+    readonly activePanel: HTMLPostTabPanelElement['name'];
+    /**
+     * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
+     * The payload is the name of the newly shown panel.
+     */
+    tabChange: EventEmitter<HTMLPostTabPanelElement['name']>;
+    componentDidLoad(): void;
+    /**
+     * Shows the panel with the given name and selects its associated tab.
+     * Any other panel that was previously shown becomes hidden and its associated tab is unselected.
+     */
+    show(panelName: string): Promise<void>;
+    private moveMisplacedTabs;
+    private enableTabs;
+    private activateTab;
+    private hidePanel;
+    private showSelectedPanel;
+    private getPanel;
+    private navigateTabs;
+    render(): any;
 }