npm - @baloise/ds-core - Versions diffs - 20.0.0-next.10 → 20.0.0-next.11 - Mend

@baloise/ds-core 20.0.0-next.10 → 20.0.0-next.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1748) hide show

package/components/ds-tabs.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as e,e as a,h as s,c as r,t as o}from"./p-D_rQ-1tV.js";import{_ as i,L as l,a as c}from"./p-DnNWN90x.js";import{s as b}from"./p-CBu_QEKB.js";import{r as d}from"./p-CvX_Qt_3.js";import{d as n}from"./p-B5CqWYLV.js";import{d as h}from"./p-BRVmctrW.js";import{O as v}from"./p-BchWICdx.js";import{T as f}from"./p-CdB59TNI.js";import{L as u}from"./p-D2--7hMh.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=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsChange=a(this,"dsChange"),this.language=h.language,this.region=h.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,c=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)):c&&(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(),d((()=>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){b(t),this.activateTab(t.detail.name)}getTabs(){return Array.from(this.el.querySelectorAll(":scope > ds-tab"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > 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=s("div",{key:"ff342c8fae32d0dc3f5473e4f51a21749f6382c3",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}},s("slot",{key:"d077682f77bc5fc36e86057d19c18690fa0d625a",name:"tab",onSlotchange:this.handleSlotChange}),s("div",{key:"2aced8681d6173d5ebf0a44a755d12b718e0b87c",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),a=m[this.language],o=this.vertical?e:s("div",{class:"tablist-outer"},s("button",{class:"scroll-btn scroll-btn--prev","aria-label":a.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},s("ds-icon",{name:"caret-left",size:"sm"})),s("div",{class:"tablist-track"},e),s("button",{class:"scroll-btn scroll-btn--next","aria-label":a.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},s("ds-icon",{name:"caret-right",size:"sm"})));return s(r,{key:"57fd1e9a78f2d6f67e349367b3786771882e94ff",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?s("nav",{"aria-label":this.label||void 0},o):o,s("slot",{key:"c3a5e566288594a79d9b06cd12bbe109f02e0c2b",onSlotchange:this.handleSlotChange}))}get el(){return this}static get style(){return':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}'}},[257,"ds-tabs",{color:[1],fullwidth:[4],inverted:[4],label:[1],value:[1537],vertical:[4],verticalColSize:[1,"vertical-col-size"],language:[32],region:[32],canScrollLeft:[32],canScrollRight:[32],configChanged:[64]},[[0,"dsTabSelect","listenToDsTabSelect"]]]);i([l("tabs"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),i([v(["purple","green","red","yellow"]),c("design:type",String)],p.prototype,"color",void 0),i([f("boolean"),c("design:type",Boolean)],p.prototype,"fullwidth",void 0),i([f("boolean"),c("design:type",Boolean)],p.prototype,"inverted",void 0),i([f("string"),c("design:type",String)],p.prototype,"label",void 0),i([f("string"),c("design:type",Object)],p.prototype,"value",void 0),i([f("boolean"),c("design:type",Boolean)],p.prototype,"vertical",void 0),i([v(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),c("design:type",String)],p.prototype,"verticalColSize",void 0),i([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],p.prototype,"configChanged",null);let g=0;const w=p,x=function(){"undefined"!=typeof customElements&&["ds-tabs","ds-icon"].forEach((t=>{switch(t){case"ds-tabs":customElements.get(o(t))||customElements.define(o(t),p);break;case"ds-icon":customElements.get(o(t))||n()}}))};export{w as DsTabs,x as defineCustomElement}
+import{p as t,H as e,e as a,h as s,c as r,t as o}from"./p-D_rQ-1tV.js";import{_ as i,L as l,a as c}from"./p-DnNWN90x.js";import{d as b,b as d}from"./p-969JOO-P.js";import{s as n}from"./p-CcE-lfae.js";import{r as h}from"./p-CvX_Qt_3.js";import{d as v}from"./p-mahwWXn2.js";import{d as f}from"./p-yDxcfq5h.js";import{O as u}from"./p-BchWICdx.js";import{T as m}from"./p-CdB59TNI.js";import{L as p}from"./p-D2--7hMh.js";const g={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"}},w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsChange=a(this,"dsChange"),this.language=f.language,this.region=f.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,c=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)):c&&(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(),h((()=>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){n(t),this.activateTab(t.detail.name)}getTabs(){return b(this.el,d("DS-TAB"))}getPanels(){return b(this.el,d("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-"+x++);const a=e.find((e=>e.for===t.name));a&&(a.id||(a.id="ds-tab-panel-"+x++),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=s("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}},s("slot",{key:"c7d21ce3a0f7665325820a57869b0cb4d4669f35",name:"tab",onSlotchange:this.handleSlotChange}),s("div",{key:"312014969db67ef8ab614b7a1357b236cf3315d1",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),a=g[this.language],o=this.vertical?e:s("div",{class:"tablist-outer"},s("button",{class:"scroll-btn scroll-btn--prev","aria-label":a.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},s("ds-icon",{name:"caret-left",size:"sm"})),s("div",{class:"tablist-track"},e),s("button",{class:"scroll-btn scroll-btn--next","aria-label":a.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},s("ds-icon",{name:"caret-right",size:"sm"})));return s(r,{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?s("nav",{"aria-label":this.label||void 0},o):o,s("slot",{key:"c3de464795e5c0be01408d98c1aab3083e41c31f",onSlotchange:this.handleSlotChange}))}get el(){return this}static get style(){return':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}'}},[257,"ds-tabs",{color:[1],fullwidth:[4],inverted:[4],label:[1],value:[1537],vertical:[4],verticalColSize:[1,"vertical-col-size"],language:[32],region:[32],canScrollLeft:[32],canScrollRight:[32],configChanged:[64]},[[0,"dsTabSelect","listenToDsTabSelect"]]]);i([l("tabs"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],w.prototype,"createLogger",null),i([u(["purple","green","red","yellow"]),c("design:type",String)],w.prototype,"color",void 0),i([m("boolean"),c("design:type",Boolean)],w.prototype,"fullwidth",void 0),i([m("boolean"),c("design:type",Boolean)],w.prototype,"inverted",void 0),i([m("string"),c("design:type",String)],w.prototype,"label",void 0),i([m("string"),c("design:type",Object)],w.prototype,"value",void 0),i([m("boolean"),c("design:type",Boolean)],w.prototype,"vertical",void 0),i([u(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),c("design:type",String)],w.prototype,"verticalColSize",void 0),i([p(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],w.prototype,"configChanged",null);let x=0;const _=w,y=function(){"undefined"!=typeof customElements&&["ds-tabs","ds-icon"].forEach((t=>{switch(t){case"ds-tabs":customElements.get(o(t))||customElements.define(o(t),w);break;case"ds-icon":customElements.get(o(t))||v()}}))};export{_ as DsTabs,y as defineCustomElement}

package/components/ds-tag-group.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as t,h as s,c as r,t as g}from"./p-D_rQ-1tV.js";import{_ as m,L as e,a as o}from"./p-DnNWN90x.js";const n=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}createLogger(a){this.log=a}render(){return s(r,{key:"629f332dffa20f1f8ace83ba2b37480541544541"},s("slot",{key:"f5ae7c49108d60b4e2da4f67f4c6f9d24c7a9500"}))}get el(){return this}static get style(){return":host{--_tags-m:var(--tags-m, var(--mod-tags-m, 0));--_tags-my:var(--tags-my, var(--mod-tags-my));--_tags-mx:var(--tags-mx, var(--mod-tags-mx));--_tags-ml:var(--tags-ml, var(--mod-tags-ml));--_tags-mr:var(--tags-mr, var(--mod-tags-mr));--_tags-mt:var(--tags-mt, var(--mod-tags-mt));--_tags-mb:var(--tags-mb, var(--mod-tags-mb));margin:var(--_tags-m);margin-inline:var(--_tags-mx);margin-block:var(--_tags-my);margin-left:var(--_tags-ml);margin-right:var(--_tags-mr);margin-top:var(--_tags-mt);margin-bottom:var(--_tags-mb);--_tags-gap:var(--tags-gap, var(--mod-tags-gap, 0.25rem));--_tags-display:var(--tags-display, var(--mod-tags-display, inline-flex));display:var(--_tags-display);gap:var(--_tags-gap);vertical-align:middle}"}},[257,"ds-tag-group"]);m([e("tag-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],n.prototype,"createLogger",null);const i=n,d=function(){"undefined"!=typeof customElements&&["ds-tag-group"].forEach((a=>{"ds-tag-group"===a&&(customElements.get(g(a))||customElements.define(g(a),n))}))};export{i as DsTagGroup,d as defineCustomElement}
+import{p as a,H as t,h as s,c as r,t as g}from"./p-D_rQ-1tV.js";import{_ as m,L as e,a as o}from"./p-DnNWN90x.js";const n=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}createLogger(a){this.log=a}render(){return s(r,{key:"19045e9b8b8ce4e679c09a9982dc4c0705b9e6e4"},s("slot",{key:"1cbe17431f6dc48f66605fe10de294399934ec96"}))}get el(){return this}static get style(){return":host{--_tags-m:var(--tags-m, var(--mod-tags-m, 0));--_tags-my:var(--tags-my, var(--mod-tags-my));--_tags-mx:var(--tags-mx, var(--mod-tags-mx));--_tags-ml:var(--tags-ml, var(--mod-tags-ml));--_tags-mr:var(--tags-mr, var(--mod-tags-mr));--_tags-mt:var(--tags-mt, var(--mod-tags-mt));--_tags-mb:var(--tags-mb, var(--mod-tags-mb));margin:var(--_tags-m);margin-inline:var(--_tags-mx);margin-block:var(--_tags-my);margin-left:var(--_tags-ml);margin-right:var(--_tags-mr);margin-top:var(--_tags-mt);margin-bottom:var(--_tags-mb);--_tags-gap:var(--tags-gap, var(--mod-tags-gap, 0.25rem));--_tags-display:var(--tags-display, var(--mod-tags-display, inline-flex));display:var(--_tags-display);gap:var(--_tags-gap);vertical-align:middle}"}},[257,"ds-tag-group"]);m([e("tag-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],n.prototype,"createLogger",null);const i=n,d=function(){"undefined"!=typeof customElements&&["ds-tag-group"].forEach((a=>{"ds-tag-group"===a&&(customElements.get(g(a))||customElements.define(g(a),n))}))};export{i as DsTagGroup,d as defineCustomElement}

package/components/ds-tag.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as o,H as a,e as t,h as r,c as e,t as s}from"./p-D_rQ-1tV.js";import{_ as g,L as l,a as d}from"./p-DnNWN90x.js";import{i as c}from"./p-B62ocg4Q.js";import{h as i}from"./p-BabptNq4.js";import{n}from"./p-DR5LIaCn.js";import{d as v}from"./p-BxX78Fro.js";import{d as m}from"./p-C4ZDDS_m.js";import{d as p}from"./p-LWV6sif8.js";import{d as b}from"./p-B5CqWYLV.js";import{d as h}from"./p-C971cVzE.js";import{T as u}from"./p-CdB59TNI.js";import{O as f}from"./p-BchWICdx.js";const x=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.disabled=!1,this.invalid=!1}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=c(this.el,["tabindex"])}render(){const o=n(this.size)||"";return r(e,{key:"952b3a28e0b09ec4fa4bcfedebed02139c9c4266",class:{["is-"+this.color]:i(this.color),["is-"+o]:i(this.size),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"508859887c33864e1de46471d1d026de03472d50",part:"label"},r("slot",{key:"3f5421b74c6cfc2eeb7fdd146ee38cdf88b79f0a"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return this}static get style(){return":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-gap:var(--tag-gap, var(--mod-tag-gap, var(--ds-tag-size-base-gap)));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-size-base-padding-x)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-size-base-padding-y)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-background)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, var(--ds-tag-line-height)));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-size-base-font-size)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-size-base-font-weight)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.ds-close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text);--mod-tag-color:var(--ds-tag-primary-color-text);--mod-tag-bg:var(--ds-tag-primary-color-background);--close-color-icon:var(--ds-tag-primary-color-text)}:host(.is-disabled){--icon-color:var(--ds-tag-disabled-color-text);--mod-tag-color:var(--ds-tag-disabled-color-text);--mod-tag-bg:var(--ds-tag-disabled-color-background);--close-color-icon:var(--ds-tag-disabled-color-text)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text);--mod-tag-color:var(--ds-tag-success-color-text);--mod-tag-bg:var(--ds-tag-success-color-background);--close-color-icon:var(--ds-tag-success-color-text)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text);--mod-tag-color:var(--ds-tag-info-color-text);--mod-tag-bg:var(--ds-tag-info-color-background);--close-color-icon:var(--ds-tag-info-color-text)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text);--mod-tag-color:var(--ds-tag-warning-color-text);--mod-tag-bg:var(--ds-tag-warning-color-background);--close-color-icon:var(--ds-tag-warning-color-text)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text);--mod-tag-color:var(--ds-tag-danger-color-text);--mod-tag-bg:var(--ds-tag-danger-color-background);--close-color-icon:var(--ds-tag-danger-color-text)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text);--mod-tag-color:var(--ds-tag-purple-color-text);--mod-tag-bg:var(--ds-tag-purple-color-background);--close-color-icon:var(--ds-tag-purple-color-text)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text);--mod-tag-color:var(--ds-tag-red-color-text);--mod-tag-bg:var(--ds-tag-red-color-background);--close-color-icon:var(--ds-tag-red-color-text)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text);--mod-tag-color:var(--ds-tag-yellow-color-text);--mod-tag-bg:var(--ds-tag-yellow-color-background);--close-color-icon:var(--ds-tag-yellow-color-text)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text);--mod-tag-color:var(--ds-tag-green-color-text);--mod-tag-bg:var(--ds-tag-green-color-background);--close-color-icon:var(--ds-tag-green-color-text)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text);--mod-tag-color:var(--ds-tag-purple-dark-color-text);--mod-tag-bg:var(--ds-tag-purple-dark-color-background);--close-color-icon:var(--ds-tag-purple-dark-color-text)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text);--mod-tag-color:var(--ds-tag-red-dark-color-text);--mod-tag-bg:var(--ds-tag-red-dark-color-background);--close-color-icon:var(--ds-tag-red-dark-color-text)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-bg:var(--ds-tag-yellow-dark-color-background);--close-color-icon:var(--ds-tag-yellow-dark-color-text)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text);--mod-tag-color:var(--ds-tag-green-dark-color-text);--mod-tag-bg:var(--ds-tag-green-dark-color-background);--close-color-icon:var(--ds-tag-green-dark-color-text)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text);--mod-tag-color:var(--ds-tag-purple-light-color-text);--mod-tag-bg:var(--ds-tag-purple-light-color-background);--close-color-icon:var(--ds-tag-purple-light-color-text)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text);--mod-tag-color:var(--ds-tag-red-light-color-text);--mod-tag-bg:var(--ds-tag-red-light-color-background);--close-color-icon:var(--ds-tag-red-light-color-text)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text);--mod-tag-color:var(--ds-tag-yellow-light-color-text);--mod-tag-bg:var(--ds-tag-yellow-light-color-background);--close-color-icon:var(--ds-tag-yellow-light-color-text)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text);--mod-tag-color:var(--ds-tag-green-light-color-text);--mod-tag-bg:var(--ds-tag-green-light-color-background);--close-color-icon:var(--ds-tag-green-light-color-text)}:host(.is-primary){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-tag-gap:var(--ds-tag-size-sm-gap);--mod-tag-py:var(--ds-tag-size-sm-padding-y);--mod-tag-px:var(--ds-tag-size-sm-padding-x);--mod-tag-font-size:var(--ds-tag-size-sm-font-size);--mod-tag-font-weight:var(--ds-tag-size-sm-font-weight)}:host(.is-sm)>.ds-close,:host(.is-sm)>ds-close{--close-padding:var(--ds-close-padding-sm);--close-size-icon:var(--ds-close-size-sm)}:host(.is-md){--mod-tag-gap:var(--ds-tag-size-md-gap);--mod-tag-py:var(--ds-tag-size-md-padding-y);--mod-tag-px:var(--ds-tag-size-md-padding-x);--mod-tag-font-size:var(--ds-tag-size-md-font-size);--mod-tag-font-weight:var(--ds-tag-size-md-font-weight)}:host(.is-lg){--mod-tag-gap:var(--ds-tag-size-lg-gap);--mod-tag-py:var(--ds-tag-size-lg-padding-y);--mod-tag-px:var(--ds-tag-size-lg-padding-x);--mod-tag-font-size:var(--ds-tag-size-lg-font-size);--mod-tag-font-weight:var(--ds-tag-size-lg-font-weight)}:host{display:-ms-inline-flexbox;display:inline-flex}"}},[257,"ds-tag",{closable:[4],color:[1],disabled:[516],invalid:[516],position:[1],size:[1]}]);g([l("tag"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],x.prototype,"createLogger",null),g([u("boolean"),d("design:type",Boolean)],x.prototype,"closable",void 0),g([f(["primary","disabled","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light"]),d("design:type",String)],x.prototype,"color",void 0),g([u("boolean"),d("design:type",Boolean)],x.prototype,"disabled",void 0),g([u("boolean"),d("design:type",Boolean)],x.prototype,"invalid",void 0),g([f(["left","center","right"]),d("design:type",String)],x.prototype,"position",void 0),g([f(["sm","md","lg"]),d("design:type",String)],x.prototype,"size",void 0);const k=x,y=function(){"undefined"!=typeof customElements&&["ds-tag","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-tag":customElements.get(s(o))||customElements.define(s(o),x);break;case"ds-brand-icon":customElements.get(s(o))||v();break;case"ds-button":customElements.get(s(o))||m();break;case"ds-close":customElements.get(s(o))||p();break;case"ds-icon":customElements.get(s(o))||b();break;case"ds-spinner":customElements.get(s(o))||h()}}))};export{k as DsTag,y as defineCustomElement}
+import{p as o,H as a,e as t,h as r,c as e,t as s}from"./p-D_rQ-1tV.js";import{_ as g,L as l,a as d}from"./p-DnNWN90x.js";import{i as c}from"./p-B62ocg4Q.js";import{h as i}from"./p-BabptNq4.js";import{n}from"./p-DR5LIaCn.js";import{d as v}from"./p-DxfQopAD.js";import{d as m}from"./p-CCZcjYyi.js";import{d as p}from"./p-DH2edJBY.js";import{d as b}from"./p-mahwWXn2.js";import{d as h}from"./p-oyOklwcz.js";import{T as u}from"./p-CdB59TNI.js";import{O as f}from"./p-BchWICdx.js";const x=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.disabled=!1,this.invalid=!1}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=c(this.el,["tabindex"])}render(){const o=n(this.size)||"";return r(e,{key:"f1b9c7ebe88c9732b543354e83abe042ba355657",class:{["is-"+this.color]:i(this.color),["is-"+o]:i(this.size),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"3994a65180a6acf580d00443a9910c467e992035",part:"label"},r("slot",{key:"34b3d1429dd3121591669c7825048af1414b6027"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return this}static get style(){return":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-gap:var(--tag-gap, var(--mod-tag-gap, var(--ds-tag-size-base-gap)));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-size-base-padding-x)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-size-base-padding-y)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-background)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, var(--ds-tag-line-height)));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-size-base-font-size)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-size-base-font-weight)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.ds-close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text);--mod-tag-color:var(--ds-tag-primary-color-text);--mod-tag-bg:var(--ds-tag-primary-color-background);--close-color-icon:var(--ds-tag-primary-color-text)}:host(.is-disabled){--icon-color:var(--ds-tag-disabled-color-text);--mod-tag-color:var(--ds-tag-disabled-color-text);--mod-tag-bg:var(--ds-tag-disabled-color-background);--close-color-icon:var(--ds-tag-disabled-color-text)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text);--mod-tag-color:var(--ds-tag-success-color-text);--mod-tag-bg:var(--ds-tag-success-color-background);--close-color-icon:var(--ds-tag-success-color-text)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text);--mod-tag-color:var(--ds-tag-info-color-text);--mod-tag-bg:var(--ds-tag-info-color-background);--close-color-icon:var(--ds-tag-info-color-text)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text);--mod-tag-color:var(--ds-tag-warning-color-text);--mod-tag-bg:var(--ds-tag-warning-color-background);--close-color-icon:var(--ds-tag-warning-color-text)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text);--mod-tag-color:var(--ds-tag-danger-color-text);--mod-tag-bg:var(--ds-tag-danger-color-background);--close-color-icon:var(--ds-tag-danger-color-text)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text);--mod-tag-color:var(--ds-tag-purple-color-text);--mod-tag-bg:var(--ds-tag-purple-color-background);--close-color-icon:var(--ds-tag-purple-color-text)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text);--mod-tag-color:var(--ds-tag-red-color-text);--mod-tag-bg:var(--ds-tag-red-color-background);--close-color-icon:var(--ds-tag-red-color-text)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text);--mod-tag-color:var(--ds-tag-yellow-color-text);--mod-tag-bg:var(--ds-tag-yellow-color-background);--close-color-icon:var(--ds-tag-yellow-color-text)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text);--mod-tag-color:var(--ds-tag-green-color-text);--mod-tag-bg:var(--ds-tag-green-color-background);--close-color-icon:var(--ds-tag-green-color-text)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text);--mod-tag-color:var(--ds-tag-purple-dark-color-text);--mod-tag-bg:var(--ds-tag-purple-dark-color-background);--close-color-icon:var(--ds-tag-purple-dark-color-text)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text);--mod-tag-color:var(--ds-tag-red-dark-color-text);--mod-tag-bg:var(--ds-tag-red-dark-color-background);--close-color-icon:var(--ds-tag-red-dark-color-text)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-bg:var(--ds-tag-yellow-dark-color-background);--close-color-icon:var(--ds-tag-yellow-dark-color-text)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text);--mod-tag-color:var(--ds-tag-green-dark-color-text);--mod-tag-bg:var(--ds-tag-green-dark-color-background);--close-color-icon:var(--ds-tag-green-dark-color-text)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text);--mod-tag-color:var(--ds-tag-purple-light-color-text);--mod-tag-bg:var(--ds-tag-purple-light-color-background);--close-color-icon:var(--ds-tag-purple-light-color-text)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text);--mod-tag-color:var(--ds-tag-red-light-color-text);--mod-tag-bg:var(--ds-tag-red-light-color-background);--close-color-icon:var(--ds-tag-red-light-color-text)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text);--mod-tag-color:var(--ds-tag-yellow-light-color-text);--mod-tag-bg:var(--ds-tag-yellow-light-color-background);--close-color-icon:var(--ds-tag-yellow-light-color-text)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text);--mod-tag-color:var(--ds-tag-green-light-color-text);--mod-tag-bg:var(--ds-tag-green-light-color-background);--close-color-icon:var(--ds-tag-green-light-color-text)}:host(.is-primary){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-tag-gap:var(--ds-tag-size-sm-gap);--mod-tag-py:var(--ds-tag-size-sm-padding-y);--mod-tag-px:var(--ds-tag-size-sm-padding-x);--mod-tag-font-size:var(--ds-tag-size-sm-font-size);--mod-tag-font-weight:var(--ds-tag-size-sm-font-weight)}:host(.is-sm)>.ds-close,:host(.is-sm)>ds-close{--close-padding:var(--ds-close-padding-sm);--close-size-icon:var(--ds-close-size-sm)}:host(.is-md){--mod-tag-gap:var(--ds-tag-size-md-gap);--mod-tag-py:var(--ds-tag-size-md-padding-y);--mod-tag-px:var(--ds-tag-size-md-padding-x);--mod-tag-font-size:var(--ds-tag-size-md-font-size);--mod-tag-font-weight:var(--ds-tag-size-md-font-weight)}:host(.is-lg){--mod-tag-gap:var(--ds-tag-size-lg-gap);--mod-tag-py:var(--ds-tag-size-lg-padding-y);--mod-tag-px:var(--ds-tag-size-lg-padding-x);--mod-tag-font-size:var(--ds-tag-size-lg-font-size);--mod-tag-font-weight:var(--ds-tag-size-lg-font-weight)}:host{display:-ms-inline-flexbox;display:inline-flex}"}},[257,"ds-tag",{closable:[4],color:[1],disabled:[516],invalid:[516],position:[1],size:[1]}]);g([l("tag"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],x.prototype,"createLogger",null),g([u("boolean"),d("design:type",Boolean)],x.prototype,"closable",void 0),g([f(["primary","disabled","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light"]),d("design:type",String)],x.prototype,"color",void 0),g([u("boolean"),d("design:type",Boolean)],x.prototype,"disabled",void 0),g([u("boolean"),d("design:type",Boolean)],x.prototype,"invalid",void 0),g([f(["left","center","right"]),d("design:type",String)],x.prototype,"position",void 0),g([f(["sm","md","lg"]),d("design:type",String)],x.prototype,"size",void 0);const k=x,y=function(){"undefined"!=typeof customElements&&["ds-tag","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-tag":customElements.get(s(o))||customElements.define(s(o),x);break;case"ds-brand-icon":customElements.get(s(o))||v();break;case"ds-button":customElements.get(s(o))||m();break;case"ds-close":customElements.get(s(o))||p();break;case"ds-icon":customElements.get(s(o))||b();break;case"ds-spinner":customElements.get(s(o))||h()}}))};export{k as DsTag,y as defineCustomElement}

