npm - @helvetia-design/core - Versions diffs - 0.0.5 → 0.1.0 - Mend

@helvetia-design/core 0.0.5 → 0.1.0

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 (489) hide show

package/components/ds-tab.js CHANGED Viewed

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

package/components/ds-tabs.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as t,H as e,e as s,h as a,c as r,t as o}from"./p-ZM4hf44X.js";import{_ as i,L as l,a as c}from"./p-C7Qb2sJV.js";import{d as b,b as d}from"./p-BbGwCnDa.js";import{s as n}from"./p-Bv45jA_n.js";import{r as h}from"./p-EjCh38Af.js";import{d as v}from"./p-Bl_soFOX.js";import{d as f}from"./p-CKMUtsmn.js";import{O as u}from"./p-PmBBNJAS.js";import{T as m}from"./p-BV65welS.js";import{L as p}from"./p-DwoEAAFz.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=s(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,s,a,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===(s=o[o.length-1])||void 0===s?void 0:s.name)):l?(t.preventDefault(),this.activateTab(null===(a=o[(i+1)%o.length])||void 0===a?void 0:a.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(),s=this.isNavigation();if(t.forEach((t=>{if(t.slot="tab",t.navigation=s,!s&&t.name){t.id||(t.id="ds-tab-"+x++);const s=e.find((e=>e.for===t.name));s&&(s.id||(s.id="ds-tab-panel-"+x++),t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id))}})),!s&&!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,s=this.tablistEl;if(!e||!s||this.isNavigation())return;const a=this.getTabs().find((t=>t.name===this.value));if(!a)return void(e.style[this.vertical?"height":"width"]="0px");const r=s.getBoundingClientRect(),o=a.getBoundingClientRect();if(t||(e.style.transition="none"),this.vertical){const t=o.top-r.top+s.scrollTop;e.style.height=o.height+"px",e.style.transform=`translateY(${t}px)`}else{const t=o.left-r.left+s.scrollLeft;e.style.width=o.width+"px",e.style.transform=`translateX(${t}px)`}t||(e.style.transition="")}render(){const t=this.isNavigation(),e=a("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}},a("slot",{key:"c7d21ce3a0f7665325820a57869b0cb4d4669f35",name:"tab",onSlotchange:this.handleSlotChange}),a("div",{key:"312014969db67ef8ab614b7a1357b236cf3315d1",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),s=g[this.language],o=this.vertical?e:a("div",{class:"tablist-outer"},a("button",{class:"scroll-btn scroll-btn--prev","aria-label":s.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},a("ds-icon",{name:"caret-left",size:"sm"})),a("div",{class:"tablist-track"},e),a("button",{class:"scroll-btn scroll-btn--next","aria-label":s.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},a("ds-icon",{name:"caret-right",size:"sm"})));return a(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?a("nav",{"aria-label":this.label||void 0},o):o,a("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}
+import{p as t,H as e,e as a,h as s,c as r,t as o}from"./p-DOP4fM2o.js";import{_ as i,L as l,a as c}from"./p-C8OqQuJ7.js";import{d as b,b as d}from"./p-BbGwCnDa.js";import{s as n}from"./p-El2snbN5.js";import{r as h}from"./p-Dbt7_-_D.js";import{d as v}from"./p-B0Z95Hj1.js";import{d as f}from"./p-CKMUtsmn.js";import{O as u}from"./p-DaqLtBr3.js";import{T as m}from"./p-DEnVBHne.js";import{L as p}from"./p-B9OReveE.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://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as a,H as t,h as s,c as r,t as g}from"./p-ZM4hf44X.js";import{_ as m,L as e,a as o}from"./p-C7Qb2sJV.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}
+import{p as a,H as t,h as s,c as r,t as g}from"./p-DOP4fM2o.js";import{_ as m,L as e,a as o}from"./p-C8OqQuJ7.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://helvetia-design.vercel.app/ - 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-ZM4hf44X.js";import{_ as g,L as l,a as d}from"./p-C7Qb2sJV.js";import{i as c}from"./p-ChyhE5ro.js";import{h as i}from"./p-CenSJbHh.js";import{n}from"./p-B3VN_5Hp.js";import{d as v}from"./p-B8nj0zHa.js";import{d as m}from"./p-Cpaj76bt.js";import{d as p}from"./p-xQf4GJxM.js";import{d as b}from"./p-Bl_soFOX.js";import{d as h}from"./p-BKQaXv5U.js";import{T as u}from"./p-BV65welS.js";import{O as f}from"./p-PmBBNJAS.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}
+import{p as o,H as a,e as t,h as r,c as e,t as s}from"./p-DOP4fM2o.js";import{_ as g,L as l,a as d}from"./p-C8OqQuJ7.js";import{i as c}from"./p-ChyhE5ro.js";import{h as i}from"./p-CEPnyz7c.js";import{n}from"./p-BPtibja3.js";import{d as v}from"./p-DyfdPmyS.js";import{d as m}from"./p-BB4SRrRj.js";import{d as p}from"./p-hhVbp_AN.js";import{d as b}from"./p-B0Z95Hj1.js";import{d as h}from"./p-D8RaAucx.js";import{T as u}from"./p-DEnVBHne.js";import{O as f}from"./p-DaqLtBr3.js";const k=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)],k.prototype,"createLogger",null),g([u("boolean"),d("design:type",Boolean)],k.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)],k.prototype,"color",void 0),g([u("boolean"),d("design:type",Boolean)],k.prototype,"disabled",void 0),g([u("boolean"),d("design:type",Boolean)],k.prototype,"invalid",void 0),g([f(["left","center","right"]),d("design:type",String)],k.prototype,"position",void 0),g([f(["sm","md","lg"]),d("design:type",String)],k.prototype,"size",void 0);const x=k,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),k);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{x as DsTag,y as defineCustomElement}

