@swisspost/design-system-components 1.5.0 → 1.6.0

package/dist/post-components/p-12046db8.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as t,H as i,g as e}from"./p-d94db268.js";import{c as n}from"./p-bcc705f1.js";import{c as s}from"./p-75a7b352.js";import{v as a}from"./p-24b07f64.js";function r(o,t=[]){if(!Array.isArray(t))t=[t];const i=t.filter((t=>!o.classList.contains(t)));if(i.length)o.classList.add(...i);const e=o.scrollHeight;if(i.length)o.classList.remove(...i);return e}function d(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}async function c(o){return new Promise((t=>{if(d()){t()}else{o.ontransitionend=()=>{t();o.ontransitionend=null}}}))}const h=".accordion-item{border-block-start:2px solid hsl(0, 0%, 90%)}.accordion-header{font-size:1.0625rem;font-weight:700;line-height:1.5;margin:0}@media (min-width: 1024px){.accordion-header{font-size:1.25rem}}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;user-select:none;appearance:button;width:100%;position:relative;padding-block:1rem;padding-inline-start:1rem;padding-inline-end:2.5rem;text-align:start}.accordion-button:not(:disabled){cursor:pointer}.accordion-button:disabled{opacity:0.4}.accordion-button:focus{outline:none;box-shadow:0 0 0 0.125rem rgba(51, 51, 51, 0.25)}.accordion-button::after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6 7.6 7.6z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6 7.6 7.6z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;content:\"\";display:block;height:1.5rem;width:1.5rem;position:absolute;inset-inline-end:1rem;inset-block-start:50%;transform:translateY(-50%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgb(var(--post-bg-rgb, 255, 255, 255))}.accordion-button.collapsed::after{transform:translateY(-50%) rotate(-180deg)}.accordion-button>.text-truncate{display:block}@media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black){.accordion-button:hover:not(:disabled),.accordion-button:focus-visible:not(:disabled){outline:2px solid Highlight}.accordion-button:disabled{opacity:1 !important}}.accordion-body{padding:0.75rem 1rem 2.5rem;border-block-start:2px solid hsl(0, 0%, 90%)}.accordion-body h1,.accordion-body .h1{font-size:1.0625rem;margin:2.5rem 0 0;font-weight:700}@media (min-width: 1024px){.accordion-body h1,.accordion-body .h1{font-size:1.25rem}}.accordion-body h2,.accordion-body .h2{font-size:1.0625rem;margin:2.5rem 0 0;font-weight:700}@media (min-width: 1024px){.accordion-body h2,.accordion-body .h2{font-size:1.25rem}}.accordion-body h3,.accordion-body .h3{font-size:1.0625rem;margin:2.5rem 0 0;font-weight:700}@media (min-width: 1024px){.accordion-body h3,.accordion-body .h3{font-size:1.25rem}}.accordion-body h4,.accordion-body .h4{font-size:1.0625rem;margin:2.5rem 0 0;font-weight:700}@media (min-width: 1024px){.accordion-body h4,.accordion-body .h4{font-size:1.25rem}}.accordion-body h5,.accordion-body .h5{font-size:1.0625rem;margin:2.5rem 0 0;font-weight:700}@media (min-width: 1024px){.accordion-body h5,.accordion-body .h5{font-size:1.25rem}}.accordion-body h6,.accordion-body .h6{font-size:1.0625rem;margin:2.5rem 0 0;font-weight:700}@media (min-width: 1024px){.accordion-body h6,.accordion-body .h6{font-size:1.25rem}}.accordion-button>:first-child,.accordion-body>:first-child{margin-block-start:0 !important}.accordion-button>:last-child,.accordion-body>:last-child{margin-block-end:0 !important}/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */.fade{transition:opacity 200ms linear}@media (prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height 250ms cubic-bezier(0.4, 0, 0.2, 1), padding 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width 0.35s ease}@media (prefers-reduced-motion: reduce){.collapsing.collapse-horizontal{transition:none}}:host{display:block}:host .accordion-button>::slotted(.text-truncate){display:block}";let l=0;const p=class{constructor(t){o(this,t);this.isLoaded=false;this.collapseClasses=undefined;this.collapseHeight=null;this.collapsibleId=undefined;this.hasHeader=undefined;this.headingTag=undefined;this.isOpen=true;this.onAccordionButtonClick=()=>this.toggle();this.collapsed=false;this.headingLevel=2}validateCollapsed(o=this.collapsed){s(o,"boolean",'The post-collapsible "collapsed" prop should be a boolean.');if(!this.isLoaded){this.isOpen=!o;this.collapseClasses=this.getCollapseClasses()}else{setTimeout((()=>{this.toggle(!o)}))}}validateHeadingLevel(o=this.headingLevel){n(o,[1,2,3,4,5,6],"The post-collapsible element requires a heading level between 1 and 6.");this.headingTag=`h${o}`}componentWillLoad(){this.validateCollapsed();this.validateHeadingLevel();this.hasHeader=this.host.querySelectorAll('[slot="header"]').length>0;if(!this.hasHeader){console.warn("Be sure to bind the post-collapsible to its control using aria-controls and aria-expanded attributes. More information here: https://getbootstrap.com/docs/5.2/components/collapse/#accessibility")}this.collapsibleId=this.host.id||`post-collapsible-${l++}`;this.collapseClasses=this.getCollapseClasses()}componentDidLoad(){this.isLoaded=true;this.collapsibleElement=this.host.shadowRoot.querySelector(`#${this.collapsibleId}--collapse`)}async toggle(o=!this.isOpen){if(o!==this.isOpen){this.isOpen=!this.isOpen;this.startTransition();await c(this.collapsibleElement).then((()=>{this.collapseHeight=null;this.collapseClasses=this.getCollapseClasses()}));return this.isOpen}}startTransition(){const o=r(this.collapsibleElement,"show");this.collapseHeight=`${this.isOpen?0:o}px`;this.collapseClasses="collapsing";setTimeout((()=>{this.collapseHeight=`${this.isOpen?o:0}px`}),50)}getCollapseClasses(){return this.isOpen?"collapse show":"collapse"}render(){if(!this.hasHeader){return t("div",{id:`${this.collapsibleId}--collapse`,class:this.collapseClasses,style:{height:this.collapseHeight}},t("slot",null))}return t(i,{"data-version":a},t("div",{class:"accordion-item"},t(this.headingTag,{class:"accordion-header",id:`${this.collapsibleId}--header`},t("button",{class:`accordion-button ${this.isOpen?"":"collapsed"}`,type:"button","aria-expanded":`${this.isOpen}`,"aria-controls":`${this.collapsibleId}--collapse`,onClick:this.onAccordionButtonClick},t("slot",{name:"header"}))),t("div",{id:`${this.collapsibleId}--collapse`,class:`accordion-collapse ${this.collapseClasses}`,style:{height:this.collapseHeight},"aria-labelledby":`${this.collapsibleId}--header`},t("div",{class:"accordion-body"},t("slot",null)))))}get host(){return e(this)}static get watchers(){return{collapsed:["validateCollapsed"],headingLevel:["validateHeadingLevel"]}}};p.style=h;export{p as post_collapsible};
-//# sourceMappingURL=p-12046db8.entry.js.map