package/components/ds-text.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as e,h as o,c as i,t as s}from"./p-D_rQ-1tV.js";import{_ as a,L as r,a as d}from"./p-DnNWN90x.js";import{h as x}from"./p-BabptNq4.js";import{O as l}from"./p-BchWICdx.js";import{T as n}from"./p-CdB59TNI.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bold=!1,this.disabled=!1,this.heading=!1,this.inline=!1,this.invalid=!1,this.inverted=!1,this.noWrap=!1,this.shadow=!1,this.subtitle=!1}createLogger(t){this.log=t}render(){const t=this.inline?"span":"p";return o(i,{key:"0dbc8ea63ac9f1537953448856727706e14ba4c5",class:{["is-"+this.color]:x(this.color),"is-invalid":this.invalid,"is-disabled":this.disabled,"is-bold":this.bold,"has-shadow":this.shadow,"is-inline":this.inline,"is-heading":this.heading,"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,["has-space-"+this.space]:x(this.space),["is-"+this.size]:x(this.size)}},o(t,{key:"8d7de3d7d02ecd9ed29d40f42dbce9823f1b1dc0",id:"text",part:"text",class:{["is-"+this.align]:x(this.align)}},o("slot",{key:"f42edaabe2f0247089306bd387cc0fd79c610817"})))}get el(){return this}static get style(){return":host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-color:var(--text-color, var(--mod-text-color, var(--ds-body-color)));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-text-typo-paragraph-font-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-text-typo-paragraph-font-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-text-typo-paragraph-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-text-typo-paragraph-font-size)));--_text-margin:var(--text-margin, var(--mod-text-margin, var(--ds-text-margin-bottom)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;text-align:var(--_text-align);font-weight:var(--_text-weight);font-family:var(--_text-family);font-size:var(--_text-size);line-height:var(--_text-line-height);color:var(--_text-color);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-alias-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-text-shadow)}:host(.is-inline){display:inline}:host(.is-danger){--mod-text-color:var(--ds-text-color-danger)}:host(.is-disabled){--mod-text-color:var(--ds-text-color-disabled)}:host(.is-grey){--mod-text-color:var(--ds-text-color-grey)}:host(.is-info){--mod-text-color:var(--ds-text-color-info)}:host(.is-placeholder){--mod-text-color:var(--ds-text-color-placeholder)}:host(.is-primary){--mod-text-color:var(--ds-text-color-primary)}:host(.is-success){--mod-text-color:var(--ds-text-color-success)}:host(.is-warning){--mod-text-color:var(--ds-text-color-warning)}:host(.is-inverted){--mod-text-color:var(--ds-text-color-inverted)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-text-color-inverted-disabled)}:host(.is-xs){--mod-text-size:var(--ds-device-text-size-xs)}:host(.is-sm){--mod-text-size:var(--ds-device-text-size-sm)}:host(.is-base){--mod-text-size:var(--ds-device-text-size-base)}:host(.is-md){--mod-text-size:var(--ds-device-text-size-md)}:host(.is-lg){--mod-text-size:var(--ds-device-text-size-lg)}:host(.is-xl){--mod-text-size:var(--ds-device-text-size-xl)}:host(.is-2xl){--mod-text-size:var(--ds-device-text-size-2xl)}:host(.is-3xl){--mod-text-size:var(--ds-device-text-size-3xl)}:host(.is-4xl){--mod-text-size:var(--ds-device-text-size-4xl)}:host(.is-5xl){--mod-text-size:var(--ds-device-text-size-5xl)}:host(.is-small){--mod-text-size:var(--ds-device-text-size-sm)}:host(.is-lead){--mod-text-size:var(--ds-device-text-size-lg)}:host(.is-block){--mod-text-size:var(--ds-device-text-size-md)}:host(.is-heading){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-bold);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-light);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-margin);--text-mb:var(--_text-margin)}:host(.has-space-top){--text-mt:var(--_text-margin);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-margin)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}"}},[257,"ds-text",{align:[1],bold:[4],color:[1],disabled:[516],heading:[4],inline:[4],invalid:[516],inverted:[4],noWrap:[4,"no-wrap"],shadow:[4],size:[1025],space:[1],subtitle:[4]}]);a([r("text"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],h.prototype,"createLogger",null),a([l(["left","right","center","justify"]),d("design:type",String)],h.prototype,"align",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"bold",void 0),a([l(["grey","primary","hint","success","warning","danger","placeholder"]),d("design:type",String)],h.prototype,"color",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"disabled",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"heading",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"inline",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"invalid",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"inverted",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"noWrap",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"shadow",void 0),a([l(["xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block"]),d("design:type",String)],h.prototype,"size",void 0),a([l(["none","bottom","top","all"]),d("design:type",String)],h.prototype,"space",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"subtitle",void 0);const m=h,v=function(){"undefined"!=typeof customElements&&["ds-text"].forEach((t=>{"ds-text"===t&&(customElements.get(s(t))||customElements.define(s(t),h))}))};export{m as DsText,v as defineCustomElement}
+import{p as t,H as e,h as o,c as i,t as s}from"./p-D_rQ-1tV.js";import{_ as a,L as r,a as d}from"./p-DnNWN90x.js";import{h as x}from"./p-BabptNq4.js";import{O as l}from"./p-BchWICdx.js";import{T as n}from"./p-CdB59TNI.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bold=!1,this.disabled=!1,this.heading=!1,this.inline=!1,this.invalid=!1,this.inverted=!1,this.noWrap=!1,this.shadow=!1,this.subtitle=!1}createLogger(t){this.log=t}render(){const t=this.inline?"span":"p";return o(i,{key:"ef367d2789a893535794456dcfd2ac24e29bcaca",class:{["is-"+this.color]:x(this.color),"is-invalid":this.invalid,"is-disabled":this.disabled,"is-bold":this.bold,"has-shadow":this.shadow,"is-inline":this.inline,"is-heading":this.heading,"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,["has-space-"+this.space]:x(this.space),["is-"+this.size]:x(this.size)}},o(t,{key:"45cde91b368ea64e69f62e8f6c480962462e86f5",id:"text",part:"text",class:{["is-"+this.align]:x(this.align)}},o("slot",{key:"8fdcb81ac18c669e65d2dd6f2846a778cb5c8363"})))}get el(){return this}static get style(){return":host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-color:var(--text-color, var(--mod-text-color, var(--ds-body-color)));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-text-typo-paragraph-font-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-text-typo-paragraph-font-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-text-typo-paragraph-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-text-typo-paragraph-font-size)));--_text-margin:var(--text-margin, var(--mod-text-margin, var(--ds-text-margin-bottom)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;text-align:var(--_text-align);font-weight:var(--_text-weight);font-family:var(--_text-family);font-size:var(--_text-size);line-height:var(--_text-line-height);color:var(--_text-color);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-alias-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-text-shadow)}:host(.is-inline){display:inline}:host(.is-danger){--mod-text-color:var(--ds-text-color-danger)}:host(.is-disabled){--mod-text-color:var(--ds-text-color-disabled)}:host(.is-grey){--mod-text-color:var(--ds-text-color-grey)}:host(.is-info){--mod-text-color:var(--ds-text-color-info)}:host(.is-placeholder){--mod-text-color:var(--ds-text-color-placeholder)}:host(.is-primary){--mod-text-color:var(--ds-text-color-primary)}:host(.is-success){--mod-text-color:var(--ds-text-color-success)}:host(.is-warning){--mod-text-color:var(--ds-text-color-warning)}:host(.is-inverted){--mod-text-color:var(--ds-text-color-inverted)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-text-color-inverted-disabled)}:host(.is-xs){--mod-text-size:var(--ds-device-text-size-xs)}:host(.is-sm){--mod-text-size:var(--ds-device-text-size-sm)}:host(.is-base){--mod-text-size:var(--ds-device-text-size-base)}:host(.is-md){--mod-text-size:var(--ds-device-text-size-md)}:host(.is-lg){--mod-text-size:var(--ds-device-text-size-lg)}:host(.is-xl){--mod-text-size:var(--ds-device-text-size-xl)}:host(.is-2xl){--mod-text-size:var(--ds-device-text-size-2xl)}:host(.is-3xl){--mod-text-size:var(--ds-device-text-size-3xl)}:host(.is-4xl){--mod-text-size:var(--ds-device-text-size-4xl)}:host(.is-5xl){--mod-text-size:var(--ds-device-text-size-5xl)}:host(.is-small){--mod-text-size:var(--ds-device-text-size-sm)}:host(.is-lead){--mod-text-size:var(--ds-device-text-size-lg)}:host(.is-block){--mod-text-size:var(--ds-device-text-size-md)}:host(.is-heading){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-bold);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-light);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-margin);--text-mb:var(--_text-margin)}:host(.has-space-top){--text-mt:var(--_text-margin);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-margin)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}"}},[257,"ds-text",{align:[1],bold:[4],color:[1],disabled:[516],heading:[4],inline:[4],invalid:[516],inverted:[4],noWrap:[4,"no-wrap"],shadow:[4],size:[1025],space:[1],subtitle:[4]}]);a([r("text"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],h.prototype,"createLogger",null),a([l(["left","right","center","justify"]),d("design:type",String)],h.prototype,"align",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"bold",void 0),a([l(["grey","primary","hint","success","warning","danger","placeholder"]),d("design:type",String)],h.prototype,"color",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"disabled",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"heading",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"inline",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"invalid",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"inverted",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"noWrap",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"shadow",void 0),a([l(["xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block"]),d("design:type",String)],h.prototype,"size",void 0),a([l(["none","bottom","top","all"]),d("design:type",String)],h.prototype,"space",void 0),a([n("boolean"),d("design:type",Boolean)],h.prototype,"subtitle",void 0);const m=h,v=function(){"undefined"!=typeof customElements&&["ds-text"].forEach((t=>{"ds-text"===t&&(customElements.get(s(t))||customElements.define(s(t),h))}))};export{m as DsText,v as defineCustomElement}

package/components/ds-textarea.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as r,e as o,h as t,t as a}from"./p-D_rQ-1tV.js";import{_ as i,L as n,a as s}from"./p-DnNWN90x.js";import{i as d}from"./p-B62ocg4Q.js";import{F as l}from"./p-CBu_QEKB.js";import{n as c}from"./p-CvX_Qt_3.js";import{w as m}from"./p-Dcf7YMP0.js";import{F as h}from"./p-DVX9w2ld.js";import{a as f,I as v,d as p}from"./p-B28K7zBb.js";import{d as b}from"./p-B5CqWYLV.js";import{d as g}from"./p-C971cVzE.js";import{d as u}from"./p-BRVmctrW.js";import{T as x}from"./p-CdB59TNI.js";import{O as y}from"./p-BchWICdx.js";import{L as _}from"./p-D2--7hMh.js";const w=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsClick=o(this,"dsClick"),this.dsFocus=o(this,"dsFocus"),this.dsInput=o(this,"dsInput"),this.dsKeyPress=o(this,"dsKeyPress"),this.internals=this.attachInternals(),this.inputId="ds-textarea-"+k++,this.inheritedAttributes={},this.control=new l(this),this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=u.language,this.region=u.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.handleClick=e=>{this.control.onClick(e)},this.handleFocus=e=>{this.control.onFocus(e)},this.handleBlur=e=>{this.control.onBlur(e)},this.handleInput=e=>{this.control.onInput(e)}}createLogger(e){this.log=e}debounceChanged(){this.dsChange=c(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=m(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e;null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(e){this.control.listenOnClick(e)}listenToReset(e){this.control.listenOnReset(e)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(e){this.language=e.language,this.region=e.region}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return t(h,{key:"a94ad46d6f2393d9ff41ce195afbd6f76994965d",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:e,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("textarea",Object.assign({key:"ec8dc2465342a4bc2f257e9200674ed562f15d26",id:"textarea",part:"textarea",name:this.name,ref:e=>this.control.nativeEl=e,"aria-describedby":"description","aria-invalid":e?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,value:""+(this.value||""),onClick:e=>this.handleClick(e),onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e),onInput:e=>this.handleInput(e),onKeyPress:e=>this.dsKeyPress.emit(e)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-default-control-typo-font-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-default-control-typo-font-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-default-control-typo-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-default-control-typo-font-size)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-default-control-value-color)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host textarea{padding:0}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-ms-flex-align:center;align-items:center;padding-block:.5rem}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-textarea-color:var(--ds-form-disabled-control-value-color);--mod-textarea-placeholder:var(--ds-form-disabled-control-placeholder-color)}"}},[65,"ds-textarea",{autocapitalize:[1],autocomplete:[1],autofocus:[4],autoInvalidOff:[4,"auto-invalid-off"],color:[1],cols:[2],debounce:[2],description:[1],disabled:[516],inputmode:[1],invalid:[516],invalidText:[1,"invalid-text"],label:[1],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[513],placeholder:[1],readonly:[516],required:[516],rows:[2],value:[1537],wrap:[1],focused:[32],hasInvalidTextSlotContent:[32],language:[32],region:[32],setFocus:[64],setBlur:[64],getInputElement:[64],configChanged:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}]}]);i([n("textarea"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],w.prototype,"createLogger",null),i([x("string"),s("design:type",String)],w.prototype,"autocapitalize",void 0),i([y(f),s("design:type",String)],w.prototype,"autocomplete",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"autofocus",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"autoInvalidOff",void 0),i([y(v),s("design:type",String)],w.prototype,"color",void 0),i([x("number"),s("design:type",Number)],w.prototype,"cols",void 0),i([x("number"),s("design:type",Number)],w.prototype,"debounce",void 0),i([x("string"),s("design:type",String)],w.prototype,"description",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"disabled",void 0),i([y(p),s("design:type",String)],w.prototype,"inputmode",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"invalid",void 0),i([x("string"),s("design:type",String)],w.prototype,"invalidText",void 0),i([x("string"),s("design:type",String)],w.prototype,"label",void 0),i([x("number"),s("design:type",Number)],w.prototype,"maxLength",void 0),i([x("number"),s("design:type",Number)],w.prototype,"minLength",void 0),i([x("string"),s("design:type",String)],w.prototype,"name",void 0),i([x("string"),s("design:type",String)],w.prototype,"placeholder",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"readonly",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"required",void 0),i([x("number"),s("design:type",Number)],w.prototype,"rows",void 0),i([x("string"),s("design:type",Object)],w.prototype,"value",void 0),i([y(["hard","soft","off"]),s("design:type",String)],w.prototype,"wrap",void 0),i([_(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],w.prototype,"configChanged",null);let k=0;const z=w,C=function(){"undefined"!=typeof customElements&&["ds-textarea","ds-icon","ds-spinner"].forEach((e=>{switch(e){case"ds-textarea":customElements.get(a(e))||customElements.define(a(e),w);break;case"ds-icon":customElements.get(a(e))||b();break;case"ds-spinner":customElements.get(a(e))||g()}}))};export{z as DsTextarea,C as defineCustomElement}
+import{p as e,H as r,e as o,h as t,t as a}from"./p-D_rQ-1tV.js";import{_ as i,L as n,a as s}from"./p-DnNWN90x.js";import{i as d}from"./p-B62ocg4Q.js";import{F as l}from"./p-CcE-lfae.js";import{n as c}from"./p-CvX_Qt_3.js";import{w as m}from"./p-BvNfYE1d.js";import{F as h}from"./p-DVX9w2ld.js";import{a as f,I as v,d as p}from"./p-B28K7zBb.js";import{d as b}from"./p-mahwWXn2.js";import{d as g}from"./p-oyOklwcz.js";import{d as u}from"./p-yDxcfq5h.js";import{T as x}from"./p-CdB59TNI.js";import{O as y}from"./p-BchWICdx.js";import{L as _}from"./p-D2--7hMh.js";const w=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsClick=o(this,"dsClick"),this.dsFocus=o(this,"dsFocus"),this.dsInput=o(this,"dsInput"),this.dsKeyPress=o(this,"dsKeyPress"),this.internals=this.attachInternals(),this.inputId="ds-textarea-"+k++,this.inheritedAttributes={},this.control=new l(this),this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=u.language,this.region=u.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.handleClick=e=>{this.control.onClick(e)},this.handleFocus=e=>{this.control.onFocus(e)},this.handleBlur=e=>{this.control.onBlur(e)},this.handleInput=e=>{this.control.onInput(e)}}createLogger(e){this.log=e}debounceChanged(){this.dsChange=c(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=m(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e;null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(e){this.control.listenOnClick(e)}listenToReset(e){this.control.listenOnReset(e)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(e){this.language=e.language,this.region=e.region}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return t(h,{key:"fd1cd9660085f71b5fb4b0612681ae5959c11e8c",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:e,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("textarea",Object.assign({key:"b6dc1c614f277b02c618f499f020ab034e73ec95",id:"textarea",part:"textarea",name:this.name,ref:e=>this.control.nativeEl=e,"aria-describedby":"description","aria-invalid":e?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,value:""+(this.value||""),onClick:e=>this.handleClick(e),onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e),onInput:e=>this.handleInput(e),onKeyPress:e=>this.dsKeyPress.emit(e)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-default-control-typo-font-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-default-control-typo-font-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-default-control-typo-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-default-control-typo-font-size)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-default-control-value-color)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host textarea{padding:0}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-ms-flex-align:center;align-items:center;padding-block:.5rem}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-textarea-color:var(--ds-form-disabled-control-value-color);--mod-textarea-placeholder:var(--ds-form-disabled-control-placeholder-color)}"}},[65,"ds-textarea",{autocapitalize:[1],autocomplete:[1],autofocus:[4],autoInvalidOff:[4,"auto-invalid-off"],color:[1],cols:[2],debounce:[2],description:[1],disabled:[516],inputmode:[1],invalid:[516],invalidText:[1,"invalid-text"],label:[1],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[513],placeholder:[1],readonly:[516],required:[516],rows:[2],value:[1537],wrap:[1],focused:[32],hasInvalidTextSlotContent:[32],language:[32],region:[32],setFocus:[64],setBlur:[64],getInputElement:[64],configChanged:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}]}]);i([n("textarea"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],w.prototype,"createLogger",null),i([x("string"),s("design:type",String)],w.prototype,"autocapitalize",void 0),i([y(f),s("design:type",String)],w.prototype,"autocomplete",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"autofocus",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"autoInvalidOff",void 0),i([y(v),s("design:type",String)],w.prototype,"color",void 0),i([x("number"),s("design:type",Number)],w.prototype,"cols",void 0),i([x("number"),s("design:type",Number)],w.prototype,"debounce",void 0),i([x("string"),s("design:type",String)],w.prototype,"description",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"disabled",void 0),i([y(p),s("design:type",String)],w.prototype,"inputmode",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"invalid",void 0),i([x("string"),s("design:type",String)],w.prototype,"invalidText",void 0),i([x("string"),s("design:type",String)],w.prototype,"label",void 0),i([x("number"),s("design:type",Number)],w.prototype,"maxLength",void 0),i([x("number"),s("design:type",Number)],w.prototype,"minLength",void 0),i([x("string"),s("design:type",String)],w.prototype,"name",void 0),i([x("string"),s("design:type",String)],w.prototype,"placeholder",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"readonly",void 0),i([x("boolean"),s("design:type",Boolean)],w.prototype,"required",void 0),i([x("number"),s("design:type",Number)],w.prototype,"rows",void 0),i([x("string"),s("design:type",Object)],w.prototype,"value",void 0),i([y(["hard","soft","off"]),s("design:type",String)],w.prototype,"wrap",void 0),i([_(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],w.prototype,"configChanged",null);let k=0;const z=w,C=function(){"undefined"!=typeof customElements&&["ds-textarea","ds-icon","ds-spinner"].forEach((e=>{switch(e){case"ds-textarea":customElements.get(a(e))||customElements.define(a(e),w);break;case"ds-icon":customElements.get(a(e))||b();break;case"ds-spinner":customElements.get(a(e))||g()}}))};export{z as DsTextarea,C as defineCustomElement}

package/components/ds-toast.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as o,e as a,h as s,c as r,t as i}from"./p-D_rQ-1tV.js";import{_ as n,L as e,a as d}from"./p-DnNWN90x.js";import{s as c}from"./p-CBu_QEKB.js";import{h as g}from"./p-BabptNq4.js";import{r as m}from"./p-CvX_Qt_3.js";import{s as h}from"./p-DTldskay.js";import{d as l}from"./p-BxX78Fro.js";import{d as v}from"./p-C4ZDDS_m.js";import{d as p}from"./p-LWV6sif8.js";import{d as b}from"./p-B5CqWYLV.js";import{d as f}from"./p-C971cVzE.js";import{O as u}from"./p-BchWICdx.js";import{T as _}from"./p-CdB59TNI.js";import{R as y}from"./p-CswFCXsY.js";import{L as w}from"./p-D2--7hMh.js";const k=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=a(this,"dsCloseClick"),this.dsActionClick=a(this,"dsActionClick"),this.dsDidLoad=a(this,"dsDidLoad"),this.dsDidPause=a(this,"dsDidPause"),this.dsDidResume=a(this,"dsDidResume"),this.animated=!1,this.didLoad=!1,this.didPause=!1,this.closable=!1,this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.duration=0,this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(g(this.svg))return h(this.svg)},this.generateIconName=()=>{if(g(this.icon))return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(t){this.log=t}componentDidLoad(){m((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}async configChanged(t){this.animated=t.animated}render(){const t=this.generateIconName(),o=this.generateSvgContent(),a=void 0!==this.duration&&"infinite"!==this.duration&&this.duration>0,i=a?{"--toast-progress-duration":this.duration+"ms"}:{};return s(r,{key:"23ff9f9c92c4f759c70bab5ba57c986c81b7095a",role:"alert","aria-live":"assertive","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-paused":this.didPause,"is-visible":this.visible,"has-progress-bar":this.visible&&this.didLoad&&a&&this.animated,"is-closable":this.closable,"is-action":g(this.action),["is-"+this.color]:void 0!==this.color},style:i,onMouseEnter:()=>{this.didPause=!0,this.dsDidPause.emit()},onMouseLeave:()=>{this.didPause=!1,this.dsDidResume.emit()}},!g(o)&&s("ds-icon",{key:"85e69a9a6f407a9792a4380e990a2f0593946ef0",id:"icon",part:"icon",name:t||"warning"===this.color||"danger"===this.color?"alert":"success"===this.color?"check":"info"===this.color?"information":"bell",color:this.color,size:"md"}),g(o)&&s("ds-icon",{key:"2f5c1860905cf86ec8a083159f00282b049edfcb",id:"icon",part:"icon",svg:o}),s("span",{key:"388ffc970895cffd3c7dad3ee2c719eb11bedddc",part:"content",id:"content"},this.heading&&s("h2",{key:"47fa03a5fedf283a01bcf62b79577dc360dbfa70",part:"heading"},this.heading),s("span",{key:"cfb2e0e473d5e7bfb6a4e18a78cdb19d2ad3414f",part:"message"},this.message,s("slot",{key:"b78fba1d70d0a3352b6310e67a193909cdf090db"}))),g(this.action)&&s("ds-button",{key:"73a53b42b5b63c95683ecc9450fac287c661300e",id:"action",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:t=>{c(t),this.dsActionClick.emit(t),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"5f84c236ae167d4a92e2ad7049a4dc5455d0da2c",part:"close",onClick:t=>{c(t),this.close()}}))}get el(){return this}static get style(){return':host{--_toast-position:var(--toast-position, var(--mod-toast-position, static));--_toast-top:var(--toast-top, var(--mod-toast-top));--_toast-right:var(--toast-right, var(--mod-toast-right));--_toast-bottom:var(--toast-bottom, var(--mod-toast-bottom));--_toast-left:var(--toast-left, var(--mod-toast-left));position:var(--_toast-position);top:var(--_toast-top);right:var(--_toast-right);bottom:var(--_toast-bottom);left:var(--_toast-left);--_toast-m:var(--toast-m, var(--mod-toast-m, 0));--_toast-my:var(--toast-my, var(--mod-toast-my));--_toast-mx:var(--toast-mx, var(--mod-toast-mx));--_toast-ml:var(--toast-ml, var(--mod-toast-ml));--_toast-mr:var(--toast-mr, var(--mod-toast-mr));--_toast-mt:var(--toast-mt, var(--mod-toast-mt));--_toast-mb:var(--toast-mb, var(--mod-toast-mb));margin:var(--_toast-m);margin-inline:var(--_toast-mx);margin-block:var(--_toast-my);margin-left:var(--_toast-ml);margin-right:var(--_toast-mr);margin-top:var(--_toast-mt);margin-bottom:var(--_toast-mb);--_toast-shadow:var(--toast-shadow, var(--mod-toast-shadow, var(--ds-alias-shadow-box-base)));--_toast-radius:var(--toast-radius, var(--mod-toast-radius, var(--ds-toast-radius)));--_toast-bg:var(--toast-bg, var(--mod-toast-bg, var(--ds-toast-primary-color-background)));--_toast-border:var(--toast-border, var(--mod-toast-border, var(--ds-toast-primary-border)));--_toast-color:var(--toast-color, var(--mod-toast-color, var(--ds-toast-primary-color-body)));--_toast-progress-duration:var(--toast-progress-duration, var(--mod-toast-progress-duration, 0));--_toast-progress-bar-bg:var(--toast-progress-bar-bg, var(--mod-toast-progress-bar-bg, var(--ds-toast-primary-progress-bar)));--_toast-progress-bg:var(--toast-progress-bg, var(--mod-toast-progress-bg, var(--ds-toast-primary-progress-background)));--_toast-heading-font-family:var(--toast-heading-font-family, var(--mod-toast-heading-font-family, var(--ds-toast-heading-font-family)));--_toast-heading-font-weight:var(--toast-heading-font-weight, var(--mod-toast-heading-font-weight, var(--ds-toast-heading-font-weight)));--_toast-heading-font-size:var(--toast-heading-font-size, var(--mod-toast-heading-font-size, var(--ds-toast-heading-font-size)));--_toast-heading-line-height:var(--toast-heading-line-height, var(--mod-toast-heading-line-height, var(--ds-toast-heading-line-height)));--_toast-heading-color:var(--toast-heading-color, var(--mod-toast-heading-color, var(--ds-toast-primary-color-heading)));--_toast-icon-color:var(--toast-icon-color, var(--mod-toast-icon-color, var(--_toast-heading-color)));--_toast-content-font-family:var(--toast-content-font-family, var(--mod-toast-content-font-family, var(--ds-toast-body-font-family)));--_toast-content-font-weight:var(--toast-content-font-weight, var(--mod-toast-content-font-weight, var(--ds-toast-body-font-weight)));--_toast-content-font-size:var(--toast-content-font-size, var(--mod-toast-content-font-size, var(--ds-toast-body-font-size)));--_toast-content-line-height:var(--toast-content-line-height, var(--mod-toast-content-line-height, var(--ds-toast-body-line-height)));--_toast-content-color:var(--toast-content-color, var(--mod-toast-content-color, var(--ds-toast-primary-color-body)));--_toast-gap:var(--toast-gap, var(--mod-toast-gap, var(--ds-toast-gap)));--_toast-p:var(--toast-p, var(--mod-toast-p, var(--ds-toast-padding)));--_toast-animation-start-opacity:var(--toast-animation-start-opacity, var(--mod-toast-animation-start-opacity, 1));--_toast-animation-start-transform:var(--toast-animation-start-transform, var(--mod-toast-animation-start-transform, none));--_toast-animation-transition:var(--toast-animation-transition, var(--mod-toast-animation-transition, none));--_toast-animation-end-opacity:var(--toast-animation-end-opacity, var(--mod-toast-animation-end-opacity, 1));--_toast-animation-end-transform:var(--toast-animation-end-transform, var(--mod-toast-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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}@media print{:host{display:none !important}}:host{opacity:var(--_toast-animation-start-opacity);-webkit-transform:var(--_toast-animation-start-transform);transform:var(--_toast-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_toast-color);background:var(--_toast-bg);border:var(--_toast-border);border-radius:var(--_toast-radius);-webkit-box-shadow:var(--_toast-shadow);box-shadow:var(--_toast-shadow);padding:var(--_toast-p);-webkit-column-gap:calc(var(--_toast-gap)*4);-moz-column-gap:calc(var(--_toast-gap)*4);column-gap:calc(var(--_toast-gap)*4);row-gap:var(--_toast-gap);-ms-flex-align:center;align-items:center;width:100%}:host ds-icon:not([name]){--icon-size:var(--ds-icon-size-lg)}:host #icon{grid-area:icon;--icon-color:var(--_toast-heading-color)}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_toast-heading-font-family);font-weight:var(--_toast-heading-font-weight);line-height:var(--_toast-heading-line-height);font-size:var(--_toast-heading-font-size);color:var(--_toast-heading-color);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_toast-content-font-family);font-size:var(--_toast-content-font-size);font-weight:var(--_toast-content-font-weight);line-height:var(--_toast-content-line-height);color:var(--_toast-content-color)}:host ds-button,:host .ds-button{--button-mt:0;grid-area:action;align-self:center}:host .ds-close,:host ds-close{grid-area:close;align-self:center}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content"}:host(.is-closable:not(.is-action)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close"}:host(.is-action:not(.is-closable)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content action"}:host(.is-action.is-closable){grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon content action close"}:host(.is-ready){-webkit-transition:var(--_toast-animation-transition);transition:var(--_toast-animation-transition)}:host(.is-visible){opacity:var(--_toast-animation-end-opacity);-webkit-transform:var(--_toast-animation-end-transform);transform:var(--_toast-animation-end-transform)}:host(.has-progress-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_toast-progress-bg);border-bottom-left-radius:var(--_toast-radius);border-bottom-right-radius:var(--_toast-radius)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-info){--mod-toast-color:var(--ds-toast-info-color-body);--mod-toast-border:var(--ds-toast-info-border);--mod-toast-bg:var(--ds-toast-info-color-background);--mod-toast-heading-color:var(--ds-toast-info-color-heading);--mod-toast-content-color:var(--ds-toast-info-color-body);--mod-toast-progress-bar-bg:var(--ds-toast-info-progress-bar);--mod-toast-progress-bg:var(--ds-toast-info-progress-background)}:host(.is-success){--mod-toast-color:var(--ds-toast-success-color-body);--mod-toast-border:var(--ds-toast-success-border);--mod-toast-bg:var(--ds-toast-success-color-background);--mod-toast-heading-color:var(--ds-toast-success-color-heading);--mod-toast-content-color:var(--ds-toast-success-color-body);--mod-toast-progress-bar-bg:var(--ds-toast-success-progress-bar);--mod-toast-progress-bg:var(--ds-toast-success-progress-background)}:host(.is-warning){--mod-toast-color:var(--ds-toast-warning-color-body);--mod-toast-border:var(--ds-toast-warning-border);--mod-toast-bg:var(--ds-toast-warning-color-background);--mod-toast-heading-color:var(--ds-toast-warning-color-heading);--mod-toast-content-color:var(--ds-toast-warning-color-body);--mod-toast-progress-bar-bg:var(--ds-toast-warning-progress-bar);--mod-toast-progress-bg:var(--ds-toast-warning-progress-background)}:host(.is-danger){--mod-toast-color:var(--ds-toast-danger-color-body);--mod-toast-border:var(--ds-toast-danger-border);--mod-toast-bg:var(--ds-toast-danger-color-background);--mod-toast-heading-color:var(--ds-toast-danger-color-heading);--mod-toast-content-color:var(--ds-toast-danger-color-body);--mod-toast-progress-bar-bg:var(--ds-toast-danger-progress-bar);--mod-toast-progress-bg:var(--ds-toast-danger-progress-background)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}'}},[257,"ds-toast",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],duration:[8],visible:[516],closeHandler:[16],actionHandler:[16],animated:[32],didLoad:[32],didPause:[32],close:[64],configChanged:[64]}]);n([e("toast"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],k.prototype,"createLogger",null),n([u(["primary","info","success","warning","danger"]),d("design:type",String)],k.prototype,"color",void 0),n([_("boolean"),d("design:type",Boolean)],k.prototype,"closable",void 0),n([y(),_("string"),d("design:type",String)],k.prototype,"heading",void 0),n([y(),_("string"),d("design:type",String)],k.prototype,"message",void 0),n([_("string"),d("design:type",String)],k.prototype,"icon",void 0),n([_("string"),d("design:type",String)],k.prototype,"svg",void 0),n([_("string"),d("design:type",String)],k.prototype,"action",void 0),n([_("string"),d("design:type",String)],k.prototype,"actionIcon",void 0),n([u(["_blank","_parent","_self","_top"]),d("design:type",String)],k.prototype,"actionTarget",void 0),n([_("string"),d("design:type",String)],k.prototype,"actionHref",void 0),n([_("string"),d("design:type",String)],k.prototype,"alertId",void 0),n([_("boolean"),d("design:type",Boolean)],k.prototype,"visible",void 0),n([w(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],k.prototype,"configChanged",null);const x=k,z=function(){"undefined"!=typeof customElements&&["ds-toast","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-toast":customElements.get(i(t))||customElements.define(i(t),k);break;case"ds-brand-icon":customElements.get(i(t))||l();break;case"ds-button":customElements.get(i(t))||v();break;case"ds-close":customElements.get(i(t))||p();break;case"ds-icon":customElements.get(i(t))||b();break;case"ds-spinner":customElements.get(i(t))||f()}}))};export{x as DsToast,z as defineCustomElement}
+import{p as t,H as o,e as a,h as s,c as r,t as i}from"./p-D_rQ-1tV.js";import{_ as n,L as e,a as d}from"./p-DnNWN90x.js";import{s as c}from"./p-CcE-lfae.js";import{h as m}from"./p-BabptNq4.js";import{r as g}from"./p-CvX_Qt_3.js";import{s as h}from"./p-D7y4TSm5.js";import{d as l}from"./p-DxfQopAD.js";import{d as v}from"./p-CCZcjYyi.js";import{d as p}from"./p-DH2edJBY.js";import{d as b}from"./p-mahwWXn2.js";import{d as f}from"./p-oyOklwcz.js";import{O as u}from"./p-BchWICdx.js";import{T as _}from"./p-CdB59TNI.js";import{R as y}from"./p-CswFCXsY.js";import{L as w}from"./p-D2--7hMh.js";const k=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=a(this,"dsCloseClick"),this.dsActionClick=a(this,"dsActionClick"),this.dsDidLoad=a(this,"dsDidLoad"),this.dsDidPause=a(this,"dsDidPause"),this.dsDidResume=a(this,"dsDidResume"),this.animated=!1,this.didLoad=!1,this.didPause=!1,this.closable=!1,this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.duration=0,this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(m(this.svg))return h(this.svg)},this.generateIconName=()=>{if(m(this.icon))return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(t){this.log=t}componentDidLoad(){g((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}async configChanged(t){this.animated=t.animated}render(){const t=this.generateIconName(),o=this.generateSvgContent(),a=void 0!==this.duration&&"infinite"!==this.duration&&this.duration>0,i=a?{"--toast-progress-duration":this.duration+"ms"}:{};return s(r,{key:"bd461878bfc6491ee16d14f71758a49947e28445",role:"alert","aria-live":"assertive","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-paused":this.didPause,"is-visible":this.visible,"has-progress-bar":this.visible&&this.didLoad&&a&&this.animated,"is-closable":this.closable,"is-action":m(this.action),["is-"+this.color]:void 0!==this.color},style:i,onMouseEnter:()=>{this.didPause=!0,this.dsDidPause.emit()},onMouseLeave:()=>{this.didPause=!1,this.dsDidResume.emit()}},!m(o)&&s("ds-icon",{key:"560c83e28e574443ffdc70997b9501fe6c50b545",id:"icon",part:"icon",name:t,color:this.color,size:"md"}),m(o)&&s("ds-icon",{key:"6910a70d901c083a4bf9ea13ba624187bf64d9f7",id:"icon",part:"icon",svg:o}),s("span",{key:"d97dfe64d5df76559f886025167c152d770d2f21",part:"content",id:"content"},this.heading&&s("h2",{key:"361114c03324b8a936945f36ddae64ff0e28474e",part:"heading"},this.heading),s("span",{key:"af03b084d0edfb07d3fb5ba6d098f0819d4bd143",part:"message"},this.message,s("slot",{key:"c32540bf5b2043204b2a78a5b1c43e2819492572"}))),m(this.action)&&s("ds-button",{key:"411be3e0c9063224f1504504251d01fa0af4c8a5",id:"action",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:t=>{c(t),this.dsActionClick.emit(t),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"a999725462c0593443a4aea45ea1f75231c59332",part:"close",onClick:t=>{c(t),this.close()}}))}get el(){return this}static get style(){return':host{--_toast-position:var(--toast-position, var(--mod-toast-position, static));--_toast-top:var(--toast-top, var(--mod-toast-top));--_toast-right:var(--toast-right, var(--mod-toast-right));--_toast-bottom:var(--toast-bottom, var(--mod-toast-bottom));--_toast-left:var(--toast-left, var(--mod-toast-left));position:var(--_toast-position);top:var(--_toast-top);right:var(--_toast-right);bottom:var(--_toast-bottom);left:var(--_toast-left);--_toast-m:var(--toast-m, var(--mod-toast-m, 0));--_toast-my:var(--toast-my, var(--mod-toast-my));--_toast-mx:var(--toast-mx, var(--mod-toast-mx));--_toast-ml:var(--toast-ml, var(--mod-toast-ml));--_toast-mr:var(--toast-mr, var(--mod-toast-mr));--_toast-mt:var(--toast-mt, var(--mod-toast-mt));--_toast-mb:var(--toast-mb, var(--mod-toast-mb));margin:var(--_toast-m);margin-inline:var(--_toast-mx);margin-block:var(--_toast-my);margin-left:var(--_toast-ml);margin-right:var(--_toast-mr);margin-top:var(--_toast-mt);margin-bottom:var(--_toast-mb);--_toast-shadow:var(--toast-shadow, var(--mod-toast-shadow, var(--ds-alias-shadow-box-base)));--_toast-radius:var(--toast-radius, var(--mod-toast-radius, var(--ds-toast-radius)));--_toast-bg:var(--toast-bg, var(--mod-toast-bg, var(--ds-toast-primary-color-background)));--_toast-border:var(--toast-border, var(--mod-toast-border, var(--ds-toast-primary-border)));--_toast-color:var(--toast-color, var(--mod-toast-color, var(--ds-toast-primary-color-body)));--_toast-progress-duration:var(--toast-progress-duration, var(--mod-toast-progress-duration, 0));--_toast-progress-bar-bg:var(--toast-progress-bar-bg, var(--mod-toast-progress-bar-bg, var(--ds-toast-primary-progress-bar)));--_toast-progress-bg:var(--toast-progress-bg, var(--mod-toast-progress-bg, var(--ds-toast-primary-progress-background)));--_toast-heading-font-family:var(--toast-heading-font-family, var(--mod-toast-heading-font-family, var(--ds-toast-heading-font-family)));--_toast-heading-font-weight:var(--toast-heading-font-weight, var(--mod-toast-heading-font-weight, var(--ds-toast-heading-font-weight)));--_toast-heading-font-size:var(--toast-heading-font-size, var(--mod-toast-heading-font-size, var(--ds-toast-heading-font-size)));--_toast-heading-line-height:var(--toast-heading-line-height, var(--mod-toast-heading-line-height, var(--ds-toast-heading-line-height)));--_toast-heading-color:var(--toast-heading-color, var(--mod-toast-heading-color, var(--ds-toast-primary-color-heading)));--_toast-icon-color:var(--toast-icon-color, var(--mod-toast-icon-color, var(--_toast-heading-color)));--_toast-content-font-family:var(--toast-content-font-family, var(--mod-toast-content-font-family, var(--ds-toast-body-font-family)));--_toast-content-font-weight:var(--toast-content-font-weight, var(--mod-toast-content-font-weight, var(--ds-toast-body-font-weight)));--_toast-content-font-size:var(--toast-content-font-size, var(--mod-toast-content-font-size, var(--ds-toast-body-font-size)));--_toast-content-line-height:var(--toast-content-line-height, var(--mod-toast-content-line-height, var(--ds-toast-body-line-height)));--_toast-content-color:var(--toast-content-color, var(--mod-toast-content-color, var(--ds-toast-primary-color-body)));--_toast-gap:var(--toast-gap, var(--mod-toast-gap, var(--ds-toast-gap)));--_toast-p:var(--toast-p, var(--mod-toast-p, var(--ds-toast-padding)));--_toast-animation-start-opacity:var(--toast-animation-start-opacity, var(--mod-toast-animation-start-opacity, 1));--_toast-animation-start-transform:var(--toast-animation-start-transform, var(--mod-toast-animation-start-transform, none));--_toast-animation-transition:var(--toast-animation-transition, var(--mod-toast-animation-transition, none));--_toast-animation-end-opacity:var(--toast-animation-end-opacity, var(--mod-toast-animation-end-opacity, 1));--_toast-animation-end-transform:var(--toast-animation-end-transform, var(--mod-toast-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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}@media print{:host{display:none !important}}:host{opacity:var(--_toast-animation-start-opacity);-webkit-transform:var(--_toast-animation-start-transform);transform:var(--_toast-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_toast-color);background:var(--_toast-bg);border:var(--_toast-border);border-radius:var(--_toast-radius);-webkit-box-shadow:var(--_toast-shadow);box-shadow:var(--_toast-shadow);padding:var(--_toast-p);-webkit-column-gap:calc(var(--_toast-gap)*4);-moz-column-gap:calc(var(--_toast-gap)*4);column-gap:calc(var(--_toast-gap)*4);row-gap:var(--_toast-gap);-ms-flex-align:center;align-items:center;width:100%}:host ds-icon:not([name]){--icon-size:var(--ds-icon-size-lg)}:host #icon{grid-area:icon;--icon-color:var(--_toast-heading-color)}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_toast-heading-font-family);font-weight:var(--_toast-heading-font-weight);line-height:var(--_toast-heading-line-height);font-size:var(--_toast-heading-font-size);color:var(--_toast-heading-color);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_toast-content-font-family);font-size:var(--_toast-content-font-size);font-weight:var(--_toast-content-font-weight);line-height:var(--_toast-content-line-height);color:var(--_toast-content-color)}:host ds-button,:host .ds-button{--button-mt:0;grid-area:action;align-self:center}:host .ds-close,:host ds-close{grid-area:close;align-self:center}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content"}:host(.is-closable:not(.is-action)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close"}:host(.is-action:not(.is-closable)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content action"}:host(.is-action.is-closable){grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon content action close"}:host(.is-ready){-webkit-transition:var(--_toast-animation-transition);transition:var(--_toast-animation-transition)}:host(.is-visible){opacity:var(--_toast-animation-end-opacity);-webkit-transform:var(--_toast-animation-end-transform);transform:var(--_toast-animation-end-transform)}:host(.has-progress-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_toast-progress-bg);border-bottom-left-radius:var(--_toast-radius);border-bottom-right-radius:var(--_toast-radius)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-info){--mod-toast-color:var(--ds-toast-info-color-body);--mod-toast-border:var(--ds-toast-info-border);--mod-toast-bg:var(--ds-toast-info-color-background);--mod-toast-heading-color:var(--ds-toast-info-color-heading);--mod-toast-content-color:var(--ds-toast-info-color-body);--mod-toast-progress-bar-bg:var(--ds-toast-info-progress-bar);--mod-toast-progress-bg:var(--ds-toast-info-progress-background)}:host(.is-success){--mod-toast-color:var(--ds-toast-success-color-body);--mod-toast-border:var(--ds-toast-success-border);--mod-toast-bg:var(--ds-toast-success-color-background);--mod-toast-heading-color:var(--ds-toast-success-color-heading);--mod-toast-content-color:var(--ds-toast-success-color-body);--mod-toast-progress-bar-bg:var(--ds-toast-success-progress-bar);--mod-toast-progress-bg:var(--ds-toast-success-progress-background)}:host(.is-warning){--mod-toast-color:var(--ds-toast-warning-color-body);--mod-toast-border:var(--ds-toast-warning-border);--mod-toast-bg:var(--ds-toast-warning-color-background);--mod-toast-heading-color:var(--ds-toast-warning-color-heading);--mod-toast-content-color:var(--ds-toast-warning-color-body);--mod-toast-progress-bar-bg:var(--ds-toast-warning-progress-bar);--mod-toast-progress-bg:var(--ds-toast-warning-progress-background)}:host(.is-danger){--mod-toast-color:var(--ds-toast-danger-color-body);--mod-toast-border:var(--ds-toast-danger-border);--mod-toast-bg:var(--ds-toast-danger-color-background);--mod-toast-heading-color:var(--ds-toast-danger-color-heading);--mod-toast-content-color:var(--ds-toast-danger-color-body);--mod-toast-progress-bar-bg:var(--ds-toast-danger-progress-bar);--mod-toast-progress-bg:var(--ds-toast-danger-progress-background)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}'}},[257,"ds-toast",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],duration:[8],visible:[516],closeHandler:[16],actionHandler:[16],animated:[32],didLoad:[32],didPause:[32],close:[64],configChanged:[64]}]);n([e("toast"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],k.prototype,"createLogger",null),n([u(["primary","info","success","warning","danger"]),d("design:type",String)],k.prototype,"color",void 0),n([_("boolean"),d("design:type",Boolean)],k.prototype,"closable",void 0),n([y(),_("string"),d("design:type",String)],k.prototype,"heading",void 0),n([y(),_("string"),d("design:type",String)],k.prototype,"message",void 0),n([_("string"),d("design:type",String)],k.prototype,"icon",void 0),n([_("string"),d("design:type",String)],k.prototype,"svg",void 0),n([_("string"),d("design:type",String)],k.prototype,"action",void 0),n([_("string"),d("design:type",String)],k.prototype,"actionIcon",void 0),n([u(["_blank","_parent","_self","_top"]),d("design:type",String)],k.prototype,"actionTarget",void 0),n([_("string"),d("design:type",String)],k.prototype,"actionHref",void 0),n([_("string"),d("design:type",String)],k.prototype,"alertId",void 0),n([_("boolean"),d("design:type",Boolean)],k.prototype,"visible",void 0),n([w(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],k.prototype,"configChanged",null);const x=k,z=function(){"undefined"!=typeof customElements&&["ds-toast","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-toast":customElements.get(i(t))||customElements.define(i(t),k);break;case"ds-brand-icon":customElements.get(i(t))||l();break;case"ds-button":customElements.get(i(t))||v();break;case"ds-close":customElements.get(i(t))||p();break;case"ds-icon":customElements.get(i(t))||b();break;case"ds-spinner":customElements.get(i(t))||f()}}))};export{x as DsToast,z as defineCustomElement}

