@swisspost/design-system-components 1.7.1 → 2.0.1

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"}

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

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