@swisspost/design-system-components 1.5.1 → 1.6.0

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

@@ -0,0 +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,4/lB,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-d4fb9f16.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as n,g as o}from"./p-a7649277.js";import{v as a}from"./p-541142fd.js";const e=":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":a},t("div",{class:"tab-pane",id:this.panelId,role:"tabpanel"},t("slot",null)))}get host(){return o(this)}};r.style=e;export{r as P};
+//# sourceMappingURL=p-d4fb9f16.js.map

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

@@ -0,0 +1 @@
+{"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,oEAUvB,iBAAAC,GAEEC,KAAKC,QAAU,SAASD,KAAKE,KAAKC,IAAMC,OAAOC,c,CAGjD,MAAAC,GACE,OACEC,EAACC,EAAI,gBAAeC,GAClBF,EAAA,OACEG,MAAM,WACNP,GAAIH,KAAKC,QACTU,KAAK,YAELJ,EAAA,c"}

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

@@ -0,0 +1,2 @@
+import{E as r}from"./p-440193f4.js";import{c as o}from"./p-1339f8cd.js";function t(o){return(...t)=>{const n=t[0];if(!r.some((r=>r===n)))o(...t)}}function n(r,o,t){if(typeof r!=="string"||!o.test(r))throw new Error(t)}function s(r,o,t){const n=o==="array";const s=Array.isArray(r);if(n||s){if(s!==n)throw new Error(t)}else{if(typeof r!==o)throw new Error(t)}}const f=t(o);const c=t(n);const i=t(s);export{c as a,f as b,s as c,i as d};
+//# sourceMappingURL=p-dfe29f7f.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["emptyOr","check","args","value","EMPTY_VALUES","some","v","checkPattern","pattern","errorMessage","test","Error","checkType","type","error","typeIsArray","valueIsArray","Array","isArray","checkEmptyOrOneOf","checkOneOf","checkEmptyOrPattern","checkEmptyOrType"],"sources":["src/utils/property-checkers/empty-or.ts","src/utils/property-checkers/check-pattern.ts","src/utils/property-checkers/check-type.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","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","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":"iFAEgBA,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,SCMgBG,EAAUT,EAAgBU,EAAoBC,GAC5D,MAAMC,EAAcF,IAAS,QAC7B,MAAMG,EAAeC,MAAMC,QAAQf,GAEnC,GAAIY,GAAeC,EAAc,CAC/B,GAAIA,IAAiBD,EAAa,MAAM,IAAIJ,MAAMG,E,KAC7C,CACL,UAAWX,IAAUU,EAAM,MAAM,IAAIF,MAAMG,E,CAE/C,C,MCZaK,EAAoBnB,EAAQoB,G,MAC5BC,EAAsBrB,EAAQO,G,MAC9Be,EAAmBtB,EAAQY,U"}

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

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

package/dist/post-components/p-e9dc9039.entry.js.map