package/components/ds-toggle.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as o,e as t,h as c,c as l,t as a}from"./p-D_rQ-1tV.js";import{_ as r,L as d,a as i}from"./p-DnNWN90x.js";import{i as g}from"./p-B62ocg4Q.js";import{T as s}from"./p-CdB59TNI.js";import{O as n}from"./p-BchWICdx.js";const h=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-tg-"+b++,this.inheritAttributes={},this.initialValue=!1,this.focused=!1,this.autoInvalidOff=!1,this.checked=!1,this.dense=!1,this.disabled=!1,this.invalid=!1,this.label="",this.labelPosition="right",this.name=this.inputId,this.readonly=!1,this.required=!1,this.value="on",this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))},this.handleChange=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.checked,this.internals.setFormValue(this.checked?this.value:null)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritAttributes=g(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}render(){return c(l,{key:"279aa9914fa1e1f023dce06e3913158858a90f4f","aria-disabled":this.disabled?"true":null,"aria-checked":""+this.checked,"aria-invalid":this.invalid?"true":null,class:{"is-disabled":this.disabled||this.readonly,"is-invalid":this.invalid,"is-checked":this.checked,"is-dense":this.dense,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition}},c("label",{key:"126ff8a8bf057b7bb838678c66e6cd2993f4fe38",id:"label",part:"label"},c("input",Object.assign({key:"70e8c99ce76ff11ea2760de681a56405e7fa9ee7",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),c("div",{key:"8f451e64a165bea9a0af571aa3a7d246a0f7dd6f",id:"slot",part:"slot"},c("slot",{key:"8cc3d4b02ac217eeec2b025dc41de3c62e022611"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_toggle-gap:var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color:var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color:var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-toggle-label-color-hover)));--_toggle-label-active-color:var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-toggle-label-color-active)));--_toggle-label-disabled-color:var(--toggle-label-disabled-color, var(--mod-toggle-label-disabled-color, var(--ds-toggle-label-color-disabled)));--_toggle-height:var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width:var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width:var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-toggle-border-width)));--_toggle-radius:var(--toggle-radius, var(--mod-toggle-radius, var(--ds-toggle-radius)));--_toggle-py:var(--toggle-py, var(--mod-toggle-py, 0.25rem));--_toggle-min-height:var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-unchecked-base-color-background:var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-toggle-unchecked-color-base-background)));--_toggle-unchecked-base-color-tick:var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-toggle-unchecked-color-base-tick)));--_toggle-unchecked-hover-color-background:var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-toggle-unchecked-color-hover-background)));--_toggle-unchecked-hover-color-tick:var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-toggle-unchecked-color-hover-tick)));--_toggle-unchecked-active-color-background:var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-toggle-unchecked-color-active-background)));--_toggle-unchecked-active-color-tick:var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-toggle-unchecked-color-active-tick)));--_toggle-unchecked-disabled-color-background:var(--toggle-unchecked-disabled-color-background, var(--mod-toggle-unchecked-disabled-color-background, var(--ds-toggle-unchecked-color-disabled-background)));--_toggle-unchecked-disabled-color-tick:var(--toggle-unchecked-disabled-color-tick, var(--mod-toggle-unchecked-disabled-color-tick, var(--ds-toggle-unchecked-color-disabled-tick)));--_toggle-checked-base-color-background:var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-toggle-checked-color-base-background)));--_toggle-checked-base-color-tick:var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-toggle-checked-color-base-tick)));--_toggle-checked-base-color-icon:var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-toggle-checked-color-base-icon)));--_toggle-checked-hover-color-background:var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-toggle-checked-color-hover-background)));--_toggle-checked-hover-color-tick:var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-toggle-checked-color-hover-tick)));--_toggle-checked-active-color-background:var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-toggle-checked-color-active-background)));--_toggle-checked-active-color-tick:var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-toggle-checked-color-active-tick)));--_toggle-checked-disabled-color-background:var(--toggle-checked-disabled-color-background, var(--mod-toggle-checked-disabled-color-background, var(--ds-toggle-checked-color-disabled-background)));--_toggle-checked-disabled-color-tick:var(--toggle-checked-disabled-color-tick, var(--mod-toggle-checked-disabled-color-tick, var(--ds-toggle-checked-color-disabled-tick)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:var(--_toggle-py);padding-bottom:var(--_toggle-py);min-height:var(--_toggle-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;outline:none;cursor:pointer}:host input[type=checkbox]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:\"\";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{-webkit-transform:translateX(100%);transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:\"\";-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;left:5px;width:12px;height:12px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-dense){--mod-toggle-min-height:2rem;--mod-toggle-py:0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color:var(--ds-global-color-danger-4);--mod-toggle-label-hover-color:var(--ds-global-color-danger-5);--mod-toggle-label-active-color:var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick:var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick:var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background:var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick:var(--ds-global-color-white);--mod-toggle-checked-hover-color-background:var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick:var(--ds-global-color-white);--mod-toggle-checked-active-color-background:var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick:var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color:var(--_toggle-label-disabled-color);--mod-toggle-label-hover-color:var(--_toggle-label-disabled-color);--mod-toggle-label-active-color:var(--_toggle-label-disabled-color);--mod-toggle-unchecked-base-color-background:var(--_toggle-unchecked-disabled-color-background);--mod-toggle-unchecked-base-color-tick:var(--_toggle-unchecked-disabled-color-tick);--mod-toggle-checked-base-color-background:var(--_toggle-checked-disabled-color-background);--mod-toggle-checked-base-color-tick:var(--_toggle-checked-disabled-color-tick)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}"}},[321,"ds-toggle",{autoInvalidOff:[4,"auto-invalid-off"],checked:[1540],dense:[4],disabled:[516],invalid:[516],label:[1],labelPosition:[1,"label-position"],name:[513],readonly:[516],required:[516],value:[8],focused:[32]},[[6,"reset","listenToReset"]]]);r([d("toggle"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],h.prototype,"createLogger",null),r([s("boolean"),i("design:type",Boolean)],h.prototype,"autoInvalidOff",void 0),r([s("boolean"),i("design:type",Boolean)],h.prototype,"checked",void 0),r([s("boolean"),i("design:type",Boolean)],h.prototype,"dense",void 0),r([s("boolean"),i("design:type",Boolean)],h.prototype,"disabled",void 0),r([s("boolean"),i("design:type",Boolean)],h.prototype,"invalid",void 0),r([s("string"),i("design:type",String)],h.prototype,"label",void 0),r([n(["left","top","right"]),i("design:type",String)],h.prototype,"labelPosition",void 0),r([s("string"),i("design:type",String)],h.prototype,"name",void 0),r([s("boolean"),i("design:type",Boolean)],h.prototype,"readonly",void 0),r([s("boolean"),i("design:type",Boolean)],h.prototype,"required",void 0),r([s("string"),i("design:type",Object)],h.prototype,"value",void 0);let b=0;const k=h,v=function(){"undefined"!=typeof customElements&&["ds-toggle"].forEach((e=>{"ds-toggle"===e&&(customElements.get(a(e))||customElements.define(a(e),h))}))};export{k as DsToggle,v as defineCustomElement}
+import{p as e,H as o,e as t,h as c,c as l,t as a}from"./p-D_rQ-1tV.js";import{_ as r,L as d,a as i}from"./p-DnNWN90x.js";import{i as g}from"./p-B62ocg4Q.js";import{a as s}from"./p-CcE-lfae.js";import{T as n}from"./p-CdB59TNI.js";import{O as h}from"./p-BchWICdx.js";const b=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-tg-"+k++,this.inheritAttributes={},this.initialValue=!1,this.focused=!1,this.autoInvalidOff=!1,this.checked=!1,this.dense=!1,this.disabled=!1,this.invalid=!1,this.label="",this.labelPosition="right",this.name=this.inputId,this.readonly=!1,this.required=!1,this.value="on",this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))},this.handleChange=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),s(this.internals,this.checked?this.value:null)},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.checked,s(this.internals,this.checked?this.value:null)}componentWillLoad(){s(this.internals,this.checked?this.value:null),this.inheritAttributes=g(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}render(){return c(l,{key:"58dfe2f243c6d9535186a4227f1fec6a810868f0","aria-disabled":this.disabled?"true":null,"aria-checked":""+this.checked,"aria-invalid":this.invalid?"true":null,class:{"is-disabled":this.disabled||this.readonly,"is-invalid":this.invalid,"is-checked":this.checked,"is-dense":this.dense,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition}},c("label",{key:"3b0cd8b27cf8683365f1586da4fdb6bee232c7d9",id:"label",part:"label"},c("input",Object.assign({key:"621825857a1b20c67c6d426635a6fe3eb84468c5",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),c("div",{key:"c3689eaa1b8349da370d0cbc9276f8398b592781",id:"slot",part:"slot"},c("slot",{key:"6960890a3c79bea992aa4a681ec8bf03e47c9279"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_toggle-gap:var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color:var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color:var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-toggle-label-color-hover)));--_toggle-label-active-color:var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-toggle-label-color-active)));--_toggle-label-disabled-color:var(--toggle-label-disabled-color, var(--mod-toggle-label-disabled-color, var(--ds-toggle-label-color-disabled)));--_toggle-height:var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width:var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width:var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-toggle-border-width)));--_toggle-radius:var(--toggle-radius, var(--mod-toggle-radius, var(--ds-toggle-radius)));--_toggle-py:var(--toggle-py, var(--mod-toggle-py, 0.25rem));--_toggle-min-height:var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-unchecked-base-color-background:var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-toggle-unchecked-color-base-background)));--_toggle-unchecked-base-color-tick:var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-toggle-unchecked-color-base-tick)));--_toggle-unchecked-hover-color-background:var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-toggle-unchecked-color-hover-background)));--_toggle-unchecked-hover-color-tick:var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-toggle-unchecked-color-hover-tick)));--_toggle-unchecked-active-color-background:var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-toggle-unchecked-color-active-background)));--_toggle-unchecked-active-color-tick:var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-toggle-unchecked-color-active-tick)));--_toggle-unchecked-disabled-color-background:var(--toggle-unchecked-disabled-color-background, var(--mod-toggle-unchecked-disabled-color-background, var(--ds-toggle-unchecked-color-disabled-background)));--_toggle-unchecked-disabled-color-tick:var(--toggle-unchecked-disabled-color-tick, var(--mod-toggle-unchecked-disabled-color-tick, var(--ds-toggle-unchecked-color-disabled-tick)));--_toggle-checked-base-color-background:var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-toggle-checked-color-base-background)));--_toggle-checked-base-color-tick:var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-toggle-checked-color-base-tick)));--_toggle-checked-base-color-icon:var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-toggle-checked-color-base-icon)));--_toggle-checked-hover-color-background:var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-toggle-checked-color-hover-background)));--_toggle-checked-hover-color-tick:var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-toggle-checked-color-hover-tick)));--_toggle-checked-active-color-background:var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-toggle-checked-color-active-background)));--_toggle-checked-active-color-tick:var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-toggle-checked-color-active-tick)));--_toggle-checked-disabled-color-background:var(--toggle-checked-disabled-color-background, var(--mod-toggle-checked-disabled-color-background, var(--ds-toggle-checked-color-disabled-background)));--_toggle-checked-disabled-color-tick:var(--toggle-checked-disabled-color-tick, var(--mod-toggle-checked-disabled-color-tick, var(--ds-toggle-checked-color-disabled-tick)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:var(--_toggle-py);padding-bottom:var(--_toggle-py);min-height:var(--_toggle-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;outline:none;cursor:pointer}:host input[type=checkbox]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:\"\";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{-webkit-transform:translateX(100%);transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:\"\";-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;left:5px;width:12px;height:12px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-dense){--mod-toggle-min-height:2rem;--mod-toggle-py:0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color:var(--ds-global-color-danger-4);--mod-toggle-label-hover-color:var(--ds-global-color-danger-5);--mod-toggle-label-active-color:var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick:var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick:var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background:var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick:var(--ds-global-color-white);--mod-toggle-checked-hover-color-background:var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick:var(--ds-global-color-white);--mod-toggle-checked-active-color-background:var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick:var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color:var(--_toggle-label-disabled-color);--mod-toggle-label-hover-color:var(--_toggle-label-disabled-color);--mod-toggle-label-active-color:var(--_toggle-label-disabled-color);--mod-toggle-unchecked-base-color-background:var(--_toggle-unchecked-disabled-color-background);--mod-toggle-unchecked-base-color-tick:var(--_toggle-unchecked-disabled-color-tick);--mod-toggle-checked-base-color-background:var(--_toggle-checked-disabled-color-background);--mod-toggle-checked-base-color-tick:var(--_toggle-checked-disabled-color-tick)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}"}},[321,"ds-toggle",{autoInvalidOff:[4,"auto-invalid-off"],checked:[1540],dense:[4],disabled:[516],invalid:[516],label:[1],labelPosition:[1,"label-position"],name:[513],readonly:[516],required:[516],value:[8],focused:[32]},[[6,"reset","listenToReset"]]]);r([d("toggle"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],b.prototype,"createLogger",null),r([n("boolean"),i("design:type",Boolean)],b.prototype,"autoInvalidOff",void 0),r([n("boolean"),i("design:type",Boolean)],b.prototype,"checked",void 0),r([n("boolean"),i("design:type",Boolean)],b.prototype,"dense",void 0),r([n("boolean"),i("design:type",Boolean)],b.prototype,"disabled",void 0),r([n("boolean"),i("design:type",Boolean)],b.prototype,"invalid",void 0),r([n("string"),i("design:type",String)],b.prototype,"label",void 0),r([h(["left","top","right"]),i("design:type",String)],b.prototype,"labelPosition",void 0),r([n("string"),i("design:type",String)],b.prototype,"name",void 0),r([n("boolean"),i("design:type",Boolean)],b.prototype,"readonly",void 0),r([n("boolean"),i("design:type",Boolean)],b.prototype,"required",void 0),r([n("string"),i("design:type",Object)],b.prototype,"value",void 0);let k=0;const v=b,u=function(){"undefined"!=typeof customElements&&["ds-toggle"].forEach((e=>{"ds-toggle"===e&&(customElements.get(a(e))||customElements.define(a(e),b))}))};export{v as DsToggle,u as defineCustomElement}

package/components/ds-tooltip.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as o,e as i,d as e,h as r,c as a,t as s}from"./p-D_rQ-1tV.js";import{_ as n,L as l,a as p}from"./p-DnNWN90x.js";import{a as m,c as d,s as c,f as h,o as b}from"./p-BqY0KzJC.js";import{T as v}from"./p-CdB59TNI.js";import{O as f}from"./p-BchWICdx.js";let x=0;const u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsWillAnimate=i(this,"dsWillAnimate"),this.dsDidAnimate=i(this,"dsDidAnimate"),this.tooltipId="ds-tooltip-"+x++,this.presented=!1,this.reference="",this.placement="bottom",this.offset=8,this.contentWidth=void 0,this.open=!1}createLogger(t){this.log=t}contentWidthChanged(t){void 0===t?this.el.style.removeProperty("--tooltip-max-width"):this.el.style.setProperty("--tooltip-max-width",t+"px")}componentDidLoad(){this.contentWidthChanged(this.contentWidth);const t=this.triggerElement;t&&(t.setAttribute("aria-describedby",this.tooltipId),t.addEventListener("mouseenter",(()=>this.present())),t.addEventListener("focus",(()=>this.present())),t.addEventListener("mouseleave",(()=>this.dismiss())),t.addEventListener("blur",(()=>this.dismiss())),this.open&&this.present())}disconnectedCallback(){this.cleanup&&this.cleanup();const t=this.triggerElement;t&&t.removeAttribute("aria-describedby")}async present(){const t=this.triggerElement;return!(!t||!this.containerEl||(this.dsWillAnimate.emit(!0),this.presented=!0,this.cleanup=m(t,this.containerEl,(()=>this.update()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!1}),this.dsDidAnimate.emit(!0),0))}async dismiss(){return!!this.containerEl&&(this.dsWillAnimate.emit(!1),this.cleanup&&(this.cleanup(),this.cleanup=void 0),this.presented=!1,this.dsDidAnimate.emit(!1),!0)}async update(){const t=this.triggerElement;if(!t||!this.containerEl)return!1;const{x:o,y:i,placement:r}=await d(t,this.containerEl,{placement:this.placement,strategy:"fixed",middleware:[e.hasWindow&&!window.frameElement?c():void 0,h(),b(this.offset)].filter(Boolean)});return Object.assign(this.containerEl.style,{left:o+"px",top:i+"px"}),this.containerEl.dataset.placement=r.split("-")[0],!0}get triggerElement(){return e.hasDocument?document.querySelector(`[id="${this.reference}"]`):null}render(){return r(a,{key:"ee1fa39b825b594dec6890e5317a7132ca3a3412",id:this.tooltipId,role:"tooltip","aria-hidden":""+!this.presented},r("div",{key:"b86ae881d8f783abc381eeb0f8ff30e84e66e0e5",part:"container",ref:t=>this.containerEl=t},r("div",{key:"a54a9a371dff7f1ca56ce7ca35c4c13171e6ed10",part:"content","data-testid":"ds-tooltip-content"},r("slot",{key:"db111b89f8b12349c42bbf8c59675785f3fb77f0"}))))}get el(){return this}static get watchers(){return{contentWidth:[{contentWidthChanged:0}]}}static get style(){return":host{--_tooltip-position:var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top:var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right:var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom:var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left:var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m:var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my:var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx:var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml:var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr:var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt:var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb:var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-color-background:var(--tooltip-color-background, var(--mod-tooltip-color-background, var(--ds-tooltip-color-background)));--_tooltip-color-text:var(--tooltip-color-text, var(--mod-tooltip-color-text, var(--ds-tooltip-color-text)));--_tooltip-max-width:var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius:var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow:var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px:var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-padding-x)));--_tooltip-py:var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-padding-y)));--_tooltip-text-font-family:var(--tooltip-text-font-family, var(--mod-tooltip-text-font-family, var(--ds-tooltip-text-font-family)));--_tooltip-text-font-weight:var(--tooltip-text-font-weight, var(--mod-tooltip-text-font-weight, var(--ds-tooltip-text-font-weight)));--_tooltip-text-font-size:var(--tooltip-text-font-size, var(--mod-tooltip-text-font-size, var(--ds-tooltip-text-font-size)));--_tooltip-text-line-height:var(--tooltip-text-line-height, var(--mod-tooltip-text-line-height, var(--ds-tooltip-text-line-height)));--_tooltip-z-index:var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-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;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform;position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-color-background);border-radius:var(--_tooltip-radius);-webkit-box-shadow:var(--_tooltip-shadow);box-shadow:var(--_tooltip-shadow);color:var(--_tooltip-color-text);font-family:var(--_tooltip-text-font-family);font-weight:var(--_tooltip-text-font-weight);font-size:var(--_tooltip-text-font-size);line-height:var(--_tooltip-text-line-height);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}[part=container][data-placement=top]{-webkit-transform:translateY(4px);transform:translateY(4px)}[part=container][data-placement=right]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[part=container][data-placement=left]{-webkit-transform:translateX(4px);transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem)}"}},[257,"ds-tooltip",{reference:[1],placement:[1],offset:[2],contentWidth:[2,"content-width"],open:[4],presented:[32],present:[64],dismiss:[64],update:[64]},void 0,{contentWidth:[{contentWidthChanged:0}]}]);n([l("tooltip"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],u.prototype,"createLogger",null),n([v("string"),p("design:type",String)],u.prototype,"reference",void 0),n([f(["top","right","bottom","left"]),p("design:type",String)],u.prototype,"placement",void 0),n([v("number"),p("design:type",Number)],u.prototype,"offset",void 0),n([v("number"),p("design:type",Object)],u.prototype,"contentWidth",void 0),n([v("boolean"),p("design:type",Boolean)],u.prototype,"open",void 0);const g=u,y=function(){"undefined"!=typeof customElements&&["ds-tooltip"].forEach((t=>{"ds-tooltip"===t&&(customElements.get(s(t))||customElements.define(s(t),u))}))};export{g as DsTooltip,y as defineCustomElement}
+import{p as t,H as o,e as i,d as e,h as r,c as a,t as s}from"./p-D_rQ-1tV.js";import{_ as n,L as l,a as p}from"./p-DnNWN90x.js";import{a as m,c as d,s as c,f as h,o as b}from"./p-BqY0KzJC.js";import{T as v}from"./p-CdB59TNI.js";import{O as f}from"./p-BchWICdx.js";let x=0;const u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsWillAnimate=i(this,"dsWillAnimate"),this.dsDidAnimate=i(this,"dsDidAnimate"),this.tooltipId="ds-tooltip-"+x++,this.presented=!1,this.reference="",this.placement="bottom",this.offset=8,this.contentWidth=void 0,this.open=!1}createLogger(t){this.log=t}contentWidthChanged(t){void 0===t?this.el.style.removeProperty("--tooltip-max-width"):this.el.style.setProperty("--tooltip-max-width",t+"px")}componentDidLoad(){this.contentWidthChanged(this.contentWidth);const t=this.triggerElement;t&&(t.setAttribute("aria-describedby",this.tooltipId),t.addEventListener("mouseenter",(()=>this.present())),t.addEventListener("focus",(()=>this.present())),t.addEventListener("mouseleave",(()=>this.dismiss())),t.addEventListener("blur",(()=>this.dismiss())),this.open&&this.present())}disconnectedCallback(){this.cleanup&&this.cleanup();const t=this.triggerElement;t&&t.removeAttribute("aria-describedby")}async present(){const t=this.triggerElement;return!(!t||!this.containerEl||(this.dsWillAnimate.emit(!0),this.presented=!0,this.cleanup=m(t,this.containerEl,(()=>this.update()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!1}),this.dsDidAnimate.emit(!0),0))}async dismiss(){return!!this.containerEl&&(this.dsWillAnimate.emit(!1),this.cleanup&&(this.cleanup(),this.cleanup=void 0),this.presented=!1,this.dsDidAnimate.emit(!1),!0)}async update(){const t=this.triggerElement;if(!t||!this.containerEl)return!1;const{x:o,y:i,placement:r}=await d(t,this.containerEl,{placement:this.placement,strategy:"fixed",middleware:[e.hasWindow&&!window.frameElement?c():void 0,h(),b(this.offset)].filter(Boolean)});return Object.assign(this.containerEl.style,{left:o+"px",top:i+"px"}),this.containerEl.dataset.placement=r.split("-")[0],!0}get triggerElement(){return e.hasDocument?document.querySelector(`[id="${this.reference}"]`):null}render(){return r(a,{key:"98d98b3c21a36b553866471d923ea5ff5e1ffbba",id:this.tooltipId,role:"tooltip","aria-hidden":""+!this.presented},r("div",{key:"3d87df3d592dd0dd93e479b48a7c461f0efd0a07",part:"container",ref:t=>this.containerEl=t},r("div",{key:"ce982cbb10088794bc1c62f7df04b3063568a37f",part:"content","data-testid":"ds-tooltip-content"},r("slot",{key:"35ec3c9d7ab6bf80cbd25c3b7914ff084f87c5fa"}))))}get el(){return this}static get watchers(){return{contentWidth:[{contentWidthChanged:0}]}}static get style(){return":host{--_tooltip-position:var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top:var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right:var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom:var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left:var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m:var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my:var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx:var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml:var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr:var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt:var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb:var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-color-background:var(--tooltip-color-background, var(--mod-tooltip-color-background, var(--ds-tooltip-color-background)));--_tooltip-color-text:var(--tooltip-color-text, var(--mod-tooltip-color-text, var(--ds-tooltip-color-text)));--_tooltip-max-width:var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius:var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow:var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px:var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-padding-x)));--_tooltip-py:var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-padding-y)));--_tooltip-text-font-family:var(--tooltip-text-font-family, var(--mod-tooltip-text-font-family, var(--ds-tooltip-text-font-family)));--_tooltip-text-font-weight:var(--tooltip-text-font-weight, var(--mod-tooltip-text-font-weight, var(--ds-tooltip-text-font-weight)));--_tooltip-text-font-size:var(--tooltip-text-font-size, var(--mod-tooltip-text-font-size, var(--ds-tooltip-text-font-size)));--_tooltip-text-line-height:var(--tooltip-text-line-height, var(--mod-tooltip-text-line-height, var(--ds-tooltip-text-line-height)));--_tooltip-z-index:var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-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;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform;position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-color-background);border-radius:var(--_tooltip-radius);-webkit-box-shadow:var(--_tooltip-shadow);box-shadow:var(--_tooltip-shadow);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}[part=container][data-placement=top]{-webkit-transform:translateY(4px);transform:translateY(4px)}[part=container][data-placement=right]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[part=container][data-placement=left]{-webkit-transform:translateX(4px);transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem);color:var(--_tooltip-color-text);font-family:var(--_tooltip-text-font-family);font-weight:var(--_tooltip-text-font-weight);font-size:var(--_tooltip-text-font-size);line-height:var(--_tooltip-text-line-height)}::slotted(span),::slotted(p){color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit}"}},[257,"ds-tooltip",{reference:[1],placement:[1],offset:[2],contentWidth:[2,"content-width"],open:[4],presented:[32],present:[64],dismiss:[64],update:[64]},void 0,{contentWidth:[{contentWidthChanged:0}]}]);n([l("tooltip"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],u.prototype,"createLogger",null),n([v("string"),p("design:type",String)],u.prototype,"reference",void 0),n([f(["top","right","bottom","left"]),p("design:type",String)],u.prototype,"placement",void 0),n([v("number"),p("design:type",Number)],u.prototype,"offset",void 0),n([v("number"),p("design:type",Object)],u.prototype,"contentWidth",void 0),n([v("boolean"),p("design:type",Boolean)],u.prototype,"open",void 0);const g=u,y=function(){"undefined"!=typeof customElements&&["ds-tooltip"].forEach((t=>{"ds-tooltip"===t&&(customElements.get(s(t))||customElements.define(s(t),u))}))};export{g as DsTooltip,y as defineCustomElement}

package/components/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-export{d as dsBrowser,g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-D_rQ-1tV.js";export{A as APP_FOOTER_CONTAINERS,i as i18nDsAppFooter}from"./p-CM33o5J4.js";export{S as SHEET_CONTAINER_SIZES}from"./p-Bze8P0SV.js";export{i as i18nDsClose}from"./p-Bbn3sYo5.js";export{I as I18nDsLabel}from"./p-C7I7OlaM.js";export{i as i18nControlLabel}from"./p-BR1SYpQO.js";export{C as Config,c as config,a as configFromLocalStorage,b as configFromMetaTag,d as dsModalController,f as dsSnackbarController,e as dsToastController,i as initialize,i as initializeDesignSystem,s as setupDsConfig}from"./p-R7F7VS9F.js";import{d as t}from"./p-Cd5L9Mke.js";export{D as DsDevice}from"./p-Cd5L9Mke.js";export{c as componentOnReady,d as deepReady,g as getAppRoot,a as getRootElement,i as isDescendant,s as shallowReady,w as wait,b as waitAfterFramePaint,e as waitAfterIdleCallback,f as waitAfterLargestContentfulPaintCallback,h as waitForComponent,j as waitForDesignSystem,k as waitOnLoadEventCallback}from"./p-CvX_Qt_3.js";export{S as ScrollHandler}from"./p-BiC9O5XT.js";import{W as $}from"./p-DqfqP6db.js";export{D as DsBreakpointSubject,b as DsBreakpointsUtil,a as dsBreakpointSubject,d as dsBreakpoints}from"./p-DqfqP6db.js";import{D as y,I as x,S as O}from"./p-C1jqbZdf.js";import{S as B}from"./p-COmxeVnf.js";export{L as ListenToConfig,b as attachComponentToConfig,a as attachToConfig,c as detachComponentFromConfig,d as detachFromConfig,o as onDsConfigChange,i as updateDsAllowedLanguages,k as updateDsAnimated,e as updateDsBrand,g as updateDsFallbackLanguage,j as updateDsIcons,f as updateDsLanguage,m as updateDsLegalLinks,n as updateDsLegalText,l as updateDsLogger,h as updateDsRegion,p as updateDsSocialLinks,u as useDsConfig}from"./p-D2--7hMh.js";export{d as defaultConfig,a as defaultLocale}from"./p-BRVmctrW.js";const F=()=>{const s=window;return s&&s.DesignSystem&&s.DesignSystem.config};class M{static setTwoDigitCutoffYear(s=10){O.twoDigitCutoffYear=(new Date).getFullYear()%100+s}static fromAnyFormat(s){const t=s.replace(/[0-9]/g,"").charAt(0),a=F(),e=(null==a?void 0:a.locale)||"de-CH",o=s.split(t),r=o.length;if(2===r){const s=(new Date).getFullYear();return new M(y.fromFormat(`${o[0]}${t}${o[1]}${t}${s}`,`d${t}M${t}yy`,{locale:e}))}if(3===r){if(1===o[2].length)return new M(y.fromFormat(`${o[0]}${t}${o[1]}${t}${2e3+parseInt(o[2],10)}`,`d${t}M${t}yy`,{locale:e}));if(""===o[2]){const s=(new Date).getFullYear();return new M(y.fromFormat(`${o[0]}${t}${o[1]}${t}${s}`,`d${t}M${t}yy`,{locale:e}))}}return new M(y.fromFormat(s,`d${t}M${t}yy`,{locale:e}))}static fromISO(s){return new M(y.fromISO(s||""))}static infoMonths({format:s,locale:t}={}){const a=F();return x.months(s||"long",{locale:t||(null==a?void 0:a.locale)||"de-CH"})}static infoWeekdays({format:s,locale:t}={}){const a=F();return x.weekdays(s,{locale:t||(null==a?void 0:a.locale)||"de-CH"})}constructor(s){this.dt=s}get isValid(){return this.dt.isValid}toISO(){return this.isValid?this.dt.toISO():""}toISODate(){return this.isValid?this.dt.toISODate():""}toFormat(){if(this.isValid){const s=F(),t=function(s="de-CH"){return new Intl.DateTimeFormat(function(s="de-CH"){const[,t]=s.split("-");return"CH"===t?"fr-CH":"BE"===t?"fr-BE":"LU"===t?"fr-LU":s}(s)).format(new Date).replace(/\p{Number}/gu,"").charAt(0)}((null==s?void 0:s.locale)||"de-CH");return this.dt.toFormat(`dd${t}MM${t}yyyy`)}return""}isBefore(s){const t=y.fromISO(s||"");return!!t.isValid&&this.dt<t}isBeforeOrEqual(s){const t=y.fromISO(s||"");return!!t.isValid&&this.dt<=t}isAfter(s){const t=y.fromISO(s||"");return!!t.isValid&&this.dt>t}isAfterOrEqual(s){const t=y.fromISO(s||"");return!!t.isValid&&this.dt>=t}get month(){if(this.isValid)return this.dt.month}get year(){if(this.isValid)return this.dt.year}}M.setTwoDigitCutoffYear();class E extends B{constructor(){super((s=>s.listenToOrientation(this.state))),this.listener=new $,this.state=t.orientation.toObject(),this.listener.connect(),this.listener.add((()=>{const s=t.orientation.toObject();this.isEqual(s)||(this.state=s,this.notify(void 0))}))}attach(s){super.attach(s),s.listenToOrientation(this.state)}isEqual(s){return s.landscape===this.state.landscape&&s.portrait===this.state.portrait}}const R=new E;export{M as DsDate,E as DsOrientationSubject,t as dsDevice,R as dsOrientationSubject}
+export{d as dsBrowser,g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-D_rQ-1tV.js";export{A as APP_FOOTER_CONTAINERS,i as i18nDsAppFooter}from"./p-CM33o5J4.js";export{S as SHEET_CONTAINER_SIZES}from"./p-Bze8P0SV.js";export{i as i18nDsClose}from"./p-Bbn3sYo5.js";export{I as I18nDsLabel}from"./p-C7I7OlaM.js";export{i as i18nControlLabel}from"./p-BR1SYpQO.js";export{C as Config,c as config,a as configFromLocalStorage,b as configFromMetaTag,d as dsModalController,f as dsSnackbarController,e as dsToastController,i as initialize,i as initializeDesignSystem,s as setupDsConfig}from"./p-B8ePrJmu.js";import{d as t}from"./p-Cd5L9Mke.js";export{D as DsDevice}from"./p-Cd5L9Mke.js";export{c as componentOnReady,d as deepReady,g as getAppRoot,a as getRootElement,i as isDescendant,s as shallowReady,w as wait,b as waitAfterFramePaint,e as waitAfterIdleCallback,f as waitAfterLargestContentfulPaintCallback,h as waitForComponent,j as waitForDesignSystem,k as waitOnLoadEventCallback}from"./p-CvX_Qt_3.js";export{S as ScrollHandler}from"./p-CvR0-1OR.js";import{W as $}from"./p-DqfqP6db.js";export{D as DsBreakpointSubject,b as DsBreakpointsUtil,a as dsBreakpointSubject,d as dsBreakpoints}from"./p-DqfqP6db.js";import{D as y,I as x,S as O}from"./p-C1jqbZdf.js";import{S as B}from"./p-COmxeVnf.js";export{L as ListenToConfig,b as attachComponentToConfig,a as attachToConfig,c as detachComponentFromConfig,d as detachFromConfig,o as onDsConfigChange,i as updateDsAllowedLanguages,k as updateDsAnimated,e as updateDsBrand,g as updateDsFallbackLanguage,j as updateDsIcons,f as updateDsLanguage,m as updateDsLegalLinks,n as updateDsLegalText,l as updateDsLogger,h as updateDsRegion,p as updateDsSocialLinks,u as useDsConfig}from"./p-D2--7hMh.js";export{d as defaultConfig,a as defaultLocale}from"./p-yDxcfq5h.js";const M=()=>{const s=window;return s&&s.DesignSystem&&s.DesignSystem.config};class E{static setTwoDigitCutoffYear(s=10){O.twoDigitCutoffYear=(new Date).getFullYear()%100+s}static fromAnyFormat(s){const t=s.replace(/[0-9]/g,"").charAt(0),a=M(),e=(null==a?void 0:a.locale)||"de-CH",o=s.split(t),r=o.length;if(2===r){const s=(new Date).getFullYear();return new E(y.fromFormat(`${o[0]}${t}${o[1]}${t}${s}`,`d${t}M${t}yy`,{locale:e}))}if(3===r){if(1===o[2].length)return new E(y.fromFormat(`${o[0]}${t}${o[1]}${t}${2e3+parseInt(o[2],10)}`,`d${t}M${t}yy`,{locale:e}));if(""===o[2]){const s=(new Date).getFullYear();return new E(y.fromFormat(`${o[0]}${t}${o[1]}${t}${s}`,`d${t}M${t}yy`,{locale:e}))}}return new E(y.fromFormat(s,`d${t}M${t}yy`,{locale:e}))}static fromISO(s){return new E(y.fromISO(s||""))}static infoMonths({format:s,locale:t}={}){const a=M();return x.months(s||"long",{locale:t||(null==a?void 0:a.locale)||"de-CH"})}static infoWeekdays({format:s,locale:t}={}){const a=M();return x.weekdays(s,{locale:t||(null==a?void 0:a.locale)||"de-CH"})}constructor(s){this.dt=s}get isValid(){return this.dt.isValid}toISO(){return this.isValid?this.dt.toISO():""}toISODate(){return this.isValid?this.dt.toISODate():""}toFormat(){if(this.isValid){const s=M(),t=function(s="de-CH"){return new Intl.DateTimeFormat(function(s="de-CH"){const[,t]=s.split("-");return"CH"===t?"fr-CH":"BE"===t?"fr-BE":"LU"===t?"fr-LU":s}(s)).format(new Date).replace(/\p{Number}/gu,"").charAt(0)}((null==s?void 0:s.locale)||"de-CH");return this.dt.toFormat(`dd${t}MM${t}yyyy`)}return""}isBefore(s){const t=y.fromISO(s||"");return!!t.isValid&&this.dt<t}isBeforeOrEqual(s){const t=y.fromISO(s||"");return!!t.isValid&&this.dt<=t}isAfter(s){const t=y.fromISO(s||"");return!!t.isValid&&this.dt>t}isAfterOrEqual(s){const t=y.fromISO(s||"");return!!t.isValid&&this.dt>=t}get month(){if(this.isValid)return this.dt.month}get year(){if(this.isValid)return this.dt.year}}E.setTwoDigitCutoffYear();class F extends B{constructor(){super((s=>s.listenToOrientation(this.state))),this.listener=new $,this.state=t.orientation.toObject(),this.listener.connect(),this.listener.add((()=>{const s=t.orientation.toObject();this.isEqual(s)||(this.state=s,this.notify(void 0))}))}attach(s){super.attach(s),s.listenToOrientation(this.state)}isEqual(s){return s.landscape===this.state.landscape&&s.portrait===this.state.portrait}}const R=new F;export{E as DsDate,F as DsOrientationSubject,t as dsDevice,R as dsOrientationSubject}

package/components/p--lHz7LHt.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as s,H as i,e as t,h as a,c as e,t as r}from"./p-D_rQ-1tV.js";import{_ as o,L as d,a as n}from"./p-DnNWN90x.js";import{w as c}from"./p-CvX_Qt_3.js";import{S as l}from"./p-CvR0-1OR.js";import{d as h}from"./p-DxfQopAD.js";import{d as p}from"./p-CCZcjYyi.js";import{d as m}from"./p-DH2edJBY.js";import{d as b}from"./p-mahwWXn2.js";import{d as u}from"./p-oyOklwcz.js";import{T as g}from"./p-CdB59TNI.js";import{O as f}from"./p-BchWICdx.js";import{L as w}from"./p-D2--7hMh.js";const v=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.scrollHandler=new l,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.closable=!0,this.backdropDismiss=!0,this.label="",this.container="default",this.handleCancel=s=>{s.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var s;this.open&&(null===(s=this.dialogEl)||void 0===s||s.showModal())},this.handleBackdropClick=s=>{this.backdropDismiss&&s.target===this.dialogEl&&(this.open=!1)},this.handleCloseClick=()=>{this.open=!1}}createLogger(s){this.log=s}openChanged(s){s?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var s,i;null===(s=this.dialogEl)||void 0===s||s.addEventListener("cancel",this.handleCancel),null===(i=this.dialogEl)||void 0===i||i.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var s,i;null===(s=this.dialogEl)||void 0===s||s.removeEventListener("cancel",this.handleCancel),null===(i=this.dialogEl)||void 0===i||i.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(s){this.animated=s.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var s,i;(null===(s=this.dialogEl)||void 0===s?void 0:s.open)||(this.dsWillPresent.emit(),null===(i=this.dialogEl)||void 0===i||i.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await c(300),this.dsDidPresent.emit())}async doClose(){var s,i;(null===(s=this.dialogEl)||void 0===s?void 0:s.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await c(300),null===(i=this.dialogEl)||void 0===i||i.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return a(e,{key:"148b3071e52aa73f5860894c0498d3eccbcb7424",class:{"is-open":this.isOpen,"is-animated":this.animated}},a("dialog",{key:"120491d7a155d06ce44131823176eab806f8e692",part:"dialog",ref:s=>this.dialogEl=s,"aria-label":this.label||void 0,onClick:this.handleBackdropClick},a("div",{key:"63768e5098b1312368667d5a589c5bd2d657ca82",class:{"ds-container":!0,"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},this.closable&&a("ds-close",{key:"a7e3ff650ebe73948027d41859c98a92639a4389",part:"close",onClick:this.handleCloseClick}),a("slot",{key:"7769da23ecd0d903909cfe4b333ff8f41e100ad3"}))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{--_drawer-background:var(--drawer-background, var(--mod-drawer-background, var(--ds-drawer-background)));--_drawer-radius:var(--drawer-radius, var(--mod-drawer-radius, var(--ds-drawer-radius)));--_drawer-max-height:var(--drawer-max-height, var(--mod-drawer-max-height, var(--ds-drawer-max-height)));--_drawer-p:var(--drawer-p, var(--mod-drawer-p, var(--ds-drawer-padding)));--_drawer-backdrop-opacity:var(--drawer-backdrop-opacity, var(--mod-drawer-backdrop-opacity, var(--ds-backdrop-opacity)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:var(--_drawer-max-height);overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);pointer-events:none}:host(.is-open) dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host .ds-container ds-close{position:absolute;top:1rem;right:1rem}:host .ds-container{-ms-flex:1;flex:1;width:100%;margin:0 auto;max-width:var(--ds-alias-container-width-default);background:var(--_drawer-background);border-radius:var(--_drawer-radius) var(--_drawer-radius) 0 0;padding:var(--_drawer-p);position:relative}:host .ds-container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .ds-container.is-compact{max-width:var(--ds-alias-container-width-compact)}@media (prefers-reduced-motion: reduce){:host(.is-animated) dialog{-webkit-transition:none !important;transition:none !important}}"}},[257,"ds-drawer",{open:[1540],closable:[4],backdropDismiss:[4,"backdrop-dismiss"],label:[1],container:[1],animated:[32],isOpen:[32],present:[64],dismiss:[64],configChanged:[64]},void 0,{open:[{openChanged:0}]}]);function k(){"undefined"!=typeof customElements&&["ds-drawer","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((s=>{switch(s){case"ds-drawer":customElements.get(r(s))||customElements.define(r(s),v);break;case"ds-brand-icon":customElements.get(r(s))||h();break;case"ds-button":customElements.get(r(s))||p();break;case"ds-close":customElements.get(r(s))||m();break;case"ds-icon":customElements.get(r(s))||b();break;case"ds-spinner":customElements.get(r(s))||u()}}))}o([d("drawer"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],v.prototype,"createLogger",null),o([g("boolean"),n("design:type",Boolean)],v.prototype,"open",void 0),o([g("boolean"),n("design:type",Boolean)],v.prototype,"closable",void 0),o([g("boolean"),n("design:type",Boolean)],v.prototype,"backdropDismiss",void 0),o([g("string"),n("design:type",String)],v.prototype,"label",void 0),o([f(["default","fluid","compact"]),n("design:type",String)],v.prototype,"container",void 0),o([w(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],v.prototype,"configChanged",null);export{v as D,k as d}