@swisspost/design-system-components 1.5.1 → 1.6.1

package/dist/post-components/p-0d37fe44.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as t,H as r,g as a}from"./p-d94db268.js";import{v as b}from"./p-eb3ff4dc.js";import{c as e}from"./p-c8efe0ae.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-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .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-success .tab-title{background-color:#2c911c}.bg-success .tab-title.active{background-color:#2c911c}.bg-success .nav-item{background-color:#2c911c}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.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}[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;user-select:none;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 post_tab_header};
-//# sourceMappingURL=p-0d37fe44.entry.js.map

package/dist/post-components/p-0d37fe44.entry.js.map

@@ -1 +0,0 @@
-{"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,46L,MCSZC,EAAa,M,mEAWxBC,YAAYC,GACVC,EAAcD,EAAU,wD,CAG1BE,oBACEC,KAAKC,MAAQ,OAAOD,KAAKE,KAAKC,IAAMC,OAAOC,c,CAG7CC,SACE,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-123bb6fb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["postTabsCss","PostTabs","this","isLoaded","tabs","host","querySelectorAll","componentDidLoad","moveMisplacedTabs","enableTabs","initiallyActivePanel","activePanel","item","panel","show","async","panelName","_a","activeTab","previousTab","newTab","querySelector","activateTab","showing","effect","style","display","finish","hiding","hidePanel","finished","showSelectedPanel","tabChange","emit","forEach","tab","getAttribute","setAttribute","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":"+IAAA,MAAMA,EAAc,szD,MCSPC,EAAQ,M,8DAIXC,KAAAC,SAAW,M,2BAEPC,WACV,OAAOF,KAAKG,KAAKC,iBAAiB,kB,CAmBpCC,mBACEL,KAAKM,oBACLN,KAAKO,aAEL,MAAMC,EAAuBR,KAAKS,aAAeT,KAAKE,KAAKQ,KAAK,GAAGC,WAC9DX,KAAKY,KAAKJ,GAEfR,KAAKC,SAAW,I,CAQlBY,WAAWC,G,MAET,GAAIA,MAAcC,EAAAf,KAAKgB,aAAS,MAAAD,SAAA,SAAAA,EAAEJ,OAAO,CACvC,M,CAGF,MAAMM,EAAcjB,KAAKgB,UACzB,MAAME,EAAmClB,KAAKG,KAAKgB,cACjD,yBAAyBL,MAE3Bd,KAAKoB,YAAYF,GAGjB,GAAIlB,KAAKqB,QAAS,CAChBrB,KAAKqB,QAAQC,OAAO,UAAUC,MAAMC,QAAU,OAC9CxB,KAAKqB,QAAQI,Q,CAIf,GAAIR,IAAgBjB,KAAKqB,UAAYrB,KAAK0B,OAAQ,CAChD1B,KAAK2B,UAAUV,EAAYN,M,CAI7B,GAAIX,KAAK0B,OAAQ,OACT1B,KAAK0B,OAAOE,Q,CAGpB5B,KAAK6B,oBAGL,GAAI7B,KAAKqB,QAAS,OACVrB,KAAKqB,QAAQO,Q,CAGrB5B,KAAK8B,UAAUC,KAAK/B,KAAKgB,UAAUL,M,CAG7BL,oBACN,IAAKN,KAAKE,KAAM,OAEhBF,KAAKE,KAAK8B,SAAQC,IAChB,GAAIA,EAAIC,aAAa,UAAY,OAAQ,OACzCD,EAAIE,aAAa,OAAQ,OAAO,G,CAI5B5B,aACN,IAAKP,KAAKE,KAAM,OAEhBF,KAAKE,KAAK8B,SAAQnB,MAAMoB,UAChBA,EAAIG,mBAEV,MAAMC,EAAWJ,EAAIK,WAAWnB,cAAc,cAG9C,GAAIkB,EAASH,aAAa,iBAAkB,OAE5C,MAAMK,EAAWvC,KAAKwC,SAASP,EAAItB,OAAO2B,WAAWnB,cAAc,aACnEkB,EAASF,aAAa,gBAAiBI,EAASE,IAChDF,EAASJ,aAAa,kBAAmBE,EAASI,IAElDR,EAAIS,iBAAiB,SAAS,UACvB1C,KAAKY,KAAKqB,EAAItB,MAAM,IAG3BsB,EAAIS,iBAAiB,WAAW,EAAGC,UACjC,GAAIA,IAAQ,cAAgBA,IAAQ,YAAa3C,KAAK4C,aAAaX,EAAKU,EAAI,GAC5E,IAIJ,GAAI3C,KAAKgB,YAAchB,KAAKgB,UAAU6B,YAAa,MAC5C7C,KAAKY,KAAKZ,KAAKE,KAAKQ,KAAK,GAAGC,M,EAI7BS,YAAYa,GAClB,GAAIjC,KAAKgB,UAAW,CAClB,MAAMqB,EAAWrC,KAAKgB,UAAUsB,WAAWnB,cAAc,cACzDkB,EAASF,aAAa,gBAAiB,SACvCE,EAASF,aAAa,WAAY,MAClCE,EAASS,UAAUC,OAAO,S,CAG5B,MAAMV,EAAWJ,EAAIK,WAAWnB,cAAc,cAC9CkB,EAASF,aAAa,gBAAiB,QACvCE,EAASW,gBAAgB,YACzBX,EAASS,UAAUG,IAAI,UAEvBjD,KAAKgB,UAAYiB,C,CAGXN,UAAUb,GAChB,MAAMoC,EAAgBlD,KAAKwC,SAAS1B,GAEpC,IAAKoC,EAAe,OAEpBlD,KAAK0B,OAASyB,EAAQD,GACtBlD,KAAK0B,OAAO0B,SAAW,KACrBF,EAAc3B,MAAMC,QAAU,OAC9BxB,KAAK0B,OAAS,IAAI,C,CAIdG,oBACN,MAAMlB,EAAQX,KAAKwC,SAASxC,KAAKgB,UAAUL,OAC3CA,EAAMY,MAAMC,QAAU,QAGtB,IAAKxB,KAAKC,SAAU,OAEpBD,KAAKqB,QAAUgC,EAAO1C,GACtBX,KAAKqB,QAAQ+B,SAAW,KACtBpD,KAAKqB,QAAU,IAAI,C,CAIfmB,SAASc,GACf,OAAOtD,KAAKG,KAAKgB,cAAc,uBAAuBmC,K,CAGhDV,aAAaX,EAA+BU,GAClD,MAAMY,EAAiBC,MAAMC,KAAKzD,KAAKE,MAAMwD,QAAQzB,GAErD,IAAI0B,EACJ,GAAIhB,IAAQ,aAAc,CACxBgB,EAAU3D,KAAKE,KAAKqD,EAAiB,IAAMvD,KAAKE,KAAK,E,KAChD,CACLyD,EAAU3D,KAAKE,KAAKqD,EAAiB,IAAMvD,KAAKE,KAAKF,KAAKE,KAAK0D,OAAS,E,CAG1E,IAAKD,EAAS,OAEd,MAAME,EAAeF,EAAQrB,WAAWnB,cAAc,cACtD0C,EAAaC,O,CAGfC,SACE,OACEC,EAACC,EAAI,gBAAeC,GAClBF,EAAA,OAAKG,MAAM,gBACTH,EAAA,OAAKG,MAAM,OAAOC,KAAK,WACrBJ,EAAA,QAAMV,KAAK,OAAOe,aAAc,IAAMrE,KAAKO,iBAG/CyD,EAAA,OAAKG,MAAM,eACTH,EAAA,QAAMK,aAAc,IAAMrE,KAAKM,uB"}

package/dist/post-components/p-15fc087f.js

@@ -1,2 +0,0 @@
-import{E as o}from"./p-c8efe0ae.js";import{c as r}from"./p-bcc705f1.js";import{c as s}from"./p-75a7b352.js";function t(r){return(...s)=>{const t=s[0];if(!o.some((o=>o===t)))r(...s)}}function c(o,r,s){if(typeof o!=="string"||!r.test(o))throw new Error(s)}const n=t(r);const f=t(c);const a=t(s);export{n as a,a as b,f as c};
-//# sourceMappingURL=p-15fc087f.js.map

package/dist/post-components/p-15fc087f.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["emptyOr","check","args","value","EMPTY_VALUES","some","v","checkPattern","pattern","errorMessage","test","Error","checkEmptyOrOneOf","checkOneOf","checkEmptyOrPattern","checkEmptyOrType","checkType"],"sources":["./src/utils/property-checkers/empty-or.ts","./src/utils/property-checkers/check-pattern.ts","./src/utils/property-checkers/index.ts"],"sourcesContent":["import { EMPTY_VALUES } from './constants';\n\nexport function emptyOr<T extends unknown[]>(check: (...args: T) => void) {\n  return (...args: T) => {\n    const value = args[0];\n    if (!EMPTY_VALUES.some(v => v === value)) check(...args);\n  };\n}\n","export function checkPattern(value: unknown, pattern: RegExp, errorMessage: string) {\n  if (typeof value !== 'string' || !pattern.test(value)) throw new Error(errorMessage);\n}\n","import { emptyOr } from './empty-or';\nimport { checkOneOf } from './check-one-of';\nimport { checkPattern } from './check-pattern';\nimport { checkType } from './check-type';\n\nexport const checkEmptyOrOneOf = emptyOr(checkOneOf);\nexport const checkEmptyOrPattern = emptyOr(checkPattern);\nexport const checkEmptyOrType = emptyOr(checkType);\n\nexport * from './check-non-empty';\nexport * from './check-one-of';\nexport * from './check-pattern';\nexport * from './check-type';\n"],"mappings":"qHAEgBA,EAA6BC,GAC3C,MAAO,IAAIC,KACT,MAAMC,EAAQD,EAAK,GACnB,IAAKE,EAAaC,MAAKC,GAAKA,IAAMH,IAAQF,KAASC,EAAK,CAE5D,C,SCPgBK,EAAaJ,EAAgBK,EAAiBC,GAC5D,UAAWN,IAAU,WAAaK,EAAQE,KAAKP,GAAQ,MAAM,IAAIQ,MAAMF,EACzE,C,MCGaG,EAAoBZ,EAAQa,G,MAC5BC,EAAsBd,EAAQO,G,MAC9BQ,EAAmBf,EAAQgB,U"}

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

