@helvetia-design/core 0.0.5 → 0.1.0

package/dist/design-system/{p-1e2c6ef668.entry.js → p-dcab67df56.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as t,F as e,G as i,I as o}from"./p-vF16SDFF.js";import{_ as s,L as r,a}from"./p-nVdGbZYj.js";import{h as d}from"./p-DWaM_oN0.js";import{c as l}from"./p-DuacWXXD.js";import{T as n}from"./p-C2tiilHE.js";import{O as m}from"./p-Bo3ozMyW.js";import"./p-CnMdxr0m.js";const c=class{constructor(e){t(this,e),this.inverted=!1,this.ordered=!1}createLogger(t){this.log=t}render(){const t=this.ordered?"ol":"ul";return e(i,{key:"555557d23c4534daf4a99ce5c065e8025efd0f59",class:{"is-inverted":this.inverted,[`is-${this.size}`]:d(this.size)}},e(t,{key:"7acca648cb81ee60f591374c2869ee7b31da74ac",id:"list",part:"list"},e("slot",{key:"6dd47b8e7b94cab5385611499a86315dfb27f2d6"})))}get el(){return o(this)}};s([r("list"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],c.prototype,"createLogger",null),s([n("boolean"),a("design:type",Boolean)],c.prototype,"inverted",void 0),s([n("boolean"),a("design:type",Boolean)],c.prototype,"ordered",void 0),s([m(l),a("design:type",String)],c.prototype,"size",void 0),c.style=":host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}:host(.is-inverted){--mod-list-item-color:var(--ds-list-item-inverted-color-text-base);--mod-list-item-color-hover:var(--ds-list-item-inverted-color-text-hover);--mod-list-item-color-active:var(--ds-list-item-inverted-color-text-active);--mod-list-item-color-disabled:var(--ds-list-item-inverted-color-text-disabled);--mod-list-item-border-color-base:var(--ds-alias-border-color-inverted-primary);--mod-list-item-border-color-hover:var(--ds-alias-border-color-inverted-primary-hover);--mod-list-item-border-color-active:var(--ds-alias-border-color-inverted-primary-active);--mod-list-item-background-hover:transparent;--mod-list-item-background-active:transparent;--mod-list-item-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-lg){--mod-list-item-min-height:var(--ds-list-item-size-lg-min-height);--mod-list-item-py:var(--ds-list-item-size-lg-padding-y)}";export{c as ds_list}
+import{D as e,F as t,G as i,I as s}from"./p-BZEWgXed.js";import{_ as o,L as r,a}from"./p-BZsCW9yV.js";import{h as d}from"./p-BYD3IPs8.js";import{c as l}from"./p-DuacWXXD.js";import{T as n}from"./p-BaZBnuEF.js";import{O as m}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const c=class{constructor(t){e(this,t),this.inverted=!1,this.ordered=!1}createLogger(e){this.log=e}render(){const e=this.ordered?"ol":"ul";return t(i,{key:"555557d23c4534daf4a99ce5c065e8025efd0f59",class:{"is-inverted":this.inverted,[`is-${this.size}`]:d(this.size)}},t(e,{key:"7acca648cb81ee60f591374c2869ee7b31da74ac",id:"list",part:"list"},t("slot",{key:"6dd47b8e7b94cab5385611499a86315dfb27f2d6"})))}get el(){return s(this)}};o([r("list"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],c.prototype,"createLogger",null),o([n("boolean"),a("design:type",Boolean)],c.prototype,"inverted",void 0),o([n("boolean"),a("design:type",Boolean)],c.prototype,"ordered",void 0),o([m(l),a("design:type",String)],c.prototype,"size",void 0),c.style=":host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}:host(.is-inverted){--mod-list-item-color:var(--ds-list-item-inverted-color-text-base);--mod-list-item-color-hover:var(--ds-list-item-inverted-color-text-hover);--mod-list-item-color-active:var(--ds-list-item-inverted-color-text-active);--mod-list-item-color-disabled:var(--ds-list-item-inverted-color-text-disabled);--mod-list-item-border-color-base:var(--ds-alias-border-color-inverted-primary);--mod-list-item-border-color-hover:var(--ds-alias-border-color-inverted-primary-hover);--mod-list-item-border-color-active:var(--ds-alias-border-color-inverted-primary-active);--mod-list-item-background-hover:transparent;--mod-list-item-background-active:transparent;--mod-list-item-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-lg){--mod-list-item-min-height:var(--ds-list-item-size-lg-min-height);--mod-list-item-py:var(--ds-list-item-size-lg-padding-y)}";export{c as ds_list}

package/dist/design-system/{p-e5c6227929.entry.js → p-dcc1c89e7a.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as a,F as t,G as e,I as s}from"./p-vF16SDFF.js";import{_ as i,L as o,a as r}from"./p-nVdGbZYj.js";import{T as n}from"./p-C2tiilHE.js";import"./p-CnMdxr0m.js";const d=class{constructor(t){a(this,t),this.horizontal=!1}createLogger(a){this.log=a}render(){return t(e,{key:"837939fef2377958393189d819bf60260df8b4d9",class:{"is-horizontal":this.horizontal}},t("div",{key:"eaadc8fa343475ff32408141a3633d4ba4481eda",class:"data-container"},t("slot",{key:"9d4175d949543c7b59e8184dd8601cef28eeac85"})))}get el(){return s(this)}};i([o("data"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null),i([n("boolean"),r("design:type",Boolean)],d.prototype,"horizontal",void 0),d.style=":host{display:block}.data-container{display:grid;grid-template-columns:1fr;width:100%}:host(.is-horizontal) .data-container{gap:1rem}@media screen and (min-width: 769px){:host(.is-horizontal) .data-container{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}";export{d as ds_data}
+import{D as a,F as t,G as e,I as s}from"./p-BZEWgXed.js";import{_ as o,L as i,a as r}from"./p-BZsCW9yV.js";import{T as n}from"./p-BaZBnuEF.js";import"./p-C0WbBTf4.js";const d=class{constructor(t){a(this,t),this.horizontal=!1}createLogger(a){this.log=a}render(){return t(e,{key:"837939fef2377958393189d819bf60260df8b4d9",class:{"is-horizontal":this.horizontal}},t("div",{key:"eaadc8fa343475ff32408141a3633d4ba4481eda",class:"data-container"},t("slot",{key:"9d4175d949543c7b59e8184dd8601cef28eeac85"})))}get el(){return s(this)}};o([i("data"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null),o([n("boolean"),r("design:type",Boolean)],d.prototype,"horizontal",void 0),d.style=":host{display:block}.data-container{display:grid;grid-template-columns:1fr;width:100%}:host(.is-horizontal) .data-container{gap:1rem}@media screen and (min-width: 769px){:host(.is-horizontal) .data-container{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}";export{d as ds_data}

package/dist/design-system/{p-64911e079d.entry.js → p-e6ac93cc12.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as s,F as e,G as t,I as a}from"./p-vF16SDFF.js";import{_ as r,L as o,a as n}from"./p-nVdGbZYj.js";import{T as i}from"./p-C2tiilHE.js";import"./p-CnMdxr0m.js";const d=class{constructor(e){s(this,e),this.required=!1}createLogger(s){this.log=s}render(){return e(t,{key:"090f3ac69156b3a97098292c484b4c39c4e35665"},e("slot",{key:"ddc4df599178c220534454ff1ca68a6bd778d902"}),this.required?e("span",null,"*"):"")}get el(){return a(this)}};r([o("data-label"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],d.prototype,"createLogger",null),r([i("boolean"),n("design:type",Boolean)],d.prototype,"required",void 0),d.style=":host{display:contents}";export{d as ds_data_label}
+import{D as s,F as e,G as t,I as a}from"./p-BZEWgXed.js";import{_ as r,L as o,a as n}from"./p-BZsCW9yV.js";import{T as i}from"./p-BaZBnuEF.js";import"./p-C0WbBTf4.js";const d=class{constructor(e){s(this,e),this.required=!1}createLogger(s){this.log=s}render(){return e(t,{key:"090f3ac69156b3a97098292c484b4c39c4e35665"},e("slot",{key:"ddc4df599178c220534454ff1ca68a6bd778d902"}),this.required?e("span",null,"*"):"")}get el(){return a(this)}};r([o("data-label"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],d.prototype,"createLogger",null),r([i("boolean"),n("design:type",Boolean)],d.prototype,"required",void 0),d.style=":host{display:contents}";export{d as ds_data_label}

package/dist/design-system/{p-a2d5d98d3a.entry.js → p-e862697fd0.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as t,J as e,x as a,E as s,F as r,G as o,I as i}from"./p-vF16SDFF.js";import{_ as l,L as b,a as c}from"./p-nVdGbZYj.js";import{d,b as n}from"./p-BbGwCnDa.js";import{s as h}from"./p-BwDOnHtD.js";import{O as v}from"./p-Bo3ozMyW.js";import{T as f}from"./p-C2tiilHE.js";import{L as u}from"./p-DqEwL34o.js";import"./p-CnMdxr0m.js";const m={de:{scrollLeft:"Tabs nach links scrollen",scrollRight:"Tabs nach rechts scrollen"},en:{scrollLeft:"Scroll tabs left",scrollRight:"Scroll tabs right"},fr:{scrollLeft:"Faire défiler les onglets vers la gauche",scrollRight:"Faire défiler les onglets vers la droite"},it:{scrollLeft:"Scorri le schede a sinistra",scrollRight:"Scorri le schede a destra"},nl:{scrollLeft:"Tabbladen naar links scrollen",scrollRight:"Tabbladen naar rechts scrollen"},es:{scrollLeft:"Desplazar pestañas a la izquierda",scrollRight:"Desplazar pestañas a la derecha"},pl:{scrollLeft:"Przewiń karty w lewo",scrollRight:"Przewiń karty w prawo"},pt:{scrollLeft:"Rolar abas para a esquerda",scrollRight:"Rolar abas para a direita"},sv:{scrollLeft:"Scrolla flikar åt vänster",scrollRight:"Scrolla flikar åt höger"},fi:{scrollLeft:"Vieritä välilehtiä vasemmalle",scrollRight:"Vieritä välilehtiä oikealle"}},p=class{constructor(s){t(this,s),this.dsChange=e(this,"dsChange"),this.language=a.language,this.region=a.region,this.fullwidth=!1,this.inverted=!1,this.label="",this.vertical=!1,this.verticalColSize="one-third",this.canScrollLeft=!1,this.canScrollRight=!1,this.checkOverflow=()=>{const t=this.tablistEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.scrollPrev=()=>{const t=this.tablistEl;t&&t.scrollBy({left:-t.clientWidth/2,behavior:"smooth"})},this.scrollNext=()=>{const t=this.tablistEl;t&&t.scrollBy({left:t.clientWidth/2,behavior:"smooth"})},this.handleKeyDown=t=>{var e,a,s,r;if(this.isNavigation())return;const o=this.getTabs(),i=o.findIndex((t=>t.name===this.value)),l=this.vertical?"ArrowDown"===t.key:"ArrowRight"===t.key,b=this.vertical?"ArrowUp"===t.key:"ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateTab(null===(e=o[0])||void 0===e?void 0:e.name)):"End"===t.key?(t.preventDefault(),this.activateTab(null===(a=o[o.length-1])||void 0===a?void 0:a.name)):l?(t.preventDefault(),this.activateTab(null===(s=o[(i+1)%o.length])||void 0===s?void 0:s.name)):b&&(t.preventDefault(),this.activateTab(null===(r=o[(i-1+o.length)%o.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initCarousel(),s((()=>this.moveIndicator(!1)))}componentDidUpdate(){this.updateChildren(),this.checkOverflow(),this.moveIndicator(!0)}disconnectedCallback(){var t,e;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(e=this.tablistEl)||void 0===e||e.removeEventListener("scroll",this.checkOverflow)}listenToDsTabSelect(t){h(t),this.activateTab(t.detail.name)}getTabs(){return d(this.el,n("DS-TAB"))}getPanels(){return d(this.el,n("DS-TAB-PANEL"))}isNavigation(){return 0===this.getPanels().length}setup(){const t=this.getTabs(),e=this.getPanels(),a=this.isNavigation();if(t.forEach((t=>{if(t.slot="tab",t.navigation=a,!a&&t.name){t.id||(t.id="ds-tab-"+g++);const a=e.find((e=>e.for===t.name));a&&(a.id||(a.id="ds-tab-panel-"+g++),t.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",t.id))}})),!a&&!this.value){const e=t[0];e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const t=this.isNavigation();this.getTabs().forEach((e=>{e.navigation=t,e.fullwidth=this.fullwidth,e.inverted=this.inverted,e.selected=t?!!e.querySelector("[aria-current]"):e.name===this.value,e.vertical=this.vertical})),this.getPanels().forEach((t=>{t.selected=t.for===this.value}))}activateTab(t){t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.focusSelectedTab())}focusSelectedTab(){const t=this.getTabs().find((t=>t.name===this.value));t&&(t.focus(),t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initCarousel(){!this.vertical&&this.tablistEl&&(this.tablistEl.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(this.tablistEl),this.checkOverflow())}moveIndicator(t){const e=this.indicatorEl,a=this.tablistEl;if(!e||!a||this.isNavigation())return;const s=this.getTabs().find((t=>t.name===this.value));if(!s)return void(e.style[this.vertical?"height":"width"]="0px");const r=a.getBoundingClientRect(),o=s.getBoundingClientRect();if(t||(e.style.transition="none"),this.vertical){const t=o.top-r.top+a.scrollTop;e.style.height=`${o.height}px`,e.style.transform=`translateY(${t}px)`}else{const t=o.left-r.left+a.scrollLeft;e.style.width=`${o.width}px`,e.style.transform=`translateX(${t}px)`}t||(e.style.transition="")}render(){const t=this.isNavigation(),e=r("div",{key:"baac4b1e1010273dabedb2966f9e52df62be4459",id:"tablist",part:"tablist",role:t?void 0:"tablist","aria-orientation":!t&&this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:t=>{this.tablistEl=t}},r("slot",{key:"c7d21ce3a0f7665325820a57869b0cb4d4669f35",name:"tab",onSlotchange:this.handleSlotChange}),r("div",{key:"312014969db67ef8ab614b7a1357b236cf3315d1",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),a=m[this.language],s=this.vertical?e:r("div",{class:"tablist-outer"},r("button",{class:"scroll-btn scroll-btn--prev","aria-label":a.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},r("ds-icon",{name:"caret-left",size:"sm"})),r("div",{class:"tablist-track"},e),r("button",{class:"scroll-btn scroll-btn--next","aria-label":a.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},r("ds-icon",{name:"caret-right",size:"sm"})));return r(o,{key:"b6d25f890ca8c96efc54be9c693cd7ee55be39b0",class:{"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color,"is-vertical":this.vertical,[`is-col-${this.verticalColSize}`]:this.vertical,"is-navigation":t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},t?r("nav",{"aria-label":this.label||void 0},s):s,r("slot",{key:"c3de464795e5c0be01408d98c1aab3083e41c31f",onSlotchange:this.handleSlotChange}))}get el(){return i(this)}};l([b("tabs"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),l([v(["purple","green","red","yellow"]),c("design:type",String)],p.prototype,"color",void 0),l([f("boolean"),c("design:type",Boolean)],p.prototype,"fullwidth",void 0),l([f("boolean"),c("design:type",Boolean)],p.prototype,"inverted",void 0),l([f("string"),c("design:type",String)],p.prototype,"label",void 0),l([f("string"),c("design:type",Object)],p.prototype,"value",void 0),l([f("boolean"),c("design:type",Boolean)],p.prototype,"vertical",void 0),l([v(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),c("design:type",String)],p.prototype,"verticalColSize",void 0),l([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],p.prototype,"configChanged",null);let g=0;p.style=':host{--_tabs-border-base:var(--tabs-border-base, var(--mod-tabs-border-base, var(--ds-tabs-border-default)));--_tabs-gap:var(--tabs-gap, var(--mod-tabs-gap, var(--ds-tabs-gap)));--_tabs-panel-px:var(--tabs-panel-px, var(--mod-tabs-panel-px, var(--ds-tabs-panel-padding-x)));--_tabs-panel-py:var(--tabs-panel-py, var(--mod-tabs-panel-py, var(--ds-tabs-panel-padding-y)));--_tabs-vertical-gap:var(--tabs-vertical-gap, var(--mod-tabs-vertical-gap, var(--ds-tabs-vertical-gap)));--_tabs-tab-px:var(--tabs-tab-px, var(--mod-tabs-tab-px, var(--ds-tabs-tab-padding-x)));--_tabs-tab-py:var(--tabs-tab-py, var(--mod-tabs-tab-py, var(--ds-tabs-tab-padding-y)));--_tabs-tab-unselected-font-family:var(--tabs-tab-unselected-font-family, var(--mod-tabs-tab-unselected-font-family, var(--ds-tabs-tab-unselected-typo-font-family)));--_tabs-tab-unselected-font-size:var(--tabs-tab-unselected-font-size, var(--mod-tabs-tab-unselected-font-size, var(--ds-tabs-tab-unselected-typo-font-size)));--_tabs-tab-unselected-font-weight:var(--tabs-tab-unselected-font-weight, var(--mod-tabs-tab-unselected-font-weight, var(--ds-tabs-tab-unselected-typo-font-weight)));--_tabs-tab-unselected-line-height:var(--tabs-tab-unselected-line-height, var(--mod-tabs-tab-unselected-line-height, var(--ds-tabs-tab-unselected-typo-line-height)));--_tabs-tab-unselected-color-base:var(--tabs-tab-unselected-color-base, var(--mod-tabs-tab-unselected-color-base, var(--ds-tabs-tab-unselected-color-text-base)));--_tabs-tab-unselected-color-hover:var(--tabs-tab-unselected-color-hover, var(--mod-tabs-tab-unselected-color-hover, var(--ds-tabs-tab-unselected-color-text-hover)));--_tabs-tab-unselected-color-active:var(--tabs-tab-unselected-color-active, var(--mod-tabs-tab-unselected-color-active, var(--ds-tabs-tab-unselected-color-text-active)));--_tabs-tab-selected-font-family:var(--tabs-tab-selected-font-family, var(--mod-tabs-tab-selected-font-family, var(--ds-tabs-tab-selected-typo-font-family)));--_tabs-tab-selected-font-size:var(--tabs-tab-selected-font-size, var(--mod-tabs-tab-selected-font-size, var(--ds-tabs-tab-selected-typo-font-size)));--_tabs-tab-selected-font-weight:var(--tabs-tab-selected-font-weight, var(--mod-tabs-tab-selected-font-weight, var(--ds-tabs-tab-selected-typo-font-weight)));--_tabs-tab-selected-line-height:var(--tabs-tab-selected-line-height, var(--mod-tabs-tab-selected-line-height, var(--ds-tabs-tab-selected-typo-line-height)));--_tabs-tab-selected-color-base:var(--tabs-tab-selected-color-base, var(--mod-tabs-tab-selected-color-base, var(--ds-tabs-tab-selected-color-text-base)));--_tabs-tab-selected-color-hover:var(--tabs-tab-selected-color-hover, var(--mod-tabs-tab-selected-color-hover, var(--ds-tabs-tab-selected-color-text-hover)));--_tabs-tab-selected-color-active:var(--tabs-tab-selected-color-active, var(--mod-tabs-tab-selected-color-active, var(--ds-tabs-tab-selected-color-text-active)));--_tabs-tab-color-focus:var(--tabs-tab-color-focus, var(--mod-tabs-tab-color-focus, var(--ds-alias-interaction-focus-color-base)));--_tabs-indicator-unselected-base:var(--tabs-indicator-unselected-base, var(--mod-tabs-indicator-unselected-base, var(--ds-tabs-indicator-default-unselected-base)));--_tabs-indicator-unselected-hover:var(--tabs-indicator-unselected-hover, var(--mod-tabs-indicator-unselected-hover, var(--ds-tabs-indicator-default-unselected-hover)));--_tabs-indicator-selected-base:var(--tabs-indicator-selected-base, var(--mod-tabs-indicator-selected-base, var(--ds-tabs-indicator-default-selected-base)));--_tabs-indicator-selected-hover:var(--tabs-indicator-selected-hover, var(--mod-tabs-indicator-selected-hover, var(--ds-tabs-indicator-default-selected-hover)));--_tabs-scroll-fade-bg:var(--tabs-scroll-fade-bg, var(--mod-tabs-scroll-fade-bg, var(--ds-tabs-scroll-fade-background)));--_tabs-scroll-btn-radius:var(--tabs-scroll-btn-radius, var(--mod-tabs-scroll-btn-radius, var(--ds-button-size-base-radius)));--_tabs-scroll-btn-color-text:var(--tabs-scroll-btn-color-text, var(--mod-tabs-scroll-btn-color-text, var(--ds-button-color-tertiary-base-text)));--_tabs-scroll-btn-color-hover-background:var(--tabs-scroll-btn-color-hover-background, var(--mod-tabs-scroll-btn-color-hover-background, var(--ds-button-color-tertiary-hover-background)));--_tabs-scroll-btn-color-hover-text:var(--tabs-scroll-btn-color-hover-text, var(--mod-tabs-scroll-btn-color-hover-text, var(--ds-button-color-tertiary-hover-text)));--_tabs-scroll-btn-color-active-background:var(--tabs-scroll-btn-color-active-background, var(--mod-tabs-scroll-btn-color-active-background, var(--ds-button-color-tertiary-active-background)));--_tabs-scroll-btn-color-active-text:var(--tabs-scroll-btn-color-active-text, var(--mod-tabs-scroll-btn-color-active-text, var(--ds-button-color-tertiary-active-text)));--_tabs-tab-radius:var(--tabs-tab-radius, var(--mod-tabs-tab-radius, var(--ds-alias-radius-base)));--_tabs-tab-badge-size:var(--tabs-tab-badge-size, var(--mod-tabs-tab-badge-size, var(--ds-badge-size-sm)));display:block}:host(.is-purple){--_tabs-border-base:var(--ds-tabs-border-purple);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-purple-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-purple-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-purple-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-purple-selected-hover)}:host(.is-green){--_tabs-border-base:var(--ds-tabs-border-green);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-green-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-green-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-green-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-green-selected-hover)}:host(.is-red){--_tabs-border-base:var(--ds-tabs-border-red);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-red-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-red-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-red-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-red-selected-hover)}:host(.is-yellow){--_tabs-border-base:var(--ds-tabs-border-yellow);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-yellow-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-yellow-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-yellow-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-yellow-selected-hover)}:host(.is-inverted){--_tabs-tab-unselected-color-base:var(--ds-alias-text-color-white);--_tabs-tab-unselected-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-unselected-color-active:var(--ds-alias-text-color-white);--_tabs-tab-unselected-font-family:var(--ds-alias-text-family-text);--_tabs-tab-unselected-font-weight:var(--ds-alias-text-weight-regular);--_tabs-tab-selected-color-base:var(--ds-alias-text-color-white);--_tabs-tab-selected-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-selected-color-active:var(--ds-alias-text-color-white);--_tabs-border-base:var(--ds-alias-border-width-base) solid rgba(255, 255, 255, 0.3);--_tabs-indicator-unselected-base:var(--ds-alias-border-width-base) solid transparent;--_tabs-indicator-unselected-hover:var(--ds-alias-border-width-base) solid rgba(255, 255, 255, 0.5);--_tabs-indicator-selected-base:var(--ds-alias-border-width-base) solid var(--ds-alias-text-color-white);--_tabs-indicator-selected-hover:var(--ds-alias-border-width-base) solid var(--ds-alias-text-color-white);--_tabs-tab-color-focus:var(--ds-alias-interaction-focus-color-inverted);--_tabs-scroll-fade-bg:var(--ds-alias-surface-primary);--_tabs-scroll-btn-color-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-hover-background:rgba(255, 255, 255, 0.12);--_tabs-scroll-btn-color-hover-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-active-background:rgba(255, 255, 255, 0.24);--_tabs-scroll-btn-color-active-text:var(--ds-alias-text-color-white)}:host .tablist-outer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host(.has-overflow) .tablist-outer::before,:host(.has-overflow) .tablist-outer::after{content:"";position:absolute;top:0;bottom:var(--ds-alias-border-width-base);width:2.5rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.has-overflow) .tablist-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_tabs-scroll-fade-bg), transparent)}:host(.has-overflow) .tablist-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_tabs-scroll-fade-bg), transparent)}:host(.can-scroll-left) .tablist-outer::before{opacity:1}:host(.can-scroll-right) .tablist-outer::after{opacity:1}:host .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;min-width:0;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--_tabs-scroll-btn-radius);background-color:rgba(0,0,0,0);color:var(--_tabs-scroll-btn-color-text);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.3}:host(.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.can-scroll-left) .scroll-btn--prev,:host(.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer}@media (hover: hover)and (pointer: fine){:host(.can-scroll-left) .scroll-btn--prev:hover,:host(.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_tabs-scroll-btn-color-hover-background);color:var(--_tabs-scroll-btn-color-hover-text)}}:host(.can-scroll-left) .scroll-btn--prev:active,:host(.can-scroll-right) .scroll-btn--next:active{background-color:var(--_tabs-scroll-btn-color-active-background);color:var(--_tabs-scroll-btn-color-active-text)}:host .tablist-track{-ms-flex:1;flex:1;min-width:0;position:relative}:host .tablist-track::after{content:"";position:absolute;z-index:0;bottom:0;left:0;right:0;height:0;border-bottom:var(--_tabs-border-base)}:host #tablist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;gap:var(--_tabs-gap);position:relative;padding-bottom:var(--ds-alias-border-width-base);overflow-x:scroll;overflow-y:clip;scroll-behavior:smooth;scrollbar-width:none}:host #tablist::-webkit-scrollbar{display:none}:host #tablist .indicator{position:absolute;z-index:1;bottom:0;left:0;height:0;width:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-selected-base);pointer-events:none;-webkit-transition:width 250ms ease,-webkit-transform 250ms ease;transition:width 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,width 250ms ease;transition:transform 250ms ease,width 250ms ease,-webkit-transform 250ms ease}:host(.is-vertical) #tablist .indicator{top:0;bottom:auto;left:calc(-1*var(--ds-alias-border-width-base));width:0;height:0;border-bottom:none;border-left:var(--_tabs-indicator-selected-base);-webkit-transition:height 250ms ease,-webkit-transform 250ms ease;transition:height 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,height 250ms ease;transition:transform 250ms ease,height 250ms ease,-webkit-transform 250ms ease}:host(.is-fullwidth) #tablist{width:100%}:host(.is-fullwidth) #tablist ::slotted(ds-tab){-ms-flex:1;flex:1}:host(.is-vertical){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;gap:var(--_tabs-vertical-gap)}@media screen and (max-width: 768px){:host(.is-vertical){gap:1rem}}:host(.is-vertical) #tablist{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding-bottom:0;border-left:var(--_tabs-border-base);overflow:visible;scroll-behavior:auto}:host(.is-vertical.is-col-full){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}:host(.is-vertical.is-col-full) #tablist{width:100%}:host(.is-vertical.is-col-half) #tablist{width:50%}:host(.is-vertical.is-col-two-thirds) #tablist{width:66.6667%}:host(.is-vertical.is-col-three-quarters) #tablist{width:75%}:host(.is-vertical.is-col-one-third) #tablist{width:33.3333%}:host(.is-vertical.is-col-one-quarter) #tablist{width:25%}:host(.is-vertical) ::slotted(ds-tab-panel){-ms-flex:1;flex:1;min-width:0;min-height:2.5rem}:host ::slotted(ds-tab-panel){--tab-panel-p:var(--_tabs-panel-py) var(--_tabs-panel-px)}:host(.is-vertical) ::slotted(ds-tab-panel){--tab-panel-p:0.5rem 0 0}:host(.is-navigation) nav{display:contents}';export{p as ds_tabs}
+import{D as t,J as e,x as a,E as s,F as r,G as o,I as i}from"./p-BZEWgXed.js";import{_ as l,L as b,a as c}from"./p-BZsCW9yV.js";import{d,b as n}from"./p-BbGwCnDa.js";import{s as h}from"./p-D4hbhLgQ.js";import{O as v}from"./p-DE5aqD5-.js";import{T as f}from"./p-BaZBnuEF.js";import{L as u}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";const m={de:{scrollLeft:"Tabs nach links scrollen",scrollRight:"Tabs nach rechts scrollen"},en:{scrollLeft:"Scroll tabs left",scrollRight:"Scroll tabs right"},fr:{scrollLeft:"Faire défiler les onglets vers la gauche",scrollRight:"Faire défiler les onglets vers la droite"},it:{scrollLeft:"Scorri le schede a sinistra",scrollRight:"Scorri le schede a destra"},nl:{scrollLeft:"Tabbladen naar links scrollen",scrollRight:"Tabbladen naar rechts scrollen"},es:{scrollLeft:"Desplazar pestañas a la izquierda",scrollRight:"Desplazar pestañas a la derecha"},pl:{scrollLeft:"Przewiń karty w lewo",scrollRight:"Przewiń karty w prawo"},pt:{scrollLeft:"Rolar abas para a esquerda",scrollRight:"Rolar abas para a direita"},sv:{scrollLeft:"Scrolla flikar åt vänster",scrollRight:"Scrolla flikar åt höger"},fi:{scrollLeft:"Vieritä välilehtiä vasemmalle",scrollRight:"Vieritä välilehtiä oikealle"}},p=class{constructor(s){t(this,s),this.dsChange=e(this,"dsChange"),this.language=a.language,this.region=a.region,this.fullwidth=!1,this.inverted=!1,this.label="",this.vertical=!1,this.verticalColSize="one-third",this.canScrollLeft=!1,this.canScrollRight=!1,this.checkOverflow=()=>{const t=this.tablistEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.scrollPrev=()=>{const t=this.tablistEl;t&&t.scrollBy({left:-t.clientWidth/2,behavior:"smooth"})},this.scrollNext=()=>{const t=this.tablistEl;t&&t.scrollBy({left:t.clientWidth/2,behavior:"smooth"})},this.handleKeyDown=t=>{var e,a,s,r;if(this.isNavigation())return;const o=this.getTabs(),i=o.findIndex((t=>t.name===this.value)),l=this.vertical?"ArrowDown"===t.key:"ArrowRight"===t.key,b=this.vertical?"ArrowUp"===t.key:"ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateTab(null===(e=o[0])||void 0===e?void 0:e.name)):"End"===t.key?(t.preventDefault(),this.activateTab(null===(a=o[o.length-1])||void 0===a?void 0:a.name)):l?(t.preventDefault(),this.activateTab(null===(s=o[(i+1)%o.length])||void 0===s?void 0:s.name)):b&&(t.preventDefault(),this.activateTab(null===(r=o[(i-1+o.length)%o.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initCarousel(),s((()=>this.moveIndicator(!1)))}componentDidUpdate(){this.updateChildren(),this.checkOverflow(),this.moveIndicator(!0)}disconnectedCallback(){var t,e;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(e=this.tablistEl)||void 0===e||e.removeEventListener("scroll",this.checkOverflow)}listenToDsTabSelect(t){h(t),this.activateTab(t.detail.name)}getTabs(){return d(this.el,n("DS-TAB"))}getPanels(){return d(this.el,n("DS-TAB-PANEL"))}isNavigation(){return 0===this.getPanels().length}setup(){const t=this.getTabs(),e=this.getPanels(),a=this.isNavigation();if(t.forEach((t=>{if(t.slot="tab",t.navigation=a,!a&&t.name){t.id||(t.id="ds-tab-"+g++);const a=e.find((e=>e.for===t.name));a&&(a.id||(a.id="ds-tab-panel-"+g++),t.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",t.id))}})),!a&&!this.value){const e=t[0];e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const t=this.isNavigation();this.getTabs().forEach((e=>{e.navigation=t,e.fullwidth=this.fullwidth,e.inverted=this.inverted,e.selected=t?!!e.querySelector("[aria-current]"):e.name===this.value,e.vertical=this.vertical})),this.getPanels().forEach((t=>{t.selected=t.for===this.value}))}activateTab(t){t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.focusSelectedTab())}focusSelectedTab(){const t=this.getTabs().find((t=>t.name===this.value));t&&(t.focus(),t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initCarousel(){!this.vertical&&this.tablistEl&&(this.tablistEl.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(this.tablistEl),this.checkOverflow())}moveIndicator(t){const e=this.indicatorEl,a=this.tablistEl;if(!e||!a||this.isNavigation())return;const s=this.getTabs().find((t=>t.name===this.value));if(!s)return void(e.style[this.vertical?"height":"width"]="0px");const r=a.getBoundingClientRect(),o=s.getBoundingClientRect();if(t||(e.style.transition="none"),this.vertical){const t=o.top-r.top+a.scrollTop;e.style.height=`${o.height}px`,e.style.transform=`translateY(${t}px)`}else{const t=o.left-r.left+a.scrollLeft;e.style.width=`${o.width}px`,e.style.transform=`translateX(${t}px)`}t||(e.style.transition="")}render(){const t=this.isNavigation(),e=r("div",{key:"baac4b1e1010273dabedb2966f9e52df62be4459",id:"tablist",part:"tablist",role:t?void 0:"tablist","aria-orientation":!t&&this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:t=>{this.tablistEl=t}},r("slot",{key:"c7d21ce3a0f7665325820a57869b0cb4d4669f35",name:"tab",onSlotchange:this.handleSlotChange}),r("div",{key:"312014969db67ef8ab614b7a1357b236cf3315d1",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),a=m[this.language],s=this.vertical?e:r("div",{class:"tablist-outer"},r("button",{class:"scroll-btn scroll-btn--prev","aria-label":a.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},r("ds-icon",{name:"caret-left",size:"sm"})),r("div",{class:"tablist-track"},e),r("button",{class:"scroll-btn scroll-btn--next","aria-label":a.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},r("ds-icon",{name:"caret-right",size:"sm"})));return r(o,{key:"b6d25f890ca8c96efc54be9c693cd7ee55be39b0",class:{"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color,"is-vertical":this.vertical,[`is-col-${this.verticalColSize}`]:this.vertical,"is-navigation":t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},t?r("nav",{"aria-label":this.label||void 0},s):s,r("slot",{key:"c3de464795e5c0be01408d98c1aab3083e41c31f",onSlotchange:this.handleSlotChange}))}get el(){return i(this)}};l([b("tabs"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),l([v(["purple","green","red","yellow"]),c("design:type",String)],p.prototype,"color",void 0),l([f("boolean"),c("design:type",Boolean)],p.prototype,"fullwidth",void 0),l([f("boolean"),c("design:type",Boolean)],p.prototype,"inverted",void 0),l([f("string"),c("design:type",String)],p.prototype,"label",void 0),l([f("string"),c("design:type",Object)],p.prototype,"value",void 0),l([f("boolean"),c("design:type",Boolean)],p.prototype,"vertical",void 0),l([v(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),c("design:type",String)],p.prototype,"verticalColSize",void 0),l([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],p.prototype,"configChanged",null);let g=0;p.style=':host{--_tabs-border-base:var(--tabs-border-base, var(--mod-tabs-border-base, var(--ds-tabs-border-default)));--_tabs-gap:var(--tabs-gap, var(--mod-tabs-gap, var(--ds-tabs-gap)));--_tabs-panel-px:var(--tabs-panel-px, var(--mod-tabs-panel-px, var(--ds-tabs-panel-padding-x)));--_tabs-panel-py:var(--tabs-panel-py, var(--mod-tabs-panel-py, var(--ds-tabs-panel-padding-y)));--_tabs-vertical-gap:var(--tabs-vertical-gap, var(--mod-tabs-vertical-gap, var(--ds-tabs-vertical-gap)));--_tabs-tab-px:var(--tabs-tab-px, var(--mod-tabs-tab-px, var(--ds-tabs-tab-padding-x)));--_tabs-tab-py:var(--tabs-tab-py, var(--mod-tabs-tab-py, var(--ds-tabs-tab-padding-y)));--_tabs-tab-unselected-font-family:var(--tabs-tab-unselected-font-family, var(--mod-tabs-tab-unselected-font-family, var(--ds-tabs-tab-unselected-typo-font-family)));--_tabs-tab-unselected-font-size:var(--tabs-tab-unselected-font-size, var(--mod-tabs-tab-unselected-font-size, var(--ds-tabs-tab-unselected-typo-font-size)));--_tabs-tab-unselected-font-weight:var(--tabs-tab-unselected-font-weight, var(--mod-tabs-tab-unselected-font-weight, var(--ds-tabs-tab-unselected-typo-font-weight)));--_tabs-tab-unselected-line-height:var(--tabs-tab-unselected-line-height, var(--mod-tabs-tab-unselected-line-height, var(--ds-tabs-tab-unselected-typo-line-height)));--_tabs-tab-unselected-color-base:var(--tabs-tab-unselected-color-base, var(--mod-tabs-tab-unselected-color-base, var(--ds-tabs-tab-unselected-color-text-base)));--_tabs-tab-unselected-color-hover:var(--tabs-tab-unselected-color-hover, var(--mod-tabs-tab-unselected-color-hover, var(--ds-tabs-tab-unselected-color-text-hover)));--_tabs-tab-unselected-color-active:var(--tabs-tab-unselected-color-active, var(--mod-tabs-tab-unselected-color-active, var(--ds-tabs-tab-unselected-color-text-active)));--_tabs-tab-selected-font-family:var(--tabs-tab-selected-font-family, var(--mod-tabs-tab-selected-font-family, var(--ds-tabs-tab-selected-typo-font-family)));--_tabs-tab-selected-font-size:var(--tabs-tab-selected-font-size, var(--mod-tabs-tab-selected-font-size, var(--ds-tabs-tab-selected-typo-font-size)));--_tabs-tab-selected-font-weight:var(--tabs-tab-selected-font-weight, var(--mod-tabs-tab-selected-font-weight, var(--ds-tabs-tab-selected-typo-font-weight)));--_tabs-tab-selected-line-height:var(--tabs-tab-selected-line-height, var(--mod-tabs-tab-selected-line-height, var(--ds-tabs-tab-selected-typo-line-height)));--_tabs-tab-selected-color-base:var(--tabs-tab-selected-color-base, var(--mod-tabs-tab-selected-color-base, var(--ds-tabs-tab-selected-color-text-base)));--_tabs-tab-selected-color-hover:var(--tabs-tab-selected-color-hover, var(--mod-tabs-tab-selected-color-hover, var(--ds-tabs-tab-selected-color-text-hover)));--_tabs-tab-selected-color-active:var(--tabs-tab-selected-color-active, var(--mod-tabs-tab-selected-color-active, var(--ds-tabs-tab-selected-color-text-active)));--_tabs-tab-color-focus:var(--tabs-tab-color-focus, var(--mod-tabs-tab-color-focus, var(--ds-alias-interaction-focus-color-base)));--_tabs-indicator-unselected-base:var(--tabs-indicator-unselected-base, var(--mod-tabs-indicator-unselected-base, var(--ds-tabs-indicator-default-unselected-base)));--_tabs-indicator-unselected-hover:var(--tabs-indicator-unselected-hover, var(--mod-tabs-indicator-unselected-hover, var(--ds-tabs-indicator-default-unselected-hover)));--_tabs-indicator-selected-base:var(--tabs-indicator-selected-base, var(--mod-tabs-indicator-selected-base, var(--ds-tabs-indicator-default-selected-base)));--_tabs-indicator-selected-hover:var(--tabs-indicator-selected-hover, var(--mod-tabs-indicator-selected-hover, var(--ds-tabs-indicator-default-selected-hover)));--_tabs-scroll-fade-bg:var(--tabs-scroll-fade-bg, var(--mod-tabs-scroll-fade-bg, var(--ds-tabs-scroll-fade-background)));--_tabs-scroll-btn-radius:var(--tabs-scroll-btn-radius, var(--mod-tabs-scroll-btn-radius, var(--ds-button-size-base-radius)));--_tabs-scroll-btn-color-text:var(--tabs-scroll-btn-color-text, var(--mod-tabs-scroll-btn-color-text, var(--ds-button-color-tertiary-base-text)));--_tabs-scroll-btn-color-hover-background:var(--tabs-scroll-btn-color-hover-background, var(--mod-tabs-scroll-btn-color-hover-background, var(--ds-button-color-tertiary-hover-background)));--_tabs-scroll-btn-color-hover-text:var(--tabs-scroll-btn-color-hover-text, var(--mod-tabs-scroll-btn-color-hover-text, var(--ds-button-color-tertiary-hover-text)));--_tabs-scroll-btn-color-active-background:var(--tabs-scroll-btn-color-active-background, var(--mod-tabs-scroll-btn-color-active-background, var(--ds-button-color-tertiary-active-background)));--_tabs-scroll-btn-color-active-text:var(--tabs-scroll-btn-color-active-text, var(--mod-tabs-scroll-btn-color-active-text, var(--ds-button-color-tertiary-active-text)));--_tabs-tab-radius:var(--tabs-tab-radius, var(--mod-tabs-tab-radius, var(--ds-alias-radius-base)));--_tabs-tab-badge-size:var(--tabs-tab-badge-size, var(--mod-tabs-tab-badge-size, var(--ds-badge-size-sm)));display:block}:host(.is-purple){--_tabs-border-base:var(--ds-tabs-border-purple);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-purple-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-purple-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-purple-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-purple-selected-hover)}:host(.is-green){--_tabs-border-base:var(--ds-tabs-border-green);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-green-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-green-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-green-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-green-selected-hover)}:host(.is-red){--_tabs-border-base:var(--ds-tabs-border-red);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-red-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-red-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-red-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-red-selected-hover)}:host(.is-yellow){--_tabs-border-base:var(--ds-tabs-border-yellow);--_tabs-indicator-unselected-base:var(--ds-tabs-indicator-yellow-unselected-base);--_tabs-indicator-unselected-hover:var(--ds-tabs-indicator-yellow-unselected-hover);--_tabs-indicator-selected-base:var(--ds-tabs-indicator-yellow-selected-base);--_tabs-indicator-selected-hover:var(--ds-tabs-indicator-yellow-selected-hover)}:host(.is-inverted){--_tabs-tab-unselected-color-base:var(--ds-alias-text-color-white);--_tabs-tab-unselected-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-unselected-color-active:var(--ds-alias-text-color-white);--_tabs-tab-unselected-font-family:var(--ds-alias-text-family-text);--_tabs-tab-unselected-font-weight:var(--ds-alias-text-weight-regular);--_tabs-tab-selected-color-base:var(--ds-alias-text-color-white);--_tabs-tab-selected-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-selected-color-active:var(--ds-alias-text-color-white);--_tabs-border-base:var(--ds-alias-border-width-base) solid rgba(255, 255, 255, 0.3);--_tabs-indicator-unselected-base:var(--ds-alias-border-width-base) solid transparent;--_tabs-indicator-unselected-hover:var(--ds-alias-border-width-base) solid rgba(255, 255, 255, 0.5);--_tabs-indicator-selected-base:var(--ds-alias-border-width-base) solid var(--ds-alias-text-color-white);--_tabs-indicator-selected-hover:var(--ds-alias-border-width-base) solid var(--ds-alias-text-color-white);--_tabs-tab-color-focus:var(--ds-alias-interaction-focus-color-inverted);--_tabs-scroll-fade-bg:var(--ds-alias-surface-primary);--_tabs-scroll-btn-color-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-hover-background:rgba(255, 255, 255, 0.12);--_tabs-scroll-btn-color-hover-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-active-background:rgba(255, 255, 255, 0.24);--_tabs-scroll-btn-color-active-text:var(--ds-alias-text-color-white)}:host .tablist-outer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host(.has-overflow) .tablist-outer::before,:host(.has-overflow) .tablist-outer::after{content:"";position:absolute;top:0;bottom:var(--ds-alias-border-width-base);width:2.5rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.has-overflow) .tablist-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_tabs-scroll-fade-bg), transparent)}:host(.has-overflow) .tablist-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_tabs-scroll-fade-bg), transparent)}:host(.can-scroll-left) .tablist-outer::before{opacity:1}:host(.can-scroll-right) .tablist-outer::after{opacity:1}:host .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;min-width:0;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--_tabs-scroll-btn-radius);background-color:rgba(0,0,0,0);color:var(--_tabs-scroll-btn-color-text);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.3}:host(.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.can-scroll-left) .scroll-btn--prev,:host(.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer}@media (hover: hover)and (pointer: fine){:host(.can-scroll-left) .scroll-btn--prev:hover,:host(.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_tabs-scroll-btn-color-hover-background);color:var(--_tabs-scroll-btn-color-hover-text)}}:host(.can-scroll-left) .scroll-btn--prev:active,:host(.can-scroll-right) .scroll-btn--next:active{background-color:var(--_tabs-scroll-btn-color-active-background);color:var(--_tabs-scroll-btn-color-active-text)}:host .tablist-track{-ms-flex:1;flex:1;min-width:0;position:relative}:host .tablist-track::after{content:"";position:absolute;z-index:0;bottom:0;left:0;right:0;height:0;border-bottom:var(--_tabs-border-base)}:host #tablist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;gap:var(--_tabs-gap);position:relative;padding-bottom:var(--ds-alias-border-width-base);overflow-x:scroll;overflow-y:clip;scroll-behavior:smooth;scrollbar-width:none}:host #tablist::-webkit-scrollbar{display:none}:host #tablist .indicator{position:absolute;z-index:1;bottom:0;left:0;height:0;width:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-selected-base);pointer-events:none;-webkit-transition:width 250ms ease,-webkit-transform 250ms ease;transition:width 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,width 250ms ease;transition:transform 250ms ease,width 250ms ease,-webkit-transform 250ms ease}:host(.is-vertical) #tablist .indicator{top:0;bottom:auto;left:calc(-1*var(--ds-alias-border-width-base));width:0;height:0;border-bottom:none;border-left:var(--_tabs-indicator-selected-base);-webkit-transition:height 250ms ease,-webkit-transform 250ms ease;transition:height 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,height 250ms ease;transition:transform 250ms ease,height 250ms ease,-webkit-transform 250ms ease}:host(.is-fullwidth) #tablist{width:100%}:host(.is-fullwidth) #tablist ::slotted(ds-tab){-ms-flex:1;flex:1}:host(.is-vertical){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;gap:var(--_tabs-vertical-gap)}@media screen and (max-width: 768px){:host(.is-vertical){gap:1rem}}:host(.is-vertical) #tablist{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding-bottom:0;border-left:var(--_tabs-border-base);overflow:visible;scroll-behavior:auto}:host(.is-vertical.is-col-full){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}:host(.is-vertical.is-col-full) #tablist{width:100%}:host(.is-vertical.is-col-half) #tablist{width:50%}:host(.is-vertical.is-col-two-thirds) #tablist{width:66.6667%}:host(.is-vertical.is-col-three-quarters) #tablist{width:75%}:host(.is-vertical.is-col-one-third) #tablist{width:33.3333%}:host(.is-vertical.is-col-one-quarter) #tablist{width:25%}:host(.is-vertical) ::slotted(ds-tab-panel){-ms-flex:1;flex:1;min-width:0;min-height:2.5rem}:host ::slotted(ds-tab-panel){--tab-panel-p:var(--_tabs-panel-py) var(--_tabs-panel-px)}:host(.is-vertical) ::slotted(ds-tab-panel){--tab-panel-p:0.5rem 0 0}:host(.is-navigation) nav{display:contents}';export{p as ds_tabs}

package/dist/design-system/p-eae2a1547c.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
+ */
+import{D as e,F as a,G as s,I as t}from"./p-BZEWgXed.js";import{_ as n,L as d,a as r}from"./p-BZsCW9yV.js";import{R as p}from"./p-Dd1T3Uhf.js";import{T as i}from"./p-BaZBnuEF.js";import"./p-C0WbBTf4.js";const o=class{constructor(a){e(this,a),this.selected=!1}createLogger(e){this.log=e}render(){return a(s,{key:"d84dd1e1b26c6c106a08c6fad1178d4d178d1860",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},a("slot",{key:"1e1ff537ccb0b39837a992f185dd99c3b9ee5f72"}))}get el(){return t(this)}};n([d("tab-panel"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],o.prototype,"createLogger",null),n([p(),i("string"),r("design:type",String)],o.prototype,"for",void 0),n([i("boolean"),r("design:type",Boolean)],o.prototype,"selected",void 0),o.style=":host{--_tab-panel-p:var(--tab-panel-p, var(--mod-tab-panel-p, var(--ds-tab-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_tab-panel-p)}";export{o as ds_tab_panel}

package/dist/design-system/{p-da193757b7.entry.js → p-ebbec13d79.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as i,J as o,F as n,G as t,I as a}from"./p-vF16SDFF.js";import{_ as e,L as c,a as d}from"./p-nVdGbZYj.js";import{d as f,b as r}from"./p-BbGwCnDa.js";import{s}from"./p-BwDOnHtD.js";import{h as l}from"./p-DWaM_oN0.js";import{T as h}from"./p-C2tiilHE.js";import{O as g}from"./p-Bo3ozMyW.js";import"./p-CnMdxr0m.js";const m=class{constructor(n){i(this,n),this.dsCloseClick=o(this,"dsCloseClick"),this.dsDidLoad=o(this,"dsDidLoad"),this.didLoad=!1,this.hasBrandIcon=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.heading="",this.noIcon=!1,this.updateHasBrandIcon=()=>{this.hasBrandIcon=f(this.el,r("DS-BRAND-ICON")).length>0}}createLogger(i){this.log=i}componentDidLoad(){this.updateHasBrandIcon(),this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=this.size||"";return n(t,Object.assign({key:"83980a557445d4d8784d0af1ab76b69aa7a1758a"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,"has-brand-icon":this.hasBrandIcon,[`is-${this.color}`]:l(this.color),[`is-${i}`]:l(this.size)}}),n("section",{key:"43e4193118d3f03858a31b0be6626036bb7453df",id:"notification",part:"section"},this.closable&&n("ds-close",{key:"c8ede2917fb199a6afacd072f9800cfbb3e89d97",part:"close",onClick:i=>{s(i),this.close()}}),l(this.heading)&&n("h2",{key:"5244c63219eea139ddf23c922e152bf55689953b",part:"heading"},this.heading),n("span",{key:"f390a6797968c49399e747778462e29267c26b3f"},n("slot",{key:"f3af4e56e3df538384c5a3a8bacc3ad4983a2ae9",onSlotchange:this.updateHasBrandIcon}))))}get el(){return a(this)}};e([c("notification"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],m.prototype,"createLogger",null),e([h("boolean"),d("design:type",Boolean)],m.prototype,"alert",void 0),e([h("boolean"),d("design:type",Boolean)],m.prototype,"closable",void 0),e([g(["default","info","success","warning","danger","outline-default","outline-purple","outline-green","outline-yellow","outline-red"]),d("design:type",String)],m.prototype,"color",void 0),e([h("string"),d("design:type",String)],m.prototype,"heading",void 0),e([h("boolean"),d("design:type",Boolean)],m.prototype,"noIcon",void 0),e([g(["sm"]),d("design:type",String)],m.prototype,"size",void 0),m.style=':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-default-color-background)));--_notification-border:var(--notification-border, var(--mod-notification-border, var(--ds-notification-default-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-default-color-text)));--_notification-color-heading:var(--notification-color-heading, var(--mod-notification-color-heading, var(--ds-notification-default-color-heading)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-notification-default-heading-font-family)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-notification-default-heading-font-weight)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-notification-default-heading-font-size)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-notification-default-heading-line-height)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-notification-default-body-font-family)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, var(--ds-notification-default-body-font-weight)));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-notification-default-body-font-size)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-notification-default-body-line-height)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-default-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-p:var(--notification-p, var(--mod-notification-p, var(--ds-card-padding-base, 1.5rem)));--_notification-icon-size:var(--notification-icon-size, var(--mod-notification-icon-size, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-p)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-p)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--_notification-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-p);padding-right:var(--_notification-p);padding-bottom:var(--_notification-p);padding-left:calc(var(--_notification-p) + var(--_notification-icon-size));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .ds-close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);color:var(--_notification-color-heading);margin:0 !important}#notification:has(.ds-close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:var(--_notification-color-heading);forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:calc(var(--_notification-p)/4*-1);top:var(--_notification-p);-webkit-transform:translateX(var(--_notification-p));transform:translateX(var(--_notification-p));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-size:0rem}:host(.has-brand-icon){--mod-notification-icon-size:var(--ds-brand-icon-size-base)}::slotted(ds-brand-icon){position:absolute;top:calc(var(--_notification-p)/2);left:calc(var(--_notification-p)/2);margin-top:calc(var(--_notification-p)/8*-1)}:host(.is-info){--mod-notification-color-text:var(--ds-notification-info-color-text);--mod-notification-color-background:var(--ds-notification-info-color-background);--mod-notification-color-heading:var(--ds-notification-info-color-heading);--mod-notification-icon:var(--ds-notification-info-icon);--mod-notification-heading-family:var(--ds-notification-info-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-info-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-info-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-info-heading-line-height);--mod-notification-content-family:var(--ds-notification-info-body-font-family);--mod-notification-content-weight:var(--ds-notification-info-body-font-weight);--mod-notification-content-size:var(--ds-notification-info-body-font-size);--mod-notification-content-line-height:var(--ds-notification-info-body-line-height);--mod-notification-border:var(--ds-notification-info-border)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-success-color-text);--mod-notification-color-background:var(--ds-notification-success-color-background);--mod-notification-color-heading:var(--ds-notification-success-color-heading);--mod-notification-icon:var(--ds-notification-success-icon);--mod-notification-heading-family:var(--ds-notification-success-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-success-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-success-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-success-heading-line-height);--mod-notification-content-family:var(--ds-notification-success-body-font-family);--mod-notification-content-weight:var(--ds-notification-success-body-font-weight);--mod-notification-content-size:var(--ds-notification-success-body-font-size);--mod-notification-content-line-height:var(--ds-notification-success-body-line-height);--mod-notification-border:var(--ds-notification-success-border)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-warning-color-text);--mod-notification-color-background:var(--ds-notification-warning-color-background);--mod-notification-color-heading:var(--ds-notification-warning-color-heading);--mod-notification-icon:var(--ds-notification-warning-icon);--mod-notification-heading-family:var(--ds-notification-warning-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-warning-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-warning-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-warning-heading-line-height);--mod-notification-content-family:var(--ds-notification-warning-body-font-family);--mod-notification-content-weight:var(--ds-notification-warning-body-font-weight);--mod-notification-content-size:var(--ds-notification-warning-body-font-size);--mod-notification-content-line-height:var(--ds-notification-warning-body-line-height);--mod-notification-border:var(--ds-notification-warning-border)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-danger-color-text);--mod-notification-color-background:var(--ds-notification-danger-color-background);--mod-notification-color-heading:var(--ds-notification-danger-color-heading);--mod-notification-icon:var(--ds-notification-danger-icon);--mod-notification-heading-family:var(--ds-notification-danger-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-danger-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-danger-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-danger-heading-line-height);--mod-notification-content-family:var(--ds-notification-danger-body-font-family);--mod-notification-content-weight:var(--ds-notification-danger-body-font-weight);--mod-notification-content-size:var(--ds-notification-danger-body-font-size);--mod-notification-content-line-height:var(--ds-notification-danger-body-line-height);--mod-notification-border:var(--ds-notification-danger-border)}:host(.is-outline-default){--mod-notification-color-text:var(--ds-notification-outline-default-color-text);--mod-notification-color-background:var(--ds-notification-outline-default-color-background);--mod-notification-color-heading:var(--ds-notification-outline-default-color-heading);--mod-notification-icon:var(--ds-notification-outline-default-icon);--mod-notification-heading-family:var(--ds-notification-outline-default-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-default-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-default-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-default-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-default-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-default-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-default-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-default-body-line-height);--mod-notification-border:var(--ds-notification-outline-default-border)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-outline-purple-color-text);--mod-notification-color-background:var(--ds-notification-outline-purple-color-background);--mod-notification-color-heading:var(--ds-notification-outline-purple-color-heading);--mod-notification-icon:var(--ds-notification-outline-purple-icon);--mod-notification-heading-family:var(--ds-notification-outline-purple-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-purple-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-purple-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-purple-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-purple-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-purple-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-purple-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-purple-body-line-height);--mod-notification-border:var(--ds-notification-outline-purple-border)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-outline-green-color-text);--mod-notification-color-background:var(--ds-notification-outline-green-color-background);--mod-notification-color-heading:var(--ds-notification-outline-green-color-heading);--mod-notification-icon:var(--ds-notification-outline-green-icon);--mod-notification-heading-family:var(--ds-notification-outline-green-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-green-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-green-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-green-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-green-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-green-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-green-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-green-body-line-height);--mod-notification-border:var(--ds-notification-outline-green-border)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-outline-yellow-color-text);--mod-notification-color-background:var(--ds-notification-outline-yellow-color-background);--mod-notification-color-heading:var(--ds-notification-outline-yellow-color-heading);--mod-notification-icon:var(--ds-notification-outline-yellow-icon);--mod-notification-heading-family:var(--ds-notification-outline-yellow-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-yellow-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-yellow-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-yellow-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-yellow-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-yellow-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-yellow-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-yellow-body-line-height);--mod-notification-border:var(--ds-notification-outline-yellow-border)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-outline-red-color-text);--mod-notification-color-background:var(--ds-notification-outline-red-color-background);--mod-notification-color-heading:var(--ds-notification-outline-red-color-heading);--mod-notification-icon:var(--ds-notification-outline-red-icon);--mod-notification-heading-family:var(--ds-notification-outline-red-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-red-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-red-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-red-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-red-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-red-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-red-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-red-body-line-height);--mod-notification-border:var(--ds-notification-outline-red-border)}:host(.is-sm){--mod-notification-p:var(--ds-card-padding-sm)}:host{display:block}';export{m as ds_notification}
+import{D as i,J as o,F as n,G as t,I as a}from"./p-BZEWgXed.js";import{_ as e,L as c,a as d}from"./p-BZsCW9yV.js";import{d as f,b as r}from"./p-BbGwCnDa.js";import{s}from"./p-D4hbhLgQ.js";import{h as l}from"./p-BYD3IPs8.js";import{T as h}from"./p-BaZBnuEF.js";import{O as g}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const m=class{constructor(n){i(this,n),this.dsCloseClick=o(this,"dsCloseClick"),this.dsDidLoad=o(this,"dsDidLoad"),this.didLoad=!1,this.hasBrandIcon=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.heading="",this.noIcon=!1,this.updateHasBrandIcon=()=>{this.hasBrandIcon=f(this.el,r("DS-BRAND-ICON")).length>0}}createLogger(i){this.log=i}componentDidLoad(){this.updateHasBrandIcon(),this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=this.size||"";return n(t,Object.assign({key:"83980a557445d4d8784d0af1ab76b69aa7a1758a"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,"has-brand-icon":this.hasBrandIcon,[`is-${this.color}`]:l(this.color),[`is-${i}`]:l(this.size)}}),n("section",{key:"43e4193118d3f03858a31b0be6626036bb7453df",id:"notification",part:"section"},this.closable&&n("ds-close",{key:"c8ede2917fb199a6afacd072f9800cfbb3e89d97",part:"close",onClick:i=>{s(i),this.close()}}),l(this.heading)&&n("h2",{key:"5244c63219eea139ddf23c922e152bf55689953b",part:"heading"},this.heading),n("span",{key:"f390a6797968c49399e747778462e29267c26b3f"},n("slot",{key:"f3af4e56e3df538384c5a3a8bacc3ad4983a2ae9",onSlotchange:this.updateHasBrandIcon}))))}get el(){return a(this)}};e([c("notification"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],m.prototype,"createLogger",null),e([h("boolean"),d("design:type",Boolean)],m.prototype,"alert",void 0),e([h("boolean"),d("design:type",Boolean)],m.prototype,"closable",void 0),e([g(["default","info","success","warning","danger","outline-default","outline-purple","outline-green","outline-yellow","outline-red"]),d("design:type",String)],m.prototype,"color",void 0),e([h("string"),d("design:type",String)],m.prototype,"heading",void 0),e([h("boolean"),d("design:type",Boolean)],m.prototype,"noIcon",void 0),e([g(["sm"]),d("design:type",String)],m.prototype,"size",void 0),m.style=':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-default-color-background)));--_notification-border:var(--notification-border, var(--mod-notification-border, var(--ds-notification-default-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-default-color-text)));--_notification-color-heading:var(--notification-color-heading, var(--mod-notification-color-heading, var(--ds-notification-default-color-heading)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-notification-default-heading-font-family)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-notification-default-heading-font-weight)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-notification-default-heading-font-size)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-notification-default-heading-line-height)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-notification-default-body-font-family)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, var(--ds-notification-default-body-font-weight)));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-notification-default-body-font-size)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-notification-default-body-line-height)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-default-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-p:var(--notification-p, var(--mod-notification-p, var(--ds-card-padding-base, 1.5rem)));--_notification-icon-size:var(--notification-icon-size, var(--mod-notification-icon-size, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-p)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-p)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--_notification-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-p);padding-right:var(--_notification-p);padding-bottom:var(--_notification-p);padding-left:calc(var(--_notification-p) + var(--_notification-icon-size));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .ds-close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);color:var(--_notification-color-heading);margin:0 !important}#notification:has(.ds-close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:var(--_notification-color-heading);forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:calc(var(--_notification-p)/4*-1);top:var(--_notification-p);-webkit-transform:translateX(var(--_notification-p));transform:translateX(var(--_notification-p));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-size:0rem}:host(.has-brand-icon){--mod-notification-icon-size:var(--ds-brand-icon-size-base)}::slotted(ds-brand-icon){position:absolute;top:calc(var(--_notification-p)/2);left:calc(var(--_notification-p)/2);margin-top:calc(var(--_notification-p)/8*-1)}:host(.is-info){--mod-notification-color-text:var(--ds-notification-info-color-text);--mod-notification-color-background:var(--ds-notification-info-color-background);--mod-notification-color-heading:var(--ds-notification-info-color-heading);--mod-notification-icon:var(--ds-notification-info-icon);--mod-notification-heading-family:var(--ds-notification-info-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-info-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-info-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-info-heading-line-height);--mod-notification-content-family:var(--ds-notification-info-body-font-family);--mod-notification-content-weight:var(--ds-notification-info-body-font-weight);--mod-notification-content-size:var(--ds-notification-info-body-font-size);--mod-notification-content-line-height:var(--ds-notification-info-body-line-height);--mod-notification-border:var(--ds-notification-info-border)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-success-color-text);--mod-notification-color-background:var(--ds-notification-success-color-background);--mod-notification-color-heading:var(--ds-notification-success-color-heading);--mod-notification-icon:var(--ds-notification-success-icon);--mod-notification-heading-family:var(--ds-notification-success-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-success-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-success-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-success-heading-line-height);--mod-notification-content-family:var(--ds-notification-success-body-font-family);--mod-notification-content-weight:var(--ds-notification-success-body-font-weight);--mod-notification-content-size:var(--ds-notification-success-body-font-size);--mod-notification-content-line-height:var(--ds-notification-success-body-line-height);--mod-notification-border:var(--ds-notification-success-border)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-warning-color-text);--mod-notification-color-background:var(--ds-notification-warning-color-background);--mod-notification-color-heading:var(--ds-notification-warning-color-heading);--mod-notification-icon:var(--ds-notification-warning-icon);--mod-notification-heading-family:var(--ds-notification-warning-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-warning-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-warning-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-warning-heading-line-height);--mod-notification-content-family:var(--ds-notification-warning-body-font-family);--mod-notification-content-weight:var(--ds-notification-warning-body-font-weight);--mod-notification-content-size:var(--ds-notification-warning-body-font-size);--mod-notification-content-line-height:var(--ds-notification-warning-body-line-height);--mod-notification-border:var(--ds-notification-warning-border)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-danger-color-text);--mod-notification-color-background:var(--ds-notification-danger-color-background);--mod-notification-color-heading:var(--ds-notification-danger-color-heading);--mod-notification-icon:var(--ds-notification-danger-icon);--mod-notification-heading-family:var(--ds-notification-danger-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-danger-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-danger-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-danger-heading-line-height);--mod-notification-content-family:var(--ds-notification-danger-body-font-family);--mod-notification-content-weight:var(--ds-notification-danger-body-font-weight);--mod-notification-content-size:var(--ds-notification-danger-body-font-size);--mod-notification-content-line-height:var(--ds-notification-danger-body-line-height);--mod-notification-border:var(--ds-notification-danger-border)}:host(.is-outline-default){--mod-notification-color-text:var(--ds-notification-outline-default-color-text);--mod-notification-color-background:var(--ds-notification-outline-default-color-background);--mod-notification-color-heading:var(--ds-notification-outline-default-color-heading);--mod-notification-icon:var(--ds-notification-outline-default-icon);--mod-notification-heading-family:var(--ds-notification-outline-default-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-default-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-default-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-default-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-default-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-default-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-default-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-default-body-line-height);--mod-notification-border:var(--ds-notification-outline-default-border)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-outline-purple-color-text);--mod-notification-color-background:var(--ds-notification-outline-purple-color-background);--mod-notification-color-heading:var(--ds-notification-outline-purple-color-heading);--mod-notification-icon:var(--ds-notification-outline-purple-icon);--mod-notification-heading-family:var(--ds-notification-outline-purple-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-purple-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-purple-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-purple-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-purple-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-purple-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-purple-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-purple-body-line-height);--mod-notification-border:var(--ds-notification-outline-purple-border)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-outline-green-color-text);--mod-notification-color-background:var(--ds-notification-outline-green-color-background);--mod-notification-color-heading:var(--ds-notification-outline-green-color-heading);--mod-notification-icon:var(--ds-notification-outline-green-icon);--mod-notification-heading-family:var(--ds-notification-outline-green-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-green-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-green-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-green-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-green-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-green-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-green-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-green-body-line-height);--mod-notification-border:var(--ds-notification-outline-green-border)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-outline-yellow-color-text);--mod-notification-color-background:var(--ds-notification-outline-yellow-color-background);--mod-notification-color-heading:var(--ds-notification-outline-yellow-color-heading);--mod-notification-icon:var(--ds-notification-outline-yellow-icon);--mod-notification-heading-family:var(--ds-notification-outline-yellow-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-yellow-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-yellow-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-yellow-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-yellow-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-yellow-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-yellow-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-yellow-body-line-height);--mod-notification-border:var(--ds-notification-outline-yellow-border)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-outline-red-color-text);--mod-notification-color-background:var(--ds-notification-outline-red-color-background);--mod-notification-color-heading:var(--ds-notification-outline-red-color-heading);--mod-notification-icon:var(--ds-notification-outline-red-icon);--mod-notification-heading-family:var(--ds-notification-outline-red-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-red-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-red-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-red-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-red-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-red-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-red-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-red-body-line-height);--mod-notification-border:var(--ds-notification-outline-red-border)}:host(.is-sm){--mod-notification-p:var(--ds-card-padding-sm)}:host{display:block}';export{m as ds_notification}

package/dist/design-system/{p-8f47eaa1b3.entry.js → p-ee0928114d.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as t,w as a,E as i,F as e,G as n,I as s}from"./p-vF16SDFF.js";import{_ as r,L as o,a as c}from"./p-nVdGbZYj.js";import{T as d}from"./p-C2tiilHE.js";import{O as l}from"./p-Bo3ozMyW.js";import{R as m}from"./p-CYTkqxYD.js";import"./p-CnMdxr0m.js";const p=class{constructor(a){t(this,a),this.alerts=[],this.maxVisibleItems=5,this.animationDurationMs=300,this.alertTimers={},this.animated=!1,this.type="toast"}createLogger(t){this.log=t}async addAlert(t){if(this.hasDuplications(t))return"";const a=crypto.randomUUID(),i=this.getDuration(t),e=Object.assign(Object.assign({},t),{visible:!1,duration:i,alertId:a});return this.alerts=[...this.alerts,e],this.activeTimer(a,i),a}async removeAlert(t){this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!1}):a)),await a(this.animationDurationMs),this.alerts=this.alerts.filter((a=>a.alertId!==t))}async removeAll(){this.alerts=this.alerts.map((t=>Object.assign(Object.assign({},t),{visible:!1}))),await a(this.animationDurationMs),this.alerts=[]}activeTimer(t,a){"infinite"!==a&&(this.alertTimers[t]=function(t,a){let i,e=0,n=a;function s(){e=Date.now(),i=window.setTimeout(t,n)}return s(),{pause:function(){i&&(clearTimeout(i),n-=Date.now()-e)},resume:s,clear:function(){i&&clearTimeout(i)}}}((()=>{this.removeAlert(t)}),a+this.animationDurationMs))}getDuration(t){let a=4e3;return"infinite"===t.duration||0===t.duration?a="infinite":void 0===t.duration?"toast"===this.type?"danger"===t.color?a=7e3:"warning"===t.color&&(a=5e3):a="infinite":a=t.duration,a}present(t){i((()=>{this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!0}):a))}))}hasDuplications(t){return!!this.alerts.find((a=>a.color===t.color&&a.message===t.message&&a.heading===t.heading))}render(){const t=this.alerts.slice(0,this.maxVisibleItems),a="toast"===this.type?"ds-toast":"ds-snackbar";return e(n,{key:"677635874b51a2948e78c658053df458bf9c859a",class:{"is-toast":"toast"===this.type,"is-snackbar":"snackbar"===this.type}},e("div",{key:"60351d926c2f8907113c6264a38ab7b049fbcc73",id:"wrapper",class:{container:"toast"===this.type}},t.map((t=>e(a,{key:t.alertId,id:t.alertId,alertId:t.alertId,visible:t.visible,heading:t.heading,message:t.message,color:t.color,duration:t.duration,closable:t.closable,closeHandler:()=>t.closeHandler(t.alertId),action:t.action,actionIcon:t.actionIcon,actionTarget:t.actionTarget,actionHref:t.actionHref,actionHandler:()=>t.actionHandler(t.alertId),onDsCloseClick:()=>this.removeAlert(t.alertId),onDsDidLoad:()=>this.present(t.alertId),onDsDidPause:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].pause()},onDsDidResume:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].resume()}})))))}get el(){return s(this)}};r([o("alert-container"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),r([d("boolean"),c("design:type",Boolean)],p.prototype,"animated",void 0),r([l(["fluid","detail-page","compact","blog-page","wide"]),c("design:type",String)],p.prototype,"container",void 0),r([m(),l(["toast","snackbar"]),c("design:type",String)],p.prototype,"type",void 0),p.style="body{--_container-px:var(--container-px, var(--mod-container-px, var(--ds-device-container-space)));--_container-py:var(--container-py, var(--mod-container-py, 0))}.ds-container{--_container-max-width:var(--container-max-width, var(--mod-container-max-width, var(--ds-alias-container-width-default)));-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;padding-block:var(--_container-py);padding-inline:var(--_container-px)}@media screen and (min-width: 1024px){.ds-container{max-width:var(--_container-max-width)}}.ds-container.is-fluid{--mod-container-max-width:var(--ds-alias-container-width-fluid)}.ds-container.is-compact{--mod-container-max-width:var(--ds-alias-container-width-compact)}:host{--alert-container-top:1rem;--_alert-container-z-index:var(--alert-container-z-index, var(--mod-alert-container-z-index, var(--ds-alias-z-index-toast)));position:fixed;pointer-events:none}:host #wrapper{display:-ms-flexbox;display:flex;gap:.5rem}:host(.is-toast){z-index:var(--_alert-container-z-index);top:var(--alert-container-top);left:0;right:0;width:100%}:host(.is-toast) #wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host(.is-toast) #wrapper ds-toast{pointer-events:auto;width:100%;--toast-animation-start-opacity:0;--toast-animation-start-transform:translateY(-120%);--toast-animation-transition:transform 300ms ease, opacity 300ms ease;--toast-animation-end-opacity:1;--toast-animation-end-transform:translateY(0)}:host(.is-snackbar){z-index:calc(var(--_alert-container-z-index) - 1);right:1rem;bottom:1rem;left:1rem}:host(.is-snackbar) #wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}:host(.is-snackbar) #wrapper ds-snackbar{pointer-events:auto;width:100%;--snackbar-animation-start-opacity:0;--snackbar-animation-start-transform:translateX(120%);--snackbar-animation-transition:transform 300ms ease, opacity 300ms ease;--snackbar-animation-end-opacity:1;--snackbar-animation-end-transform:translateX(0)}@media screen and (min-width: 769px){:host(.is-snackbar) #wrapper ds-snackbar{min-width:27.5rem;max-width:27.5rem;width:27.5rem}}";export{p as ds_alert_container}
+import{D as t,w as a,E as i,F as e,G as n,I as s}from"./p-BZEWgXed.js";import{_ as r,L as o,a as c}from"./p-BZsCW9yV.js";import{T as d}from"./p-BaZBnuEF.js";import{O as l}from"./p-DE5aqD5-.js";import{R as m}from"./p-Dd1T3Uhf.js";import"./p-C0WbBTf4.js";const p=class{constructor(a){t(this,a),this.alerts=[],this.maxVisibleItems=5,this.animationDurationMs=300,this.alertTimers={},this.animated=!1,this.type="toast"}createLogger(t){this.log=t}async addAlert(t){if(this.hasDuplications(t))return"";const a=crypto.randomUUID(),i=this.getDuration(t),e=Object.assign(Object.assign({},t),{visible:!1,duration:i,alertId:a});return this.alerts=[...this.alerts,e],this.activeTimer(a,i),a}async removeAlert(t){this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!1}):a)),await a(this.animationDurationMs),this.alerts=this.alerts.filter((a=>a.alertId!==t))}async removeAll(){this.alerts=this.alerts.map((t=>Object.assign(Object.assign({},t),{visible:!1}))),await a(this.animationDurationMs),this.alerts=[]}activeTimer(t,a){"infinite"!==a&&(this.alertTimers[t]=function(t,a){let i,e=0,n=a;function s(){e=Date.now(),i=window.setTimeout(t,n)}return s(),{pause:function(){i&&(clearTimeout(i),n-=Date.now()-e)},resume:s,clear:function(){i&&clearTimeout(i)}}}((()=>{this.removeAlert(t)}),a+this.animationDurationMs))}getDuration(t){let a=4e3;return"infinite"===t.duration||0===t.duration?a="infinite":void 0===t.duration?"toast"===this.type?"danger"===t.color?a=7e3:"warning"===t.color&&(a=5e3):a="infinite":a=t.duration,a}present(t){i((()=>{this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!0}):a))}))}hasDuplications(t){return!!this.alerts.find((a=>a.color===t.color&&a.message===t.message&&a.heading===t.heading))}render(){const t=this.alerts.slice(0,this.maxVisibleItems),a="toast"===this.type?"ds-toast":"ds-snackbar";return e(n,{key:"677635874b51a2948e78c658053df458bf9c859a",class:{"is-toast":"toast"===this.type,"is-snackbar":"snackbar"===this.type}},e("div",{key:"60351d926c2f8907113c6264a38ab7b049fbcc73",id:"wrapper",class:{container:"toast"===this.type}},t.map((t=>e(a,{key:t.alertId,id:t.alertId,alertId:t.alertId,visible:t.visible,heading:t.heading,message:t.message,color:t.color,duration:t.duration,closable:t.closable,closeHandler:()=>t.closeHandler(t.alertId),action:t.action,actionIcon:t.actionIcon,actionTarget:t.actionTarget,actionHref:t.actionHref,actionHandler:()=>t.actionHandler(t.alertId),onDsCloseClick:()=>this.removeAlert(t.alertId),onDsDidLoad:()=>this.present(t.alertId),onDsDidPause:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].pause()},onDsDidResume:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].resume()}})))))}get el(){return s(this)}};r([o("alert-container"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),r([d("boolean"),c("design:type",Boolean)],p.prototype,"animated",void 0),r([l(["fluid","detail-page","compact","blog-page","wide"]),c("design:type",String)],p.prototype,"container",void 0),r([m(),l(["toast","snackbar"]),c("design:type",String)],p.prototype,"type",void 0),p.style="body{--_container-px:var(--container-px, var(--mod-container-px, var(--ds-device-container-space)));--_container-py:var(--container-py, var(--mod-container-py, 0))}.ds-container{--_container-max-width:var(--container-max-width, var(--mod-container-max-width, var(--ds-alias-container-width-default)));-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;padding-block:var(--_container-py);padding-inline:var(--_container-px)}@media screen and (min-width: 1024px){.ds-container{max-width:var(--_container-max-width)}}.ds-container.is-fluid{--mod-container-max-width:var(--ds-alias-container-width-fluid)}.ds-container.is-compact{--mod-container-max-width:var(--ds-alias-container-width-compact)}:host{--alert-container-top:1rem;--_alert-container-z-index:var(--alert-container-z-index, var(--mod-alert-container-z-index, var(--ds-alias-z-index-toast)));position:fixed;pointer-events:none}:host #wrapper{display:-ms-flexbox;display:flex;gap:.5rem}:host(.is-toast){z-index:var(--_alert-container-z-index);top:var(--alert-container-top);left:0;right:0;width:100%}:host(.is-toast) #wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host(.is-toast) #wrapper ds-toast{pointer-events:auto;width:100%;--toast-animation-start-opacity:0;--toast-animation-start-transform:translateY(-120%);--toast-animation-transition:transform 300ms ease, opacity 300ms ease;--toast-animation-end-opacity:1;--toast-animation-end-transform:translateY(0)}:host(.is-snackbar){z-index:calc(var(--_alert-container-z-index) - 1);right:1rem;bottom:1rem;left:1rem}:host(.is-snackbar) #wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}:host(.is-snackbar) #wrapper ds-snackbar{pointer-events:auto;width:100%;--snackbar-animation-start-opacity:0;--snackbar-animation-start-transform:translateX(120%);--snackbar-animation-transition:transform 300ms ease, opacity 300ms ease;--snackbar-animation-end-opacity:1;--snackbar-animation-end-transform:translateX(0)}@media screen and (min-width: 769px){:host(.is-snackbar) #wrapper ds-snackbar{min-width:27.5rem;max-width:27.5rem;width:27.5rem}}";export{p as ds_alert_container}

package/dist/design-system/{p-65dc693177.entry.js → p-eea3eb3953.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as a,F as d,G as r,I as t}from"./p-vF16SDFF.js";import{_ as e,L as s,a as o}from"./p-nVdGbZYj.js";import{h as c}from"./p-DWaM_oN0.js";import{C as i,a as n,b as l,c as g}from"./p-Cyz0da0t.js";import{T as m}from"./p-C2tiilHE.js";import{O as h}from"./p-Bo3ozMyW.js";import"./p-CnMdxr0m.js";const v=class{constructor(d){a(this,d),this.flat=!1,this.tile=!1,this.dense=!1,this.imageTeaser=void 0,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1}createLogger(a){this.log=a}get colorTypeClass(){const a=c(this.color)?`${this.inverted?"primary":this.color}`:"";return{blue:"primary","purple-1":"purple-lighter","purple-2":"purple-light","purple-3":"purple","red-1":"red-lighter","red-2":"red-light","red-3":"red","green-1":"green-lighter","green-2":"green-light","green-3":"green","yellow-1":"yellow-lighter","yellow-2":"yellow-light","yellow-3":"yellow"}[a]||a}render(){const a=null!=this.imageTeaser;return d(r,{key:"e98b792cb28096beb96be03a7124e8cb1c8d7000",class:{"is-image-teaser":a,[`is-image-teaser-${this.imageTeaser}`]:a,"is-dense":this.dense,[`is-${this.colorTypeClass}`]:c(this.color)&&"white"!==this.colorTypeClass,[`has-space-${this.space}`]:c(this.space),"is-fullheight":this.fullheight,"is-flat":!!this.flat,"is-tile":!!this.tile}},d("slot",{key:"0c7cc3d47a8c326b7540d2e1a6aec9d0c028d18d",name:"picture"}),d("article",{key:"7401e945456cb6d695dda0c7785d017d3a1f3ae3",id:"card",class:{"is-fullheight":this.fullheight,[`align-${this.align}`]:c(this.align)}},d("slot",{key:"4140732dbddc5dd4fabf4ee8c1d6001699388da5"})))}get el(){return t(this)}};e([s("card"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],v.prototype,"createLogger",null),e([m("boolean"),o("design:type",Boolean)],v.prototype,"flat",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"tile",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"dense",void 0),e([h(i),o("design:type",String)],v.prototype,"imageTeaser",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"inverted",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"clickable",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"selected",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"fullheight",void 0),e([h(n),o("design:type",String)],v.prototype,"align",void 0),e([h(l),o("design:type",String)],v.prototype,"space",void 0),e([h(g),o("design:type",String)],v.prototype,"color",void 0),v.style=':host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-default-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-default-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-default-border)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius)));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-gap-base)));--_card-pl:var(--card-pl, var(--mod-card-pl, var(--ds-card-padding-base)));--_card-pr:var(--card-pr, var(--mod-card-pr, var(--ds-card-padding-base)));--_card-pt:var(--card-pt, var(--mod-card-pt, var(--ds-card-padding-base)));--_card-pb:var(--card-pb, var(--mod-card-pb, var(--ds-card-padding-base)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, \'title .\' \'subtitle subtitle\') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border:var(--_card-color-border);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:var(--_card-pl);padding-right:var(--_card-pr);padding-top:var(--_card-pt);padding-bottom:var(--_card-pb);text-decoration:none}#card .ds-card-header{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .ds-card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .ds-card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .ds-card-header ds-icon,#card .ds-card-header ds-brand-icon,#card .ds-card-header ::slotted(ds-brand-icon),#card .ds-card-header ::slotted(ds-icon){grid-area:icon}#card .ds-card-header>.ds-tag,#card .ds-card-header>.ds-tags,#card .ds-card-header>ds-tag,#card .ds-card-header>ds-tag-group,#card .ds-card-header ::slotted(ds-tag),#card .ds-card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .ds-card-header .ds-title,#card .ds-card-header .ds-heading,#card .ds-card-header ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}#card .ds-card-header>p,#card .ds-card-header .ds-subtitle,#card .ds-card-header ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}#card .ds-card-header .ds-title,#card .ds-card-header .ds-subtitle,#card .ds-card-header .ds-heading{margin:0}#card .ds-card-content{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}#card .ds-card-content strong,#card .ds-card-content b{font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1,#card .ds-card-content h2,#card .ds-card-content h3,#card .ds-card-content h4,#card .ds-card-content h5,#card .ds-card-content h6,#card .ds-card-content ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1.ds-subtitle,#card .ds-card-content h2.ds-subtitle,#card .ds-card-content h3.ds-subtitle,#card .ds-card-content h4.ds-subtitle,#card .ds-card-content h5.ds-subtitle,#card .ds-card-content h6.ds-subtitle,#card .ds-card-content ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content h1,#card .ds-card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}#card .ds-card-content h2,#card .ds-card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}#card .ds-card-content h3,#card .ds-card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}#card .ds-card-content h4,#card .ds-card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}#card .ds-card-content h5,#card .ds-card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}#card .ds-card-content ds-heading:not(:last-child),#card .ds-card-content h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}#card .ds-card-content h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}#card .ds-card-content ds-text:not(:last-child),#card .ds-card-content p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}#card .ds-card-content p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}#card .ds-card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}#card .ds-card-actions.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){#card .ds-card-actions ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}#card .ds-card-actions ::slotted(ds-button:not(.is-square)),#card .ds-card-actions ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}#card .ds-card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .ds-card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .ds-card-actions.as-row{--mod-buttons-direction:row}#card .ds-card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .ds-card-actions.as-col ::slotted(.ds-button),#card .ds-card-actions.as-col .ds-button,#card .ds-card-actions.as-col ::slotted(ds-button),#card .ds-card-actions.as-col ds-button,#card .ds-card-actions.as-col-reverse ::slotted(.ds-button),#card .ds-card-actions.as-col-reverse .ds-button,#card .ds-card-actions.as-col-reverse ::slotted(ds-button),#card .ds-card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .ds-card-actions.as-col.is-center,#card .ds-card-actions.as-col.is-centered,#card .ds-card-actions.as-col-reverse.is-center,#card .ds-card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .ds-card-actions.as-col.is-left,#card .ds-card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .ds-card-actions.as-col.is-right,#card .ds-card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.as-row.is-center,#card .ds-card-actions.as-row.is-centered,#card .ds-card-actions.is-center:not(.as-col),#card .ds-card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .ds-card-actions.as-row.is-left,#card .ds-card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .ds-card-actions.as-row.is-right,#card .ds-card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.is-wide ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions.is-wide .ds-button:not(.is-square),#card .ds-card-actions.is-wide ::slotted(ds-button:not(.is-square)),#card .ds-card-actions.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-flat){--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-pl:0;--mod-card-pr:0;--mod-card-pt:0;--mod-card-pb:0}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, none)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, none)}:host(.is-dashed){--mod-card-color-background:var(--ds-card-color-dashed-background);--mod-card-color-text:var(--ds-card-color-dashed-text);--mod-card-color-border:var(--ds-card-color-dashed-border, none)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, none)}:host(.is-red-dark){--mod-card-color-background:var(--ds-card-color-red-dark-background);--mod-card-color-text:var(--ds-card-color-red-dark-text);--mod-card-color-border:var(--ds-card-color-red-dark-border, none)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, none)}:host(.is-green-dark){--mod-card-color-background:var(--ds-card-color-green-dark-background);--mod-card-color-text:var(--ds-card-color-green-dark-text);--mod-card-color-border:var(--ds-card-color-green-dark-border, none)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, none)}:host(.is-purple-dark){--mod-card-color-background:var(--ds-card-color-purple-dark-background);--mod-card-color-text:var(--ds-card-color-purple-dark-text);--mod-card-color-border:var(--ds-card-color-purple-dark-border, none)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, none)}:host(.is-yellow-dark){--mod-card-color-background:var(--ds-card-color-yellow-dark-background);--mod-card-color-text:var(--ds-card-color-yellow-dark-text);--mod-card-color-border:var(--ds-card-color-yellow-dark-border, none)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-gap-sm)}:host(.has-space-sm:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-sm);--mod-card-pr:var(--ds-card-padding-sm);--mod-card-pt:var(--ds-card-padding-sm);--mod-card-pb:var(--ds-card-padding-sm)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-gap-lg)}:host(.has-space-lg:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-lg);--mod-card-pr:var(--ds-card-padding-lg);--mod-card-pt:var(--ds-card-padding-lg);--mod-card-pb:var(--ds-card-padding-lg)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:\'icon title .\' \'icon subtitle subtitle\'}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.ds-image-link,button.ds-image-link{cursor:pointer}a.ds-image-link picture,button.ds-image-link picture{display:block;overflow:hidden}a.ds-image-link img,button.ds-image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.ds-image-link img:hover,a.ds-image-link img.is-hovered,button.ds-image-link img:hover,button.ds-image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.ds-image-link img:active,a.ds-image-link img.is-pressed,button.ds-image-link img:active,button.ds-image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}';export{v as ds_card}
+import{D as a,F as d,G as r,I as t}from"./p-BZEWgXed.js";import{_ as e,L as s,a as o}from"./p-BZsCW9yV.js";import{h as c}from"./p-BYD3IPs8.js";import{C as i,a as n,b as l,c as g}from"./p-Cyz0da0t.js";import{T as m}from"./p-BaZBnuEF.js";import{O as h}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const v=class{constructor(d){a(this,d),this.flat=!1,this.tile=!1,this.dense=!1,this.imageTeaser=void 0,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1}createLogger(a){this.log=a}get colorTypeClass(){const a=c(this.color)?`${this.inverted?"primary":this.color}`:"";return{blue:"primary","purple-1":"purple-lighter","purple-2":"purple-light","purple-3":"purple","red-1":"red-lighter","red-2":"red-light","red-3":"red","green-1":"green-lighter","green-2":"green-light","green-3":"green","yellow-1":"yellow-lighter","yellow-2":"yellow-light","yellow-3":"yellow"}[a]||a}render(){const a=null!=this.imageTeaser;return d(r,{key:"e98b792cb28096beb96be03a7124e8cb1c8d7000",class:{"is-image-teaser":a,[`is-image-teaser-${this.imageTeaser}`]:a,"is-dense":this.dense,[`is-${this.colorTypeClass}`]:c(this.color)&&"white"!==this.colorTypeClass,[`has-space-${this.space}`]:c(this.space),"is-fullheight":this.fullheight,"is-flat":!!this.flat,"is-tile":!!this.tile}},d("slot",{key:"0c7cc3d47a8c326b7540d2e1a6aec9d0c028d18d",name:"picture"}),d("article",{key:"7401e945456cb6d695dda0c7785d017d3a1f3ae3",id:"card",class:{"is-fullheight":this.fullheight,[`align-${this.align}`]:c(this.align)}},d("slot",{key:"4140732dbddc5dd4fabf4ee8c1d6001699388da5"})))}get el(){return t(this)}};e([s("card"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],v.prototype,"createLogger",null),e([m("boolean"),o("design:type",Boolean)],v.prototype,"flat",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"tile",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"dense",void 0),e([h(i),o("design:type",String)],v.prototype,"imageTeaser",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"inverted",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"clickable",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"selected",void 0),e([m("boolean"),o("design:type",Boolean)],v.prototype,"fullheight",void 0),e([h(n),o("design:type",String)],v.prototype,"align",void 0),e([h(l),o("design:type",String)],v.prototype,"space",void 0),e([h(g),o("design:type",String)],v.prototype,"color",void 0),v.style=':host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-default-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-default-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-default-border)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius)));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-gap-base)));--_card-pl:var(--card-pl, var(--mod-card-pl, var(--ds-card-padding-base)));--_card-pr:var(--card-pr, var(--mod-card-pr, var(--ds-card-padding-base)));--_card-pt:var(--card-pt, var(--mod-card-pt, var(--ds-card-padding-base)));--_card-pb:var(--card-pb, var(--mod-card-pb, var(--ds-card-padding-base)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, \'title .\' \'subtitle subtitle\') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border:var(--_card-color-border);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:var(--_card-pl);padding-right:var(--_card-pr);padding-top:var(--_card-pt);padding-bottom:var(--_card-pb);text-decoration:none}#card .ds-card-header{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .ds-card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .ds-card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .ds-card-header ds-icon,#card .ds-card-header ds-brand-icon,#card .ds-card-header ::slotted(ds-brand-icon),#card .ds-card-header ::slotted(ds-icon){grid-area:icon}#card .ds-card-header>.ds-tag,#card .ds-card-header>.ds-tags,#card .ds-card-header>ds-tag,#card .ds-card-header>ds-tag-group,#card .ds-card-header ::slotted(ds-tag),#card .ds-card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .ds-card-header .ds-title,#card .ds-card-header .ds-heading,#card .ds-card-header ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}#card .ds-card-header>p,#card .ds-card-header .ds-subtitle,#card .ds-card-header ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}#card .ds-card-header .ds-title,#card .ds-card-header .ds-subtitle,#card .ds-card-header .ds-heading{margin:0}#card .ds-card-content{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}#card .ds-card-content strong,#card .ds-card-content b{font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1,#card .ds-card-content h2,#card .ds-card-content h3,#card .ds-card-content h4,#card .ds-card-content h5,#card .ds-card-content h6,#card .ds-card-content ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1.ds-subtitle,#card .ds-card-content h2.ds-subtitle,#card .ds-card-content h3.ds-subtitle,#card .ds-card-content h4.ds-subtitle,#card .ds-card-content h5.ds-subtitle,#card .ds-card-content h6.ds-subtitle,#card .ds-card-content ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content h1,#card .ds-card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}#card .ds-card-content h2,#card .ds-card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}#card .ds-card-content h3,#card .ds-card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}#card .ds-card-content h4,#card .ds-card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}#card .ds-card-content h5,#card .ds-card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}#card .ds-card-content ds-heading:not(:last-child),#card .ds-card-content h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}#card .ds-card-content h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}#card .ds-card-content ds-text:not(:last-child),#card .ds-card-content p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}#card .ds-card-content p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}#card .ds-card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}#card .ds-card-actions.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){#card .ds-card-actions ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}#card .ds-card-actions ::slotted(ds-button:not(.is-square)),#card .ds-card-actions ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}#card .ds-card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .ds-card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .ds-card-actions.as-row{--mod-buttons-direction:row}#card .ds-card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .ds-card-actions.as-col ::slotted(.ds-button),#card .ds-card-actions.as-col .ds-button,#card .ds-card-actions.as-col ::slotted(ds-button),#card .ds-card-actions.as-col ds-button,#card .ds-card-actions.as-col-reverse ::slotted(.ds-button),#card .ds-card-actions.as-col-reverse .ds-button,#card .ds-card-actions.as-col-reverse ::slotted(ds-button),#card .ds-card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .ds-card-actions.as-col.is-center,#card .ds-card-actions.as-col.is-centered,#card .ds-card-actions.as-col-reverse.is-center,#card .ds-card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .ds-card-actions.as-col.is-left,#card .ds-card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .ds-card-actions.as-col.is-right,#card .ds-card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.as-row.is-center,#card .ds-card-actions.as-row.is-centered,#card .ds-card-actions.is-center:not(.as-col),#card .ds-card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .ds-card-actions.as-row.is-left,#card .ds-card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .ds-card-actions.as-row.is-right,#card .ds-card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.is-wide ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions.is-wide .ds-button:not(.is-square),#card .ds-card-actions.is-wide ::slotted(ds-button:not(.is-square)),#card .ds-card-actions.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-flat){--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-pl:0;--mod-card-pr:0;--mod-card-pt:0;--mod-card-pb:0}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, none)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, none)}:host(.is-dashed){--mod-card-color-background:var(--ds-card-color-dashed-background);--mod-card-color-text:var(--ds-card-color-dashed-text);--mod-card-color-border:var(--ds-card-color-dashed-border, none)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, none)}:host(.is-red-dark){--mod-card-color-background:var(--ds-card-color-red-dark-background);--mod-card-color-text:var(--ds-card-color-red-dark-text);--mod-card-color-border:var(--ds-card-color-red-dark-border, none)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, none)}:host(.is-green-dark){--mod-card-color-background:var(--ds-card-color-green-dark-background);--mod-card-color-text:var(--ds-card-color-green-dark-text);--mod-card-color-border:var(--ds-card-color-green-dark-border, none)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, none)}:host(.is-purple-dark){--mod-card-color-background:var(--ds-card-color-purple-dark-background);--mod-card-color-text:var(--ds-card-color-purple-dark-text);--mod-card-color-border:var(--ds-card-color-purple-dark-border, none)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, none)}:host(.is-yellow-dark){--mod-card-color-background:var(--ds-card-color-yellow-dark-background);--mod-card-color-text:var(--ds-card-color-yellow-dark-text);--mod-card-color-border:var(--ds-card-color-yellow-dark-border, none)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-gap-sm)}:host(.has-space-sm:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-sm);--mod-card-pr:var(--ds-card-padding-sm);--mod-card-pt:var(--ds-card-padding-sm);--mod-card-pb:var(--ds-card-padding-sm)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-gap-lg)}:host(.has-space-lg:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-lg);--mod-card-pr:var(--ds-card-padding-lg);--mod-card-pt:var(--ds-card-padding-lg);--mod-card-pb:var(--ds-card-padding-lg)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:\'icon title .\' \'icon subtitle subtitle\'}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.ds-image-link,button.ds-image-link{cursor:pointer}a.ds-image-link picture,button.ds-image-link picture{display:block;overflow:hidden}a.ds-image-link img,button.ds-image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.ds-image-link img:hover,a.ds-image-link img.is-hovered,button.ds-image-link img:hover,button.ds-image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.ds-image-link img:active,a.ds-image-link img.is-pressed,button.ds-image-link img:active,button.ds-image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}';export{v as ds_card}

package/dist/design-system/{p-e3942a6edb.entry.js → p-eff94c9727.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as t,J as e,F as a,G as s,I as o}from"./p-vF16SDFF.js";import{_ as i,L as r,a as n}from"./p-nVdGbZYj.js";import{T as l}from"./p-C2tiilHE.js";import{R as d}from"./p-CYTkqxYD.js";import"./p-CnMdxr0m.js";const c=class{constructor(a){t(this,a),this.dsTabSelect=e(this,"dsTabSelect"),this.fullwidth=!1,this.inverted=!1,this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=t=>{t.preventDefault(),this.dsTabSelect.emit({name:this.name})},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.dsTabSelect.emit({name:this.name}))}}createLogger(t){this.log=t}render(){const t={"is-selected":this.selected,"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-navigation":this.navigation,"is-vertical":this.vertical};return this.navigation?a(s,{role:"none",class:t},a("slot",null)):a(s,{role:"tab",class:t,"aria-selected":String(this.selected),tabIndex:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("span",{class:{"is-selected":this.selected}},a("slot",null)))}get el(){return o(this)}};i([r("tab"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],c.prototype,"createLogger",null),i([l("boolean"),n("design:type",Boolean)],c.prototype,"fullwidth",void 0),i([l("boolean"),n("design:type",Boolean)],c.prototype,"inverted",void 0),i([d(),l("string"),n("design:type",String)],c.prototype,"name",void 0),i([l("boolean"),n("design:type",Boolean)],c.prototype,"navigation",void 0),i([l("boolean"),n("design:type",Boolean)],c.prototype,"selected",void 0),i([l("boolean"),n("design:type",Boolean)],c.prototype,"vertical",void 0),c.style=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:none}span,a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-ms-flex:1;flex:1;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-py) var(--_tabs-tab-px);background:none;border:none;cursor:pointer;text-decoration:none;color:var(--_tabs-tab-unselected-color-base);font-family:var(--_tabs-tab-unselected-font-family);font-size:var(--_tabs-tab-unselected-font-size);font-weight:var(--_tabs-tab-unselected-font-weight);line-height:var(--_tabs-tab-unselected-line-height);outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease}span::after,a::after{content:"";position:absolute;z-index:1;bottom:calc(-1*var(--ds-alias-border-width-base));left:0;right:0;height:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-unselected-base);-webkit-transition:border-bottom-color 120ms ease;transition:border-bottom-color 120ms ease}@media (hover: hover)and (pointer: fine){span:hover,a:hover{color:var(--_tabs-tab-unselected-color-hover)}span:hover::after,a:hover::after{border-bottom:var(--_tabs-indicator-unselected-hover)}}span:active,a:active{color:var(--_tabs-tab-unselected-color-active)}span:active::after,a:active::after{border-bottom:var(--_tabs-indicator-unselected-hover)}:host(:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}span.is-selected,a.is-selected{color:var(--_tabs-tab-selected-color-base);font-family:var(--_tabs-tab-selected-font-family);font-size:var(--_tabs-tab-selected-font-size);font-weight:var(--_tabs-tab-selected-font-weight);line-height:var(--_tabs-tab-selected-line-height)}@media (hover: hover)and (pointer: fine){span.is-selected:hover,a.is-selected:hover{color:var(--_tabs-tab-selected-color-hover)}}span.is-selected:active,a.is-selected:active{color:var(--_tabs-tab-selected-color-active)}span ::slotted(ds-badge.is-sm),a ::slotted(ds-badge.is-sm){position:absolute;top:calc(var(--_tabs-tab-badge-size));right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}span ::slotted(ds-icon.is-filled:not(.is-auto)),a ::slotted(ds-icon.is-filled:not(.is-auto)){--mod-icon-color:currentColor}:host(.is-fullwidth) span{width:100%;-ms-flex-pack:center;justify-content:center}:host(.is-vertical) span,:host(.is-vertical) a{white-space:normal;-ms-flex-pack:start;justify-content:flex-start;text-align:left}:host(.is-vertical) span::after,:host(.is-vertical) a::after{top:0;bottom:0;left:calc(-1*var(--ds-alias-border-width-base));right:auto;width:0;height:auto;border-bottom:none;border-left:var(--_tabs-indicator-unselected-base)}:host(.is-vertical) span:active::after,:host(.is-vertical) a:active::after{border-left:var(--_tabs-indicator-unselected-hover)}@media (hover: hover)and (pointer: fine){:host(.is-vertical) span:hover::after,:host(.is-vertical) a:hover::after{border-left:var(--_tabs-indicator-unselected-hover)}}:host(.is-inverted) span.is-selected,:host(.is-inverted) a.is-selected{font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-selected-font-weight)}:host(.is-navigation){position:relative;display:-ms-inline-flexbox;display:inline-flex}:host(.is-navigation)::after{content:"";position:absolute;z-index:1;bottom:calc(-1*var(--ds-alias-border-width-base));left:0;right:0;height:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-unselected-base);-webkit-transition:border-color 120ms ease;transition:border-color 120ms ease}:host(.is-navigation.is-selected)::after{border-bottom:var(--_tabs-indicator-selected-base)}:host(.is-navigation) ::slotted(a){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-py) var(--_tabs-tab-px);color:var(--_tabs-tab-unselected-color-base);font-family:var(--_tabs-tab-unselected-font-family);font-size:var(--_tabs-tab-unselected-font-size);font-weight:var(--_tabs-tab-unselected-font-weight);line-height:var(--_tabs-tab-unselected-line-height);text-decoration:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;--mod-icon-color:currentColor}:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_tabs-tab-selected-color-base);font-family:var(--_tabs-tab-selected-font-family);font-size:var(--_tabs-tab-selected-font-size);font-weight:var(--_tabs-tab-selected-font-weight);line-height:var(--_tabs-tab-selected-line-height)}:host(.is-navigation.is-inverted.is-selected) ::slotted(a),:host(.is-navigation.is-inverted) ::slotted([aria-current]){font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-selected-font-weight)}:host(.is-navigation.is-vertical)::after{top:0;bottom:0;left:calc(-1*var(--ds-alias-border-width-base));right:auto;width:0;height:auto;border-bottom:none;border-left:var(--_tabs-indicator-unselected-base)}:host(.is-navigation.is-vertical.is-selected)::after{border-left:var(--_tabs-indicator-selected-base)}';export{c as ds_tab}
+import{D as e,J as t,F as a,G as s,I as o}from"./p-BZEWgXed.js";import{_ as i,L as r,a as n}from"./p-BZsCW9yV.js";import{T as l}from"./p-BaZBnuEF.js";import{R as d}from"./p-Dd1T3Uhf.js";import"./p-C0WbBTf4.js";const c=class{constructor(a){e(this,a),this.dsTabSelect=t(this,"dsTabSelect"),this.fullwidth=!1,this.inverted=!1,this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{e.preventDefault(),this.dsTabSelect.emit({name:this.name})},this.handleKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsTabSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-navigation":this.navigation,"is-vertical":this.vertical};return this.navigation?a(s,{role:"none",class:e},a("slot",null)):a(s,{role:"tab",class:e,"aria-selected":String(this.selected),tabIndex:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("span",{class:{"is-selected":this.selected}},a("slot",null)))}get el(){return o(this)}};i([r("tab"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],c.prototype,"createLogger",null),i([l("boolean"),n("design:type",Boolean)],c.prototype,"fullwidth",void 0),i([l("boolean"),n("design:type",Boolean)],c.prototype,"inverted",void 0),i([d(),l("string"),n("design:type",String)],c.prototype,"name",void 0),i([l("boolean"),n("design:type",Boolean)],c.prototype,"navigation",void 0),i([l("boolean"),n("design:type",Boolean)],c.prototype,"selected",void 0),i([l("boolean"),n("design:type",Boolean)],c.prototype,"vertical",void 0),c.style=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:none}span,a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-ms-flex:1;flex:1;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-py) var(--_tabs-tab-px);background:none;border:none;cursor:pointer;text-decoration:none;color:var(--_tabs-tab-unselected-color-base);font-family:var(--_tabs-tab-unselected-font-family);font-size:var(--_tabs-tab-unselected-font-size);font-weight:var(--_tabs-tab-unselected-font-weight);line-height:var(--_tabs-tab-unselected-line-height);outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease}span::after,a::after{content:"";position:absolute;z-index:1;bottom:calc(-1*var(--ds-alias-border-width-base));left:0;right:0;height:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-unselected-base);-webkit-transition:border-bottom-color 120ms ease;transition:border-bottom-color 120ms ease}@media (hover: hover)and (pointer: fine){span:hover,a:hover{color:var(--_tabs-tab-unselected-color-hover)}span:hover::after,a:hover::after{border-bottom:var(--_tabs-indicator-unselected-hover)}}span:active,a:active{color:var(--_tabs-tab-unselected-color-active)}span:active::after,a:active::after{border-bottom:var(--_tabs-indicator-unselected-hover)}:host(:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}span.is-selected,a.is-selected{color:var(--_tabs-tab-selected-color-base);font-family:var(--_tabs-tab-selected-font-family);font-size:var(--_tabs-tab-selected-font-size);font-weight:var(--_tabs-tab-selected-font-weight);line-height:var(--_tabs-tab-selected-line-height)}@media (hover: hover)and (pointer: fine){span.is-selected:hover,a.is-selected:hover{color:var(--_tabs-tab-selected-color-hover)}}span.is-selected:active,a.is-selected:active{color:var(--_tabs-tab-selected-color-active)}span ::slotted(ds-badge.is-sm),a ::slotted(ds-badge.is-sm){position:absolute;top:calc(var(--_tabs-tab-badge-size));right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}span ::slotted(ds-icon.is-filled:not(.is-auto)),a ::slotted(ds-icon.is-filled:not(.is-auto)){--mod-icon-color:currentColor}:host(.is-fullwidth) span{width:100%;-ms-flex-pack:center;justify-content:center}:host(.is-vertical) span,:host(.is-vertical) a{white-space:normal;-ms-flex-pack:start;justify-content:flex-start;text-align:left}:host(.is-vertical) span::after,:host(.is-vertical) a::after{top:0;bottom:0;left:calc(-1*var(--ds-alias-border-width-base));right:auto;width:0;height:auto;border-bottom:none;border-left:var(--_tabs-indicator-unselected-base)}:host(.is-vertical) span:active::after,:host(.is-vertical) a:active::after{border-left:var(--_tabs-indicator-unselected-hover)}@media (hover: hover)and (pointer: fine){:host(.is-vertical) span:hover::after,:host(.is-vertical) a:hover::after{border-left:var(--_tabs-indicator-unselected-hover)}}:host(.is-inverted) span.is-selected,:host(.is-inverted) a.is-selected{font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-selected-font-weight)}:host(.is-navigation){position:relative;display:-ms-inline-flexbox;display:inline-flex}:host(.is-navigation)::after{content:"";position:absolute;z-index:1;bottom:calc(-1*var(--ds-alias-border-width-base));left:0;right:0;height:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-unselected-base);-webkit-transition:border-color 120ms ease;transition:border-color 120ms ease}:host(.is-navigation.is-selected)::after{border-bottom:var(--_tabs-indicator-selected-base)}:host(.is-navigation) ::slotted(a){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-py) var(--_tabs-tab-px);color:var(--_tabs-tab-unselected-color-base);font-family:var(--_tabs-tab-unselected-font-family);font-size:var(--_tabs-tab-unselected-font-size);font-weight:var(--_tabs-tab-unselected-font-weight);line-height:var(--_tabs-tab-unselected-line-height);text-decoration:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;--mod-icon-color:currentColor}:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_tabs-tab-selected-color-base);font-family:var(--_tabs-tab-selected-font-family);font-size:var(--_tabs-tab-selected-font-size);font-weight:var(--_tabs-tab-selected-font-weight);line-height:var(--_tabs-tab-selected-line-height)}:host(.is-navigation.is-inverted.is-selected) ::slotted(a),:host(.is-navigation.is-inverted) ::slotted([aria-current]){font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-selected-font-weight)}:host(.is-navigation.is-vertical)::after{top:0;bottom:0;left:calc(-1*var(--ds-alias-border-width-base));right:auto;width:0;height:auto;border-bottom:none;border-left:var(--_tabs-indicator-unselected-base)}:host(.is-navigation.is-vertical.is-selected)::after{border-left:var(--_tabs-indicator-selected-base)}';export{c as ds_tab}