@swisspost/design-system-components 1.7.1 → 2.0.0

package/dist/post-components/p-e78d158d.entry.js

@@ -1,2 +0,0 @@
-export{P as post_tab_header}from"./p-723336f2.js";import"./p-81591ad0.js";import"./p-bd1d0117.js";import"./p-b095519d.js";import"./p-440193f4.js";
-//# sourceMappingURL=p-e78d158d.entry.js.map

package/dist/post-components/p-f695aab4.js

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

package/dist/post-components/p-f695aab4.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["postAccordionCss","PostAccordion","this","expandedCollapsibles","Set","componentWillLoad","registerCollapsibles","toggle","id","collapsibleToToggle","collapsibles","find","collapsible","Error","collapseChangeHandler","event","toggledCollapsible","target","isClosing","has","delete","add","multiple","Array","from","values","filter","forEach","expandAll","Promise","all","map","size","collapseAll","host","querySelectorAll","collapsed","index","setAttribute","render","h","Host","version","class","onSlotchange"],"sources":["src/components/post-accordion/post-accordion.scss?tag=post-accordion&encapsulation=shadow","src/components/post-accordion/post-accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Element, h, Host, Listen, Method, Prop } from '@stencil/core';\nimport { version } from '../../../package.json';\n\n@Component({\n  tag: 'post-accordion',\n  styleUrl: 'post-accordion.scss',\n  shadow: true,\n})\nexport class PostAccordion {\n  private collapsibles: HTMLPostCollapsibleElement[];\n  private expandedCollapsibles = new Set<HTMLPostCollapsibleElement>();\n\n  @Element() host: HTMLPostAccordionElement;\n\n  /**\n   * If `true`, multiple `post-collapsible` can be open at the same time.\n   */\n  @Prop() readonly multiple: boolean = false;\n\n  componentWillLoad() {\n    this.registerCollapsibles();\n  }\n\n  /**\n   * Toggles the `post-collapsible` children with the given id.\n   */\n  @Method()\n  async toggle(id: string) {\n    const collapsibleToToggle = this.collapsibles\n      .find(collapsible => collapsible.id === id);\n\n    if (!collapsibleToToggle) throw new Error(`No post-collapsible found with id #${id}.`);\n\n    await collapsibleToToggle.toggle();\n  }\n\n  @Listen('collapseChange')\n  collapseChangeHandler(event: CustomEvent) {\n    const toggledCollapsible = event.target as HTMLPostCollapsibleElement;\n    const isClosing = this.expandedCollapsibles.has(toggledCollapsible);\n\n    if (isClosing) {\n      this.expandedCollapsibles.delete(toggledCollapsible);\n    } else {\n      this.expandedCollapsibles.add(toggledCollapsible);\n    }\n\n    if (this.multiple || isClosing) return;\n\n    // close other open collapsible elements to have only one opened at a time\n    Array.from(this.expandedCollapsibles.values())\n      .filter(collapsible => collapsible !== toggledCollapsible)\n      .forEach(collapsible => {\n        void collapsible.toggle(false);\n      });\n  }\n\n  /**\n   * Expands all `post-collapsible` children.\n   *\n   * If `close-others` is `true` and all items are closed, it will open the first one.\n   * Otherwise, it will keep the opened one.\n   */\n  @Method()\n  async expandAll() {\n    if (this.multiple) {\n      await Promise.all(\n        this.collapsibles.map(collapsible => collapsible.toggle(true))\n      );\n    } else if (!this.expandedCollapsibles.size) {\n      await this.collapsibles[0].toggle(true);\n    }\n  }\n\n  /**\n   * Collapses all `post-collapsible` children.\n   */\n  @Method()\n  async collapseAll() {\n    await Promise.all(\n      this.collapsibles.map(collapsible => collapsible.toggle(false))\n    );\n  }\n\n  private registerCollapsibles() {\n    this.collapsibles = Array.from(\n      this.host.querySelectorAll('post-collapsible')\n    );\n\n    this.collapsibles\n      .filter(collapsible => {\n        return !collapsible.collapsed || this.expandedCollapsibles.has(collapsible);\n      }).forEach((collapsible, index) => {\n        if (!this.multiple && index !== 0) {\n          collapsible.setAttribute('collapsed', '');\n          return;\n        }\n\n        this.expandedCollapsibles.add(collapsible);\n      });\n  }\n\n  render() {\n    return (\n      <Host data-version={version}>\n        <div class=\"accordion\">\n          <slot onSlotchange={() => this.registerCollapsibles()}/>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAmB,uB,MCQZC,EAAa,M,yBAEhBC,KAAAC,qBAAuB,IAAIC,I,cAOE,K,CAErC,iBAAAC,GACEH,KAAKI,sB,CAOP,YAAMC,CAAOC,GACX,MAAMC,EAAsBP,KAAKQ,aAC9BC,MAAKC,GAAeA,EAAYJ,KAAOA,IAE1C,IAAKC,EAAqB,MAAM,IAAII,MAAM,sCAAsCL,YAE1EC,EAAoBF,Q,CAI5B,qBAAAO,CAAsBC,GACpB,MAAMC,EAAqBD,EAAME,OACjC,MAAMC,EAAYhB,KAAKC,qBAAqBgB,IAAIH,GAEhD,GAAIE,EAAW,CACbhB,KAAKC,qBAAqBiB,OAAOJ,E,KAC5B,CACLd,KAAKC,qBAAqBkB,IAAIL,E,CAGhC,GAAId,KAAKoB,UAAYJ,EAAW,OAGhCK,MAAMC,KAAKtB,KAAKC,qBAAqBsB,UAClCC,QAAOd,GAAeA,IAAgBI,IACtCW,SAAQf,SACFA,EAAYL,OAAO,MAAM,G,CAWpC,eAAMqB,GACJ,GAAI1B,KAAKoB,SAAU,OACXO,QAAQC,IACZ5B,KAAKQ,aAAaqB,KAAInB,GAAeA,EAAYL,OAAO,Q,MAErD,IAAKL,KAAKC,qBAAqB6B,KAAM,OACpC9B,KAAKQ,aAAa,GAAGH,OAAO,K,EAQtC,iBAAM0B,SACEJ,QAAQC,IACZ5B,KAAKQ,aAAaqB,KAAInB,GAAeA,EAAYL,OAAO,S,CAIpD,oBAAAD,GACNJ,KAAKQ,aAAea,MAAMC,KACxBtB,KAAKgC,KAAKC,iBAAiB,qBAG7BjC,KAAKQ,aACFgB,QAAOd,IACEA,EAAYwB,WAAalC,KAAKC,qBAAqBgB,IAAIP,KAC9De,SAAQ,CAACf,EAAayB,KACvB,IAAKnC,KAAKoB,UAAYe,IAAU,EAAG,CACjCzB,EAAY0B,aAAa,YAAa,IACtC,M,CAGFpC,KAAKC,qBAAqBkB,IAAIT,EAAY,G,CAIhD,MAAA2B,GACE,OACEC,EAACC,EAAI,gBAAeC,GAClBF,EAAA,OAAKG,MAAM,aACTH,EAAA,QAAMI,aAAc,IAAM1C,KAAKI,0B"}