@@ -0,0 +1 @@
+{"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

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-d94db268.js";export{s as setNonce}from"./p-d94db268.js";const o=()=>{const s=import.meta.url;const a={};if(s!==""){a.resourcesUrl=new URL(".",s).href}return e(a)};o().then((s=>a([["p-7240ae7b",[[1,"post-alert",{dismissible:[4],dismissLabel:[1,"dismiss-label"],fixed:[4],icon:[1],type:[1],alertId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]}]]],["p-97a064da",[[1,"post-collapsible",{collapsed:[4],headingLevel:[2,"heading-level"],collapseClasses:[32],collapseHeight:[32],collapsibleId:[32],hasHeader:[32],headingTag:[32],isOpen:[32],onAccordionButtonClick:[32],toggle:[64]}]]],["p-0d37fe44",[[1,"post-tab-header",{panel:[1],tabId:[32]}]]],["p-65a9d1c2",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-123bb6fb",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-8c386036",[[1,"post-tooltip",{backgroundColor:[1,"background-color"],placement:[1],tooltipClasses:[32],show:[64],hide:[64],toggle:[64]}]]],["p-ccae1c68",[[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2],svgStyles:[32],svgOutput:[32]}]]]],s)));
+import{p as a,b as e}from"./p-a7649277.js";export{s as setNonce}from"./p-a7649277.js";const l=()=>{const e=import.meta.url;const l={};if(e!==""){l.resourcesUrl=new URL(".",e).href}return a(l)};l().then((a=>e([["p-0a49c1a3",[[1,"post-alert",{dismissible:[4],dismissLabel:[1,"dismiss-label"],fixed:[4],icon:[1],type:[1],alertId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],fixed:["validateFixed"],icon:["validateIcon"],type:["validateType"]}]]],["p-e9dc9039",[[1,"post-accordion",{multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"collapseChange","collapseChangeHandler"]]]]],["p-66460e3f",[[1,"post-collapsible",{collapsed:[4],headingLevel:[2,"heading-level"],id:[32],isOpen:[32],hasHeader:[32],headingTag:[32],toggle:[64]},null,{collapsed:["validateCollapsed"],headingLevel:["validateHeadingLevel"]}]]],["p-94b3f291",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-27092ac3",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-abd149b3",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-810ee105",[[1,"post-tooltip",{backgroundColor:[1,"background-color"],placement:[1],tooltipClasses:[32],show:[64],hide:[64],toggle:[64]},null,{backgroundColor:["validateBackgroundColor"]}]]],["p-939df031",[[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2],svgStyles:[32],svgOutput:[32]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]]],a)));
 //# sourceMappingURL=post-components.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","dismissible","dismissLabel","fixed","icon","type","alertId","classes","hasActions","hasHeading","onDismissButtonClick","dismiss","collapsed","headingLevel","collapseClasses","collapseHeight","collapsibleId","hasHeader","headingTag","isOpen","onAccordionButtonClick","toggle","panel","tabId","name","panelId","activePanel","show","backgroundColor","placement","tooltipClasses","hide","animation","base","flipH","flipV","rotate","scale","svgStyles","svgOutput"],"sources":["../../node_modules/.pnpm/@stencil+core@3.4.2/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\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    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\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":"sFAmBA,MAAMA,EAAe,KAkCjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/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,+CAAAC,UAAA,IAAAC,aAAA,oBAAAC,gBAAA,KAAAC,eAAA,KAAAC,cAAA,KAAAC,UAAA,KAAAC,WAAA,KAAAC,OAAA,KAAAC,uBAAA,KAAAC,OAAA,8CAAAC,MAAA,IAAAC,MAAA,6CAAAC,KAAA,IAAAC,QAAA,wCAAAC,YAAA,mBAAAC,KAAA,2CAAAC,gBAAA,uBAAAC,UAAA,IAAAC,eAAA,KAAAH,KAAA,KAAAI,KAAA,KAAAV,OAAA,wCAAAW,UAAA,IAAAC,KAAA,IAAAC,MAAA,aAAAC,MAAA,aAAAX,KAAA,IAAAY,OAAA,IAAAC,MAAA,IAAAC,UAAA,KAAAC,UAAA,UAAAxC"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","dismissible","dismissLabel","fixed","icon","type","alertId","classes","hasActions","hasHeading","onDismissButtonClick","dismiss","multiple","toggle","expandAll","collapseAll","collapsed","headingLevel","id","isOpen","hasHeader","headingTag","panel","tabId","name","panelId","activePanel","show","backgroundColor","placement","tooltipClasses","hide","animation","base","flipH","flipV","rotate","scale","svgStyles","svgOutput"],"sources":["../../node_modules/.pnpm/@stencil+core@4.6.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.6.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,GAEXC,EAAc,gCAA8B,CAAAC,YAAS,IAAAC,aAAA,oBAAAC,MAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,QAAA,KAAAC,QAAA,KAAAC,WAAA,KAAAC,WAAA,KAAAC,qBAAA,KAAAC,QAAA,YAAAV,YAAA,wBAAAC,aAAA,yBAAAC,MAAA,kBAAAC,KAAA,iBAAAC,KAAA,yDAAAO,SAAA,IAAAC,OAAA,KAAAC,UAAA,KAAAC,YAAA,8FAAAC,UAAA,IAAAC,aAAA,oBAAAC,GAAA,KAAAC,OAAA,KAAAC,UAAA,KAAAC,WAAA,KAAAR,OAAA,YAAAG,UAAA,sBAAAC,aAAA,kEAAAK,MAAA,IAAAC,MAAA,YAAAD,MAAA,wDAAAE,KAAA,IAAAC,QAAA,wCAAAC,YAAA,mBAAAC,KAAA,2CAAAC,gBAAA,uBAAAC,UAAA,IAAAC,eAAA,KAAAH,KAAA,KAAAI,KAAA,KAAAlB,OAAA,YAAAe,gBAAA,+DAAAI,UAAA,IAAAC,KAAA,IAAAC,MAAA,aAAAC,MAAA,aAAAX,KAAA,IAAAY,OAAA,IAAAC,MAAA,IAAAC,UAAA,KAAAC,UAAA,YAAAP,UAAA,sBAAAC,KAAA,iBAAAC,MAAA,kBAAAC,MAAA,kBAAAX,KAAA,iBAAAY,OAAA,mBAAAC,MAAA,uBAAAtC"}

package/dist/types/animations/collapse.d.ts

@@ -0,0 +1,2 @@
+export declare const collapse: (el: HTMLElement) => Animation;
+export declare const expand: (el: HTMLElement) => Animation;

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

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

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

@@ -33,7 +33,7 @@ export declare class PostAlert {
    * The type of the alert.
    */
   readonly type: AlertType;
-  validateType(type?: "info" | "success" | "primary" | "danger" | "warning" | "gray"): void;
+  validateType(type?: "primary" | "success" | "danger" | "warning" | "info" | "gray"): void;
   /**
    * An event emitted when the alert element is dismissed, after the transition.
    * It has no payload and only relevant for dismissible alerts.

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

@@ -0,0 +1,2 @@
+export declare const HEADING_LEVELS: readonly [1, 2, 3, 4, 5, 6];
+export type HeadingLevel = typeof HEADING_LEVELS[number];

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

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

package/dist/types/components.d.ts

@@ -6,12 +6,32 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AlertType } from "./components/post-alert/alert-types";
+import { HeadingLevel } from "./components/post-collapsible/heading-levels";
 import { BackgroundColor } from "./components/post-tooltip/types";
 import { Placement } from "@floating-ui/dom";
 export { AlertType } from "./components/post-alert/alert-types";
+export { HeadingLevel } from "./components/post-collapsible/heading-levels";
 export { BackgroundColor } from "./components/post-tooltip/types";
 export { Placement } from "@floating-ui/dom";
 export namespace Components {
+    interface PostAccordion {
+        /**
+          * Collapses all `post-collapsible` children.
+         */
+        "collapseAll": () => Promise<void>;
+        /**
+          * Expands all `post-collapsible` children.  If `close-others` is `true` and all items are closed, it will open the first one. Otherwise, it will keep the opened one.
+         */
+        "expandAll": () => Promise<void>;
+        /**
+          * If `true`, multiple `post-collapsible` can be open at the same time.
+         */
+        "multiple": boolean;
+        /**
+          * Toggles the `post-collapsible` children with the given id.
+         */
+        "toggle": (id: string) => Promise<void>;
+    }
     interface PostAlert {
         /**
           * Triggers alert dismissal programmatically (same as clicking on the close button (×)).
@@ -46,9 +66,9 @@ export namespace Components {
         /**
           * Defines the hierarchical level of the collapsible header within the headings structure.
          */
-        "headingLevel"?: number;
+        "headingLevel"?: HeadingLevel;
         /**
-          * Triggers the collapse programmatically.
+          * Triggers the collapse programmatically.  If there is a collapsing transition running already, it will be reversed.
          */
         "toggle": (open?: boolean) => Promise<boolean>;
     }
@@ -137,18 +157,50 @@ export interface PostAlertCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostAlertElement;
 }
+export interface PostCollapsibleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPostCollapsibleElement;
+}
 export interface PostTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostTabsElement;
 }
 declare global {
+    interface HTMLPostAccordionElement extends Components.PostAccordion, HTMLStencilElement {
+    }
+    var HTMLPostAccordionElement: {
+        prototype: HTMLPostAccordionElement;
+        new (): HTMLPostAccordionElement;
+    };
+    interface HTMLPostAlertElementEventMap {
+        "dismissed": void;
+    }
     interface HTMLPostAlertElement extends Components.PostAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPostAlertElementEventMap>(type: K, listener: (this: HTMLPostAlertElement, ev: PostAlertCustomEvent<HTMLPostAlertElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPostAlertElementEventMap>(type: K, listener: (this: HTMLPostAlertElement, ev: PostAlertCustomEvent<HTMLPostAlertElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPostAlertElement: {
         prototype: HTMLPostAlertElement;
         new (): HTMLPostAlertElement;
     };
+    interface HTMLPostCollapsibleElementEventMap {
+        "collapseChange": void;
+    }
     interface HTMLPostCollapsibleElement extends Components.PostCollapsible, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPostCollapsibleElementEventMap>(type: K, listener: (this: HTMLPostCollapsibleElement, ev: PostCollapsibleCustomEvent<HTMLPostCollapsibleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPostCollapsibleElementEventMap>(type: K, listener: (this: HTMLPostCollapsibleElement, ev: PostCollapsibleCustomEvent<HTMLPostCollapsibleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPostCollapsibleElement: {
         prototype: HTMLPostCollapsibleElement;
@@ -175,7 +227,18 @@ declare global {
         prototype: HTMLPostTabPanelElement;
         new (): HTMLPostTabPanelElement;
     };
+    interface HTMLPostTabsElementEventMap {
+        "tabChange": HTMLPostTabPanelElement['name'];
+    }
     interface HTMLPostTabsElement extends Components.PostTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPostTabsElementEventMap>(type: K, listener: (this: HTMLPostTabsElement, ev: PostTabsCustomEvent<HTMLPostTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPostTabsElementEventMap>(type: K, listener: (this: HTMLPostTabsElement, ev: PostTabsCustomEvent<HTMLPostTabsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPostTabsElement: {
         prototype: HTMLPostTabsElement;
@@ -188,6 +251,7 @@ declare global {
         new (): HTMLPostTooltipElement;
     };
     interface HTMLElementTagNameMap {
+        "post-accordion": HTMLPostAccordionElement;
         "post-alert": HTMLPostAlertElement;
         "post-collapsible": HTMLPostCollapsibleElement;
         "post-icon": HTMLPostIconElement;
@@ -198,6 +262,12 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface PostAccordion {
+        /**
+          * If `true`, multiple `post-collapsible` can be open at the same time.
+         */
+        "multiple"?: boolean;
+    }
     interface PostAlert {
         /**
           * The label to use for the close button of a dismissible alert.
@@ -232,7 +302,11 @@ declare namespace LocalJSX {
         /**
           * Defines the hierarchical level of the collapsible header within the headings structure.
          */
-        "headingLevel"?: number;
+        "headingLevel"?: HeadingLevel;
+        /**
+          * An event emitted when the collapse element is shown or hidden, before the transition. It has no payload.
+         */
+        "onCollapseChange"?: (event: PostCollapsibleCustomEvent<void>) => void;
     }
     /**
      * @class PostIcon - representing a stencil component
@@ -300,6 +374,7 @@ declare namespace LocalJSX {
         "placement"?: Placement;
     }
     interface IntrinsicElements {
+        "post-accordion": PostAccordion;
         "post-alert": PostAlert;
         "post-collapsible": PostCollapsible;
         "post-icon": PostIcon;
@@ -313,6 +388,7 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "post-accordion": LocalJSX.PostAccordion & JSXBase.HTMLAttributes<HTMLPostAccordionElement>;
             "post-alert": LocalJSX.PostAlert & JSXBase.HTMLAttributes<HTMLPostAlertElement>;
             "post-collapsible": LocalJSX.PostCollapsible & JSXBase.HTMLAttributes<HTMLPostCollapsibleElement>;
             /**

package/dist/types/index.d.ts

@@ -1 +1,8 @@
 export { Components, JSX } from './components';
+export { PostAlert } from './components/post-alert/post-alert';
+export { PostCollapsible } from './components/post-collapsible/post-collapsible';
+export { PostIcon } from './components/post-icon/post-icon';
+export { PostTabs } from './components/post-tabs/post-tabs';
+export { PostTabHeader } from './components/post-tab-header/post-tab-header';
+export { PostTabPanel } from './components/post-tab-panel/post-tab-panel';
+export { PostTooltip } from './components/post-tooltip/post-tooltip';

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -62,7 +72,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
     attribute?: string | null;
     /**
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -128,7 +141,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -432,7 +451,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -471,7 +490,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -872,6 +891,8 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
@@ -930,6 +951,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -1111,11 +1134,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
@@ -1143,6 +1168,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1289,7 +1316,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1619,8 +1646,14 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
 }
 export interface JSXAttributes<T = Element> {

package/dist/types/utils/index.d.ts

@@ -1,4 +1,2 @@
-export * from './get-element-height';
-export * from './on-transition-end';
 export * from './property-checkers';
-export * from './should-reduce-motion';
+export * from './is-motion-reduced';

package/dist/types/utils/is-motion-reduced.d.ts

@@ -0,0 +1 @@
+export declare function isMotionReduced(): boolean;

package/loader/index.d.ts

@@ -8,7 +8,7 @@ export interface CustomElementsDefineOptions {
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
 export declare function applyPolyfills(): Promise<void>;
 
 /**

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "license": "Apache-2.0",
-  "main": "loader/index.cjs.js",
-  "module": "loader/index.js",
-  "es2017": "loader/index.2017.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "es2017": "dist/esm/index.js",
   "types": "dist/types/components.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
@@ -26,8 +26,8 @@
   "dependencies": {
     "@floating-ui/dom": "1.5.1",
     "@oddbird/popover-polyfill": "0.2.2",
-    "@stencil/core": "3.4.2",
-    "@swisspost/design-system-styles": "6.4.2",
+    "@stencil/core": "4.6.0",
+    "@swisspost/design-system-styles": "6.4.3",
     "ally.js": "1.4.1",
     "long-press-event": "2.4.6"
   },
@@ -36,7 +36,7 @@
     "@percy/cypress": "3.1.2",
     "@stencil-community/eslint-plugin": "0.5.0",
     "@stencil/react-output-target": "0.5.3",
-    "@stencil/sass": "3.0.5",
+    "@stencil/sass": "3.0.7",
     "@types/jest": "27.5.2",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
@@ -53,7 +53,7 @@
     "typescript": "4.9.5"
   },
   "scripts": {
-    "dev": "stencil build --serve --watch --docs-readme",
+    "dev": "stencil build --serve --port 9200 --watch --docs-readme",
     "start": "stencil build --watch --docs-readme",
     "build": "stencil build --docs-readme",
     "clean": "rimraf www dist loader",

package/dist/cjs/check-non-empty-35b4d0b5.js

@@ -1,14 +0,0 @@
-'use strict';
-
-const EMPTY_VALUES = [undefined, null, ''];
-
-function checkNonEmpty(value, error) {
-  if (EMPTY_VALUES.some(v => v === value)) {
-    throw new Error(error);
-  }
-}
-
-exports.EMPTY_VALUES = EMPTY_VALUES;
-exports.checkNonEmpty = checkNonEmpty;
-
-//# sourceMappingURL=check-non-empty-35b4d0b5.js.map

package/dist/cjs/check-non-empty-35b4d0b5.js.map

@@ -1 +0,0 @@
-{"file":"check-non-empty-35b4d0b5.js","mappings":";;MAAa,YAAY,GAAG,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE;;SCEhC,aAAa,CAAC,KAAc,EAAE,KAAa;EACzD,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;IACvC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;GACxB;AACH;;;;;","names":[],"sources":["./src/utils/property-checkers/constants.ts","./src/utils/property-checkers/check-non-empty.ts"],"sourcesContent":["export const EMPTY_VALUES = [undefined, null, ''];\n","import { EMPTY_VALUES } from './constants';\n\nexport function checkNonEmpty(value: unknown, error: string) {\n  if (EMPTY_VALUES.some(v => v === value)) {\n    throw new Error(error);\n  }\n}\n"],"version":3}

package/dist/cjs/check-one-of-4c2e8b2e.js.map

@@ -1 +0,0 @@
-{"file":"check-one-of-4c2e8b2e.js","mappings":";;SAAgB,UAAU,CAAI,KAAQ,EAAE,cAA4B,EAAE,KAAa;EACjF,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC;IAAE,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;AAC9D;;;;","names":[],"sources":["./src/utils/property-checkers/check-one-of.ts"],"sourcesContent":["export function checkOneOf<T>(value: T, possibleValues: readonly T[], error: string) {\n  if (!possibleValues.includes(value)) throw new Error(error);\n}\n"],"version":3}