@@ -1,2 +0,0 @@
-import{r as s,h as t,H as n,g as o}from"./p-d94db268.js";import{v as e}from"./p-eb3ff4dc.js";const a=":host{display:none}";const r=class{constructor(t){s(this,t);this.panelId=undefined;this.name=undefined}componentWillLoad(){this.panelId=`panel-${this.host.id||crypto.randomUUID()}`}render(){return t(n,{"data-version":e},t("div",{class:"tab-pane",id:this.panelId,role:"tabpanel"},t("slot",null)))}get host(){return o(this)}};r.style=a;export{r as post_tab_panel};
-//# sourceMappingURL=p-65a9d1c2.entry.js.map

package/dist/post-components/p-65a9d1c2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["postTabPanelCss","PostTabPanel","componentWillLoad","this","panelId","host","id","crypto","randomUUID","render","h","Host","version","class","role"],"sources":["./src/components/post-tab-panel/post-tab-panel.scss?tag=post-tab-panel&encapsulation=shadow","./src/components/post-tab-panel/post-tab-panel.tsx"],"sourcesContent":[":host {\n  display: none;\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { version } from '../../../package.json';\n\n@Component({\n  tag: 'post-tab-panel',\n  styleUrl: 'post-tab-panel.scss',\n  shadow: true,\n})\nexport class PostTabPanel {\n  @Element() host: HTMLPostTabPanelElement;\n\n  @State() panelId: string;\n\n  /**\n   * The name of the panel, used to associate it with a tab header.\n   */\n  @Prop() readonly name: string;\n\n  componentWillLoad() {\n    // get the id set on the host element or use a random id by default\n    this.panelId = `panel-${this.host.id || crypto.randomUUID()}`;\n  }\n\n  render() {\n    return (\n      <Host data-version={version}>\n        <div\n          class=\"tab-pane\"\n          id={this.panelId}\n          role=\"tabpanel\"\n        >\n          <slot/>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,sB,MCQXC,EAAY,M,oEAUvBC,oBAEEC,KAAKC,QAAU,SAASD,KAAKE,KAAKC,IAAMC,OAAOC,c,CAGjDC,SACE,OACEC,EAACC,EAAI,gBAAeC,GAClBF,EAAA,OACEG,MAAM,WACNP,GAAIH,KAAKC,QACTU,KAAK,YAELJ,EAAA,c"}