package/dist/post-components/p-12046db8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getElementHeight","el","classesWhenShown","Array","isArray","classesToAdd","filter","klass","classList","contains","length","add","scrollHeight","remove","shouldReduceMotion","window","matchMedia","matches","async","onTransitionEnd","Promise","resolve","ontransitionend","postCollapsibleCss","nextId","PostCollapsible","this","isLoaded","toggle","validateCollapsed","newValue","collapsed","checkType","isOpen","collapseClasses","getCollapseClasses","setTimeout","validateHeadingLevel","headingLevel","checkOneOf","headingTag","componentWillLoad","hasHeader","host","querySelectorAll","console","warn","collapsibleId","id","componentDidLoad","collapsibleElement","shadowRoot","querySelector","open","startTransition","then","collapseHeight","expandedHeight","render","h","class","style","height","Host","version","type","onClick","onAccordionButtonClick","name"],"sources":["./src/utils/get-element-height.ts","./src/utils/should-reduce-motion.ts","./src/utils/on-transition-end.ts","./src/components/post-collapsible/post-collapsible.scss?tag=post-collapsible&encapsulation=shadow","./src/components/post-collapsible/post-collapsible.tsx"],"sourcesContent":["export function getElementHeight(el: HTMLElement): number;\nexport function getElementHeight(el: HTMLElement, classWhenShown: string): number;\nexport function getElementHeight(el: HTMLElement, classesWhenShown: string[]): number;\nexport function getElementHeight(el: HTMLElement, classesWhenShown: string | string[] = []): number {\n  if (!Array.isArray(classesWhenShown)) classesWhenShown = [classesWhenShown];\n\n  const classesToAdd = classesWhenShown.filter(klass => !el.classList.contains(klass));\n  if (classesToAdd.length) el.classList.add(...classesToAdd);\n\n  const scrollHeight = el.scrollHeight;\n\n  if (classesToAdd.length) el.classList.remove(...classesToAdd);\n\n  return scrollHeight;\n}\n","export function shouldReduceMotion(): boolean {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n","import { shouldReduceMotion } from './should-reduce-motion';\n\nexport async function onTransitionEnd(el: HTMLElement): Promise<void> {\n  return new Promise(resolve => {\n    if (shouldReduceMotion()) {\n      resolve();\n    } else {\n      el.ontransitionend = () => {\n        resolve();\n        el.ontransitionend = null;\n      };\n    }\n  });\n}\n","@use '@swisspost/design-system-styles/components/accordion';\n@use '@swisspost/design-system-styles/components/transitions';\n\n:host {\n  display: block;\n\n  .accordion-button > ::slotted(.text-truncate) {\n    display: block;\n  }\n}\n","import { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { checkOneOf, checkType, getElementHeight, onTransitionEnd } from '../../utils';\nimport { version } from '../../../package.json';\n\nlet nextId = 0;\n\n@Component({\n  tag: 'post-collapsible',\n  styleUrl: 'post-collapsible.scss',\n  shadow: true,\n})\nexport class PostCollapsible {\n  private collapsibleElement: HTMLElement;\n  private isLoaded = false;\n\n  @Element() host: HTMLPostCollapsibleElement;\n\n  @State() collapseClasses: string;\n  @State() collapseHeight: string | null = null;\n  @State() collapsibleId: string;\n  @State() hasHeader: boolean;\n  @State() headingTag: string | undefined;\n  @State() isOpen = true;\n  @State() onAccordionButtonClick = () => this.toggle();\n\n  /**\n   * If `true`, the element is initially collapsed otherwise it is displayed.\n   */\n  @Prop() readonly collapsed?: boolean = false;\n\n  @Watch('collapsed')\n  validateCollapsed(newValue = this.collapsed) {\n    checkType(newValue, 'boolean', 'The post-collapsible \"collapsed\" prop should be a boolean.');\n\n    if (!this.isLoaded) {\n      this.isOpen = !newValue;\n      this.collapseClasses = this.getCollapseClasses();\n    } else {\n      setTimeout(() => {\n        this.toggle(!newValue);\n      });\n    }\n  }\n\n  /**\n   * Defines the hierarchical level of the collapsible header within the headings structure.\n   */\n  @Prop() readonly headingLevel?: number = 2;\n\n  @Watch('headingLevel')\n  validateHeadingLevel(newValue = this.headingLevel) {\n    checkOneOf(\n      newValue,\n      [1, 2, 3, 4, 5, 6],\n      'The post-collapsible element requires a heading level between 1 and 6.',\n    );\n\n    this.headingTag = `h${newValue}`;\n  }\n\n  componentWillLoad() {\n    this.validateCollapsed();\n    this.validateHeadingLevel();\n\n    this.hasHeader = this.host.querySelectorAll('[slot=\"header\"]').length > 0;\n    if (!this.hasHeader) {\n      console.warn(\n        'Be sure to bind the post-collapsible to its control using aria-controls and aria-expanded attributes. More information here: https://getbootstrap.com/docs/5.2/components/collapse/#accessibility',\n      );\n    }\n\n    this.collapsibleId = this.host.id || `post-collapsible-${nextId++}`;\n    this.collapseClasses = this.getCollapseClasses();\n  }\n\n  componentDidLoad() {\n    this.isLoaded = true;\n    this.collapsibleElement = this.host.shadowRoot.querySelector(\n      `#${this.collapsibleId}--collapse`,\n    );\n  }\n\n  /**\n   * Triggers the collapse programmatically.\n   */\n  @Method()\n  async toggle(open = !this.isOpen): Promise<boolean> {\n    if (open !== this.isOpen) {\n      this.isOpen = !this.isOpen;\n\n      this.startTransition();\n\n      await onTransitionEnd(this.collapsibleElement).then(() => {\n        this.collapseHeight = null;\n        this.collapseClasses = this.getCollapseClasses();\n      });\n\n      return this.isOpen;\n    }\n  }\n\n  private startTransition() {\n    const expandedHeight = getElementHeight(this.collapsibleElement, 'show');\n\n    this.collapseHeight = `${this.isOpen ? 0 : expandedHeight}px`;\n    this.collapseClasses = 'collapsing';\n\n    setTimeout(() => {\n      this.collapseHeight = `${this.isOpen ? expandedHeight : 0}px`;\n    }, 50);\n  }\n\n  private getCollapseClasses() {\n    return this.isOpen ? 'collapse show' : 'collapse';\n  }\n\n  render() {\n    if (!this.hasHeader) {\n      return (\n        <div\n          id={`${this.collapsibleId}--collapse`}\n          class={this.collapseClasses}\n          style={{ height: this.collapseHeight }}\n        >\n          <slot />\n        </div>\n      );\n    }\n\n    return (\n      <Host data-version={version}>\n        <div class=\"accordion-item\">\n          <this.headingTag class=\"accordion-header\" id={`${this.collapsibleId}--header`}>\n            <button\n              class={`accordion-button ${this.isOpen ? '' : 'collapsed'}`}\n              type=\"button\"\n              aria-expanded={`${this.isOpen}`}\n              aria-controls={`${this.collapsibleId}--collapse`}\n              onClick={this.onAccordionButtonClick}\n            >\n              <slot name=\"header\" />\n            </button>\n          </this.headingTag>\n          <div\n            id={`${this.collapsibleId}--collapse`}\n            class={`accordion-collapse ${this.collapseClasses}`}\n            style={{ height: this.collapseHeight }}\n            aria-labelledby={`${this.collapsibleId}--header`}\n          >\n            <div class=\"accordion-body\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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-24b07f64.js

@@ -1,2 +0,0 @@
-const o="1.5.0";export{o as v};
-//# sourceMappingURL=p-24b07f64.js.map

package/dist/post-components/p-29535fea.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-296af738.entry.js

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

package/dist/post-components/p-296af738.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","e","preventDefault","isConnected","classList","remove","add","previousPanel","fadeOut","onfinish","fadeIn","name","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, Host, h, Element, Method, Event, EventEmitter, 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    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(`post-tab-header[panel=${panelName}]`);\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  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', e => {\n        e.preventDefault();\n        this.show(tab.panel);\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      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.classList.remove('active');\n    }\n\n    const tabTitle = tab.shadowRoot.querySelector('.tab-title');\n    tabTitle.setAttribute('aria-selected', 'true');\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(\n      `post-tab-panel[name=${name}]`\n    );\n  }\n\n  render() {\n    return (\n      <Host data-version={version}>\n        <div class=\"tabs-wrapper\">\n          <ul class=\"tabs nav\" role=\"tablist\">\n            <slot name=\"tabs\" onSlotchange={() => this.enableTabs()} />\n          </ul>\n        </div>\n        <div class=\"tab-content\">\n          <slot onSlotchange={() => this.moveMisplacedTabs()} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}