@swisspost/design-system-components 1.6.3 → 1.7.0

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

@@ -1,6 +1,5 @@
-export { P as post_tooltip } from './post-tooltip-fa7b4a0a.js';
-import './index-4eff5fc5.js';
-import './package-b9b10dd3.js';
-import './check-one-of-74750af9.js';
+export { P as post_tooltip } from './post-tooltip-57928808.js';
+import './index-35998e08.js';
+import './package-337354c3.js';
 
 //# sourceMappingURL=post-tooltip.entry.js.map

package/dist/esm/post-tooltip.entry.js.map

@@ -1 +1 @@
-{"file":"post-tooltip.entry.js","mappings":";;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"post-tooltip.entry.js","mappings":";;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1,2 +1,2 @@
-export{P as PostAlert}from"./p-8b6fe20d.js";export{P as PostCollapsible}from"./p-3604be27.js";export{P as PostIcon}from"./p-d407b1c3.js";export{P as PostTabs}from"./p-fffce1d7.js";export{P as PostTabHeader}from"./p-ca1e407c.js";export{P as PostTabPanel}from"./p-9f71d450.js";export{P as PostTooltip}from"./p-fd7015ae.js";import"./p-a7649277.js";import"./p-88262544.js";import"./p-2737eaf5.js";import"./p-dfe29f7f.js";import"./p-440193f4.js";import"./p-1339f8cd.js";import"./p-b531475e.js";
+export{P as PostAccordion}from"./p-dbd07f20.js";export{P as PostAlert}from"./p-7d32dfb7.js";export{P as PostCollapsible}from"./p-eaddd6cc.js";export{P as PostIcon}from"./p-bd032124.js";export{P as PostPopover}from"./p-1f55663e.js";export{P as PostPopovercontainer}from"./p-9bd5f824.js";export{P as PostTabs}from"./p-09892ad1.js";export{P as PostTabHeader}from"./p-6e3158e8.js";export{P as PostTabPanel}from"./p-b4b4f59a.js";export{P as PostTooltip}from"./p-f994dce8.js";import"./p-81591ad0.js";import"./p-de493e36.js";import"./p-2737eaf5.js";import"./p-96f4ebc4.js";import"./p-440193f4.js";import"./p-b095519d.js";
 //# sourceMappingURL=index.esm.js.map

package/dist/post-components/p-05e85f2b.entry.js

@@ -0,0 +1,2 @@
+export{P as post_popover}from"./p-1f55663e.js";import"./p-81591ad0.js";import"./p-de493e36.js";
+//# sourceMappingURL=p-05e85f2b.entry.js.map

package/dist/post-components/p-08abd53e.entry.js

@@ -0,0 +1,2 @@
+export{P as post_tab_panel}from"./p-b4b4f59a.js";import"./p-81591ad0.js";import"./p-de493e36.js";
+//# sourceMappingURL=p-08abd53e.entry.js.map

package/dist/post-components/p-09892ad1.js

@@ -0,0 +1,2 @@
+import{r,c as t,h as a,H as o,g as s}from"./p-81591ad0.js";import{v as e}from"./p-de493e36.js";import{f as i,a as b}from"./p-2737eaf5.js";const c='.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:#faf9f8}.tabs-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{margin-block:1rem}.bg-yellow .tabs-wrapper{background-color:#fc0}.bg-light .tabs-wrapper{background-color:#faf9f8}.bg-gray .tabs-wrapper{background-color:#f4f3f1}.bg-dark .tabs-wrapper{background-color:#333}.bg-primary .tabs-wrapper{background-color:#333}.bg-white .tabs-wrapper{background-color:#fff}.bg-black .tabs-wrapper{background-color:#000}.bg-info .tabs-wrapper{background-color:#cce4ee}.bg-success .tabs-wrapper{background-color:#2c911c}.bg-warning .tabs-wrapper{background-color:#f49e00}.bg-danger .tabs-wrapper{background-color:#a51728}.bg-nightblue .tabs-wrapper{background-color:#004976}.bg-nightblue-bright .tabs-wrapper{background-color:#0076a8}.bg-petrol .tabs-wrapper{background-color:#006d68}.bg-petrol-bright .tabs-wrapper{background-color:#00968f}.bg-coral .tabs-wrapper{background-color:#9e2a2f}.bg-coral-bright .tabs-wrapper{background-color:#e03c31}.bg-olive .tabs-wrapper{background-color:#716135}.bg-olive-bright .tabs-wrapper{background-color:#aa9d2e}.bg-purple .tabs-wrapper{background-color:#80276c}.bg-purple-bright .tabs-wrapper{background-color:#c5299b}.bg-aubergine .tabs-wrapper{background-color:#523178}.bg-aubergine-bright .tabs-wrapper{background-color:#7566a0}.bg-success-green .tabs-wrapper{background-color:#2c871d}.bg-error-red .tabs-wrapper{background-color:#a51728}.bg-warning-orange .tabs-wrapper{background-color:#f49e00}.bg-success-background .tabs-wrapper{background-color:#c0debb}.bg-error-background .tabs-wrapper{background-color:#ffdade}.bg-warning-background .tabs-wrapper{background-color:#fce2b2}:host{display:block}';const n=class{constructor(a){r(this,a);this.tabChange=t(this,"tabChange",7);this.isLoaded=false;this.activePanel=undefined}get tabs(){return this.host.querySelectorAll("post-tab-header")}componentDidLoad(){this.moveMisplacedTabs();this.enableTabs();const r=this.activePanel||this.tabs.item(0).panel;void this.show(r);this.isLoaded=true}async show(r){var t;if(r===((t=this.activeTab)===null||t===void 0?void 0:t.panel)){return}const a=this.activeTab;const o=this.host.querySelector(`post-tab-header[panel=${r}]`);this.activateTab(o);if(this.showing){this.showing.effect["target"].style.display="none";this.showing.finish()}if(a&&!this.showing&&!this.hiding){this.hidePanel(a.panel)}if(this.hiding){await this.hiding.finished}this.showSelectedPanel();if(this.showing){await this.showing.finished}this.tabChange.emit(this.activeTab.panel)}moveMisplacedTabs(){if(!this.tabs)return;this.tabs.forEach((r=>{if(r.getAttribute("slot")==="tabs")return;r.setAttribute("slot","tabs")}))}enableTabs(){if(!this.tabs)return;this.tabs.forEach((async r=>{await r.componentOnReady();const t=r.shadowRoot.querySelector(".tab-title");if(t.getAttribute("aria-controls"))return;const a=this.getPanel(r.panel).shadowRoot.querySelector(".tab-pane");t.setAttribute("aria-controls",a.id);a.setAttribute("aria-labelledby",t.id);r.addEventListener("click",(()=>{void this.show(r.panel)}));r.addEventListener("keydown",(({key:t})=>{if(t==="ArrowRight"||t==="ArrowLeft")this.navigateTabs(r,t)}))}));if(this.activeTab&&!this.activeTab.isConnected){void this.show(this.tabs.item(0).panel)}}activateTab(r){if(this.activeTab){const r=this.activeTab.shadowRoot.querySelector(".tab-title");r.setAttribute("aria-selected","false");r.setAttribute("tabindex","-1");r.classList.remove("active")}const t=r.shadowRoot.querySelector(".tab-title");t.setAttribute("aria-selected","true");t.removeAttribute("tabindex");t.classList.add("active");this.activeTab=r}hidePanel(r){const t=this.getPanel(r);if(!t)return;this.hiding=i(t);this.hiding.onfinish=()=>{t.style.display="none";this.hiding=null}}showSelectedPanel(){const r=this.getPanel(this.activeTab.panel);r.style.display="block";if(!this.isLoaded)return;this.showing=b(r);this.showing.onfinish=()=>{this.showing=null}}getPanel(r){return this.host.querySelector(`post-tab-panel[name=${r}]`)}navigateTabs(r,t){const a=Array.from(this.tabs).indexOf(r);let o;if(t==="ArrowRight"){o=this.tabs[a+1]||this.tabs[0]}else{o=this.tabs[a-1]||this.tabs[this.tabs.length-1]}if(!o)return;const s=o.shadowRoot.querySelector(".tab-title");s.focus()}render(){return a(o,{"data-version":e},a("div",{class:"tabs-wrapper"},a("div",{class:"tabs",role:"tablist"},a("slot",{name:"tabs",onSlotchange:()=>this.enableTabs()}))),a("div",{class:"tab-content"},a("slot",{onSlotchange:()=>this.moveMisplacedTabs()})))}get host(){return s(this)}};n.style=c;export{n as P};
+//# sourceMappingURL=p-09892ad1.js.map

package/dist/post-components/{p-fffce1d7.js.map → p-09892ad1.js.map}

@@ -1 +1 @@
-{"version":3,"names":["postTabsCss","PostTabs","this","isLoaded","tabs","host","querySelectorAll","componentDidLoad","moveMisplacedTabs","enableTabs","initiallyActivePanel","activePanel","item","panel","show","panelName","_a","activeTab","previousTab","newTab","querySelector","activateTab","showing","effect","style","display","finish","hiding","hidePanel","finished","showSelectedPanel","tabChange","emit","forEach","tab","getAttribute","setAttribute","async","componentOnReady","tabTitle","shadowRoot","tabPanel","getPanel","id","addEventListener","key","navigateTabs","isConnected","classList","remove","removeAttribute","add","previousPanel","fadeOut","onfinish","fadeIn","name","activeTabIndex","Array","from","indexOf","nextTab","length","nextTabTitle","focus","render","h","Host","version","class","role","onSlotchange"],"sources":["src/components/post-tabs/post-tabs.scss?tag=post-tabs&encapsulation=shadow","src/components/post-tabs/post-tabs.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/components/tabs/tabs-wrapper';\n\n:host {\n  display: block;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { fadeIn, fadeOut } from '../../animations';\n\n@Component({\n  tag: 'post-tabs',\n  styleUrl: 'post-tabs.scss',\n  shadow: true,\n})\nexport class PostTabs {\n  private activeTab: HTMLPostTabHeaderElement;\n  private showing: Animation;\n  private hiding: Animation;\n  private isLoaded = false;\n\n  private get tabs(): NodeListOf<HTMLPostTabHeaderElement> {\n    return this.host.querySelectorAll('post-tab-header');\n  }\n\n  @Element() host: HTMLPostTabsElement;\n\n  /**\n   * The name of the panel that is initially shown.\n   * If not specified, it defaults to the panel associated with the first tab.\n   *\n   * **Changing this value after initialization has no effect.**\n   */\n  @Prop() readonly activePanel: HTMLPostTabPanelElement['name'];\n\n  /**\n   * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.\n   * The payload is the name of the newly shown panel.\n   */\n  @Event() tabChange: EventEmitter<HTMLPostTabPanelElement['name']>;\n\n  componentDidLoad() {\n    this.moveMisplacedTabs();\n    this.enableTabs();\n\n    const initiallyActivePanel = this.activePanel || this.tabs.item(0).panel;\n    void this.show(initiallyActivePanel);\n\n    this.isLoaded = true;\n  }\n\n  /**\n   * Shows the panel with the given name and selects its associated tab.\n   * Any other panel that was previously shown becomes hidden and its associated tab is unselected.\n   */\n  @Method()\n  async show(panelName: string) {\n    // do nothing if the tab is already active\n    if (panelName === this.activeTab?.panel) {\n      return;\n    }\n\n    const previousTab = this.activeTab;\n    const newTab: HTMLPostTabHeaderElement = this.host.querySelector(\n      `post-tab-header[panel=${panelName}]`,\n    );\n    this.activateTab(newTab);\n\n    // if a panel is currently being displayed, remove it from the view and complete the associated animation\n    if (this.showing) {\n      this.showing.effect['target'].style.display = 'none';\n      this.showing.finish();\n    }\n\n    // hide the currently visible panel only if no other animation is running\n    if (previousTab && !this.showing && !this.hiding) {\n      this.hidePanel(previousTab.panel);\n    }\n\n    // wait for any hiding animation to complete before showing the selected tab\n    if (this.hiding) {\n      await this.hiding.finished;\n    }\n\n    this.showSelectedPanel();\n\n    // wait for any display animation to complete for the returned promise to fully resolve\n    if (this.showing) {\n      await this.showing.finished;\n    }\n\n    this.tabChange.emit(this.activeTab.panel);\n  }\n\n  private moveMisplacedTabs() {\n    if (!this.tabs) return;\n\n    this.tabs.forEach(tab => {\n      if (tab.getAttribute('slot') === 'tabs') return;\n      tab.setAttribute('slot', 'tabs');\n    });\n  }\n\n  private enableTabs() {\n    if (!this.tabs) return;\n\n    this.tabs.forEach(async tab => {\n      await tab.componentOnReady();\n\n      const tabTitle = tab.shadowRoot.querySelector('.tab-title');\n\n      // if the tab has an \"aria-controls\" attribute it was already linked to its panel: do nothing\n      if (tabTitle.getAttribute('aria-controls')) return;\n\n      const tabPanel = this.getPanel(tab.panel).shadowRoot.querySelector('.tab-pane');\n      tabTitle.setAttribute('aria-controls', tabPanel.id);\n      tabPanel.setAttribute('aria-labelledby', tabTitle.id);\n\n      tab.addEventListener('click', () => {\n        void this.show(tab.panel);\n      });\n\n      tab.addEventListener('keydown', ({ key }) => {\n        if (key === 'ArrowRight' || key === 'ArrowLeft') this.navigateTabs(tab, key);\n      });\n    });\n\n    // if the currently active tab was removed from the DOM then select the first one\n    if (this.activeTab && !this.activeTab.isConnected) {\n      void this.show(this.tabs.item(0).panel);\n    }\n  }\n\n  private activateTab(tab: HTMLPostTabHeaderElement) {\n    if (this.activeTab) {\n      const tabTitle = this.activeTab.shadowRoot.querySelector('.tab-title');\n      tabTitle.setAttribute('aria-selected', 'false');\n      tabTitle.setAttribute('tabindex', '-1');\n      tabTitle.classList.remove('active');\n    }\n\n    const tabTitle = tab.shadowRoot.querySelector('.tab-title');\n    tabTitle.setAttribute('aria-selected', 'true');\n    tabTitle.removeAttribute('tabindex');\n    tabTitle.classList.add('active');\n\n    this.activeTab = tab;\n  }\n\n  private hidePanel(panelName: HTMLPostTabPanelElement['name']) {\n    const previousPanel = this.getPanel(panelName);\n\n    if (!previousPanel) return;\n\n    this.hiding = fadeOut(previousPanel);\n    this.hiding.onfinish = () => {\n      previousPanel.style.display = 'none';\n      this.hiding = null;\n    };\n  }\n\n  private showSelectedPanel() {\n    const panel = this.getPanel(this.activeTab.panel);\n    panel.style.display = 'block';\n\n    // prevent the initially selected panel from fading in\n    if (!this.isLoaded) return;\n\n    this.showing = fadeIn(panel);\n    this.showing.onfinish = () => {\n      this.showing = null;\n    };\n  }\n\n  private getPanel(name: string): HTMLPostTabPanelElement {\n    return this.host.querySelector(`post-tab-panel[name=${name}]`);\n  }\n\n  private navigateTabs(tab: HTMLPostTabHeaderElement, key: 'ArrowRight' | 'ArrowLeft') {\n    const activeTabIndex = Array.from(this.tabs).indexOf(tab);\n\n    let nextTab: HTMLPostTabHeaderElement;\n    if (key === 'ArrowRight') {\n      nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];\n    } else {\n      nextTab = this.tabs[activeTabIndex - 1] || this.tabs[this.tabs.length - 1];\n    }\n\n    if (!nextTab) return;\n\n    const nextTabTitle = nextTab.shadowRoot.querySelector('.tab-title') as HTMLAnchorElement;\n    nextTabTitle.focus();\n  }\n\n  render() {\n    return (\n      <Host data-version={version}>\n        <div class=\"tabs-wrapper\">\n          <div class=\"tabs\" role=\"tablist\">\n            <slot name=\"tabs\" onSlotchange={() => this.enableTabs()} />\n          </div>\n        </div>\n        <div class=\"tab-content\">\n          <slot onSlotchange={() => this.moveMisplacedTabs()} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["postTabsCss","PostTabs","this","isLoaded","tabs","host","querySelectorAll","componentDidLoad","moveMisplacedTabs","enableTabs","initiallyActivePanel","activePanel","item","panel","show","panelName","_a","activeTab","previousTab","newTab","querySelector","activateTab","showing","effect","style","display","finish","hiding","hidePanel","finished","showSelectedPanel","tabChange","emit","forEach","tab","getAttribute","setAttribute","async","componentOnReady","tabTitle","shadowRoot","tabPanel","getPanel","id","addEventListener","key","navigateTabs","isConnected","classList","remove","removeAttribute","add","previousPanel","fadeOut","onfinish","fadeIn","name","activeTabIndex","Array","from","indexOf","nextTab","length","nextTabTitle","focus","render","h","Host","version","class","role","onSlotchange"],"sources":["src/components/post-tabs/post-tabs.scss?tag=post-tabs&encapsulation=shadow","src/components/post-tabs/post-tabs.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/components/tabs/tabs-wrapper';\n\n:host {\n  display: block;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { fadeIn, fadeOut } from '../../animations';\n\n@Component({\n  tag: 'post-tabs',\n  styleUrl: 'post-tabs.scss',\n  shadow: true,\n})\nexport class PostTabs {\n  private activeTab: HTMLPostTabHeaderElement;\n  private showing: Animation;\n  private hiding: Animation;\n  private isLoaded = false;\n\n  private get tabs(): NodeListOf<HTMLPostTabHeaderElement> {\n    return this.host.querySelectorAll('post-tab-header');\n  }\n\n  @Element() host: HTMLPostTabsElement;\n\n  /**\n   * The name of the panel that is initially shown.\n   * If not specified, it defaults to the panel associated with the first tab.\n   *\n   * **Changing this value after initialization has no effect.**\n   */\n  @Prop() readonly activePanel: HTMLPostTabPanelElement['name'];\n\n  /**\n   * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.\n   * The payload is the name of the newly shown panel.\n   */\n  @Event() tabChange: EventEmitter<HTMLPostTabPanelElement['name']>;\n\n  componentDidLoad() {\n    this.moveMisplacedTabs();\n    this.enableTabs();\n\n    const initiallyActivePanel = this.activePanel || this.tabs.item(0).panel;\n    void this.show(initiallyActivePanel);\n\n    this.isLoaded = true;\n  }\n\n  /**\n   * Shows the panel with the given name and selects its associated tab.\n   * Any other panel that was previously shown becomes hidden and its associated tab is unselected.\n   */\n  @Method()\n  async show(panelName: string) {\n    // do nothing if the tab is already active\n    if (panelName === this.activeTab?.panel) {\n      return;\n    }\n\n    const previousTab = this.activeTab;\n    const newTab: HTMLPostTabHeaderElement = this.host.querySelector(\n      `post-tab-header[panel=${panelName}]`,\n    );\n    this.activateTab(newTab);\n\n    // if a panel is currently being displayed, remove it from the view and complete the associated animation\n    if (this.showing) {\n      this.showing.effect['target'].style.display = 'none';\n      this.showing.finish();\n    }\n\n    // hide the currently visible panel only if no other animation is running\n    if (previousTab && !this.showing && !this.hiding) {\n      this.hidePanel(previousTab.panel);\n    }\n\n    // wait for any hiding animation to complete before showing the selected tab\n    if (this.hiding) {\n      await this.hiding.finished;\n    }\n\n    this.showSelectedPanel();\n\n    // wait for any display animation to complete for the returned promise to fully resolve\n    if (this.showing) {\n      await this.showing.finished;\n    }\n\n    this.tabChange.emit(this.activeTab.panel);\n  }\n\n  private moveMisplacedTabs() {\n    if (!this.tabs) return;\n\n    this.tabs.forEach(tab => {\n      if (tab.getAttribute('slot') === 'tabs') return;\n      tab.setAttribute('slot', 'tabs');\n    });\n  }\n\n  private enableTabs() {\n    if (!this.tabs) return;\n\n    this.tabs.forEach(async tab => {\n      await tab.componentOnReady();\n\n      const tabTitle = tab.shadowRoot.querySelector('.tab-title');\n\n      // if the tab has an \"aria-controls\" attribute it was already linked to its panel: do nothing\n      if (tabTitle.getAttribute('aria-controls')) return;\n\n      const tabPanel = this.getPanel(tab.panel).shadowRoot.querySelector('.tab-pane');\n      tabTitle.setAttribute('aria-controls', tabPanel.id);\n      tabPanel.setAttribute('aria-labelledby', tabTitle.id);\n\n      tab.addEventListener('click', () => {\n        void this.show(tab.panel);\n      });\n\n      tab.addEventListener('keydown', ({ key }) => {\n        if (key === 'ArrowRight' || key === 'ArrowLeft') this.navigateTabs(tab, key);\n      });\n    });\n\n    // if the currently active tab was removed from the DOM then select the first one\n    if (this.activeTab && !this.activeTab.isConnected) {\n      void this.show(this.tabs.item(0).panel);\n    }\n  }\n\n  private activateTab(tab: HTMLPostTabHeaderElement) {\n    if (this.activeTab) {\n      const tabTitle = this.activeTab.shadowRoot.querySelector('.tab-title');\n      tabTitle.setAttribute('aria-selected', 'false');\n      tabTitle.setAttribute('tabindex', '-1');\n      tabTitle.classList.remove('active');\n    }\n\n    const tabTitle = tab.shadowRoot.querySelector('.tab-title');\n    tabTitle.setAttribute('aria-selected', 'true');\n    tabTitle.removeAttribute('tabindex');\n    tabTitle.classList.add('active');\n\n    this.activeTab = tab;\n  }\n\n  private hidePanel(panelName: HTMLPostTabPanelElement['name']) {\n    const previousPanel = this.getPanel(panelName);\n\n    if (!previousPanel) return;\n\n    this.hiding = fadeOut(previousPanel);\n    this.hiding.onfinish = () => {\n      previousPanel.style.display = 'none';\n      this.hiding = null;\n    };\n  }\n\n  private showSelectedPanel() {\n    const panel = this.getPanel(this.activeTab.panel);\n    panel.style.display = 'block';\n\n    // prevent the initially selected panel from fading in\n    if (!this.isLoaded) return;\n\n    this.showing = fadeIn(panel);\n    this.showing.onfinish = () => {\n      this.showing = null;\n    };\n  }\n\n  private getPanel(name: string): HTMLPostTabPanelElement {\n    return this.host.querySelector(`post-tab-panel[name=${name}]`);\n  }\n\n  private navigateTabs(tab: HTMLPostTabHeaderElement, key: 'ArrowRight' | 'ArrowLeft') {\n    const activeTabIndex = Array.from(this.tabs).indexOf(tab);\n\n    let nextTab: HTMLPostTabHeaderElement;\n    if (key === 'ArrowRight') {\n      nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];\n    } else {\n      nextTab = this.tabs[activeTabIndex - 1] || this.tabs[this.tabs.length - 1];\n    }\n\n    if (!nextTab) return;\n\n    const nextTabTitle = nextTab.shadowRoot.querySelector('.tab-title') as HTMLAnchorElement;\n    nextTabTitle.focus();\n  }\n\n  render() {\n    return (\n      <Host data-version={version}>\n        <div class=\"tabs-wrapper\">\n          <div class=\"tabs\" role=\"tablist\">\n            <slot name=\"tabs\" onSlotchange={() => this.enableTabs()} />\n          </div>\n        </div>\n        <div class=\"tab-content\">\n          <slot onSlotchange={() => this.moveMisplacedTabs()} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/post-components/p-1e9ec4a9.entry.js

@@ -0,0 +1,2 @@
+export{P as post_tab_header}from"./p-6e3158e8.js";import"./p-81591ad0.js";import"./p-de493e36.js";import"./p-b095519d.js";import"./p-440193f4.js";
+//# sourceMappingURL=p-1e9ec4a9.entry.js.map

package/dist/post-components/p-1f55663e.js

@@ -0,0 +1,2 @@
+import{r as o,h as t,H as e,g as s}from"./p-81591ad0.js";import{v as i}from"./p-de493e36.js";const r="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;-webkit-appearance:button;appearance:button;outline:none;outline-offset:2px;border-radius:4px;color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.btn-close::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;content:\"\";display:block;height:1.5rem;width:1.5rem}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.btn-close:disabled{color:var(--post-gray-40)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51;display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;max-width:min(66vw,60rem)}@media (max-width: 599.98px){.popover-container{max-width:100%}}.popover-content{padding:.5em}";const n=class{constructor(t){o(this,t);this.placement="top";this.closeButtonCaption=undefined;this.arrow=true;this.localTogglePopover=o=>this.toggle(o.target);this.localEnterTogglePopover=o=>{if(o.key==="Enter")this.toggle(o.target)};this.localTouchTogglePopover=o=>{o.preventDefault();this.toggle(o.target)}}connectedCallback(){if(!this.triggers){throw new Error(`No trigger found for <post-popover popover-id="${this.host.id}`)}this.triggers.forEach((o=>{o.addEventListener("mouseup",this.localTogglePopover,{once:true});o.addEventListener("keypress",this.localEnterTogglePopover);o.addEventListener("touch",this.localTouchTogglePopover,{once:true});o.setAttribute("aria-expanded","false")}))}disconnectedCallback(){this.triggers.forEach((o=>{o.removeEventListener("mouseup",this.localTogglePopover);o.removeEventListener("keypress",this.localEnterTogglePopover);o.removeEventListener("touch",this.localTouchTogglePopover);o.removeAttribute("aria-expanded")}))}async show(o){this.currentTarget=o;this.popoverRef.show(o);o.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide();this.triggers.forEach((o=>o.setAttribute("aria-expanded","false")))}async toggle(o,t){this.currentTarget=o;const e=await this.popoverRef.toggle(o,t);o.setAttribute("aria-expanded",`${e}`)}get triggers(){return document.querySelectorAll(`[data-popover-target="${this.host.id}"]`)}onToggle(o){if(this.currentTarget){this.currentTarget.setAttribute("aria-expanded",`${o.detail}`)}if(!o.detail){window.requestAnimationFrame((()=>{this.triggers.forEach((o=>{o.addEventListener("mouseup",this.localTogglePopover,{once:true});o.addEventListener("touch",this.localTouchTogglePopover,{once:true})}))}));if(this.currentTarget){this.currentTarget.focus();this.currentTarget=null}}}stopImmediatePropagation(o){o.stopImmediatePropagation()}render(){return t(e,{"data-version":i},t("post-popovercontainer",{arrow:this.arrow,placement:this.placement,ref:o=>this.popoverRef=o,onPostPopoverToggled:o=>this.onToggle(o)},t("div",{class:"popover-container",onPointerDown:o=>this.stopImmediatePropagation(o),onPointerUp:o=>this.stopImmediatePropagation(o)},t("div",{class:"popover-content"},t("slot",null)),t("button",{class:"btn-close",onClick:()=>this.hide()},t("span",{class:"visually-hidden"},this.closeButtonCaption)))))}get host(){return s(this)}};n.style=r;export{n as P};
+//# sourceMappingURL=p-1f55663e.js.map

package/dist/post-components/p-1f55663e.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["postPopoverCss","PostPopover","constructor","hostRef","this","localTogglePopover","e","toggle","target","localEnterTogglePopover","key","localTouchTogglePopover","preventDefault","connectedCallback","triggers","Error","host","id","forEach","trigger","addEventListener","once","setAttribute","disconnectedCallback","removeEventListener","removeAttribute","show","currentTarget","popoverRef","hide","force","newState","document","querySelectorAll","onToggle","detail","window","requestAnimationFrame","focus","stopImmediatePropagation","render","h","Host","version","arrow","placement","ref","onPostPopoverToggled","class","onPointerDown","onPointerUp","onClick","closeButtonCaption"],"sources":["src/components/post-popover/post-popover.scss?tag=post-popover&encapsulation=shadow","src/components/post-popover/post-popover.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/core' as post;\n@use '@swisspost/design-system-styles/components/close';\n\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  --post-contrast-color: #{post.$white};\n  --post-bg-rgb: #{post.rgb-values(post.$gray-80)};\n\n  display: block;\n}\n\n.visually-hidden {\n  @include post.visuallyhidden();\n}\n\n.popover-container {\n  display: flex;\n  align-items: self-start;\n  padding: 0.5em;\n\n  // Max 2/3 of the column width\n  max-width: min(66vw, 60rem);\n\n  // Max available width on mobile, popovercontainer will handle offsets\n  @include post.media-breakpoint-down(rg) {\n    max-width: 100%;\n  }\n}\n\n.popover-content {\n  padding: 0.5em;\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core';\nimport { Placement } from '@floating-ui/dom';\n\nimport { version } from '../../../package.json';\n@Component({\n  tag: 'post-popover',\n  styleUrl: 'post-popover.scss',\n  shadow: true,\n})\nexport class PostPopover {\n  private popoverRef: HTMLPostPopovercontainerElement;\n  private localTogglePopover: (e: Event) => Promise<void>;\n  private localEnterTogglePopover: (e: KeyboardEvent) => void;\n  private localTouchTogglePopover: (e: TouchEvent) => void;\n  private currentTarget: HTMLElement;\n\n  @Element() host: HTMLPostPopoverElement;\n\n  /**\n   * Defines the placement of the popover according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.\n   * Popoverss are automatically flipped to the opposite side if there is not enough available space and are shifted\n   * towards the viewport if they would overlap edge boundaries.\n   */\n  @Prop() readonly placement?: Placement = 'top';\n\n  /**\n   * Define the caption of the close button for assistive technology\n   */\n  @Prop() readonly closeButtonCaption!: string;\n  /**\n   * Show a little indicator arrow\n   */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() readonly arrow?: boolean = true;\n\n  constructor() {\n    this.localTogglePopover = e => this.toggle(e.target as HTMLElement);\n    this.localEnterTogglePopover = e => {\n      if (e.key === 'Enter') this.toggle(e.target as HTMLElement);\n    };\n    this.localTouchTogglePopover = e => {\n      e.preventDefault();\n      this.toggle(e.target as HTMLElement);\n    };\n  }\n\n  connectedCallback() {\n    if (!this.triggers) {\n      throw new Error(`No trigger found for <post-popover popover-id=\"${this.host.id}`);\n    }\n\n    // As long as cross-shadow-boundary [popovertarget] and button.popoverTargetElement are not working\n    // we're left with listening to trigger events ourselves\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement/popoverTargetElement\n    // https://github.com/whatwg/html/issues/9109#issuecomment-1494030465 (does not seem to work for now)\n    // https://stackoverflow.com/questions/77324143/popovertargetelement-does-not-cross-shadow-boundaries?noredirect=1#comment136318281_77324143\n    this.triggers.forEach(trigger => {\n      // See this.onToggle for one time mouse event listener\n      trigger.addEventListener('mouseup', this.localTogglePopover, { once: true });\n      trigger.addEventListener('keypress', this.localEnterTogglePopover);\n      trigger.addEventListener('touch', this.localTouchTogglePopover, { once: true });\n      trigger.setAttribute('aria-expanded', 'false');\n    });\n  }\n\n  disconnectedCallback() {\n    this.triggers.forEach(trigger => {\n      trigger.removeEventListener('mouseup', this.localTogglePopover);\n      trigger.removeEventListener('keypress', this.localEnterTogglePopover);\n      trigger.removeEventListener('touch', this.localTouchTogglePopover);\n      trigger.removeAttribute('aria-expanded');\n    });\n  }\n\n  /**\n   * Programmatically display the popover\n   * @param target An element with [data-popover-target=\"id\"] where the popover should be shown\n   */\n  @Method()\n  async show(target: HTMLElement) {\n    this.currentTarget = target;\n    this.popoverRef.show(target);\n    target.setAttribute('aria-expanded', 'true');\n  }\n\n  /**\n   * Programmatically hide this popover\n   */\n  @Method()\n  async hide() {\n    this.popoverRef.hide();\n    this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));\n  }\n\n  /**\n   * Toggle popover display\n   * @param target An element with [data-popover-target=\"id\"] where the popover should be anchored to\n   * @param force Pass true to always show or false to always hide\n   */\n  @Method()\n  async toggle(target: HTMLElement, force?: boolean) {\n    this.currentTarget = target;\n    const newState = await this.popoverRef.toggle(target, force);\n    target.setAttribute('aria-expanded', `${newState}`);\n  }\n\n  private get triggers() {\n    return document.querySelectorAll(`[data-popover-target=\"${this.host.id}\"]`);\n  }\n\n  /**\n   * One time event handler for click events\n   * A permanent event listener would prevent a toggle button from working properly:\n   * A click opens the popover, a second click first closes it (due to light dismiss), then directly\n   * opens it again because of the click listener on the button. Registering a new\n   * one time listener after a small timeout solves this issue.\n   * @param e toggle event from post-popovercontainer\n   */\n  private onToggle(e: CustomEvent<boolean>) {\n    if (this.currentTarget) {\n      this.currentTarget.setAttribute('aria-expanded', `${e.detail}`);\n    }\n    if (!e.detail) {\n      window.requestAnimationFrame(() => {\n        this.triggers.forEach(trigger => {\n          trigger.addEventListener('mouseup', this.localTogglePopover, { once: true });\n          trigger.addEventListener('touch', this.localTouchTogglePopover, { once: true });\n        });\n      });\n\n      // Handle missing re-focusing logic after close. Can be removed as soon as popovertarget works correctly\n      if (this.currentTarget) {\n        this.currentTarget.focus();\n        this.currentTarget = null;\n      }\n    }\n  }\n\n  // Fix for firefox to prevent the following lines from triggering\n  // https://github.com/oddbird/popover-polyfill/blob/main/src/popover.ts#L338\n  private stopImmediatePropagation(e: PointerEvent) {\n    e.stopImmediatePropagation();\n  }\n\n  render() {\n    return (\n      <Host data-version={version}>\n        <post-popovercontainer\n          arrow={this.arrow}\n          placement={this.placement}\n          ref={e => (this.popoverRef = e)}\n          onPostPopoverToggled={e => this.onToggle(e)}\n        >\n          <div\n            class=\"popover-container\"\n            onPointerDown={e => this.stopImmediatePropagation(e)}\n            onPointerUp={e => this.stopImmediatePropagation(e)}\n          >\n            <div class=\"popover-content\">\n              <slot></slot>\n            </div>\n            <button class=\"btn-close\" onClick={() => this.hide()}>\n              <span class=\"visually-hidden\">{this.closeButtonCaption}</span>\n            </button>\n          </div>\n        </post-popovercontainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAiB,ojE,MCSVC,EAAW,MA0BtB,WAAAC,CAAAC,G,yBAZyC,M,6CAUN,KAGjCC,KAAKC,mBAAqBC,GAAKF,KAAKG,OAAOD,EAAEE,QAC7CJ,KAAKK,wBAA0BH,IAC7B,GAAIA,EAAEI,MAAQ,QAASN,KAAKG,OAAOD,EAAEE,OAAsB,EAE7DJ,KAAKO,wBAA0BL,IAC7BA,EAAEM,iBACFR,KAAKG,OAAOD,EAAEE,OAAsB,C,CAIxC,iBAAAK,GACE,IAAKT,KAAKU,SAAU,CAClB,MAAM,IAAIC,MAAM,kDAAkDX,KAAKY,KAAKC,K,CAQ9Eb,KAAKU,SAASI,SAAQC,IAEpBA,EAAQC,iBAAiB,UAAWhB,KAAKC,mBAAoB,CAAEgB,KAAM,OACrEF,EAAQC,iBAAiB,WAAYhB,KAAKK,yBAC1CU,EAAQC,iBAAiB,QAAShB,KAAKO,wBAAyB,CAAEU,KAAM,OACxEF,EAAQG,aAAa,gBAAiB,QAAQ,G,CAIlD,oBAAAC,GACEnB,KAAKU,SAASI,SAAQC,IACpBA,EAAQK,oBAAoB,UAAWpB,KAAKC,oBAC5Cc,EAAQK,oBAAoB,WAAYpB,KAAKK,yBAC7CU,EAAQK,oBAAoB,QAASpB,KAAKO,yBAC1CQ,EAAQM,gBAAgB,gBAAgB,G,CAS5C,UAAMC,CAAKlB,GACTJ,KAAKuB,cAAgBnB,EACrBJ,KAAKwB,WAAWF,KAAKlB,GACrBA,EAAOc,aAAa,gBAAiB,O,CAOvC,UAAMO,GACJzB,KAAKwB,WAAWC,OAChBzB,KAAKU,SAASI,SAAQC,GAAWA,EAAQG,aAAa,gBAAiB,U,CASzE,YAAMf,CAAOC,EAAqBsB,GAChC1B,KAAKuB,cAAgBnB,EACrB,MAAMuB,QAAiB3B,KAAKwB,WAAWrB,OAAOC,EAAQsB,GACtDtB,EAAOc,aAAa,gBAAiB,GAAGS,I,CAG1C,YAAYjB,GACV,OAAOkB,SAASC,iBAAiB,yBAAyB7B,KAAKY,KAAKC,O,CAW9D,QAAAiB,CAAS5B,GACf,GAAIF,KAAKuB,cAAe,CACtBvB,KAAKuB,cAAcL,aAAa,gBAAiB,GAAGhB,EAAE6B,S,CAExD,IAAK7B,EAAE6B,OAAQ,CACbC,OAAOC,uBAAsB,KAC3BjC,KAAKU,SAASI,SAAQC,IACpBA,EAAQC,iBAAiB,UAAWhB,KAAKC,mBAAoB,CAAEgB,KAAM,OACrEF,EAAQC,iBAAiB,QAAShB,KAAKO,wBAAyB,CAAEU,KAAM,MAAO,GAC/E,IAIJ,GAAIjB,KAAKuB,cAAe,CACtBvB,KAAKuB,cAAcW,QACnBlC,KAAKuB,cAAgB,I,GAOnB,wBAAAY,CAAyBjC,GAC/BA,EAAEiC,0B,CAGJ,MAAAC,GACE,OACEC,EAACC,EAAI,gBAAeC,GAClBF,EAAA,yBACEG,MAAOxC,KAAKwC,MACZC,UAAWzC,KAAKyC,UAChBC,IAAKxC,GAAMF,KAAKwB,WAAatB,EAC7ByC,qBAAsBzC,GAAKF,KAAK8B,SAAS5B,IAEzCmC,EAAA,OACEO,MAAM,oBACNC,cAAe3C,GAAKF,KAAKmC,yBAAyBjC,GAClD4C,YAAa5C,GAAKF,KAAKmC,yBAAyBjC,IAEhDmC,EAAA,OAAKO,MAAM,mBACTP,EAAA,cAEFA,EAAA,UAAQO,MAAM,YAAYG,QAAS,IAAM/C,KAAKyB,QAC5CY,EAAA,QAAMO,MAAM,mBAAmB5C,KAAKgD,uB"}

package/dist/post-components/p-30c60b6c.entry.js

@@ -0,0 +1,2 @@
+export{P as post_popovercontainer}from"./p-9bd5f824.js";import"./p-81591ad0.js";import"./p-de493e36.js";
+//# sourceMappingURL=p-30c60b6c.entry.js.map

package/dist/post-components/p-38d97f62.entry.js

@@ -0,0 +1,2 @@
+export{P as post_accordion}from"./p-dbd07f20.js";import"./p-81591ad0.js";import"./p-de493e36.js";
+//# sourceMappingURL=p-38d97f62.entry.js.map

package/dist/post-components/p-4c188911.entry.js

@@ -0,0 +1,2 @@
+export{P as post_collapsible}from"./p-eaddd6cc.js";import"./p-81591ad0.js";import"./p-de493e36.js";import"./p-96f4ebc4.js";import"./p-440193f4.js";
+//# sourceMappingURL=p-4c188911.entry.js.map

package/dist/post-components/p-568bb469.entry.js

@@ -0,0 +1,2 @@
+export{P as post_icon}from"./p-bd032124.js";import"./p-81591ad0.js";import"./p-96f4ebc4.js";import"./p-440193f4.js";import"./p-de493e36.js";import"./p-b095519d.js";
+//# sourceMappingURL=p-568bb469.entry.js.map

package/dist/post-components/p-65c8bd5c.entry.js

@@ -0,0 +1,2 @@
+export{P as post_alert}from"./p-7d32dfb7.js";import"./p-81591ad0.js";import"./p-de493e36.js";import"./p-2737eaf5.js";import"./p-96f4ebc4.js";import"./p-440193f4.js";import"./p-b095519d.js";
+//# sourceMappingURL=p-65c8bd5c.entry.js.map

package/dist/post-components/p-6e3158e8.js

@@ -0,0 +1,2 @@
+import{r as o,h as t,H as r,g as a}from"./p-81591ad0.js";import{v as b}from"./p-de493e36.js";import{c as e}from"./p-b095519d.js";const c='.tab-title[role=tab]{display:inline-block;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:#fff;color:var(--post-contrast-color)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:#fff;color:var(--post-contrast-color);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.bg-error-red) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.bg-error-red) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success .tab-title{background-color:#2c911c}.bg-success .tab-title.active{background-color:#2c911c}.bg-success .nav-item{background-color:#2c911c}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-danger .tab-title{background-color:#a51728}.bg-danger .tab-title.active{background-color:#a51728}.bg-danger .nav-item{background-color:#a51728}.bg-nightblue .tab-title{background-color:#004976}.bg-nightblue .tab-title.active{background-color:#004976}.bg-nightblue .nav-item{background-color:#004976}.bg-nightblue-bright .tab-title{background-color:#0076a8}.bg-nightblue-bright .tab-title.active{background-color:#0076a8}.bg-nightblue-bright .nav-item{background-color:#0076a8}.bg-petrol .tab-title{background-color:#006d68}.bg-petrol .tab-title.active{background-color:#006d68}.bg-petrol .nav-item{background-color:#006d68}.bg-petrol-bright .tab-title{background-color:#00968f}.bg-petrol-bright .tab-title.active{background-color:#00968f}.bg-petrol-bright .nav-item{background-color:#00968f}.bg-coral .tab-title{background-color:#9e2a2f}.bg-coral .tab-title.active{background-color:#9e2a2f}.bg-coral .nav-item{background-color:#9e2a2f}.bg-coral-bright .tab-title{background-color:#e03c31}.bg-coral-bright .tab-title.active{background-color:#e03c31}.bg-coral-bright .nav-item{background-color:#e03c31}.bg-olive .tab-title{background-color:#716135}.bg-olive .tab-title.active{background-color:#716135}.bg-olive .nav-item{background-color:#716135}.bg-olive-bright .tab-title{background-color:#aa9d2e}.bg-olive-bright .tab-title.active{background-color:#aa9d2e}.bg-olive-bright .nav-item{background-color:#aa9d2e}.bg-purple .tab-title{background-color:#80276c}.bg-purple .tab-title.active{background-color:#80276c}.bg-purple .nav-item{background-color:#80276c}.bg-purple-bright .tab-title{background-color:#c5299b}.bg-purple-bright .tab-title.active{background-color:#c5299b}.bg-purple-bright .nav-item{background-color:#c5299b}.bg-aubergine .tab-title{background-color:#523178}.bg-aubergine .tab-title.active{background-color:#523178}.bg-aubergine .nav-item{background-color:#523178}.bg-aubergine-bright .tab-title{background-color:#7566a0}.bg-aubergine-bright .tab-title.active{background-color:#7566a0}.bg-aubergine-bright .nav-item{background-color:#7566a0}.bg-success-green .tab-title{background-color:#2c871d}.bg-success-green .tab-title.active{background-color:#2c871d}.bg-success-green .nav-item{background-color:#2c871d}.bg-error-red .tab-title{background-color:#a51728}.bg-error-red .tab-title.active{background-color:#a51728}.bg-error-red .nav-item{background-color:#a51728}.bg-warning-orange .tab-title{background-color:#f49e00}.bg-warning-orange .tab-title.active{background-color:#f49e00}.bg-warning-orange .nav-item{background-color:#f49e00}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;-webkit-appearance:button;appearance:button}';const l=class{constructor(t){o(this,t);this.tabId=undefined;this.panel=undefined}validateFor(o){e(o,'The "panel" prop is required for the post-tab-header.')}componentWillLoad(){this.tabId=`tab-${this.host.id||crypto.randomUUID()}`}render(){return t(r,{"data-version":b},t("button",{"aria-selected":"false",class:"tab-title",id:this.tabId,role:"tab",tabindex:"-1",type:"button"},t("slot",null)))}get host(){return a(this)}static get watchers(){return{panel:["validateFor"]}}};l.style=c;export{l as P};
+//# sourceMappingURL=p-6e3158e8.js.map

package/dist/post-components/{p-ca1e407c.js.map → p-6e3158e8.js.map}

@@ -1 +1 @@
-{"version":3,"names":["postTabHeaderCss","PostTabHeader","validateFor","newValue","checkNonEmpty","componentWillLoad","this","tabId","host","id","crypto","randomUUID","render","h","Host","version","class","role","tabindex","type"],"sources":["src/components/post-tab-header/post-tab-header.scss?tag=post-tab-header&encapsulation=shadow","src/components/post-tab-header/post-tab-header.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/components/tabs/tab-title';\n@use '@swisspost/design-system-styles/core' as post;\n\n:host {\n  display: block;\n}\n\n.tab-title {\n  @include post.reset-button;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { checkNonEmpty } from '../../utils';\n\n@Component({\n  tag: 'post-tab-header',\n  styleUrl: 'post-tab-header.scss',\n  shadow: true,\n})\nexport class PostTabHeader {\n  @Element() host: HTMLPostTabHeaderElement;\n\n  @State() tabId: string;\n\n  /**\n   * The name of the panel controlled by the tab header.\n   */\n  @Prop() readonly panel: HTMLPostTabPanelElement['name'];\n\n  @Watch('panel')\n  validateFor(newValue: HTMLPostTabPanelElement['name']) {\n    checkNonEmpty(newValue, 'The \"panel\" prop is required for the post-tab-header.');\n  }\n\n  componentWillLoad() {\n    this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;\n  }\n\n  render() {\n    return (\n      <Host data-version={version}>\n        <button aria-selected=\"false\" class=\"tab-title\" id={this.tabId} role=\"tab\" tabindex=\"-1\" type=\"button\">\n          <slot />\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iIAAA,MAAMA,EAAmB,ygO,MCSZC,EAAa,M,mEAWxB,WAAAC,CAAYC,GACVC,EAAcD,EAAU,wD,CAG1B,iBAAAE,GACEC,KAAKC,MAAQ,OAAOD,KAAKE,KAAKC,IAAMC,OAAOC,c,CAG7C,MAAAC,GACE,OACEC,EAACC,EAAI,gBAAeC,GAClBF,EAAA,0BAAsB,QAAQG,MAAM,YAAYP,GAAIH,KAAKC,MAAOU,KAAK,MAAMC,SAAS,KAAKC,KAAK,UAC5FN,EAAA,c"}
+{"version":3,"names":["postTabHeaderCss","PostTabHeader","validateFor","newValue","checkNonEmpty","componentWillLoad","this","tabId","host","id","crypto","randomUUID","render","h","Host","version","class","role","tabindex","type"],"sources":["src/components/post-tab-header/post-tab-header.scss?tag=post-tab-header&encapsulation=shadow","src/components/post-tab-header/post-tab-header.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/components/tabs/tab-title';\n@use '@swisspost/design-system-styles/core' as post;\n\n:host {\n  display: block;\n}\n\n.tab-title {\n  @include post.reset-button;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { checkNonEmpty } from '../../utils';\n\n@Component({\n  tag: 'post-tab-header',\n  styleUrl: 'post-tab-header.scss',\n  shadow: true,\n})\nexport class PostTabHeader {\n  @Element() host: HTMLPostTabHeaderElement;\n\n  @State() tabId: string;\n\n  /**\n   * The name of the panel controlled by the tab header.\n   */\n  @Prop() readonly panel: HTMLPostTabPanelElement['name'];\n\n  @Watch('panel')\n  validateFor(newValue: HTMLPostTabPanelElement['name']) {\n    checkNonEmpty(newValue, 'The \"panel\" prop is required for the post-tab-header.');\n  }\n\n  componentWillLoad() {\n    this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;\n  }\n\n  render() {\n    return (\n      <Host data-version={version}>\n        <button aria-selected=\"false\" class=\"tab-title\" id={this.tabId} role=\"tab\" tabindex=\"-1\" type=\"button\">\n          <slot />\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iIAAA,MAAMA,EAAmB,iiO,MCSZC,EAAa,M,mEAWxB,WAAAC,CAAYC,GACVC,EAAcD,EAAU,wD,CAG1B,iBAAAE,GACEC,KAAKC,MAAQ,OAAOD,KAAKE,KAAKC,IAAMC,OAAOC,c,CAG7C,MAAAC,GACE,OACEC,EAACC,EAAI,gBAAeC,GAClBF,EAAA,0BAAsB,QAAQG,MAAM,YAAYP,GAAIH,KAAKC,MAAOU,KAAK,MAAMC,SAAS,KAAKC,KAAK,UAC5FN,EAAA,c"}

package/dist/post-components/p-7d32dfb7.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as e,H as r,g as i}from"./p-81591ad0.js";import{v as a}from"./p-de493e36.js";import{f as s}from"./p-2737eaf5.js";import{c as n,a as l,b as c}from"./p-96f4ebc4.js";import{c as g}from"./p-b095519d.js";const p=["primary","success","danger","warning","info","gray"];const h="/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */.alert-primary,.alert-success,.alert-danger,.alert-warning,.alert-info,.alert-gray,.alert-notification,.alert-error{background-color:rgb(var(--post-bg-rgb)) !important;color:var(--post-contrast-color) !important}.alert-warning,.alert-info,.alert-gray{--post-contrast-color:#000;--post-contrast-color-inverted:#fff;--post-gray-10:hsl(0, 0%, 90%);--post-gray-20:hsl(0, 0%, 80%);--post-gray-40:hsl(0, 0%, 60%);--post-gray-60:hsl(0, 0%, 40%);--post-gray-80:hsl(0, 0%, 20%);--post-yellow:#fc0;--post-light:#faf9f8;--post-gray:#f4f3f1;--post-dark:hsl(0, 0%, 20%);--post-primary:hsl(0, 0%, 20%);--post-white:#fff;--post-black:#000;--post-info:#cce4ee;--post-success:#2c911c;--post-warning:#f49e00;--post-danger:#a51728;--post-nightblue:#004976;--post-nightblue-bright:#0076a8;--post-petrol:#006d68;--post-petrol-bright:#00968f;--post-coral:#9e2a2f;--post-coral-bright:#e03c31;--post-olive:#716135;--post-olive-bright:#aa9d2e;--post-purple:#80276c;--post-purple-bright:#c5299b;--post-aubergine:#523178;--post-aubergine-bright:#7566a0;--post-success-green:#2c871d;--post-error-red:#a51728;--post-warning-orange:#f49e00;--post-success-background:#c0debb;--post-error-background:#ffdade;--post-warning-background:#fce2b2;--post-contrast-color-rgb:0, 0, 0;--post-contrast-color-inverted-rgb:255, 255, 255;--post-gray-10-rgb:230, 230, 230;--post-gray-20-rgb:204, 204, 204;--post-gray-40-rgb:153, 153, 153;--post-gray-60-rgb:102, 102, 102;--post-gray-80-rgb:51, 51, 51;--post-yellow-rgb:255, 204, 0;--post-light-rgb:250, 249, 248;--post-gray-rgb:244, 243, 241;--post-dark-rgb:51, 51, 51;--post-primary-rgb:51, 51, 51;--post-white-rgb:255, 255, 255;--post-black-rgb:0, 0, 0;--post-info-rgb:204, 228, 238;--post-success-rgb:44, 145, 28;--post-warning-rgb:244, 158, 0;--post-danger-rgb:165, 23, 40;--post-nightblue-rgb:0, 73, 118;--post-nightblue-bright-rgb:0, 118, 168;--post-petrol-rgb:0, 109, 104;--post-petrol-bright-rgb:0, 150, 143;--post-coral-rgb:158, 42, 47;--post-coral-bright-rgb:224, 60, 49;--post-olive-rgb:113, 97, 53;--post-olive-bright-rgb:170, 157, 46;--post-purple-rgb:128, 39, 108;--post-purple-bright-rgb:197, 41, 155;--post-aubergine-rgb:82, 49, 120;--post-aubergine-bright-rgb:117, 102, 160;--post-success-green-rgb:44, 135, 29;--post-error-red-rgb:165, 23, 40;--post-warning-orange-rgb:244, 158, 0;--post-success-background-rgb:192, 222, 187;--post-error-background-rgb:255, 218, 222;--post-warning-background-rgb:252, 226, 178}.alert-primary,.alert-success,.alert-danger,.alert-notification,.alert-error{--post-contrast-color:#fff;--post-contrast-color-inverted:#000;--post-dark:#faf9f8;--post-light:hsl(0, 0%, 20%);--post-gray-80:hsl(0, 0%, 90%);--post-gray-60:hsl(0, 0%, 80%);--post-gray-40:hsl(0, 0%, 60%);--post-gray-20:hsl(0, 0%, 40%);--post-gray-10:hsl(0, 0%, 20%);--post-contrast-color-rgb:255, 255, 255;--post-contrast-color-inverted-rgb:0, 0, 0;--post-dark-rgb:250, 249, 248;--post-light-rgb:51, 51, 51;--post-gray-80-rgb:230, 230, 230;--post-gray-60-rgb:204, 204, 204;--post-gray-40-rgb:153, 153, 153;--post-gray-20-rgb:102, 102, 102;--post-gray-10-rgb:51, 51, 51}.alert{position:relative;box-sizing:border-box;min-height:5rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:4px;padding:1rem 1.25rem;padding-inline-start:5.5rem;margin-block-end:1rem;font-size:1rem;font-weight:300}.alert.no-icon{min-height:3.5rem;padding-inline-start:1.25rem}.alert[class^=pi-],.alert[class*=\" pi-\"]{background-size:3rem;background-position:1.25rem 1rem;background-repeat:no-repeat}.alert[class^=pi-].no-icon,.alert[class*=\" pi-\"].no-icon{background-image:none}.alert::before{content:\"\";display:block}.alert::before,.alert>post-icon{position:absolute;height:3rem;width:3rem;left:1.25rem;top:1rem}.alert.no-icon::before,.alert[class^=pi-]::before,.alert[class*=\" pi-\"]::before{content:unset}.alert.no-icon>post-icon,.alert[class^=pi-]>post-icon,.alert[class*=\" pi-\"]>post-icon{display:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.alert{filter:none !important;background-color:rgba(0,0,0,0) !important;border:2px solid WindowText}}.alert:not(.alert-action){display:flex;flex-direction:column;justify-content:center;gap:.25rem}.alert:not(.alert-action) a{font-weight:400}.alert:not(.alert-action) hr{margin-block:.5rem .75rem !important}.alert:not(.alert-action)>:only-child,.alert:not(.alert-action)>post-icon:first-child+:last-child{font-size:1.0625rem;font-weight:700}.alert:not(.alert-action)>*{margin:0}.alert-heading{font-size:1.0625rem;font-weight:700}.alert-dismissible{pointer-events:auto;position:relative;padding-inline-end:4rem}.alert-dismissible>.btn-close{position:absolute;inset-block-start:1rem;inset-inline-end:1.25rem}.alert-dismissible>.btn-close:first-child+:last-child{font-size:1.0625rem;font-weight:700}.alert-action{display:flex;flex-direction:row;align-items:center;gap:1.25rem}.alert-action>.alert-content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.alert-action>.alert-content a{font-weight:400}.alert-action>.alert-content hr{margin-block:.5rem .75rem !important}.alert-action>.alert-content>:only-child,.alert-action>.alert-content>post-icon:first-child+:last-child{font-size:1.0625rem;font-weight:700}.alert-action>.alert-content>*{margin:0}.alert-action>.alert-buttons{flex:0 0 auto;display:flex;align-items:center;gap:.5rem}@media (min-width: 780px){.alert-action.alert-dismissible>.btn-close{inset-block-start:calc(50% - 0.75rem)}}@media (max-width: 779.98px){.alert-action{flex-direction:column;align-items:stretch;padding-inline:1.25rem}.alert-action>.alert-content{padding-inline-start:4.25rem;padding-inline-end:2.75rem}.alert-action>.alert-buttons{display:flex}.alert-action>.alert-buttons>.btn{flex:1 0 0;width:100%}.alert-action>.alert-buttons>.btn:first-child{margin-inline-start:0}}.alert-fixed-bottom{position:fixed;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;margin-bottom:0;border-radius:0;z-index:1030}@media (min-width: 1441px){.alert-fixed-bottom{padding-inline-end:calc((100% - 1440px) / 2 + 120px + 1.25rem);padding-inline-start:calc(\n      (100% - 1440px) / 2 + 120px + 1.25rem + 3rem + 1.25rem\n    );background-position-x:calc((100% - 1440px) / 2 + 120px + 1.25rem + 1.5rem)}.alert-fixed-bottom::before{left:calc((100% - 1440px) / 2 + 120px + 1.25rem)}.alert-fixed-bottom.no-icon{padding-inline-start:calc((100% - 1440px) / 2 + 120px + 1.25rem)}.alert-fixed-bottom.alert-dismissible{padding-inline-end:calc(\n        (100% - 1440px) / 2 + 120px + 1.25rem + 1.25rem + 1.5rem\n      )}.alert-fixed-bottom.alert-dismissible>.btn-close{inset-inline-end:calc((100% - 1440px) / 2 + 120px + 1.25rem)}}.alert-primary{--post-bg-rgb:51, 51, 51}.alert-primary:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M30.533 26.933c-3.333-4.8-5.867-12.667-5.867-18.267 0-4.8-3.867-8.667-8.667-8.667S7.332 3.866 7.332 8.666c0 5.6-2.533 13.467-5.867 18.267L1.998 28h11.333v4h5.333v-4h11.333l.533-1.067zm-13.2 3.734h-2.667V28h2.667zm-14.133-4c3.2-5.067 5.467-12.533 5.467-18 0-4 3.333-7.333 7.333-7.333s7.333 3.333 7.333 7.333c0 5.467 2.267 12.933 5.467 18z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M30.533 26.933c-3.333-4.8-5.867-12.667-5.867-18.267 0-4.8-3.867-8.667-8.667-8.667S7.332 3.866 7.332 8.666c0 5.6-2.533 13.467-5.867 18.267L1.998 28h11.333v4h5.333v-4h11.333l.533-1.067zm-13.2 3.734h-2.667V28h2.667zm-14.133-4c3.2-5.067 5.467-12.533 5.467-18 0-4 3.333-7.333 7.333-7.333s7.333 3.333 7.333 7.333c0 5.467 2.267 12.933 5.467 18z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-primary:has(>post-icon)::before{content:none}.alert-primary>post-icon{background-color:#333}.alert-success{--post-bg-rgb:44, 145, 28}.alert-success:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m12.667 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m12.667 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-success:has(>post-icon)::before{content:none}.alert-success>post-icon{background-color:#2c911c}.alert-danger{--post-bg-rgb:165, 23, 40}.alert-danger:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-danger:has(>post-icon)::before{content:none}.alert-danger>post-icon{background-color:#a51728}.alert-warning{--post-bg-rgb:244, 158, 0}.alert-warning:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-warning:has(>post-icon)::before{content:none}.alert-warning>post-icon{background-color:#f49e00}.alert-info{--post-bg-rgb:204, 228, 238}.alert-info:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M17.333 25.333v-16h-4.667V12h2v13.333h-2V28h6.667v-2.667zM14.667 4h2.667v2.667h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M17.333 25.333v-16h-4.667V12h2v13.333h-2V28h6.667v-2.667zM14.667 4h2.667v2.667h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-info:has(>post-icon)::before{content:none}.alert-info>post-icon{background-color:#cce4ee}.alert-gray{--post-bg-rgb:244, 243, 241}.alert-gray:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.241 5.241 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.241 5.241 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.325 6.325 0 0 0-.325 1.997 6.598 6.598 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0c0-.735.599-1.333 1.334-1.333s1.333.598 1.333 1.333-.598 1.334-1.333 1.334-1.334-.598-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.19 13.19 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.647 11.647 0 0 0 2.359-.888.668.668 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.798 11.798 0 0 0 4 15.92'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.241 5.241 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.241 5.241 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.325 6.325 0 0 0-.325 1.997 6.598 6.598 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0c0-.735.599-1.333 1.334-1.333s1.333.598 1.333 1.333-.598 1.334-1.333 1.334-1.334-.598-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.19 13.19 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.647 11.647 0 0 0 2.359-.888.668.668 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.798 11.798 0 0 0 4 15.92'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-gray:has(>post-icon)::before{content:none}.alert-gray>post-icon{background-color:#f4f3f1}.alert-notification{--post-bg-rgb:51, 51, 51}.alert-notification:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M30.533 26.933c-3.333-4.8-5.867-12.667-5.867-18.267 0-4.8-3.867-8.667-8.667-8.667S7.332 3.866 7.332 8.666c0 5.6-2.533 13.467-5.867 18.267L1.998 28h11.333v4h5.333v-4h11.333l.533-1.067zm-13.2 3.734h-2.667V28h2.667zm-14.133-4c3.2-5.067 5.467-12.533 5.467-18 0-4 3.333-7.333 7.333-7.333s7.333 3.333 7.333 7.333c0 5.467 2.267 12.933 5.467 18z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M30.533 26.933c-3.333-4.8-5.867-12.667-5.867-18.267 0-4.8-3.867-8.667-8.667-8.667S7.332 3.866 7.332 8.666c0 5.6-2.533 13.467-5.867 18.267L1.998 28h11.333v4h5.333v-4h11.333l.533-1.067zm-13.2 3.734h-2.667V28h2.667zm-14.133-4c3.2-5.067 5.467-12.533 5.467-18 0-4 3.333-7.333 7.333-7.333s7.333 3.333 7.333 7.333c0 5.467 2.267 12.933 5.467 18z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-notification:has(>post-icon)::before{content:none}.alert-notification>post-icon{background-color:#333}.alert-error{--post-bg-rgb:165, 23, 40}.alert-error:not(.no-icon,[class^=pi-],[class*=\" pi-\"])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='M14.667 4h2.667v18.667h-2.667zm0 21.333h2.667V28h-2.667z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor}.alert-error:has(>post-icon)::before{content:none}.alert-error>post-icon{background-color:#a51728}.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;-webkit-appearance:button;appearance:button;outline:none;outline-offset:2px;border-radius:4px;color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.btn-close::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;content:\"\";display:block;height:1.5rem;width:1.5rem}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.btn-close:disabled{color:var(--post-gray-40)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}:host ::slotted(*){margin:0 !important}.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption){position:absolute !important}.alert-heading>::slotted(h1){font-size:inherit !important;font-weight:inherit !important}.alert-heading>::slotted(h2){font-size:inherit !important;font-weight:inherit !important}.alert-heading>::slotted(h3){font-size:inherit !important;font-weight:inherit !important}.alert-heading>::slotted(h4){font-size:inherit !important;font-weight:inherit !important}.alert-heading>::slotted(h5){font-size:inherit !important;font-weight:inherit !important}.alert-heading>::slotted(h6){font-size:inherit !important;font-weight:inherit !important}";const d=class{constructor(e){t(this,e);this.dismissed=o(this,"dismissed",7);this.alertId=crypto.randomUUID();this.classes=undefined;this.hasActions=undefined;this.hasHeading=undefined;this.onDismissButtonClick=()=>this.dismiss();this.dismissible=false;this.dismissLabel=undefined;this.fixed=false;this.icon=undefined;this.type="primary"}validateDismissible(t=this.dismissible){n(t,"boolean",'The post-alert "dismissible" prop should be a boolean.');setTimeout((()=>this.validateDismissLabel()))}validateDismissLabel(t=this.dismissLabel){if(this.dismissible){g(t,'Dismissible post-alert\'s require a "dismiss-label" prop.')}}validateFixed(t=this.fixed){n(t,"boolean",'The post-alert "fixed" prop should be a boolean.')}validateIcon(t=this.icon){l(t,/\d{4}|none/,'The post-alert "icon" prop should be a 4-digits string.')}validateType(t=this.type){c(t,p,`The post-alert requires a type form: ${p.join(", ")}`)}connectedCallback(){this.validateDismissible();this.validateFixed();this.validateIcon();this.validateType()}componentWillRender(){var t;this.hasHeading=this.host.querySelectorAll("[slot=heading]").length>0;this.hasActions=this.host.querySelectorAll("[slot=actions]").length>0;this.classes=`alert alert-${(t=this.type)!==null&&t!==void 0?t:"primary"}`;if(this.dismissible)this.classes+=" alert-dismissible";if(this.hasActions)this.classes+=" alert-action";if(this.fixed)this.classes+=" alert-fixed-bottom";if(this.icon==="none")this.classes+=" no-icon"}async dismiss(){const t=s(this.host);await t.finished;this.host.remove();this.dismissed.emit()}render(){const t=[this.hasHeading&&e("div",{key:`${this.alertId}-heading`,class:"alert-heading"},e("slot",{name:"heading"})),e("slot",{key:`${this.alertId}-message`})];const o=[e("div",{key:`${this.alertId}-content`,class:"alert-content"},t),e("div",{key:`${this.alertId}-buttons`,class:"alert-buttons"},e("slot",{name:"actions"}))];return e(r,{"data-version":a},e("div",{role:"alert",class:this.classes},this.dismissible&&e("button",{class:"btn-close",onClick:this.onDismissButtonClick},e("span",{class:"visually-hidden"},this.dismissLabel)),this.icon&&this.icon!=="none"&&e("post-icon",{key:`${this.alertId}-icon`,name:this.icon}),this.hasActions?o:t))}get host(){return i(this)}static get watchers(){return{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],fixed:["validateFixed"],icon:["validateIcon"],type:["validateType"]}}};d.style=h;export{d as P};
+//# sourceMappingURL=p-7d32dfb7.js.map

package/dist/post-components/{p-8b6fe20d.js.map → p-7d32dfb7.js.map}

@@ -1 +1 @@
-{"version":3,"names":["ALERT_TYPES","postAlertCss","PostAlert","crypto","randomUUID","this","dismiss","validateDismissible","isDismissible","dismissible","checkType","setTimeout","validateDismissLabel","dismissLabel","checkNonEmpty","validateFixed","isFixed","fixed","validateIcon","icon","checkEmptyOrPattern","validateType","type","checkEmptyOrOneOf","join","connectedCallback","componentWillRender","hasHeading","host","querySelectorAll","length","hasActions","classes","_a","dismissal","fadeOut","finished","remove","dismissed","emit","render","defaultAlertContent","h","key","alertId","class","name","actionAlertContent","Host","version","role","onClick","onDismissButtonClick"],"sources":["src/components/post-alert/alert-types.ts","src/components/post-alert/post-alert.scss?tag=post-alert&encapsulation=shadow","src/components/post-alert/post-alert.tsx"],"sourcesContent":["export const ALERT_TYPES = ['primary', 'success', 'danger', 'warning', 'info', 'gray'] as const;\n\nexport type AlertType = typeof ALERT_TYPES[number];\n","@use '@swisspost/design-system-styles/components/alert';\n@use '@swisspost/design-system-styles/components/close';\n@use '@swisspost/design-system-styles/core' as post;\n\n:host {\n  display: block;\n\n  ::slotted(*) {\n    margin: 0 !important;\n  }\n}\n\n.visually-hidden {\n  @include post.visually-hidden();\n}\n\n@for $i from 1 through 6 {\n  .alert-heading > ::slotted(h#{$i}) {\n    font-size: inherit !important;\n    font-weight: inherit !important;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { fadeOut } from '../../animations';\nimport { checkEmptyOrOneOf, checkEmptyOrPattern, checkNonEmpty, checkType } from '../../utils';\nimport { ALERT_TYPES, AlertType } from './alert-types';\n\n@Component({\n  tag: 'post-alert',\n  styleUrl: 'post-alert.scss',\n  shadow: true,\n})\nexport class PostAlert {\n  @Element() host: HTMLPostAlertElement;\n\n  @State() alertId = crypto.randomUUID();\n  @State() classes: string;\n  @State() hasActions: boolean;\n  @State() hasHeading: boolean;\n  @State() onDismissButtonClick = () => this.dismiss();\n\n  /**\n   * If `true`, a close button (×) is displayed and the alert can be dismissed by the user.\n   */\n  @Prop() readonly dismissible: boolean = false;\n\n  @Watch('dismissible')\n  validateDismissible(isDismissible = this.dismissible) {\n    checkType(isDismissible, 'boolean', 'The post-alert \"dismissible\" prop should be a boolean.');\n    setTimeout(() => this.validateDismissLabel());\n  }\n\n  /**\n   * The label to use for the close button of a dismissible alert.\n   */\n  @Prop() readonly dismissLabel: string;\n\n  @Watch('dismissLabel')\n  validateDismissLabel(dismissLabel = this.dismissLabel) {\n    if (this.dismissible) {\n      checkNonEmpty(dismissLabel, 'Dismissible post-alert\\'s require a \"dismiss-label\" prop.');\n    }\n  }\n\n  /**\n   * If `true`, the alert is positioned at the bottom of the window, from edge to edge.\n   */\n  @Prop() readonly fixed: boolean = false;\n\n  @Watch('fixed')\n  validateFixed(isFixed = this.fixed) {\n    checkType(isFixed, 'boolean', 'The post-alert \"fixed\" prop should be a boolean.');\n  }\n\n  /**\n   * The icon to display in the alert. By default, the icon depends on the alert type.\n   *\n   * If `none`, no icon is displayed.\n   */\n  @Prop() readonly icon: string;\n\n  @Watch('icon')\n  validateIcon(icon = this.icon) {\n    checkEmptyOrPattern(icon, /\\d{4}|none/, 'The post-alert \"icon\" prop should be a 4-digits string.');\n  }\n\n  /**\n   * The type of the alert.\n   */\n  @Prop() readonly type: AlertType = 'primary';\n\n  @Watch('type')\n  validateType(type = this.type) {\n    checkEmptyOrOneOf(type, ALERT_TYPES, `The post-alert requires a type form: ${ALERT_TYPES.join(', ')}`);\n  }\n\n  /**\n   * An event emitted when the alert element is dismissed, after the transition.\n   * It has no payload and only relevant for dismissible alerts.\n   */\n  @Event() dismissed: EventEmitter<void>;\n\n  connectedCallback() {\n    this.validateDismissible();\n    this.validateFixed();\n    this.validateIcon();\n    this.validateType();\n  }\n\n  componentWillRender() {\n    this.hasHeading = this.host.querySelectorAll('[slot=heading]').length > 0;\n    this.hasActions = this.host.querySelectorAll('[slot=actions]').length > 0;\n\n    this.classes = `alert alert-${this.type ?? 'primary'}`;\n    if (this.dismissible) this.classes += ' alert-dismissible';\n    if (this.hasActions) this.classes += ' alert-action';\n    if (this.fixed) this.classes += ' alert-fixed-bottom';\n    if (this.icon === 'none') this.classes += ' no-icon';\n  }\n\n  /**\n   * Triggers alert dismissal programmatically (same as clicking on the close button (×)).\n   */\n  @Method()\n  async dismiss() {\n    const dismissal = fadeOut(this.host);\n\n    await dismissal.finished;\n\n    this.host.remove();\n    this.dismissed.emit();\n  }\n\n  render() {\n    const defaultAlertContent = [\n      this.hasHeading && (\n        <div key={`${this.alertId}-heading`} class=\"alert-heading\">\n          <slot name=\"heading\"/>\n        </div>\n      ),\n      <slot key={`${this.alertId}-message`}/>\n    ];\n\n    const actionAlertContent = [\n      <div key={`${this.alertId}-content`} class=\"alert-content\">\n        {defaultAlertContent}\n      </div>,\n      <div key={`${this.alertId}-buttons`} class=\"alert-buttons\">\n        <slot name=\"actions\"/>\n      </div>,\n    ];\n\n    return (\n      <Host data-version={version}>\n        <div role=\"alert\" class={this.classes}>\n          {this.dismissible && (\n            <button class=\"btn-close\" onClick={this.onDismissButtonClick}>\n              <span class=\"visually-hidden\">{this.dismissLabel}</span>\n            </button>\n          )}\n\n          {this.icon && this.icon !== 'none' && (\n            <post-icon key={`${this.alertId}-icon`} name={this.icon} />\n          )}\n\n          {this.hasActions\n            ? actionAlertContent\n            : defaultAlertContent\n          }\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"8NAAO,MAAMA,EAAc,CAAC,UAAW,UAAW,SAAU,UAAW,OAAQ,QCA/E,MAAMC,EAAe,ktnB,MCWRC,EAAS,M,2EAGDC,OAAOC,a,qGAIM,IAAMC,KAAKC,U,iBAKH,M,uCAuBN,M,8BAsBC,S,CA1CnC,mBAAAC,CAAoBC,EAAgBH,KAAKI,aACvCC,EAAUF,EAAe,UAAW,0DACpCG,YAAW,IAAMN,KAAKO,wB,CASxB,oBAAAA,CAAqBC,EAAeR,KAAKQ,cACvC,GAAIR,KAAKI,YAAa,CACpBK,EAAcD,EAAc,4D,EAUhC,aAAAE,CAAcC,EAAUX,KAAKY,OAC3BP,EAAUM,EAAS,UAAW,mD,CAWhC,YAAAE,CAAaC,EAAOd,KAAKc,MACvBC,EAAoBD,EAAM,aAAc,0D,CAS1C,YAAAE,CAAaC,EAAOjB,KAAKiB,MACvBC,EAAkBD,EAAMtB,EAAa,wCAAwCA,EAAYwB,KAAK,Q,CAShG,iBAAAC,GACEpB,KAAKE,sBACLF,KAAKU,gBACLV,KAAKa,eACLb,KAAKgB,c,CAGP,mBAAAK,G,MACErB,KAAKsB,WAAatB,KAAKuB,KAAKC,iBAAiB,kBAAkBC,OAAS,EACxEzB,KAAK0B,WAAa1B,KAAKuB,KAAKC,iBAAiB,kBAAkBC,OAAS,EAExEzB,KAAK2B,QAAU,gBAAeC,EAAA5B,KAAKiB,QAAI,MAAAW,SAAA,EAAAA,EAAI,YAC3C,GAAI5B,KAAKI,YAAaJ,KAAK2B,SAAW,qBACtC,GAAI3B,KAAK0B,WAAY1B,KAAK2B,SAAW,gBACrC,GAAI3B,KAAKY,MAAOZ,KAAK2B,SAAW,sBAChC,GAAI3B,KAAKc,OAAS,OAAQd,KAAK2B,SAAW,U,CAO5C,aAAM1B,GACJ,MAAM4B,EAAYC,EAAQ9B,KAAKuB,YAEzBM,EAAUE,SAEhB/B,KAAKuB,KAAKS,SACVhC,KAAKiC,UAAUC,M,CAGjB,MAAAC,GACE,MAAMC,EAAsB,CAC1BpC,KAAKsB,YACHe,EAAA,OAAKC,IAAK,GAAGtC,KAAKuC,kBAAmBC,MAAM,iBACzCH,EAAA,QAAMI,KAAK,aAGfJ,EAAA,QAAMC,IAAK,GAAGtC,KAAKuC,qBAGrB,MAAMG,EAAqB,CACzBL,EAAA,OAAKC,IAAK,GAAGtC,KAAKuC,kBAAmBC,MAAM,iBACxCJ,GAEHC,EAAA,OAAKC,IAAK,GAAGtC,KAAKuC,kBAAmBC,MAAM,iBACzCH,EAAA,QAAMI,KAAK,cAIf,OACEJ,EAACM,EAAI,gBAAeC,GAClBP,EAAA,OAAKQ,KAAK,QAAQL,MAAOxC,KAAK2B,SAC3B3B,KAAKI,aACJiC,EAAA,UAAQG,MAAM,YAAYM,QAAS9C,KAAK+C,sBACtCV,EAAA,QAAMG,MAAM,mBAAmBxC,KAAKQ,eAIvCR,KAAKc,MAAQd,KAAKc,OAAS,QAC1BuB,EAAA,aAAWC,IAAK,GAAGtC,KAAKuC,eAAgBE,KAAMzC,KAAKc,OAGpDd,KAAK0B,WACFgB,EACAN,G"}
+{"version":3,"names":["ALERT_TYPES","postAlertCss","PostAlert","crypto","randomUUID","this","dismiss","validateDismissible","isDismissible","dismissible","checkType","setTimeout","validateDismissLabel","dismissLabel","checkNonEmpty","validateFixed","isFixed","fixed","validateIcon","icon","checkEmptyOrPattern","validateType","type","checkEmptyOrOneOf","join","connectedCallback","componentWillRender","hasHeading","host","querySelectorAll","length","hasActions","classes","_a","dismissal","fadeOut","finished","remove","dismissed","emit","render","defaultAlertContent","h","key","alertId","class","name","actionAlertContent","Host","version","role","onClick","onDismissButtonClick"],"sources":["src/components/post-alert/alert-types.ts","src/components/post-alert/post-alert.scss?tag=post-alert&encapsulation=shadow","src/components/post-alert/post-alert.tsx"],"sourcesContent":["export const ALERT_TYPES = ['primary', 'success', 'danger', 'warning', 'info', 'gray'] as const;\n\nexport type AlertType = typeof ALERT_TYPES[number];\n","@use '@swisspost/design-system-styles/components/alert';\n@use '@swisspost/design-system-styles/components/close';\n@use '@swisspost/design-system-styles/core' as post;\n\n:host {\n  display: block;\n\n  ::slotted(*) {\n    margin: 0 !important;\n  }\n}\n\n.visually-hidden {\n  @include post.visually-hidden();\n}\n\n@for $i from 1 through 6 {\n  .alert-heading > ::slotted(h#{$i}) {\n    font-size: inherit !important;\n    font-weight: inherit !important;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { version } from '../../../package.json';\nimport { fadeOut } from '../../animations';\nimport { checkEmptyOrOneOf, checkEmptyOrPattern, checkNonEmpty, checkType } from '../../utils';\nimport { ALERT_TYPES, AlertType } from './alert-types';\n\n@Component({\n  tag: 'post-alert',\n  styleUrl: 'post-alert.scss',\n  shadow: true,\n})\nexport class PostAlert {\n  @Element() host: HTMLPostAlertElement;\n\n  @State() alertId = crypto.randomUUID();\n  @State() classes: string;\n  @State() hasActions: boolean;\n  @State() hasHeading: boolean;\n  @State() onDismissButtonClick = () => this.dismiss();\n\n  /**\n   * If `true`, a close button (×) is displayed and the alert can be dismissed by the user.\n   */\n  @Prop() readonly dismissible: boolean = false;\n\n  @Watch('dismissible')\n  validateDismissible(isDismissible = this.dismissible) {\n    checkType(isDismissible, 'boolean', 'The post-alert \"dismissible\" prop should be a boolean.');\n    setTimeout(() => this.validateDismissLabel());\n  }\n\n  /**\n   * The label to use for the close button of a dismissible alert.\n   */\n  @Prop() readonly dismissLabel: string;\n\n  @Watch('dismissLabel')\n  validateDismissLabel(dismissLabel = this.dismissLabel) {\n    if (this.dismissible) {\n      checkNonEmpty(dismissLabel, 'Dismissible post-alert\\'s require a \"dismiss-label\" prop.');\n    }\n  }\n\n  /**\n   * If `true`, the alert is positioned at the bottom of the window, from edge to edge.\n   */\n  @Prop() readonly fixed: boolean = false;\n\n  @Watch('fixed')\n  validateFixed(isFixed = this.fixed) {\n    checkType(isFixed, 'boolean', 'The post-alert \"fixed\" prop should be a boolean.');\n  }\n\n  /**\n   * The icon to display in the alert. By default, the icon depends on the alert type.\n   *\n   * If `none`, no icon is displayed.\n   */\n  @Prop() readonly icon: string;\n\n  @Watch('icon')\n  validateIcon(icon = this.icon) {\n    checkEmptyOrPattern(icon, /\\d{4}|none/, 'The post-alert \"icon\" prop should be a 4-digits string.');\n  }\n\n  /**\n   * The type of the alert.\n   */\n  @Prop() readonly type: AlertType = 'primary';\n\n  @Watch('type')\n  validateType(type = this.type) {\n    checkEmptyOrOneOf(type, ALERT_TYPES, `The post-alert requires a type form: ${ALERT_TYPES.join(', ')}`);\n  }\n\n  /**\n   * An event emitted when the alert element is dismissed, after the transition.\n   * It has no payload and only relevant for dismissible alerts.\n   */\n  @Event() dismissed: EventEmitter<void>;\n\n  connectedCallback() {\n    this.validateDismissible();\n    this.validateFixed();\n    this.validateIcon();\n    this.validateType();\n  }\n\n  componentWillRender() {\n    this.hasHeading = this.host.querySelectorAll('[slot=heading]').length > 0;\n    this.hasActions = this.host.querySelectorAll('[slot=actions]').length > 0;\n\n    this.classes = `alert alert-${this.type ?? 'primary'}`;\n    if (this.dismissible) this.classes += ' alert-dismissible';\n    if (this.hasActions) this.classes += ' alert-action';\n    if (this.fixed) this.classes += ' alert-fixed-bottom';\n    if (this.icon === 'none') this.classes += ' no-icon';\n  }\n\n  /**\n   * Triggers alert dismissal programmatically (same as clicking on the close button (×)).\n   */\n  @Method()\n  async dismiss() {\n    const dismissal = fadeOut(this.host);\n\n    await dismissal.finished;\n\n    this.host.remove();\n    this.dismissed.emit();\n  }\n\n  render() {\n    const defaultAlertContent = [\n      this.hasHeading && (\n        <div key={`${this.alertId}-heading`} class=\"alert-heading\">\n          <slot name=\"heading\"/>\n        </div>\n      ),\n      <slot key={`${this.alertId}-message`}/>\n    ];\n\n    const actionAlertContent = [\n      <div key={`${this.alertId}-content`} class=\"alert-content\">\n        {defaultAlertContent}\n      </div>,\n      <div key={`${this.alertId}-buttons`} class=\"alert-buttons\">\n        <slot name=\"actions\"/>\n      </div>,\n    ];\n\n    return (\n      <Host data-version={version}>\n        <div role=\"alert\" class={this.classes}>\n          {this.dismissible && (\n            <button class=\"btn-close\" onClick={this.onDismissButtonClick}>\n              <span class=\"visually-hidden\">{this.dismissLabel}</span>\n            </button>\n          )}\n\n          {this.icon && this.icon !== 'none' && (\n            <post-icon key={`${this.alertId}-icon`} name={this.icon} />\n          )}\n\n          {this.hasActions\n            ? actionAlertContent\n            : defaultAlertContent\n          }\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"8NAAO,MAAMA,EAAc,CAAC,UAAW,UAAW,SAAU,UAAW,OAAQ,QCA/E,MAAMC,EAAe,k2nB,MCWRC,EAAS,M,2EAGDC,OAAOC,a,qGAIM,IAAMC,KAAKC,U,iBAKH,M,uCAuBN,M,8BAsBC,S,CA1CnC,mBAAAC,CAAoBC,EAAgBH,KAAKI,aACvCC,EAAUF,EAAe,UAAW,0DACpCG,YAAW,IAAMN,KAAKO,wB,CASxB,oBAAAA,CAAqBC,EAAeR,KAAKQ,cACvC,GAAIR,KAAKI,YAAa,CACpBK,EAAcD,EAAc,4D,EAUhC,aAAAE,CAAcC,EAAUX,KAAKY,OAC3BP,EAAUM,EAAS,UAAW,mD,CAWhC,YAAAE,CAAaC,EAAOd,KAAKc,MACvBC,EAAoBD,EAAM,aAAc,0D,CAS1C,YAAAE,CAAaC,EAAOjB,KAAKiB,MACvBC,EAAkBD,EAAMtB,EAAa,wCAAwCA,EAAYwB,KAAK,Q,CAShG,iBAAAC,GACEpB,KAAKE,sBACLF,KAAKU,gBACLV,KAAKa,eACLb,KAAKgB,c,CAGP,mBAAAK,G,MACErB,KAAKsB,WAAatB,KAAKuB,KAAKC,iBAAiB,kBAAkBC,OAAS,EACxEzB,KAAK0B,WAAa1B,KAAKuB,KAAKC,iBAAiB,kBAAkBC,OAAS,EAExEzB,KAAK2B,QAAU,gBAAeC,EAAA5B,KAAKiB,QAAI,MAAAW,SAAA,EAAAA,EAAI,YAC3C,GAAI5B,KAAKI,YAAaJ,KAAK2B,SAAW,qBACtC,GAAI3B,KAAK0B,WAAY1B,KAAK2B,SAAW,gBACrC,GAAI3B,KAAKY,MAAOZ,KAAK2B,SAAW,sBAChC,GAAI3B,KAAKc,OAAS,OAAQd,KAAK2B,SAAW,U,CAO5C,aAAM1B,GACJ,MAAM4B,EAAYC,EAAQ9B,KAAKuB,YAEzBM,EAAUE,SAEhB/B,KAAKuB,KAAKS,SACVhC,KAAKiC,UAAUC,M,CAGjB,MAAAC,GACE,MAAMC,EAAsB,CAC1BpC,KAAKsB,YACHe,EAAA,OAAKC,IAAK,GAAGtC,KAAKuC,kBAAmBC,MAAM,iBACzCH,EAAA,QAAMI,KAAK,aAGfJ,EAAA,QAAMC,IAAK,GAAGtC,KAAKuC,qBAGrB,MAAMG,EAAqB,CACzBL,EAAA,OAAKC,IAAK,GAAGtC,KAAKuC,kBAAmBC,MAAM,iBACxCJ,GAEHC,EAAA,OAAKC,IAAK,GAAGtC,KAAKuC,kBAAmBC,MAAM,iBACzCH,EAAA,QAAMI,KAAK,cAIf,OACEJ,EAACM,EAAI,gBAAeC,GAClBP,EAAA,OAAKQ,KAAK,QAAQL,MAAOxC,KAAK2B,SAC3B3B,KAAKI,aACJiC,EAAA,UAAQG,MAAM,YAAYM,QAAS9C,KAAK+C,sBACtCV,EAAA,QAAMG,MAAM,mBAAmBxC,KAAKQ,eAIvCR,KAAKc,MAAQd,KAAKc,OAAS,QAC1BuB,EAAA,aAAWC,IAAK,GAAGtC,KAAKuC,eAAgBE,KAAMzC,KAAKc,OAGpDd,KAAK0B,WACFgB,EACAN,G"}

package/dist/post-components/p-81591ad0.js

@@ -0,0 +1,3 @@
+const t="post-components";let n;let e;let s=false;let o=false;const l=(t,n="")=>{{return()=>{}}};const c=(t,n)=>{{return()=>{}}};const i="{visibility:hidden}.hydrated{visibility:inherit}";const f="slot-fb{display:contents}slot-fb[hidden]{display:none}";const r={};const u=t=>t!=null;const a=t=>{t=typeof t;return t==="object"||t==="function"};function d(t){var n,e,s;return(s=(e=(n=t.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&s!==void 0?s:undefined}const v=(t,n,...e)=>{let s=null;let o=null;let l=false;let c=false;const i=[];const f=n=>{for(let e=0;e<n.length;e++){s=n[e];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(l=typeof t!=="function"&&!a(s)){s=String(s)}if(l&&c){i[i.length-1].t+=s}else{i.push(l?p(null,s):s)}c=l}}};f(e);if(n){if(n.key){o=n.key}{const t=n.className||n.class;if(t){n.class=typeof t!=="object"?t:Object.keys(t).filter((n=>t[n])).join(" ")}}}if(typeof t==="function"){return t(n===null?{}:n,i,m)}const r=p(t,null);r.o=n;if(i.length>0){r.l=i}{r.i=o}return r};const p=(t,n)=>{const e={u:0,v:t,t:n,p:null,l:null};{e.o=null}{e.i=null}return e};const y={};const h=t=>t&&t.v===y;const m={forEach:(t,n)=>t.map(b).forEach(n),map:(t,n)=>t.map(b).map(n).map($)};const b=t=>({vattrs:t.o,vchildren:t.l,vkey:t.i,vname:t.h,vtag:t.v,vtext:t.t});const $=t=>{if(typeof t.vtag==="function"){const n=Object.assign({},t.vattrs);if(t.vkey){n.key=t.vkey}if(t.vname){n.name=t.vname}return v(t.vtag,n,...t.vchildren||[])}const n=p(t.vtag,t.vtext);n.o=t.vattrs;n.l=t.vchildren;n.i=t.vkey;n.h=t.vname;return n};const w=(t,n)=>{if(t!=null&&!a(t)){if(n&4){return t==="false"?false:t===""||!!t}if(n&2){return parseFloat(t)}if(n&1){return String(t)}return t}return t};const S=t=>pt(t).$hostElement$;const g=(t,n,e)=>{const s=S(t);return{emit:t=>j(s,n,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:t})}};const j=(t,n,e)=>{const s=kt.ce(n,e);t.dispatchEvent(s);return s};const k=new WeakMap;const C=(t,n,e)=>{let s=St.get(t);if(Ot&&e){s=s||new CSSStyleSheet;if(typeof s==="string"){s=n}else{s.replaceSync(n)}}else{s=n}St.set(t,s)};const O=(t,n,e)=>{var s;const o=P(n);const l=St.get(o);t=t.nodeType===11?t:jt;if(l){if(typeof l==="string"){t=t.head||t;let e=k.get(t);let c;if(!e){k.set(t,e=new Set)}if(!e.has(o)){{c=jt.createElement("style");c.innerHTML=l;const n=(s=kt.m)!==null&&s!==void 0?s:d(jt);if(n!=null){c.setAttribute("nonce",n)}t.insertBefore(c,t.querySelector("link"))}if(n.u&4){c.innerHTML+=f}if(e){e.add(o)}}}else if(!t.adoptedStyleSheets.includes(l)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]}}return o};const M=t=>{const n=t.$;const e=t.$hostElement$;const s=n.u;const o=l("attachStyles",n.S);const c=O(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);if(s&10){e["s-sc"]=c;e.classList.add(c+"-h")}o()};const P=(t,n)=>"sc-"+t.S;const x=(t,n,e,s,o,l)=>{if(e!==s){let c=mt(t,n);let i=n.toLowerCase();if(n==="class"){const n=t.classList;const o=L(e);const l=L(s);n.remove(...o.filter((t=>t&&!l.includes(t))));n.add(...l.filter((t=>t&&!o.includes(t))))}else if(n==="style"){{for(const n in e){if(!s||s[n]==null){if(n.includes("-")){t.style.removeProperty(n)}else{t.style[n]=""}}}}for(const n in s){if(!e||s[n]!==e[n]){if(n.includes("-")){t.style.setProperty(n,s[n])}else{t.style[n]=s[n]}}}}else if(n==="key");else if(n==="ref"){if(s){s(t)}}else if(!c&&n[0]==="o"&&n[1]==="n"){if(n[2]==="-"){n=n.slice(3)}else if(mt(gt,i)){n=i.slice(2)}else{n=i[2]+n.slice(3)}if(e||s){const o=n.endsWith(R);n=n.replace(U,"");if(e){kt.rel(t,n,e,o)}if(s){kt.ael(t,n,s,o)}}}else{const i=a(s);if((c||i&&s!==null)&&!o){try{if(!t.tagName.includes("-")){const o=s==null?"":s;if(n==="list"){c=false}else if(e==null||t[n]!=o){t[n]=o}}else{t[n]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(n)===""){{t.removeAttribute(n)}}}else if((!c||l&4||o)&&!i){s=s===true?"":s;{t.setAttribute(n,s)}}}}};const E=/\s/;const L=t=>!t?[]:t.split(E);const R="Capture";const U=new RegExp(R+"$");const W=(t,n,e,s)=>{const o=n.p.nodeType===11&&n.p.host?n.p.host:n.p;const l=t&&t.o||r;const c=n.o||r;{for(s in l){if(!(s in c)){x(o,s,l[s],undefined,e,n.u)}}}for(s in c){x(o,s,l[s],c[s],e,n.u)}};const A=(t,o,l,c)=>{const i=o.l[l];let f=0;let r;let a;if(i.t!==null){r=i.p=jt.createTextNode(i.t)}else{r=i.p=jt.createElement(i.v);{W(null,i,s)}if(u(n)&&r["s-si"]!==n){r.classList.add(r["s-si"]=n)}if(i.l){for(f=0;f<i.l.length;++f){a=A(t,i,f);if(a){r.appendChild(a)}}}}r["s-hn"]=e;return r};const N=(t,n,s,o,l,c)=>{let i=t;let f;if(i.shadowRoot&&i.tagName===e){i=i.shadowRoot}for(;l<=c;++l){if(o[l]){f=A(null,s,l);if(f){o[l].p=f;i.insertBefore(f,n)}}}};const T=(t,n,e)=>{for(let s=n;s<=e;++s){const n=t[s];if(n){const t=n.p;D(n);if(t){t.remove()}}}};const F=(t,n,e,s,o=false)=>{let l=0;let c=0;let i=0;let f=0;let r=n.length-1;let u=n[0];let a=n[r];let d=s.length-1;let v=s[0];let p=s[d];let y;let h;while(l<=r&&c<=d){if(u==null){u=n[++l]}else if(a==null){a=n[--r]}else if(v==null){v=s[++c]}else if(p==null){p=s[--d]}else if(H(u,v,o)){q(u,v,o);u=n[++l];v=s[++c]}else if(H(a,p,o)){q(a,p,o);a=n[--r];p=s[--d]}else if(H(u,p,o)){q(u,p,o);t.insertBefore(u.p,a.p.nextSibling);u=n[++l];p=s[--d]}else if(H(a,v,o)){q(a,v,o);t.insertBefore(a.p,u.p);a=n[--r];v=s[++c]}else{i=-1;{for(f=l;f<=r;++f){if(n[f]&&n[f].i!==null&&n[f].i===v.i){i=f;break}}}if(i>=0){h=n[i];if(h.v!==v.v){y=A(n&&n[c],e,i)}else{q(h,v,o);n[i]=undefined;y=h.p}v=s[++c]}else{y=A(n&&n[c],e,c);v=s[++c]}if(y){{u.p.parentNode.insertBefore(y,u.p)}}}}if(l>r){N(t,s[d+1]==null?null:s[d+1].p,e,s,c,d)}else if(c>d){T(n,l,r)}};const H=(t,n,e=false)=>{if(t.v===n.v){if(!e){return t.i===n.i}return true}return false};const q=(t,n,e=false)=>{const o=n.p=t.p;const l=t.l;const c=n.l;const i=n.v;const f=n.t;if(f===null){{if(i==="slot");else{W(t,n,s)}}if(l!==null&&c!==null){F(o,l,n,c,e)}else if(c!==null){if(t.t!==null){o.textContent=""}N(o,null,n,c,0,c.length-1)}else if(l!==null){T(l,0,l.length-1)}}else if(t.t!==f){o.data=f}};const D=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.l&&t.l.map(D)}};const I=(t,s,o=false)=>{const l=t.$hostElement$;const c=t.j||p(null,null);const i=h(s)?s:v(null,null,s);e=l.tagName;if(o&&i.o){for(const t of Object.keys(i.o)){if(l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){i.o[t]=l[t]}}}i.v=null;i.u|=4;t.j=i;i.p=c.p=l.shadowRoot||l;{n=l["s-sc"]}q(c,i,o)};const V=(t,n)=>{if(n&&!t.k&&n["s-p"]){n["s-p"].push(new Promise((n=>t.k=n)))}};const _=(t,n)=>{{t.u|=16}if(t.u&4){t.u|=512;return}V(t,t.C);const e=()=>z(t,n);return Ut(e)};const z=(t,n)=>{const e=l("scheduleUpdate",t.$.S);const s=t.O;let o;if(n){{t.u|=256;if(t.M){t.M.map((([t,n])=>Y(s,t,n)));t.M=undefined}}{o=Y(s,"componentWillLoad")}}{o=B(o,(()=>Y(s,"componentWillRender")))}e();return B(o,(()=>J(t,s,n)))};const B=(t,n)=>G(t)?t.then(n):n();const G=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const J=async(t,n,e)=>{var s;const o=t.$hostElement$;const c=l("update",t.$.S);const i=o["s-rc"];if(e){M(t)}const f=l("render",t.$.S);{K(t,n,o,e)}if(i){i.map((t=>t()));o["s-rc"]=undefined}f();c();{const n=(s=o["s-p"])!==null&&s!==void 0?s:[];const e=()=>Q(t);if(n.length===0){e()}else{Promise.all(n).then(e);t.u|=4;n.length=0}}};const K=(t,n,e,s)=>{try{n=n.render();{t.u&=~16}{t.u|=2}{{{I(t,n,s)}}}}catch(n){bt(n,t.$hostElement$)}return null};const Q=t=>{const n=t.$.S;const e=t.$hostElement$;const s=l("postUpdate",n);const o=t.O;const c=t.C;if(!(t.u&64)){t.u|=64;{Z(e)}{Y(o,"componentDidLoad")}s();{t.P(e);if(!c){X()}}}else{s()}{t.L(e)}{if(t.k){t.k();t.k=undefined}if(t.u&512){Rt((()=>_(t,false)))}t.u&=~(4|512)}};const X=n=>{{Z(jt.documentElement)}Rt((()=>j(gt,"appload",{detail:{namespace:t}})))};const Y=(t,n,e)=>{if(t&&t[n]){try{return t[n](e)}catch(t){bt(t)}}return undefined};const Z=t=>t.classList.add("hydrated");const tt=(t,n)=>pt(t).R.get(n);const nt=(t,n,e,s)=>{const o=pt(t);const l=o.$hostElement$;const c=o.R.get(n);const i=o.u;const f=o.O;e=w(e,s.U[n][0]);const r=Number.isNaN(c)&&Number.isNaN(e);const u=e!==c&&!r;if((!(i&8)||c===undefined)&&u){o.R.set(n,e);if(f){if(s.W&&i&128){const t=s.W[n];if(t){t.map((t=>{try{f[t](e,c,n)}catch(t){bt(t,l)}}))}}if((i&(2|16))===2){_(o,false)}}}};const et=(t,n,e)=>{var s;const o=t.prototype;if(n.U){if(t.watchers){n.W=t.watchers}const l=Object.entries(n.U);l.map((([t,[s]])=>{if(s&31||e&2&&s&32){Object.defineProperty(o,t,{get(){return tt(this,t)},set(e){nt(this,t,e,n)},configurable:true,enumerable:true})}else if(e&1&&s&64){Object.defineProperty(o,t,{value(...n){var e;const s=pt(this);return(e=s===null||s===void 0?void 0:s.A)===null||e===void 0?void 0:e.then((()=>{var e;return(e=s.O)===null||e===void 0?void 0:e[t](...n)}))}})}}));if(e&1){const e=new Map;o.attributeChangedCallback=function(t,s,l){kt.jmp((()=>{var c;const i=e.get(t);if(this.hasOwnProperty(i)){l=this[i];delete this[i]}else if(o.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==l){return}else if(i==null){const e=pt(this);const o=e===null||e===void 0?void 0:e.u;if(o&&!(o&8)&&o&128&&l!==s){const o=e.O;const i=(c=n.W)===null||c===void 0?void 0:c[t];i===null||i===void 0?void 0:i.forEach((n=>{if(o[n]!=null){o[n].call(o,l,s,t)}}))}return}this[i]=l===null&&typeof this[i]==="boolean"?false:l}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=n.W)!==null&&s!==void 0?s:{}),...l.filter((([t,n])=>n[0]&15)).map((([t,n])=>{const s=n[1]||t;e.set(s,t);return s}))]))}}return t};const st=async(t,n,e,s)=>{let o;if((n.u&32)===0){n.u|=32;{o=wt(e);if(o.then){const t=c();o=await o;t()}if(!o.isProxied){{e.W=o.watchers}et(o,e,2);o.isProxied=true}const t=l("createInstance",e.S);{n.u|=8}try{new o(n)}catch(t){bt(t)}{n.u&=~8}{n.u|=128}t();ot(n.O)}if(o.style){let t=o.style;const n=P(e);if(!St.has(n)){const s=l("registerStyles",e.S);C(n,t,!!(e.u&1));s()}}}const i=n.C;const f=()=>_(n,true);if(i&&i["s-rc"]){i["s-rc"].push(f)}else{f()}};const ot=t=>{{Y(t,"connectedCallback")}};const lt=t=>{if((kt.u&1)===0){const n=pt(t);const e=n.$;const s=l("connectedCallback",e.S);if(!(n.u&1)){n.u|=1;{let e=t;while(e=e.parentNode||e.host){if(e["s-p"]){V(n,n.C=e);break}}}if(e.U){Object.entries(e.U).map((([n,[e]])=>{if(e&31&&t.hasOwnProperty(n)){const e=t[n];delete t[n];t[n]=e}}))}{st(t,n,e)}}else{rt(t,n,e.N);if(n===null||n===void 0?void 0:n.O){ot(n.O)}else if(n===null||n===void 0?void 0:n.T){n.T.then((()=>ot(n.O)))}}s()}};const ct=t=>{{Y(t,"disconnectedCallback")}};const it=async t=>{if((kt.u&1)===0){const n=pt(t);{if(n.F){n.F.map((t=>t()));n.F=undefined}}if(n===null||n===void 0?void 0:n.O){ct(n.O)}else if(n===null||n===void 0?void 0:n.T){n.T.then((()=>ct(n.O)))}}};const ft=(t,n={})=>{var e;const s=l();const o=[];const c=n.exclude||[];const r=gt.customElements;const u=jt.head;const a=u.querySelector("meta[charset]");const v=jt.createElement("style");const p=[];let y;let h=true;Object.assign(kt,n);kt.H=new URL(n.resourcesUrl||"./",jt.baseURI).href;let m=false;t.map((t=>{t[1].map((n=>{var e;const s={u:n[0],S:n[1],U:n[2],N:n[3]};if(s.u&4){m=true}{s.U=n[2]}{s.N=n[3]}{s.W=(e=n[4])!==null&&e!==void 0?e:{}}const l=s.S;const i=class extends HTMLElement{constructor(t){super(t);t=this;ht(t,s);if(s.u&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(y){clearTimeout(y);y=null}if(h){p.push(this)}else{kt.jmp((()=>lt(this)))}}disconnectedCallback(){kt.jmp((()=>it(this)))}componentOnReady(){return pt(this).T}};s.q=t[0];if(!c.includes(l)&&!r.get(l)){o.push(l);r.define(l,et(i,s,1))}}))}));if(m){v.innerHTML+=f}{v.innerHTML+=o+i}if(v.innerHTML.length){v.setAttribute("data-styles","");const t=(e=kt.m)!==null&&e!==void 0?e:d(jt);if(t!=null){v.setAttribute("nonce",t)}u.insertBefore(v,a?a.nextSibling:u.firstChild)}h=false;if(p.length){p.map((t=>t.connectedCallback()))}else{{kt.jmp((()=>y=setTimeout(X,30)))}}s()};const rt=(t,n,e,s)=>{if(e){e.map((([e,s,o])=>{const l=t;const c=ut(n,o);const i=at(e);kt.ael(l,s,c,i);(n.F=n.F||[]).push((()=>kt.rel(l,s,c,i)))}))}};const ut=(t,n)=>e=>{try{{if(t.u&256){t.O[n](e)}else{(t.M=t.M||[]).push([n,e])}}}catch(t){bt(t)}};const at=t=>(t&2)!==0;const dt=t=>kt.m=t;const vt=new WeakMap;const pt=t=>vt.get(t);const yt=(t,n)=>vt.set(n.O=t,n);const ht=(t,n)=>{const e={u:0,$hostElement$:t,$:n,R:new Map};{e.A=new Promise((t=>e.L=t))}{e.T=new Promise((t=>e.P=t));t["s-p"]=[];t["s-rc"]=[]}rt(t,e,n.N);return vt.set(t,e)};const mt=(t,n)=>n in t;const bt=(t,n)=>(0,console.error)(t,n);const $t=new Map;const wt=(t,n,e)=>{const s=t.S.replace(/-/g,"_");const o=t.q;const l=$t.get(o);if(l){return l[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((t=>{{$t.set(o,t)}return t[s]}),bt)};const St=new Map;const gt=typeof window!=="undefined"?window:{};const jt=gt.document||{head:{}};const kt={u:0,H:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,s)=>t.addEventListener(n,e,s),rel:(t,n,e,s)=>t.removeEventListener(n,e,s),ce:(t,n)=>new CustomEvent(t,n)};const Ct=t=>Promise.resolve(t);const Ot=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Mt=[];const Pt=[];const xt=(t,n)=>e=>{t.push(e);if(!o){o=true;if(n&&kt.u&4){Rt(Lt)}else{kt.raf(Lt)}}};const Et=t=>{for(let n=0;n<t.length;n++){try{t[n](performance.now())}catch(t){bt(t)}}t.length=0};const Lt=()=>{Et(Mt);{Et(Pt);if(o=Mt.length>0){kt.raf(Lt)}}};const Rt=t=>Ct().then(t);const Ut=xt(Pt,true);export{y as H,ft as b,g as c,S as g,v as h,Ct as p,yt as r,dt as s};
+//# sourceMappingURL=p-81591ad0.js.map