package/components/ds-text.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as t,H as e,h as o,c as i,t as s}from"./p-ZM4hf44X.js";import{_ as a,L as r,a as d}from"./p-C7Qb2sJV.js";import{h as x}from"./p-CenSJbHh.js";import{O as n}from"./p-PmBBNJAS.js";import{T as l}from"./p-BV65welS.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",e=function(t){return t.disabled?"disabled":t.invalid?"danger":t.inverted?"inverted":x(t.color)?t.color:void 0}({disabled:this.disabled,invalid:this.invalid,inverted:this.inverted,color:this.color});return o(i,{key:"cdc56318f70a17adf4a4d1898adc6ae7df496dee",class:{["is-"+e]:x(e),"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:"d74277ead0597c6912596c59476c8d5ba9c1e25a",id:"text",part:"text",class:{["is-"+this.align]:x(this.align)}},o("slot",{key:"cdbf0da1c75cf57d548699dbd035af702a110781"})))}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([n(["left","right","center","justify"]),d("design:type",String)],h.prototype,"align",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"bold",void 0),a([n(["grey","primary","hint","success","warning","danger","placeholder"]),d("design:type",String)],h.prototype,"color",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"disabled",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"heading",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"inline",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"invalid",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"inverted",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"noWrap",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"shadow",void 0),a([n(["xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block"]),d("design:type",String)],h.prototype,"size",void 0),a([n(["none","bottom","top","all"]),d("design:type",String)],h.prototype,"space",void 0),a([l("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-DOP4fM2o.js";import{_ as a,L as r,a as d}from"./p-C8OqQuJ7.js";import{h as x}from"./p-CEPnyz7c.js";import{O as n}from"./p-DaqLtBr3.js";import{T as l}from"./p-DEnVBHne.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",e=function(t){return t.disabled?"disabled":t.invalid?"danger":t.inverted?"inverted":x(t.color)?t.color:void 0}({disabled:this.disabled,invalid:this.invalid,inverted:this.inverted,color:this.color});return o(i,{key:"cdc56318f70a17adf4a4d1898adc6ae7df496dee",class:{["is-"+e]:x(e),"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:"d74277ead0597c6912596c59476c8d5ba9c1e25a",id:"text",part:"text",class:{["is-"+this.align]:x(this.align)}},o("slot",{key:"cdbf0da1c75cf57d548699dbd035af702a110781"})))}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([n(["left","right","center","justify"]),d("design:type",String)],h.prototype,"align",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"bold",void 0),a([n(["grey","primary","hint","success","warning","danger","placeholder"]),d("design:type",String)],h.prototype,"color",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"disabled",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"heading",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"inline",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"invalid",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"inverted",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"noWrap",void 0),a([l("boolean"),d("design:type",Boolean)],h.prototype,"shadow",void 0),a([n(["xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block"]),d("design:type",String)],h.prototype,"size",void 0),a([n(["none","bottom","top","all"]),d("design:type",String)],h.prototype,"space",void 0),a([l("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://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as e,H as r,e as o,h as t,t as a}from"./p-ZM4hf44X.js";import{_ as i,L as n,a as s}from"./p-C7Qb2sJV.js";import{i as d}from"./p-ChyhE5ro.js";import{F as l}from"./p-Bv45jA_n.js";import{n as c}from"./p-EjCh38Af.js";import{w as m}from"./p-CHZn7ODg.js";import{F as h}from"./p-CxDrGhiv.js";import{a as f,I as v,d as p}from"./p-DaVRO74A.js";import{d as b}from"./p-Bl_soFOX.js";import{d as g}from"./p-BKQaXv5U.js";import{d as u}from"./p-CKMUtsmn.js";import{T as x}from"./p-BV65welS.js";import{O as y}from"./p-PmBBNJAS.js";import{L as _}from"./p-DwoEAAFz.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}
+import{p as e,H as r,e as o,h as t,t as a}from"./p-DOP4fM2o.js";import{_ as i,L as n,a as s}from"./p-C8OqQuJ7.js";import{i as d}from"./p-ChyhE5ro.js";import{F as l}from"./p-El2snbN5.js";import{n as c}from"./p-Dbt7_-_D.js";import{w as m}from"./p-CHZn7ODg.js";import{F as h}from"./p-vUPe8Qmy.js";import{a as f,I as v,d as p}from"./p-DaVRO74A.js";import{d as b}from"./p-B0Z95Hj1.js";import{d as g}from"./p-D8RaAucx.js";import{d as u}from"./p-CKMUtsmn.js";import{T as x}from"./p-DEnVBHne.js";import{O as y}from"./p-DaqLtBr3.js";import{L as _}from"./p-B9OReveE.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;grid-template-columns:minmax(0, 1fr);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%;min-width:0;-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;min-width:0;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;grid-template-columns:minmax(0, 1fr);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,j=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,j as defineCustomElement}

package/components/ds-toast.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - 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-ZM4hf44X.js";import{_ as n,L as e,a as d}from"./p-C7Qb2sJV.js";import{s as c}from"./p-Bv45jA_n.js";import{h as g}from"./p-CenSJbHh.js";import{r as m}from"./p-EjCh38Af.js";import{s as h}from"./p-BNUaCToz.js";import{d as l}from"./p-B8nj0zHa.js";import{d as v}from"./p-Cpaj76bt.js";import{d as p}from"./p-xQf4GJxM.js";import{d as b}from"./p-Bl_soFOX.js";import{d as f}from"./p-BKQaXv5U.js";import{O as u}from"./p-PmBBNJAS.js";import{T as _}from"./p-BV65welS.js";import{R as y}from"./p-CpxLBgza.js";import{L as w}from"./p-DwoEAAFz.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:"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":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:"560c83e28e574443ffdc70997b9501fe6c50b545",id:"icon",part:"icon",name:t,color:this.color,size:"md"}),g(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"}))),g(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}
+import{p as t,H as o,e as a,h as s,c as r,t as i}from"./p-DOP4fM2o.js";import{_ as n,L as e,a as d}from"./p-C8OqQuJ7.js";import{s as c}from"./p-El2snbN5.js";import{h as g}from"./p-CEPnyz7c.js";import{r as m}from"./p-Dbt7_-_D.js";import{s as h}from"./p-DFgZk16R.js";import{d as l}from"./p-DyfdPmyS.js";import{d as v}from"./p-BB4SRrRj.js";import{d as p}from"./p-hhVbp_AN.js";import{d as b}from"./p-B0Z95Hj1.js";import{d as f}from"./p-D8RaAucx.js";import{O as u}from"./p-DaqLtBr3.js";import{T as _}from"./p-DEnVBHne.js";import{R as y}from"./p-VwgiuJog.js";import{L as w}from"./p-B9OReveE.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:"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":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:"560c83e28e574443ffdc70997b9501fe6c50b545",id:"icon",part:"icon",name:t,color:this.color,size:"md"}),g(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"}))),g(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://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as e,H as o,e as t,h as r,t as c}from"./p-ZM4hf44X.js";import{_ as a,L as i,a as l}from"./p-C7Qb2sJV.js";import{i as d}from"./p-ChyhE5ro.js";import{a as s}from"./p-Bv45jA_n.js";import{w as g}from"./p-CHZn7ODg.js";import{F as n}from"./p-CxDrGhiv.js";import{d as h}from"./p-Bl_soFOX.js";import{d as b}from"./p-BKQaXv5U.js";import{d as v}from"./p-CKMUtsmn.js";import{T as k}from"./p-BV65welS.js";import{O as p}from"./p-PmBBNJAS.js";const u=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-"+m++,this.inheritAttributes={},this.initialValue=!1,this.focused=!1,this.hasInvalidTextSlotContent=!1,this.autoInvalidOff=!1,this.checked=!1,this.dense=!1,this.disabled=!1,this.invalid=!1,this.invalidText="",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),this.disconnectInvalidTextSlotWatcher=g(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e;null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}componentWillLoad(){s(this.internals,this.checked?this.value:null),this.inheritAttributes=d(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(){const e=this.invalid||this.hasInvalidTextSlotContent;return r(n,{key:"cd60258f4b42f8abfa79bef90d416f34ad99325d",role:"field",disabled:this.disabled,color:"primary",invalid:e,label:"",description:"",invalidText:this.invalidText,required:this.required,language:v.language,cssClasses:{"is-disabled":this.disabled||this.readonly,"is-invalid":e,"is-checked":this.checked,"is-dense":this.dense,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition}},r("label",{key:"3b5084daac77941426b71e818a1f3cb1ef2e95fb",id:"label",part:"label"},r("input",Object.assign({key:"7e4189372a02183f01bcd67af9a447437097a479",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-describedby":e?"description":void 0,"aria-invalid":e?"true":"false",onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),r("div",{key:"102932c1fa0336e92aaee0c7a69868378f95aaee",id:"slot",part:"slot"},r("slot",{key:"225b82ce8fa9aad3483938360bd504af33c42c10"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_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)))}: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 #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{display:contents}: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(.is-invalid){--mod-form-description-color:var(--ds-form-danger-description-color)}:host(.ds-field){display:inline-block !important;width:auto !important;-ms-flex:none !important;flex:none !important;margin-top:0 !important;margin-bottom:0 !important}: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:[516,"auto-invalid-off"],checked:[1540],dense:[4],disabled:[516],invalid:[516],invalidText:[1,"invalid-text"],label:[1],labelPosition:[1,"label-position"],name:[513],readonly:[516],required:[516],value:[8],focused:[32],hasInvalidTextSlotContent:[32]},[[6,"reset","listenToReset"]]]);a([i("toggle"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],u.prototype,"createLogger",null),a([k("boolean"),l("design:type",Boolean)],u.prototype,"autoInvalidOff",void 0),a([k("boolean"),l("design:type",Boolean)],u.prototype,"checked",void 0),a([k("boolean"),l("design:type",Boolean)],u.prototype,"dense",void 0),a([k("boolean"),l("design:type",Boolean)],u.prototype,"disabled",void 0),a([k("boolean"),l("design:type",Boolean)],u.prototype,"invalid",void 0),a([k("string"),l("design:type",String)],u.prototype,"invalidText",void 0),a([k("string"),l("design:type",String)],u.prototype,"label",void 0),a([p(["left","top","right"]),l("design:type",String)],u.prototype,"labelPosition",void 0),a([k("string"),l("design:type",String)],u.prototype,"name",void 0),a([k("boolean"),l("design:type",Boolean)],u.prototype,"readonly",void 0),a([k("boolean"),l("design:type",Boolean)],u.prototype,"required",void 0),a([k("string"),l("design:type",Object)],u.prototype,"value",void 0);let m=0;const f=u,y=function(){"undefined"!=typeof customElements&&["ds-toggle","ds-icon","ds-spinner"].forEach((e=>{switch(e){case"ds-toggle":customElements.get(c(e))||customElements.define(c(e),u);break;case"ds-icon":customElements.get(c(e))||h();break;case"ds-spinner":customElements.get(c(e))||b()}}))};export{f as DsToggle,y as defineCustomElement}
+import{p as e,H as o,e as t,h as r,t as c}from"./p-DOP4fM2o.js";import{_ as a,L as i,a as l}from"./p-C8OqQuJ7.js";import{i as d}from"./p-ChyhE5ro.js";import{a as s}from"./p-El2snbN5.js";import{w as n}from"./p-CHZn7ODg.js";import{F as g}from"./p-vUPe8Qmy.js";import{d as h}from"./p-B0Z95Hj1.js";import{d as b}from"./p-D8RaAucx.js";import{d as v}from"./p-CKMUtsmn.js";import{T as k}from"./p-DEnVBHne.js";import{O as u}from"./p-DaqLtBr3.js";const p=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-"+m++,this.inheritAttributes={},this.initialValue=!1,this.focused=!1,this.hasInvalidTextSlotContent=!1,this.autoInvalidOff=!1,this.checked=!1,this.dense=!1,this.disabled=!1,this.invalid=!1,this.invalidText="",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),this.disconnectInvalidTextSlotWatcher=n(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e;null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}componentWillLoad(){s(this.internals,this.checked?this.value:null),this.inheritAttributes=d(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(){const e=this.invalid||this.hasInvalidTextSlotContent;return r(g,{key:"cd60258f4b42f8abfa79bef90d416f34ad99325d",role:"field",disabled:this.disabled,color:"primary",invalid:e,label:"",description:"",invalidText:this.invalidText,required:this.required,language:v.language,cssClasses:{"is-disabled":this.disabled||this.readonly,"is-invalid":e,"is-checked":this.checked,"is-dense":this.dense,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition}},r("label",{key:"3b5084daac77941426b71e818a1f3cb1ef2e95fb",id:"label",part:"label"},r("input",Object.assign({key:"7e4189372a02183f01bcd67af9a447437097a479",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-describedby":e?"description":void 0,"aria-invalid":e?"true":"false",onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),r("div",{key:"102932c1fa0336e92aaee0c7a69868378f95aaee",id:"slot",part:"slot"},r("slot",{key:"225b82ce8fa9aad3483938360bd504af33c42c10"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_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)))}: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 #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{display:contents}: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(.is-invalid){--mod-form-description-color:var(--ds-form-danger-description-color)}:host(.ds-field){display:inline-block !important;width:auto !important;-ms-flex:none !important;flex:none !important;margin-top:0 !important;margin-bottom:0 !important}: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:[516,"auto-invalid-off"],checked:[1540],dense:[4],disabled:[516],invalid:[516],invalidText:[1,"invalid-text"],label:[1],labelPosition:[1,"label-position"],name:[513],readonly:[516],required:[516],value:[8],focused:[32],hasInvalidTextSlotContent:[32]},[[6,"reset","listenToReset"]]]);a([i("toggle"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],p.prototype,"createLogger",null),a([k("boolean"),l("design:type",Boolean)],p.prototype,"autoInvalidOff",void 0),a([k("boolean"),l("design:type",Boolean)],p.prototype,"checked",void 0),a([k("boolean"),l("design:type",Boolean)],p.prototype,"dense",void 0),a([k("boolean"),l("design:type",Boolean)],p.prototype,"disabled",void 0),a([k("boolean"),l("design:type",Boolean)],p.prototype,"invalid",void 0),a([k("string"),l("design:type",String)],p.prototype,"invalidText",void 0),a([k("string"),l("design:type",String)],p.prototype,"label",void 0),a([u(["left","top","right"]),l("design:type",String)],p.prototype,"labelPosition",void 0),a([k("string"),l("design:type",String)],p.prototype,"name",void 0),a([k("boolean"),l("design:type",Boolean)],p.prototype,"readonly",void 0),a([k("boolean"),l("design:type",Boolean)],p.prototype,"required",void 0),a([k("string"),l("design:type",Object)],p.prototype,"value",void 0);let m=0;const f=p,y=function(){"undefined"!=typeof customElements&&["ds-toggle","ds-icon","ds-spinner"].forEach((e=>{switch(e){case"ds-toggle":customElements.get(c(e))||customElements.define(c(e),p);break;case"ds-icon":customElements.get(c(e))||h();break;case"ds-spinner":customElements.get(c(e))||b()}}))};export{f as DsToggle,y as defineCustomElement}