package/dist/post-components/p-7240ae7b.entry.js.map

@@ -1 +0,0 @@
-{"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","async","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":"8QAAO,MAAMA,EAAc,CAAC,UAAW,UAAW,SAAU,UAAW,OAAQ,QCA/E,MAAMC,EAAe,y8lB,MCWRC,EAAS,M,2EAGDC,OAAOC,a,qGAIM,IAAMC,KAAKC,U,iBAKH,M,uCAuBN,M,8BAsBC,S,CA1CnCC,oBAAoBC,EAAgBH,KAAKI,aACvCC,EAAUF,EAAe,UAAW,0DACpCG,YAAW,IAAMN,KAAKO,wB,CASxBA,qBAAqBC,EAAeR,KAAKQ,cACvC,GAAIR,KAAKI,YAAa,CACpBK,EAAcD,EAAc,4D,EAUhCE,cAAcC,EAAUX,KAAKY,OAC3BP,EAAUM,EAAS,UAAW,mD,CAWhCE,aAAaC,EAAOd,KAAKc,MACvBC,EAAoBD,EAAM,aAAc,0D,CAS1CE,aAAaC,EAAOjB,KAAKiB,MACvBC,EAAkBD,EAAMtB,EAAa,wCAAwCA,EAAYwB,KAAK,Q,CAShGC,oBACEpB,KAAKE,sBACLF,KAAKU,gBACLV,KAAKa,eACLb,KAAKgB,c,CAGPK,sB,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,CAO5CE,gBACE,MAAMC,EAAYC,EAAQ/B,KAAKuB,YAEzBO,EAAUE,SAEhBhC,KAAKuB,KAAKU,SACVjC,KAAKkC,UAAUC,M,CAGjBC,SACE,MAAMC,EAAsB,CAC1BrC,KAAKsB,YACHgB,EAAA,OAAKC,IAAK,GAAGvC,KAAKwC,kBAAmBC,MAAM,iBACzCH,EAAA,QAAMI,KAAK,aAGfJ,EAAA,QAAMC,IAAK,GAAGvC,KAAKwC,qBAGrB,MAAMG,EAAqB,CACzBL,EAAA,OAAKC,IAAK,GAAGvC,KAAKwC,kBAAmBC,MAAM,iBACxCJ,GAEHC,EAAA,OAAKC,IAAK,GAAGvC,KAAKwC,kBAAmBC,MAAM,iBACzCH,EAAA,QAAMI,KAAK,cAIf,OACEJ,EAACM,EAAI,gBAAeC,GAClBP,EAAA,OAAKQ,KAAK,QAAQL,MAAOzC,KAAK2B,SAC3B3B,KAAKI,aACJkC,EAAA,UAAQG,MAAM,YAAYM,QAAS/C,KAAKgD,sBACtCV,EAAA,QAAMG,MAAM,mBAAmBzC,KAAKQ,eAIvCR,KAAKc,MAAQd,KAAKc,OAAS,QAC1BwB,EAAA,aAAWC,IAAK,GAAGvC,KAAKwC,eAAgBE,KAAM1C,KAAKc,OAGpDd,KAAK0B,WACFiB,EACAN,G"}

package/dist/post-components/p-75a7b352.js

@@ -1,2 +0,0 @@
-function r(r,o,t){const e=o==="array";const n=Array.isArray(r);if(e||n){if(n!==e)throw new Error(t)}else{if(typeof r!==o)throw new Error(t)}}export{r as c};
-//# sourceMappingURL=p-75a7b352.js.map

package/dist/post-components/p-75a7b352.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["checkType","value","type","error","typeIsArray","valueIsArray","Array","isArray","Error"],"sources":["./src/utils/property-checkers/check-type.ts"],"sourcesContent":["export type PropertyType =\n  | 'boolean'\n  | 'number'\n  | 'string'\n  | 'array'\n  | 'object'\n  | 'function';\n\nexport function checkType(value: unknown, type: PropertyType, error: string) {\n  const typeIsArray = type === 'array';\n  const valueIsArray = Array.isArray(value);\n\n  if (typeIsArray || valueIsArray) {\n    if (valueIsArray !== typeIsArray) throw new Error(error);\n  } else {\n    if (typeof value !== type) throw new Error(error);\n  }\n}\n"],"mappings":"SAQgBA,EAAUC,EAAgBC,EAAoBC,GAC5D,MAAMC,EAAcF,IAAS,QAC7B,MAAMG,EAAeC,MAAMC,QAAQN,GAEnC,GAAIG,GAAeC,EAAc,CAC/B,GAAIA,IAAiBD,EAAa,MAAM,IAAII,MAAML,E,KAC7C,CACL,UAAWF,IAAUC,EAAM,MAAM,IAAIM,MAAML,E,CAE/C,Q"}