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

@helvetia-design/core 0.0.6 → 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 (197) hide show

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-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-BWrjPWjt.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;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,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}
+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-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-BNUaCToz.js";import{d as l}from"./p-Bd5NhwlZ.js";import{d as v}from"./p-VnJFXLI2.js";import{d as p}from"./p-BJK2OSM1.js";import{d as b}from"./p-BWrjPWjt.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}
+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-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-BWrjPWjt.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;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}
+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}

package/components/{p-BWrjPWjt.js → p-B0Z95Hj1.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as i,H as o,h as n,c as r,t}from"./p-DOP4fM2o.js";import{_ as s,L as e,a as l}from"./p-C8OqQuJ7.js";import{g as a}from"./p-DPo2awvS.js";import{d as f,c,a as d,b as v}from"./p-DOuBxwgh.js";import{h as u}from"./p-CEPnyz7c.js";import{f as h,s as g}from"./p-BNUaCToz.js";import{n as m}from"./p-B3VN_5Hp.js";import{d as p}from"./p-CKMUtsmn.js";import{T as b}from"./p-DEnVBHne.js";import{O as F}from"./p-DaqLtBr3.js";import{L as x}from"./p-B9OReveE.js";var z,y,_,E,C,A,B,w,D,k,j,O,I,L,U,R,S,T,Z,N,$,H,G,M,P,J,V,Y,q,K,W,Q,X,ii,oi,ni,ri,ti,si,ei,li,ai,fi,ci,di,vi;function ui(){if(w)return B;w=1;var i=function(){if(A)return C;A=1;var i=d(),o=y?z:(y=1,z=function(i,o){for(var n=-1,r=null==i?0:i.length,t=Array(r);++n<r;)t[n]=o(i[n],n,i);return t}),n=v(),r=function(){if(E)return _;E=1;var i=f(),o=c();return _=function(n){return"symbol"==typeof n||o(n)&&"[object Symbol]"==i(n)}}(),t=i?i.prototype:void 0,s=t?t.toString:void 0;return C=function i(t){if("string"==typeof t)return t;if(n(t))return o(t,i)+"";if(r(t))return s?s.call(t):"";var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}}();return B=function(o){return null==o?"":i(o)}}function hi(){if(L)return I;L=1;var i=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");return I=function(o){return i.test(o)}}function gi(){if(M)return G;M=1;var i=function(){if(H)return $;H=1;var i=function(){if(O)return j;O=1;var i=k?D:(k=1,D=function(i,o,n){var r=-1,t=i.length;o<0&&(o=-o>t?0:t+o),(n=n>t?t:n)<0&&(n+=t),t=o>n?0:n-o>>>0,o>>>=0;for(var s=Array(t);++r<t;)s[r]=i[r+o];return s});return j=function(o,n,r){var t=o.length;return r=void 0===r?t:r,!n&&r>=t?o:i(o,n,r)}}(),o=hi(),n=function(){if(N)return Z;N=1;var i=R?U:(R=1,U=function(i){return i.split("")}),o=hi(),n=function(){if(T)return S;T=1;var i="\\ud800-\\udfff",o="["+i+"]",n="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",r="\\ud83c[\\udffb-\\udfff]",t="[^"+i+"]",s="(?:\\ud83c[\\udde6-\\uddff]){2}",e="[\\ud800-\\udbff][\\udc00-\\udfff]",l="(?:"+n+"|"+r+")?",a="[\\ufe0e\\ufe0f]?",f=a+l+"(?:\\u200d(?:"+[t,s,e].join("|")+")"+a+l+")*",c="(?:"+[t+n+"?",n,s,e,o].join("|")+")",d=RegExp(r+"(?="+r+")|"+c+f,"g");return S=function(i){return i.match(d)||[]}}();return Z=function(r){return o(r)?n(r):i(r)}}(),r=ui();return $=function(t){return function(s){s=r(s);var e=o(s)?n(s):void 0,l=e?e[0]:s.charAt(0),a=e?i(e,1).join(""):s.slice(1);return l[t]()+a}}}()("toUpperCase");return G=i}function mi(){if(ci)return fi;ci=1;var i=Y?V:(Y=1,V=function(i,o,n,r){var t=-1,s=null==i?0:i.length;for(r&&s&&(n=i[++t]);++t<s;)n=o(n,i[t],t,i);return n}),o=function(){if(ii)return X;ii=1;var i=function(){if(Q)return W;Q=1;var i=(K?q:(K=1,q=function(i){return function(o){return null==i?void 0:i[o]}}))({À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",Ç:"C",ç:"c",Ð:"D",ð:"d",È:"E",É:"E",Ê:"E",Ë:"E",è:"e",é:"e",ê:"e",ë:"e",Ì:"I",Í:"I",Î:"I",Ï:"I",ì:"i",í:"i",î:"i",ï:"i",Ñ:"N",ñ:"n",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",Ù:"U",Ú:"U",Û:"U",Ü:"U",ù:"u",ú:"u",û:"u",ü:"u",Ý:"Y",ý:"y",ÿ:"y",Æ:"Ae",æ:"ae",Þ:"Th",þ:"th",ß:"ss",Ā:"A",Ă:"A",Ą:"A",ā:"a",ă:"a",ą:"a",Ć:"C",Ĉ:"C",Ċ:"C",Č:"C",ć:"c",ĉ:"c",ċ:"c",č:"c",Ď:"D",Đ:"D",ď:"d",đ:"d",Ē:"E",Ĕ:"E",Ė:"E",Ę:"E",Ě:"E",ē:"e",ĕ:"e",ė:"e",ę:"e",ě:"e",Ĝ:"G",Ğ:"G",Ġ:"G",Ģ:"G",ĝ:"g",ğ:"g",ġ:"g",ģ:"g",Ĥ:"H",Ħ:"H",ĥ:"h",ħ:"h",Ĩ:"I",Ī:"I",Ĭ:"I",Į:"I",İ:"I",ĩ:"i",ī:"i",ĭ:"i",į:"i",ı:"i",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",ĸ:"k",Ĺ:"L",Ļ:"L",Ľ:"L",Ŀ:"L",Ł:"L",ĺ:"l",ļ:"l",ľ:"l",ŀ:"l",ł:"l",Ń:"N",Ņ:"N",Ň:"N",Ŋ:"N",ń:"n",ņ:"n",ň:"n",ŋ:"n",Ō:"O",Ŏ:"O",Ő:"O",ō:"o",ŏ:"o",ő:"o",Ŕ:"R",Ŗ:"R",Ř:"R",ŕ:"r",ŗ:"r",ř:"r",Ś:"S",Ŝ:"S",Ş:"S",Š:"S",ś:"s",ŝ:"s",ş:"s",š:"s",Ţ:"T",Ť:"T",Ŧ:"T",ţ:"t",ť:"t",ŧ:"t",Ũ:"U",Ū:"U",Ŭ:"U",Ů:"U",Ű:"U",Ų:"U",ũ:"u",ū:"u",ŭ:"u",ů:"u",ű:"u",ų:"u",Ŵ:"W",ŵ:"w",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Ź:"Z",Ż:"Z",Ž:"Z",ź:"z",ż:"z",ž:"z",Ĳ:"IJ",ĳ:"ij",Œ:"Oe",œ:"oe",ŉ:"'n",ſ:"s"});return W=i}(),o=ui(),n=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,r=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");return X=function(t){return(t=o(t))&&t.replace(n,i).replace(r,"")}}(),n=function(){if(ai)return li;ai=1;var i=function(){if(ni)return oi;ni=1;var i=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;return oi=function(o){return o.match(i)||[]}}(),o=function(){if(ti)return ri;ti=1;var i=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;return ri=function(o){return i.test(o)}}(),n=ui(),r=function(){if(ei)return si;ei=1;var i="\\ud800-\\udfff",o="\\u2700-\\u27bf",n="a-z\\xdf-\\xf6\\xf8-\\xff",r="A-Z\\xc0-\\xd6\\xd8-\\xde",t="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",s="["+t+"]",e="\\d+",l="["+o+"]",a="["+n+"]",f="[^"+i+t+e+o+n+r+"]",c="(?:\\ud83c[\\udde6-\\uddff]){2}",d="[\\ud800-\\udbff][\\udc00-\\udfff]",v="["+r+"]",u="(?:"+a+"|"+f+")",h="(?:"+v+"|"+f+")",g="(?:['’](?:d|ll|m|re|s|t|ve))?",m="(?:['’](?:D|LL|M|RE|S|T|VE))?",p="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",b="[\\ufe0e\\ufe0f]?",F=b+p+"(?:\\u200d(?:"+["[^"+i+"]",c,d].join("|")+")"+b+p+")*",x="(?:"+[l,c,d].join("|")+")"+F,z=RegExp([v+"?"+a+"+"+g+"(?="+[s,v,"$"].join("|")+")",h+"+"+m+"(?="+[s,v+u,"$"].join("|")+")",v+"?"+u+"+"+g,v+"+"+m,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",e,x].join("|"),"g");return si=function(i){return i.match(z)||[]}}();return li=function(t,s,e){return t=n(t),void 0===(s=e?void 0:s)?o(t)?r(t):i(t):t.match(s)||[]}}(),r=RegExp("['’]","g");return fi=function(t){return function(s){return i(n(o(s).replace(r,"")),t,"")}}}var pi=function(){if(vi)return di;vi=1;var i=function(){if(J)return P;J=1;var i=ui(),o=gi();return P=function(n){return o(i(n).toLowerCase())}}(),o=mi()((function(o,n,r){return n=n.toLowerCase(),o+(r?i(n):n)}));return di=o}(),bi=a(pi),Fi=a(gi());const xi=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this._fetchedSrc="",this.icons=p.icons,this.svgContent="",this.name="",this.svg="",this.src="",this.inline=!1,this.inverted=!1,this.turn=!1,this.shadow=!1,this.disabled=!1,this.invalid=!1,this.generateSvgContent=async i=>{if(Object.keys(this.icons).length>0&&i&&i.length>0){const o=this.icons[`Icon${Fi(bi(i))}`];if(o)return void(o!==this.svgContent&&(this.svgContent=o));console.error(`Icon "${i}" not found in design system configuration.`,"\n\nCheck out the documentation on how to import icons during initialization.","\nhttps://helvetia-design.vercel.app/?path=/docs/components-data-display-icon--documentation&globals=framework:angular#import-during-initialization")}if(this.src&&this.src!==this._fetchedSrc)return this._fetchedSrc=this.src,void(this.svgContent=await h(this.src));if(this.svg){const i=g(this.svg);i!==this.svgContent&&(this.svgContent=i)}}}createLogger(i){this.log=i}connectedCallback(){this.generateSvgContent(this.name)}async componentWillRender(){await this.generateSvgContent(this.name)}async configChanged(i){this.icons=i.icons,await this.generateSvgContent(this.name)}render(){const i=m(this.size)||"";return n(r,{key:"0bd20a2a49abc91eb75199879fedf2b24a5560ea","aria-hidden":"true",class:{"is-filled":!this.svg&&!this.src,[`is-${this.color}`]:u(this.color),[`is-${i}`]:u(this.size),[`turn-${this.name}`]:this.turn,"is-inverted":this.inverted,"is-inline":this.inline,"has-shadow":this.shadow,"is-disabled":this.disabled,"is-invalid":this.invalid}},n("div",{key:"66fcd0a7d17436dbc584a96038a6fe5476320d29",id:"inner",part:"inner",innerHTML:this.svgContent}))}get el(){return this}static get style(){return':host{--_icon-position:var(--icon-position, var(--mod-icon-position, static));--_icon-top:var(--icon-top, var(--mod-icon-top));--_icon-right:var(--icon-right, var(--mod-icon-right));--_icon-bottom:var(--icon-bottom, var(--mod-icon-bottom));--_icon-left:var(--icon-left, var(--mod-icon-left));position:var(--_icon-position);top:var(--_icon-top);right:var(--_icon-right);bottom:var(--_icon-bottom);left:var(--_icon-left);--_icon-m:var(--icon-m, var(--mod-icon-m, 0));--_icon-my:var(--icon-my, var(--mod-icon-my));--_icon-mx:var(--icon-mx, var(--mod-icon-mx));--_icon-ml:var(--icon-ml, var(--mod-icon-ml));--_icon-mr:var(--icon-mr, var(--mod-icon-mr));--_icon-mt:var(--icon-mt, var(--mod-icon-mt));--_icon-mb:var(--icon-mb, var(--mod-icon-mb));margin:var(--_icon-m);margin-inline:var(--_icon-mx);margin-block:var(--_icon-my);margin-left:var(--_icon-ml);margin-right:var(--_icon-mr);margin-top:var(--_icon-mt);margin-bottom:var(--_icon-mb);--_icon-size:var(--icon-size, var(--mod-icon-size, var(--ds-icon-size-base)));--_icon-inner-size:var(--icon-inner-size, var(--mod-icon-inner-size, var(--ds-icon-size-base)));--_icon-inner-mt:var(--icon-inner-mt, var(--mod-icon-inner-mt, 0));--_icon-color:var(--icon-color, var(--mod-icon-color, var(--ds-icon-color-primary)))}: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;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;pointer-events:visible;width:var(--_icon-size);height:var(--_icon-size);max-height:var(--_icon-size)}:host #inner{display:block;position:static;z-index:1;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;margin-top:var(--_icon-inner-mt);padding:calc(.0625*var(--_icon-size));width:var(--_icon-inner-size);height:var(--_icon-inner-size);max-height:var(--_icon-inner-size)}:host #inner>svg{vertical-align:top}:host(.is-filled) svg svg,:host(.is-filled) svg g,:host(.is-filled) svg path,:host(.is-filled) svg circle{fill:var(--_icon-color)}:host(:not(.is-filled)) svg path[fill="#E9FBF7"]{fill:var(--icon-brand-color, #E9FBF7)}:host(:not(.is-filled)) svg path[fill="#e9fbf7"]{fill:var(--icon-brand-color, #e9fbf7)}:host(:not(.is-filled)) svg path[fill="#CBF2EC"]{fill:var(--icon-brand-color, #CBF2EC)}:host(:not(.is-filled)) svg path[fill="#cbf2ec"]{fill:var(--icon-brand-color, #cbf2ec)}:host(:not(.is-filled)) svg path[fill="#94E3D4"]{fill:var(--icon-brand-color, #94E3D4)}:host(:not(.is-filled)) svg path[fill="#94e3d4"]{fill:var(--icon-brand-color, #94e3d4)}:host(:not(.is-filled)) svg path[fill="#21D9AC"]{fill:var(--icon-brand-color, #21D9AC)}:host(:not(.is-filled)) svg path[fill="#21d9ac"]{fill:var(--icon-brand-color, #21d9ac)}:host(:not(.is-filled)) svg path[fill="#00B28F"]{fill:var(--icon-brand-color, #00B28F)}:host(:not(.is-filled)) svg path[fill="#00b28f"]{fill:var(--icon-brand-color, #00b28f)}:host(:not(.is-filled)) svg path[fill="#1B5951"]{fill:var(--icon-brand-color, #1B5951)}:host(:not(.is-filled)) svg path[fill="#1b5951"]{fill:var(--icon-brand-color, #1b5951)}:host(:not(.is-filled)) svg path[fill="#FFF9E8"]{fill:var(--icon-brand-color, #FFF9E8)}:host(:not(.is-filled)) svg path[fill="#fff9e8"]{fill:var(--icon-brand-color, #fff9e8)}:host(:not(.is-filled)) svg path[fill="#FFECBC"]{fill:var(--icon-brand-color, #FFECBC)}:host(:not(.is-filled)) svg path[fill="#ffecbc"]{fill:var(--icon-brand-color, #ffecbc)}:host(:not(.is-filled)) svg path[fill="#FAE052"]{fill:var(--icon-brand-color, #FAE052)}:host(:not(.is-filled)) svg path[fill="#fae052"]{fill:var(--icon-brand-color, #fae052)}:host(:not(.is-filled)) svg path[fill="#FFBE19"]{fill:var(--icon-brand-color, #FFBE19)}:host(:not(.is-filled)) svg path[fill="#ffbe19"]{fill:var(--icon-brand-color, #ffbe19)}:host(:not(.is-filled)) svg path[fill="#FA9319"]{fill:var(--icon-brand-color, #FA9319)}:host(:not(.is-filled)) svg path[fill="#fa9319"]{fill:var(--icon-brand-color, #fa9319)}:host(:not(.is-filled)) svg path[fill="#B24A00"]{fill:var(--icon-brand-color, #B24A00)}:host(:not(.is-filled)) svg path[fill="#b24a00"]{fill:var(--icon-brand-color, #b24a00)}:host(:not(.is-filled)) svg path[fill="#FFEEF1"]{fill:var(--icon-brand-color, #FFEEF1)}:host(:not(.is-filled)) svg path[fill="#ffeef1"]{fill:var(--icon-brand-color, #ffeef1)}:host(:not(.is-filled)) svg path[fill="#FFD7D7"]{fill:var(--icon-brand-color, #FFD7D7)}:host(:not(.is-filled)) svg path[fill="#ffd7d7"]{fill:var(--icon-brand-color, #ffd7d7)}:host(:not(.is-filled)) svg path[fill="#FFACA6"]{fill:var(--icon-brand-color, #FFACA6)}:host(:not(.is-filled)) svg path[fill="#ffaca6"]{fill:var(--icon-brand-color, #ffaca6)}:host(:not(.is-filled)) svg path[fill="#FF596F"]{fill:var(--icon-brand-color, #FF596F)}:host(:not(.is-filled)) svg path[fill="#ff596f"]{fill:var(--icon-brand-color, #ff596f)}:host(:not(.is-filled)) svg path[fill="#D9304C"]{fill:var(--icon-brand-color, #D9304C)}:host(:not(.is-filled)) svg path[fill="#d9304c"]{fill:var(--icon-brand-color, #d9304c)}:host(:not(.is-filled)) svg path[fill="#99172D"]{fill:var(--icon-brand-color, #99172D)}:host(:not(.is-filled)) svg path[fill="#99172d"]{fill:var(--icon-brand-color, #99172d)}:host(:not(.is-filled)) svg path[fill="#F9F3FF"]{fill:var(--icon-brand-color, #F9F3FF)}:host(:not(.is-filled)) svg path[fill="#f9f3ff"]{fill:var(--icon-brand-color, #f9f3ff)}:host(:not(.is-filled)) svg path[fill="#E1D9FF"]{fill:var(--icon-brand-color, #E1D9FF)}:host(:not(.is-filled)) svg path[fill="#e1d9ff"]{fill:var(--icon-brand-color, #e1d9ff)}:host(:not(.is-filled)) svg path[fill="#B8B2FF"]{fill:var(--icon-brand-color, #B8B2FF)}:host(:not(.is-filled)) svg path[fill="#b8b2ff"]{fill:var(--icon-brand-color, #b8b2ff)}:host(:not(.is-filled)) svg path[fill="#BE82FA"]{fill:var(--icon-brand-color, #BE82FA)}:host(:not(.is-filled)) svg path[fill="#be82fa"]{fill:var(--icon-brand-color, #be82fa)}:host(:not(.is-filled)) svg path[fill="#9F52CC"]{fill:var(--icon-brand-color, #9F52CC)}:host(:not(.is-filled)) svg path[fill="#9f52cc"]{fill:var(--icon-brand-color, #9f52cc)}:host(:not(.is-filled)) svg path[fill="#6C2273"]{fill:var(--icon-brand-color, #6C2273)}:host(:not(.is-filled)) svg path[fill="#6c2273"]{fill:var(--icon-brand-color, #6c2273)}:host(:not(.is-filled)) svg path[fill="#000D6E"]{fill:var(--icon-brand-color, #000D6E)}:host(:not(.is-filled)) svg path[fill="#000d6e"]{fill:var(--icon-brand-color, #000d6e)}:host(.is-inline){display:-ms-inline-flexbox;display:inline-flex;line-height:1}:host(.has-shadow) svg{-webkit-filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}:host(.turn-plus) #inner{-webkit-transform:rotate(225deg);transform:rotate(225deg)}:host(.turn-caret-down) #inner,:host(.turn-caret-up) #inner{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.is-tile){background:var(--_icon-tile-color-background);border-radius:var(--_icon-tile-radius);height:var(--_icon-tile-size);--mod-icon-size:var(--_icon-tile-size);--mod-icon-inner-size:var(--_icon-tile-size)}@media screen and (min-width: 769px){:host(.is-tile){height:var(--_icon-tile-size-tablet);--mod-icon-size:var(--_icon-tile-size-tablet);--mod-icon-inner-size:var(--_icon-tile-size-tablet)}}:host(.is-sm){--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}:host(.is-md){--mod-icon-size:var(--ds-icon-size-md);--mod-icon-inner-size:var(--ds-icon-size-md)}:host(.is-lg){--mod-icon-size:var(--ds-icon-size-lg);--mod-icon-inner-size:var(--ds-icon-size-lg)}:host(.is-xl){--mod-icon-size:var(--ds-icon-size-xl);--mod-icon-inner-size:var(--ds-icon-size-xl)}:host(.is-primary:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary)}:host(.is-primary-light:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary-light)}:host(.is-info:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-info)}:host(.is-success:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-success)}:host(.is-danger:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-warning:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-warning)}:host(.is-grey:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-grey)}:host(.is-inverted){--mod-icon-color:var(--ds-icon-color-inverted)}:host(.is-invalid){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-disabled){--mod-icon-color:var(--ds-icon-color-disabled)}'}},[1,"ds-icon",{name:[513],svg:[1],src:[1],size:[513],color:[1],inline:[4],inverted:[4],turn:[4],shadow:[4],disabled:[4],invalid:[4],icons:[32],svgContent:[32],configChanged:[64]}]);function zi(){"undefined"!=typeof customElements&&["ds-icon"].forEach((i=>{"ds-icon"===i&&(customElements.get(t(i))||customElements.define(t(i),xi))}))}s([e("icon"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],xi.prototype,"createLogger",null),s([b("string"),l("design:type",String)],xi.prototype,"name",void 0),s([b("string"),l("design:type",String)],xi.prototype,"svg",void 0),s([b("string"),l("design:type",String)],xi.prototype,"src",void 0),s([F(["sm","md","lg","xl"]),l("design:type",Object)],xi.prototype,"size",void 0),s([F(["primary","info","grey","success","danger","info","warning"]),l("design:type",Object)],xi.prototype,"color",void 0),s([b("boolean"),l("design:type",Boolean)],xi.prototype,"inline",void 0),s([b("boolean"),l("design:type",Boolean)],xi.prototype,"inverted",void 0),s([b("boolean"),l("design:type",Boolean)],xi.prototype,"turn",void 0),s([b("boolean"),l("design:type",Boolean)],xi.prototype,"shadow",void 0),s([b("boolean"),l("design:type",Boolean)],xi.prototype,"disabled",void 0),s([b("boolean"),l("design:type",Boolean)],xi.prototype,"invalid",void 0),s([x(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],xi.prototype,"configChanged",null);export{xi as I,bi as c,zi as d,Fi as u}
+import{p as i,H as o,h as n,c as r,t}from"./p-DOP4fM2o.js";import{_ as s,L as e,a as l}from"./p-C8OqQuJ7.js";import{g as a}from"./p-DPo2awvS.js";import{d as f,c,a as d,b as v}from"./p-DOuBxwgh.js";import{h as u}from"./p-CEPnyz7c.js";import{f as h,s as g}from"./p-DFgZk16R.js";import{n as m}from"./p-BPtibja3.js";import{d as b}from"./p-CKMUtsmn.js";import{T as p}from"./p-DEnVBHne.js";import{O as F}from"./p-DaqLtBr3.js";import{L as x}from"./p-B9OReveE.js";var z,y,_,E,C,A,w,B,D,k,j,O,I,L,R,U,S,Z,T,$,N,H,P,G,M,J,Y,q,K,V,W,Q,X,ii,oi,ni,ri,ti,si,ei,li,ai,fi,ci,di,vi;function ui(){if(B)return w;B=1;var i=function(){if(A)return C;A=1;var i=d(),o=y?z:(y=1,z=function(i,o){for(var n=-1,r=null==i?0:i.length,t=Array(r);++n<r;)t[n]=o(i[n],n,i);return t}),n=v(),r=function(){if(E)return _;E=1;var i=f(),o=c();return _=function(n){return"symbol"==typeof n||o(n)&&"[object Symbol]"==i(n)}}(),t=i?i.prototype:void 0,s=t?t.toString:void 0;return C=function i(t){if("string"==typeof t)return t;if(n(t))return o(t,i)+"";if(r(t))return s?s.call(t):"";var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}}();return w=function(o){return null==o?"":i(o)}}function hi(){if(L)return I;L=1;var i=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");return I=function(o){return i.test(o)}}function gi(){if(G)return P;G=1;var i=function(){if(H)return N;H=1;var i=function(){if(O)return j;O=1;var i=k?D:(k=1,D=function(i,o,n){var r=-1,t=i.length;o<0&&(o=-o>t?0:t+o),(n=n>t?t:n)<0&&(n+=t),t=o>n?0:n-o>>>0,o>>>=0;for(var s=Array(t);++r<t;)s[r]=i[r+o];return s});return j=function(o,n,r){var t=o.length;return r=void 0===r?t:r,!n&&r>=t?o:i(o,n,r)}}(),o=hi(),n=function(){if($)return T;$=1;var i=U?R:(U=1,R=function(i){return i.split("")}),o=hi(),n=function(){if(Z)return S;Z=1;var i="\\ud800-\\udfff",o="["+i+"]",n="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",r="\\ud83c[\\udffb-\\udfff]",t="[^"+i+"]",s="(?:\\ud83c[\\udde6-\\uddff]){2}",e="[\\ud800-\\udbff][\\udc00-\\udfff]",l="(?:"+n+"|"+r+")?",a="[\\ufe0e\\ufe0f]?",f=a+l+"(?:\\u200d(?:"+[t,s,e].join("|")+")"+a+l+")*",c="(?:"+[t+n+"?",n,s,e,o].join("|")+")",d=RegExp(r+"(?="+r+")|"+c+f,"g");return S=function(i){return i.match(d)||[]}}();return T=function(r){return o(r)?n(r):i(r)}}(),r=ui();return N=function(t){return function(s){s=r(s);var e=o(s)?n(s):void 0,l=e?e[0]:s.charAt(0),a=e?i(e,1).join(""):s.slice(1);return l[t]()+a}}}()("toUpperCase");return P=i}function mi(){if(ci)return fi;ci=1;var i=q?Y:(q=1,Y=function(i,o,n,r){var t=-1,s=null==i?0:i.length;for(r&&s&&(n=i[++t]);++t<s;)n=o(n,i[t],t,i);return n}),o=function(){if(ii)return X;ii=1;var i=function(){if(Q)return W;Q=1;var i=(V?K:(V=1,K=function(i){return function(o){return null==i?void 0:i[o]}}))({À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",Ç:"C",ç:"c",Ð:"D",ð:"d",È:"E",É:"E",Ê:"E",Ë:"E",è:"e",é:"e",ê:"e",ë:"e",Ì:"I",Í:"I",Î:"I",Ï:"I",ì:"i",í:"i",î:"i",ï:"i",Ñ:"N",ñ:"n",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",Ù:"U",Ú:"U",Û:"U",Ü:"U",ù:"u",ú:"u",û:"u",ü:"u",Ý:"Y",ý:"y",ÿ:"y",Æ:"Ae",æ:"ae",Þ:"Th",þ:"th",ß:"ss",Ā:"A",Ă:"A",Ą:"A",ā:"a",ă:"a",ą:"a",Ć:"C",Ĉ:"C",Ċ:"C",Č:"C",ć:"c",ĉ:"c",ċ:"c",č:"c",Ď:"D",Đ:"D",ď:"d",đ:"d",Ē:"E",Ĕ:"E",Ė:"E",Ę:"E",Ě:"E",ē:"e",ĕ:"e",ė:"e",ę:"e",ě:"e",Ĝ:"G",Ğ:"G",Ġ:"G",Ģ:"G",ĝ:"g",ğ:"g",ġ:"g",ģ:"g",Ĥ:"H",Ħ:"H",ĥ:"h",ħ:"h",Ĩ:"I",Ī:"I",Ĭ:"I",Į:"I",İ:"I",ĩ:"i",ī:"i",ĭ:"i",į:"i",ı:"i",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",ĸ:"k",Ĺ:"L",Ļ:"L",Ľ:"L",Ŀ:"L",Ł:"L",ĺ:"l",ļ:"l",ľ:"l",ŀ:"l",ł:"l",Ń:"N",Ņ:"N",Ň:"N",Ŋ:"N",ń:"n",ņ:"n",ň:"n",ŋ:"n",Ō:"O",Ŏ:"O",Ő:"O",ō:"o",ŏ:"o",ő:"o",Ŕ:"R",Ŗ:"R",Ř:"R",ŕ:"r",ŗ:"r",ř:"r",Ś:"S",Ŝ:"S",Ş:"S",Š:"S",ś:"s",ŝ:"s",ş:"s",š:"s",Ţ:"T",Ť:"T",Ŧ:"T",ţ:"t",ť:"t",ŧ:"t",Ũ:"U",Ū:"U",Ŭ:"U",Ů:"U",Ű:"U",Ų:"U",ũ:"u",ū:"u",ŭ:"u",ů:"u",ű:"u",ų:"u",Ŵ:"W",ŵ:"w",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Ź:"Z",Ż:"Z",Ž:"Z",ź:"z",ż:"z",ž:"z",Ĳ:"IJ",ĳ:"ij",Œ:"Oe",œ:"oe",ŉ:"'n",ſ:"s"});return W=i}(),o=ui(),n=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,r=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");return X=function(t){return(t=o(t))&&t.replace(n,i).replace(r,"")}}(),n=function(){if(ai)return li;ai=1;var i=function(){if(ni)return oi;ni=1;var i=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;return oi=function(o){return o.match(i)||[]}}(),o=function(){if(ti)return ri;ti=1;var i=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;return ri=function(o){return i.test(o)}}(),n=ui(),r=function(){if(ei)return si;ei=1;var i="\\ud800-\\udfff",o="\\u2700-\\u27bf",n="a-z\\xdf-\\xf6\\xf8-\\xff",r="A-Z\\xc0-\\xd6\\xd8-\\xde",t="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",s="["+t+"]",e="\\d+",l="["+o+"]",a="["+n+"]",f="[^"+i+t+e+o+n+r+"]",c="(?:\\ud83c[\\udde6-\\uddff]){2}",d="[\\ud800-\\udbff][\\udc00-\\udfff]",v="["+r+"]",u="(?:"+a+"|"+f+")",h="(?:"+v+"|"+f+")",g="(?:['’](?:d|ll|m|re|s|t|ve))?",m="(?:['’](?:D|LL|M|RE|S|T|VE))?",b="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",p="[\\ufe0e\\ufe0f]?",F=p+b+"(?:\\u200d(?:"+["[^"+i+"]",c,d].join("|")+")"+p+b+")*",x="(?:"+[l,c,d].join("|")+")"+F,z=RegExp([v+"?"+a+"+"+g+"(?="+[s,v,"$"].join("|")+")",h+"+"+m+"(?="+[s,v+u,"$"].join("|")+")",v+"?"+u+"+"+g,v+"+"+m,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",e,x].join("|"),"g");return si=function(i){return i.match(z)||[]}}();return li=function(t,s,e){return t=n(t),void 0===(s=e?void 0:s)?o(t)?r(t):i(t):t.match(s)||[]}}(),r=RegExp("['’]","g");return fi=function(t){return function(s){return i(n(o(s).replace(r,"")),t,"")}}}var bi=function(){if(vi)return di;vi=1;var i=function(){if(J)return M;J=1;var i=ui(),o=gi();return M=function(n){return o(i(n).toLowerCase())}}(),o=mi()((function(o,n,r){return n=n.toLowerCase(),o+(r?i(n):n)}));return di=o}(),pi=a(bi),Fi=a(gi());const xi=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this._fetchedSrc="",this.icons=b.icons,this.svgContent="",this.name="",this.svg="",this.src="",this.inline=!1,this.inverted=!1,this.turn=!1,this.shadow=!1,this.disabled=!1,this.invalid=!1,this.generateSvgContent=async i=>{if(Object.keys(this.icons).length>0&&i&&i.length>0){const o=this.icons[`Icon${Fi(pi(i))}`];if(o)return void(o!==this.svgContent&&(this.svgContent=o));console.error(`Icon "${i}" not found in design system configuration.`,"\n\nCheck out the documentation on how to import icons during initialization.","\nhttps://helvetia-design.vercel.app/?path=/docs/components-data-display-icon--documentation&globals=framework:angular#import-during-initialization")}if(this.src&&this.src!==this._fetchedSrc)return this._fetchedSrc=this.src,void(this.svgContent=await h(this.src));if(this.svg){const i=g(this.svg);i!==this.svgContent&&(this.svgContent=i)}}}createLogger(i){this.log=i}connectedCallback(){this.generateSvgContent(this.name)}async componentWillRender(){await this.generateSvgContent(this.name)}async configChanged(i){this.icons=i.icons,await this.generateSvgContent(this.name)}render(){const i=m(this.size)||"";return n(r,{key:"0bd20a2a49abc91eb75199879fedf2b24a5560ea","aria-hidden":"true",class:{"is-filled":!this.svg&&!this.src,[`is-${this.color}`]:u(this.color),[`is-${i}`]:u(this.size),[`turn-${this.name}`]:this.turn,"is-inverted":this.inverted,"is-inline":this.inline,"has-shadow":this.shadow,"is-disabled":this.disabled,"is-invalid":this.invalid}},n("div",{key:"66fcd0a7d17436dbc584a96038a6fe5476320d29",id:"inner",part:"inner",innerHTML:this.svgContent}))}get el(){return this}static get style(){return':host{--_icon-position:var(--icon-position, var(--mod-icon-position, static));--_icon-top:var(--icon-top, var(--mod-icon-top));--_icon-right:var(--icon-right, var(--mod-icon-right));--_icon-bottom:var(--icon-bottom, var(--mod-icon-bottom));--_icon-left:var(--icon-left, var(--mod-icon-left));position:var(--_icon-position);top:var(--_icon-top);right:var(--_icon-right);bottom:var(--_icon-bottom);left:var(--_icon-left);--_icon-m:var(--icon-m, var(--mod-icon-m, 0));--_icon-my:var(--icon-my, var(--mod-icon-my));--_icon-mx:var(--icon-mx, var(--mod-icon-mx));--_icon-ml:var(--icon-ml, var(--mod-icon-ml));--_icon-mr:var(--icon-mr, var(--mod-icon-mr));--_icon-mt:var(--icon-mt, var(--mod-icon-mt));--_icon-mb:var(--icon-mb, var(--mod-icon-mb));margin:var(--_icon-m);margin-inline:var(--_icon-mx);margin-block:var(--_icon-my);margin-left:var(--_icon-ml);margin-right:var(--_icon-mr);margin-top:var(--_icon-mt);margin-bottom:var(--_icon-mb);--_icon-size:var(--icon-size, var(--mod-icon-size, var(--ds-icon-size-base)));--_icon-inner-size:var(--icon-inner-size, var(--mod-icon-inner-size, var(--ds-icon-size-base)));--_icon-inner-mt:var(--icon-inner-mt, var(--mod-icon-inner-mt, 0));--_icon-color:var(--icon-color, var(--mod-icon-color, var(--ds-icon-color-primary)))}: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;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;pointer-events:visible;width:var(--_icon-size);height:var(--_icon-size);max-height:var(--_icon-size)}:host #inner{display:block;position:static;z-index:1;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;margin-top:var(--_icon-inner-mt);padding:calc(.0625*var(--_icon-size));width:var(--_icon-inner-size);height:var(--_icon-inner-size);max-height:var(--_icon-inner-size)}:host #inner>svg{vertical-align:top}:host(.is-filled) svg svg,:host(.is-filled) svg g,:host(.is-filled) svg path,:host(.is-filled) svg circle{fill:var(--_icon-color)}:host(:not(.is-filled)) svg path[fill="#E9FBF7"]{fill:var(--icon-brand-color, #E9FBF7)}:host(:not(.is-filled)) svg path[fill="#e9fbf7"]{fill:var(--icon-brand-color, #e9fbf7)}:host(:not(.is-filled)) svg path[fill="#CBF2EC"]{fill:var(--icon-brand-color, #CBF2EC)}:host(:not(.is-filled)) svg path[fill="#cbf2ec"]{fill:var(--icon-brand-color, #cbf2ec)}:host(:not(.is-filled)) svg path[fill="#94E3D4"]{fill:var(--icon-brand-color, #94E3D4)}:host(:not(.is-filled)) svg path[fill="#94e3d4"]{fill:var(--icon-brand-color, #94e3d4)}:host(:not(.is-filled)) svg path[fill="#21D9AC"]{fill:var(--icon-brand-color, #21D9AC)}:host(:not(.is-filled)) svg path[fill="#21d9ac"]{fill:var(--icon-brand-color, #21d9ac)}:host(:not(.is-filled)) svg path[fill="#00B28F"]{fill:var(--icon-brand-color, #00B28F)}:host(:not(.is-filled)) svg path[fill="#00b28f"]{fill:var(--icon-brand-color, #00b28f)}:host(:not(.is-filled)) svg path[fill="#1B5951"]{fill:var(--icon-brand-color, #1B5951)}:host(:not(.is-filled)) svg path[fill="#1b5951"]{fill:var(--icon-brand-color, #1b5951)}:host(:not(.is-filled)) svg path[fill="#FFF9E8"]{fill:var(--icon-brand-color, #FFF9E8)}:host(:not(.is-filled)) svg path[fill="#fff9e8"]{fill:var(--icon-brand-color, #fff9e8)}:host(:not(.is-filled)) svg path[fill="#FFECBC"]{fill:var(--icon-brand-color, #FFECBC)}:host(:not(.is-filled)) svg path[fill="#ffecbc"]{fill:var(--icon-brand-color, #ffecbc)}:host(:not(.is-filled)) svg path[fill="#FAE052"]{fill:var(--icon-brand-color, #FAE052)}:host(:not(.is-filled)) svg path[fill="#fae052"]{fill:var(--icon-brand-color, #fae052)}:host(:not(.is-filled)) svg path[fill="#FFBE19"]{fill:var(--icon-brand-color, #FFBE19)}:host(:not(.is-filled)) svg path[fill="#ffbe19"]{fill:var(--icon-brand-color, #ffbe19)}:host(:not(.is-filled)) svg path[fill="#FA9319"]{fill:var(--icon-brand-color, #FA9319)}:host(:not(.is-filled)) svg path[fill="#fa9319"]{fill:var(--icon-brand-color, #fa9319)}:host(:not(.is-filled)) svg path[fill="#B24A00"]{fill:var(--icon-brand-color, #B24A00)}:host(:not(.is-filled)) svg path[fill="#b24a00"]{fill:var(--icon-brand-color, #b24a00)}:host(:not(.is-filled)) svg path[fill="#FFEEF1"]{fill:var(--icon-brand-color, #FFEEF1)}:host(:not(.is-filled)) svg path[fill="#ffeef1"]{fill:var(--icon-brand-color, #ffeef1)}:host(:not(.is-filled)) svg path[fill="#FFD7D7"]{fill:var(--icon-brand-color, #FFD7D7)}:host(:not(.is-filled)) svg path[fill="#ffd7d7"]{fill:var(--icon-brand-color, #ffd7d7)}:host(:not(.is-filled)) svg path[fill="#FFACA6"]{fill:var(--icon-brand-color, #FFACA6)}:host(:not(.is-filled)) svg path[fill="#ffaca6"]{fill:var(--icon-brand-color, #ffaca6)}:host(:not(.is-filled)) svg path[fill="#FF596F"]{fill:var(--icon-brand-color, #FF596F)}:host(:not(.is-filled)) svg path[fill="#ff596f"]{fill:var(--icon-brand-color, #ff596f)}:host(:not(.is-filled)) svg path[fill="#D9304C"]{fill:var(--icon-brand-color, #D9304C)}:host(:not(.is-filled)) svg path[fill="#d9304c"]{fill:var(--icon-brand-color, #d9304c)}:host(:not(.is-filled)) svg path[fill="#99172D"]{fill:var(--icon-brand-color, #99172D)}:host(:not(.is-filled)) svg path[fill="#99172d"]{fill:var(--icon-brand-color, #99172d)}:host(:not(.is-filled)) svg path[fill="#F9F3FF"]{fill:var(--icon-brand-color, #F9F3FF)}:host(:not(.is-filled)) svg path[fill="#f9f3ff"]{fill:var(--icon-brand-color, #f9f3ff)}:host(:not(.is-filled)) svg path[fill="#E1D9FF"]{fill:var(--icon-brand-color, #E1D9FF)}:host(:not(.is-filled)) svg path[fill="#e1d9ff"]{fill:var(--icon-brand-color, #e1d9ff)}:host(:not(.is-filled)) svg path[fill="#B8B2FF"]{fill:var(--icon-brand-color, #B8B2FF)}:host(:not(.is-filled)) svg path[fill="#b8b2ff"]{fill:var(--icon-brand-color, #b8b2ff)}:host(:not(.is-filled)) svg path[fill="#BE82FA"]{fill:var(--icon-brand-color, #BE82FA)}:host(:not(.is-filled)) svg path[fill="#be82fa"]{fill:var(--icon-brand-color, #be82fa)}:host(:not(.is-filled)) svg path[fill="#9F52CC"]{fill:var(--icon-brand-color, #9F52CC)}:host(:not(.is-filled)) svg path[fill="#9f52cc"]{fill:var(--icon-brand-color, #9f52cc)}:host(:not(.is-filled)) svg path[fill="#6C2273"]{fill:var(--icon-brand-color, #6C2273)}:host(:not(.is-filled)) svg path[fill="#6c2273"]{fill:var(--icon-brand-color, #6c2273)}:host(:not(.is-filled)) svg path[fill="#000D6E"]{fill:var(--icon-brand-color, #000D6E)}:host(:not(.is-filled)) svg path[fill="#000d6e"]{fill:var(--icon-brand-color, #000d6e)}:host(.is-inline){display:-ms-inline-flexbox;display:inline-flex;line-height:1}:host(.has-shadow) svg{-webkit-filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}:host(.turn-plus) #inner{-webkit-transform:rotate(225deg);transform:rotate(225deg)}:host(.turn-caret-down) #inner,:host(.turn-caret-up) #inner{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.is-tile){background:var(--_icon-tile-color-background);border-radius:var(--_icon-tile-radius);height:var(--_icon-tile-size);--mod-icon-size:var(--_icon-tile-size);--mod-icon-inner-size:var(--_icon-tile-size)}@media screen and (min-width: 769px){:host(.is-tile){height:var(--_icon-tile-size-tablet);--mod-icon-size:var(--_icon-tile-size-tablet);--mod-icon-inner-size:var(--_icon-tile-size-tablet)}}:host(.is-sm){--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}:host(.is-md){--mod-icon-size:var(--ds-icon-size-md);--mod-icon-inner-size:var(--ds-icon-size-md)}:host(.is-lg){--mod-icon-size:var(--ds-icon-size-lg);--mod-icon-inner-size:var(--ds-icon-size-lg)}:host(.is-xl){--mod-icon-size:var(--ds-icon-size-xl);--mod-icon-inner-size:var(--ds-icon-size-xl)}:host(.is-primary:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary)}:host(.is-primary-light:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary-light)}:host(.is-info:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-info)}:host(.is-success:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-success)}:host(.is-danger:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-warning:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-warning)}:host(.is-grey:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-grey)}:host(.is-inverted){--mod-icon-color:var(--ds-icon-color-inverted)}:host(.is-invalid){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-disabled){--mod-icon-color:var(--ds-icon-color-disabled)}'}},[1,"ds-icon",{name:[513],svg:[1],src:[1],size:[513],color:[1],inline:[4],inverted:[4],turn:[4],shadow:[4],disabled:[4],invalid:[4],icons:[32],svgContent:[32],configChanged:[64]}]);function zi(){"undefined"!=typeof customElements&&["ds-icon"].forEach((i=>{"ds-icon"===i&&(customElements.get(t(i))||customElements.define(t(i),xi))}))}s([e("icon"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],xi.prototype,"createLogger",null),s([p("string"),l("design:type",String)],xi.prototype,"name",void 0),s([p("string"),l("design:type",String)],xi.prototype,"svg",void 0),s([p("string"),l("design:type",String)],xi.prototype,"src",void 0),s([F(["sm","md","lg","xl"]),l("design:type",Object)],xi.prototype,"size",void 0),s([F(["primary","info","grey","success","danger","info","warning"]),l("design:type",Object)],xi.prototype,"color",void 0),s([p("boolean"),l("design:type",Boolean)],xi.prototype,"inline",void 0),s([p("boolean"),l("design:type",Boolean)],xi.prototype,"inverted",void 0),s([p("boolean"),l("design:type",Boolean)],xi.prototype,"turn",void 0),s([p("boolean"),l("design:type",Boolean)],xi.prototype,"shadow",void 0),s([p("boolean"),l("design:type",Boolean)],xi.prototype,"disabled",void 0),s([p("boolean"),l("design:type",Boolean)],xi.prototype,"invalid",void 0),s([x(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],xi.prototype,"configChanged",null);export{xi as I,pi as c,zi as d,Fi as u}

package/components/p-B9El_sPq.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{d as t,f as s}from"./p-DOP4fM2o.js";import{c as e,a as i,o as n,p as a}from"./p-Dbt7_-_D.js";import{i as o}from"./p-D-l3znnD.js";import{d}from"./p-CKMUtsmn.js";const r=["ds-accordion","ds-alert-container","ds-app-footer","ds-app-navbar","ds-badge","ds-brand-icon","ds-button","ds-button-group","ds-card","ds-card-actions","ds-card-content","ds-card-header","ds-card-subtitle","ds-card-title","ds-carousel","ds-carousel-item","ds-checkbox","ds-checkbox-group","ds-close","ds-content","ds-counter","ds-data","ds-data-item","ds-data-label","ds-data-value","ds-datepicker","ds-divider","ds-drawer","ds-file-upload","ds-heading","ds-hint","ds-hint-text","ds-hint-title","ds-icon","ds-input","ds-item","ds-label","ds-list","ds-logo","ds-modal","ds-modal-body","ds-modal-header","ds-notification","ds-number-input","ds-pagination","ds-phone-input","ds-popup","ds-progress-bar","ds-radio","ds-radio-group","ds-root","ds-segment","ds-segment-item","ds-select","ds-select-optgroup","ds-select-option","ds-shape","ds-sheet","ds-slider","ds-snackbar","ds-spinner","ds-stack","ds-step","ds-step-panel","ds-steps","ds-tab","ds-tab-panel","ds-tabs","ds-tag","ds-tag-group","ds-text","ds-textarea","ds-toast","ds-toggle","ds-tooltip"],c={brand:(t,s)=>t.brand=s,region:(t,s)=>t.region=s,language:(t,s)=>t.language=s,fallbackLanguage:(t,s)=>t.fallbackLanguage=s,allowedLanguages:(t,s)=>t.allowedLanguages=s.split(",").map((t=>t.trim())),animated:(t,s)=>t.animated="false"!==s};class h{constructor(){this._componentObservers=[],this._observers=[],this._config=d}get brand(){return this._config.brand}set brand(t){t!==this._config.brand&&(this._config.brand=t,this._notify())}get locale(){return`${this._config.language}-${this._config.region}`}get region(){return this._config.region}set region(t){t!==this._config.region&&(this._config.region=t,this._notify())}get language(){return this._config.language}set language(t){t!==this._config.language&&(this._config.language=this._config.allowedLanguages.includes(t)?t:this._config.fallbackLanguage,this._notify())}get allowedLanguages(){return this._config.allowedLanguages}set allowedLanguages(t){t!==this._config.allowedLanguages&&(this._config.allowedLanguages=t,this._notify())}get fallbackLanguage(){return this._config.fallbackLanguage}set fallbackLanguage(t){t!==this._config.fallbackLanguage&&(this._config.fallbackLanguage=t,this._notify())}get icons(){return this._config.icons}set icons(t){const s=Object.assign(Object.assign({},this._config.icons),t);o(s,this._config.icons)||(this._config.icons=s,this._notify())}get logger(){return this._config.logger}set logger(t){this._config.logger=Object.assign({},t),this._notify()}get animated(){return this._config.animated}set animated(t){this._config.animated=t,this._notify()}get legalLinks(){return this._config.legalLinks}set legalLinks(t){const s=Object.assign(Object.assign({},this._config.legalLinks),t);o(s,this._config.legalLinks)||(this._config.legalLinks=s,this._notify())}get legalText(){return this._config.legalText}set legalText(t){const s=Object.assign(Object.assign({},this._config.legalText),t);o(s,this._config.legalText)||(this._config.legalText=s,this._notify())}get socialLinks(){return this._config.socialLinks}set socialLinks(t){const s=Object.assign(Object.assign({},this._config.socialLinks),t);o(s,this._config.socialLinks)||(this._config.socialLinks=s,this._notify())}attach(t){if(this._observers.includes(t))return console.log("Subject: Observer has been attached already.");this._observers.push(t),t.configChanged(this._config)}detach(t){const s=this._observers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._observers.splice(s,1)}attachComponent(t){if(this._componentObservers.includes(t))return console.log("Subject: Observer has been attached already.");this._componentObservers.push(t),t.configChanged(this._config)}detachComponent(t){const s=this._componentObservers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._componentObservers.splice(s,1)}toString(){return JSON.stringify(this._config)}reset(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)}),this._notify(!1)}_notify(t=!0){for(const t of this._componentObservers)t.configChanged(this._config);if(t)for(const t of this._observers)t.configChanged(this._config)}}const l=new h,u=t=>{try{const s=JSON.parse(t.localStorage.getItem("ds-animated")||"true");return null!==s?{animated:s}:{}}catch(t){return{}}},b=t=>{try{const s=t.document;if(!s)return{};const e=s.querySelector('meta[name="design-system-config"]');if(!e)return{};const i={};for(const[t,s]of Object.entries(c)){const n=e.dataset[t];void 0!==n&&s(i,n)}return i}catch(t){return{}}},g=(s={},e={})=>{0===Object.keys(e).length&&t.hasWindow&&(e=window),e.DesignSystem=e.DesignSystem||{},l.reset(Object.assign(Object.assign(Object.assign(Object.assign({},b(e)),u(e)),s),{icons:Object.assign({},s.icons)})),e.DesignSystem.config=l};class p{constructor(t){this.type=t,this.container=null}async create(t){var s;return this.setupContainer(t),null===(s=this.container)||void 0===s?void 0:s.addAlert(t)}async remove(t){var s;await(null===(s=this.container)||void 0===s?void 0:s.removeAlert(t))}async removeAll(){var t;await(null===(t=this.container)||void 0===t?void 0:t.removeAll())}setupContainer(t){const s=`ds-${this.type}-container`;this.container=document.getElementById(s),this.container||this.container||(this.container=document.createElement("ds-alert-container"),this.container.id=s,this.container.setAttribute("type",this.type),i(document).appendChild(this.container))}}const m=t=>new p(t),f=m("toast"),j=m("snackbar"),O=new class{async create(t={}){const s=document.createElement("ds-modal");let o;void 0!==t.modalWidth&&(s.modalWidth=t.modalWidth),void 0!==t.closable&&(s.closable=t.closable),void 0!==t.fullscreen&&(s.fullscreen=t.fullscreen),void 0!==t.label&&(s.label=t.label),i(document).appendChild(s);try{void 0!==t.component&&(o=await(async(t,s,i,n,a)=>{if(t)return t.attachViewToDom(s,i,a,n);if("string"!=typeof i&&!(i instanceof HTMLElement))throw new Error("framework delegate is missing");const o="string"==typeof i?s.ownerDocument&&s.ownerDocument.createElement(i):i;return n&&n.forEach((t=>o.classList.add(t))),a&&Object.assign(o,a),o.slot="body",s.appendChild(o),await new Promise((t=>e(o,t))),o})(t.delegate,s,t.component,[],t.componentProps))}catch(t){throw s.remove(),t}const d=()=>((t,s)=>{if(s){if(t)return t.removeViewFromDom(s.parentElement,s);s.remove()}return Promise.resolve()})(t.delegate,o).finally((()=>{void 0!==o&&s.remove()})),r=t=>{t.target===s&&(a(s,"dsDidDismiss",r),d())};n(s,"dsDidDismiss",r);try{await s.present()}catch(t){throw await d().catch((()=>{})),t}return s}async dismiss(s,e,i){if(!t.hasDocument)return;const n=s?`ds-modal#${CSS.escape(s)}`:"ds-modal[open]",a=document.querySelector(n);await(null==a?void 0:a.dismiss(e,i))}async dismissAll(){if(!t.hasDocument)return;const s=Array.from(document.querySelectorAll("ds-modal[open]"));await Promise.all(s.map((t=>t.dismiss())))}},y=(e={},i,n={})=>{0===Object.keys(n).length&&t.hasWindow&&(n=window),n.DesignSystem=n.DesignSystem||{},i&&s(i),g(Object.assign(Object.assign({},e),i),n),n.DesignSystem.toastController=f,n.DesignSystem.snackbarController=j,n.DesignSystem.modalController=O,n.DesignSystem.initialize=()=>g(n.DesignSystem.config,n),n.DesignSystem.version="0.0.6",e._generateHydrateForCustomElementsOutput&&v(r)},v=(t=[])=>{const s="undefined"!=typeof window?window:{};if(!s.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const e=s.document.head,i=e.querySelector("meta[charset]"),n=s.document.createElement("style");t.length>0&&(n.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}",n.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",n.innerHTML.length&&(n.setAttribute("data-styles",""),e.insertBefore(n,i?i.nextSibling:e.firstChild)))};export{h as C,u as a,b,l as c,O as d,f as e,j as f,y as i,g as s}
+import{d as t,f as s}from"./p-DOP4fM2o.js";import{c as e,a as i,o as n,p as a}from"./p-Dbt7_-_D.js";import{i as o}from"./p-D-l3znnD.js";import{d}from"./p-CKMUtsmn.js";const r=["ds-accordion","ds-alert-container","ds-app-footer","ds-app-navbar","ds-badge","ds-brand-icon","ds-button","ds-button-group","ds-card","ds-card-actions","ds-card-content","ds-card-header","ds-card-subtitle","ds-card-title","ds-carousel","ds-carousel-item","ds-checkbox","ds-checkbox-group","ds-close","ds-content","ds-counter","ds-data","ds-data-item","ds-data-label","ds-data-value","ds-datepicker","ds-divider","ds-drawer","ds-file-upload","ds-heading","ds-hint","ds-hint-text","ds-hint-title","ds-icon","ds-input","ds-item","ds-label","ds-list","ds-logo","ds-modal","ds-modal-body","ds-modal-header","ds-notification","ds-number-input","ds-pagination","ds-phone-input","ds-popup","ds-progress-bar","ds-radio","ds-radio-group","ds-root","ds-segment","ds-segment-item","ds-select","ds-select-optgroup","ds-select-option","ds-shape","ds-sheet","ds-slider","ds-snackbar","ds-spinner","ds-stack","ds-step","ds-step-panel","ds-steps","ds-tab","ds-tab-panel","ds-tabs","ds-tag","ds-tag-group","ds-text","ds-textarea","ds-toast","ds-toggle","ds-tooltip"],c={brand:(t,s)=>t.brand=s,region:(t,s)=>t.region=s,language:(t,s)=>t.language=s,fallbackLanguage:(t,s)=>t.fallbackLanguage=s,allowedLanguages:(t,s)=>t.allowedLanguages=s.split(",").map((t=>t.trim())),animated:(t,s)=>t.animated="false"!==s};class h{constructor(){this._componentObservers=[],this._observers=[],this._config=d}get brand(){return this._config.brand}set brand(t){t!==this._config.brand&&(this._config.brand=t,this._notify())}get locale(){return`${this._config.language}-${this._config.region}`}get region(){return this._config.region}set region(t){t!==this._config.region&&(this._config.region=t,this._notify())}get language(){return this._config.language}set language(t){t!==this._config.language&&(this._config.language=this._config.allowedLanguages.includes(t)?t:this._config.fallbackLanguage,this._notify())}get allowedLanguages(){return this._config.allowedLanguages}set allowedLanguages(t){t!==this._config.allowedLanguages&&(this._config.allowedLanguages=t,this._notify())}get fallbackLanguage(){return this._config.fallbackLanguage}set fallbackLanguage(t){t!==this._config.fallbackLanguage&&(this._config.fallbackLanguage=t,this._notify())}get icons(){return this._config.icons}set icons(t){const s=Object.assign(Object.assign({},this._config.icons),t);o(s,this._config.icons)||(this._config.icons=s,this._notify())}get logger(){return this._config.logger}set logger(t){this._config.logger=Object.assign({},t),this._notify()}get animated(){return this._config.animated}set animated(t){this._config.animated=t,this._notify()}get legalLinks(){return this._config.legalLinks}set legalLinks(t){const s=Object.assign(Object.assign({},this._config.legalLinks),t);o(s,this._config.legalLinks)||(this._config.legalLinks=s,this._notify())}get legalText(){return this._config.legalText}set legalText(t){const s=Object.assign(Object.assign({},this._config.legalText),t);o(s,this._config.legalText)||(this._config.legalText=s,this._notify())}get socialLinks(){return this._config.socialLinks}set socialLinks(t){const s=Object.assign(Object.assign({},this._config.socialLinks),t);o(s,this._config.socialLinks)||(this._config.socialLinks=s,this._notify())}attach(t){if(this._observers.includes(t))return console.log("Subject: Observer has been attached already.");this._observers.push(t),t.configChanged(this._config)}detach(t){const s=this._observers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._observers.splice(s,1)}attachComponent(t){if(this._componentObservers.includes(t))return console.log("Subject: Observer has been attached already.");this._componentObservers.push(t),t.configChanged(this._config)}detachComponent(t){const s=this._componentObservers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._componentObservers.splice(s,1)}toString(){return JSON.stringify(this._config)}reset(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)}),this._notify(!1)}_notify(t=!0){for(const t of this._componentObservers)t.configChanged(this._config);if(t)for(const t of this._observers)t.configChanged(this._config)}}const l=new h,u=t=>{try{const s=JSON.parse(t.localStorage.getItem("ds-animated")||"true");return null!==s?{animated:s}:{}}catch(t){return{}}},b=t=>{try{const s=t.document;if(!s)return{};const e=s.querySelector('meta[name="design-system-config"]');if(!e)return{};const i={};for(const[t,s]of Object.entries(c)){const n=e.dataset[t];void 0!==n&&s(i,n)}return i}catch(t){return{}}},g=(s={},e={})=>{0===Object.keys(e).length&&t.hasWindow&&(e=window),e.DesignSystem=e.DesignSystem||{},l.reset(Object.assign(Object.assign(Object.assign(Object.assign({},b(e)),u(e)),s),{icons:Object.assign({},s.icons)})),e.DesignSystem.config=l};class p{constructor(t){this.type=t,this.container=null}async create(t){var s;return this.setupContainer(t),null===(s=this.container)||void 0===s?void 0:s.addAlert(t)}async remove(t){var s;await(null===(s=this.container)||void 0===s?void 0:s.removeAlert(t))}async removeAll(){var t;await(null===(t=this.container)||void 0===t?void 0:t.removeAll())}setupContainer(t){const s=`ds-${this.type}-container`;this.container=document.getElementById(s),this.container||this.container||(this.container=document.createElement("ds-alert-container"),this.container.id=s,this.container.setAttribute("type",this.type),i(document).appendChild(this.container))}}const m=t=>new p(t),f=m("toast"),j=m("snackbar"),O=new class{async create(t={}){const s=document.createElement("ds-modal");let o;void 0!==t.modalWidth&&(s.modalWidth=t.modalWidth),void 0!==t.closable&&(s.closable=t.closable),void 0!==t.fullscreen&&(s.fullscreen=t.fullscreen),void 0!==t.label&&(s.label=t.label),i(document).appendChild(s);try{void 0!==t.component&&(o=await(async(t,s,i,n,a)=>{if(t)return t.attachViewToDom(s,i,a,n);if("string"!=typeof i&&!(i instanceof HTMLElement))throw new Error("framework delegate is missing");const o="string"==typeof i?s.ownerDocument&&s.ownerDocument.createElement(i):i;return n&&n.forEach((t=>o.classList.add(t))),a&&Object.assign(o,a),o.slot="body",s.appendChild(o),await new Promise((t=>e(o,t))),o})(t.delegate,s,t.component,[],t.componentProps))}catch(t){throw s.remove(),t}const d=()=>((t,s)=>{if(s){if(t)return t.removeViewFromDom(s.parentElement,s);s.remove()}return Promise.resolve()})(t.delegate,o).finally((()=>{void 0!==o&&s.remove()})),r=t=>{t.target===s&&(a(s,"dsDidDismiss",r),d())};n(s,"dsDidDismiss",r);try{await s.present()}catch(t){throw await d().catch((()=>{})),t}return s}async dismiss(s,e,i){if(!t.hasDocument)return;const n=s?`ds-modal#${CSS.escape(s)}`:"ds-modal[open]",a=document.querySelector(n);await(null==a?void 0:a.dismiss(e,i))}async dismissAll(){if(!t.hasDocument)return;const s=Array.from(document.querySelectorAll("ds-modal[open]"));await Promise.all(s.map((t=>t.dismiss())))}},y=(e={},i,n={})=>{0===Object.keys(n).length&&t.hasWindow&&(n=window),n.DesignSystem=n.DesignSystem||{},i&&s(i),g(Object.assign(Object.assign({},e),i),n),n.DesignSystem.toastController=f,n.DesignSystem.snackbarController=j,n.DesignSystem.modalController=O,n.DesignSystem.initialize=()=>g(n.DesignSystem.config,n),n.DesignSystem.version="0.1.0",e._generateHydrateForCustomElementsOutput&&v(r)},v=(t=[])=>{const s="undefined"!=typeof window?window:{};if(!s.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const e=s.document.head,i=e.querySelector("meta[charset]"),n=s.document.createElement("style");t.length>0&&(n.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}",n.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",n.innerHTML.length&&(n.setAttribute("data-styles",""),e.insertBefore(n,i?i.nextSibling:e.firstChild)))};export{h as C,u as a,b,l as c,O as d,f as e,j as f,y as i,g as s}

package/components/p-BB4SRrRj.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
+ */
+import{p as o,H as t,e as r,h as e,c as n,t as d}from"./p-DOP4fM2o.js";import{_ as a,L as b,a as i}from"./p-C8OqQuJ7.js";import{a as s}from"./p-Bo-aKWH3.js";import{i as c}from"./p-ChyhE5ro.js";import{h as u}from"./p-CEPnyz7c.js";import{B as l,a as v,b as h,c as m,d as g}from"./p-BoHP-k4E.js";import{d as x}from"./p-DyfdPmyS.js";import{d as p}from"./p-B0Z95Hj1.js";import{d as k}from"./p-D8RaAucx.js";import{O as y}from"./p-DaqLtBr3.js";import{R as f}from"./p-VwgiuJog.js";import{T as w}from"./p-DEnVBHne.js";const _=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsClick=r(this,"dsClick"),this.dsNavigate=r(this,"dsNavigate"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),this.dsDidRender=r(this,"dsDidRender"),this.internals=this.attachInternals(),this.inheritAttributes={},this.color="primary",this.elementType="button",this.disabled=!1,this.href="",this.target="_self",this.rel="",this.download="",this.shadow=!1,this.square=!1,this.wide=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.icon="",this.iconTurn=!1,this.iconRight="",this.brandIcon="",this.noWrap=!1,this.name="",this.value="",this.a11yControls="",this.a11yCurrent="",this.a11yTitle="",this.a11yLabel="",this.a11yHaspopup="",this.handleHostClick=o=>{this.disabled&&(o.preventDefault(),o.stopPropagation())},this.handleFocus=()=>{this.dsFocus.emit()},this.handleBlur=()=>{this.dsBlur.emit()},this.handleClick=o=>{var t,r;this.disabled||("submit"===this.elementType&&(null===(t=this.internals.form)||void 0===t||t.requestSubmit()),"reset"===this.elementType&&(null===(r=this.internals.form)||void 0===r||r.reset()),this.dsClick.emit(o),u(this.href)&&this.dsNavigate.emit(o))}}createLogger(o){this.log=o}componentWillLoad(){this.inheritAttributes=c(this.el,["title","aria-label","aria-controls","aria-current","aria-hidden","tabindex","aria-haspopup"]),!this.a11yCurrent&&this.inheritAttributes["aria-current"]&&(this.a11yCurrent=this.inheritAttributes["aria-current"]),delete this.inheritAttributes["aria-current"],this.el.hasAttribute("ds-popup")&&!this.a11yHaspopup&&(this.a11yHaspopup="true")}componentDidRender(){this.dsDidRender.emit()}listenToClick(o){this.disabled&&o.target&&o.target===this.el&&(o.preventDefault(),o.stopPropagation())}get isIconInverted(){return this.inverted}get hasBrandIcon(){return u(this.brandIcon)}get isBrandIconSvg(){return this.brandIcon.trim().startsWith("<")}get brandIconColor(){const o=this.color.match(/^brand-(purple|red|yellow|green)$/);return o?o[1]:void 0}get leftIconAttrs(){return!u(this.icon)||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!u(this.iconRight)||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{}:{style:{display:"none"}}}render(){const{elementType:o,download:t,href:r,rel:d,target:a,name:b,value:i}=this,c=this.size||void 0,l=u(this.href)?"a":"button",v="button"===l?{type:o,name:b,value:i}:{download:t,href:r,rel:d,target:a},h={title:this.a11yTitle||this.inheritAttributes.title,"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes.title,"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-current":this.a11yCurrent||void 0,"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return e(n,{key:"bda96892dc1306808ad72ca435039288a9b76191",onClick:this.handleHostClick,class:{"is-wide":this.wide,[`is-${this.color||"primary"}`]:!0,[`is-${c}`]:u(c),"is-inverted":this.inverted,"is-disabled":this.disabled,"is-loading":this.loading,"is-flat":this.flat,"is-square":this.square,"has-shadow":this.shadow,"has-no-wrap":this.noWrap,"has-brand-icon":this.hasBrandIcon}},e(l,Object.assign({key:"2cdaa76bd97078354293eebd6b028b1272812907"},v,this.inheritAttributes,{type:this.elementType,id:"button",part:"native",disabled:this.disabled||this.loading,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-busy":s(!!this.loading),"aria-disabled":s(this.disabled||this.loading)},h),this.loading?e("ds-spinner",Object.assign({},this.loadingAttrs,{part:"spinner",size:"sm",deactivated:!this.loading})):"",this.hasBrandIcon?e("ds-brand-icon",{part:"icon",svg:this.isBrandIconSvg?this.brandIcon:"",src:this.isBrandIconSvg?"":this.brandIcon,size:this.brandSize,color:this.brandIconColor}):u(this.icon)?e("ds-icon",Object.assign({},this.leftIconAttrs,{part:"icon",class:this.square?"":"icon-left",name:this.icon,size:c,turn:this.iconTurn,inverted:this.isIconInverted})):"",e("span",{key:"055c9a82511c44ea3035c9418d902f18e86209e0",part:"label"},e("slot",{key:"0c811c3be953c3c52ae78d5df91458be89c174ee"})),!this.hasBrandIcon&&u(this.iconRight)?e("ds-icon",Object.assign({},this.leftRightAttrs,{part:"icon-right",class:"icon-right",name:this.iconRight,size:"sm",turn:this.iconTurn,inverted:this.isIconInverted})):""))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-size-base-font-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-size-base-font-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base-font-size)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-size-base-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-size-base-radius)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, fit-content));--_button-gap:var(--button-gap, var(--mod-button-gap, var(--ds-button-size-base-gap)));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, var(--ds-button-size-base-min-height)));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, var(--ds-button-size-base-min-width)));--_button-px:var(--button-px, var(--mod-button-px, var(--ds-button-size-base-padding-x)));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}#button{-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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{#button{display:none !important}}#button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-px);background-color:var(--_button-color-background);color:var(--_button-color-text);border:var(--_button-color-border)}#button::-moz-focus-inner{border:0}#button{--spinner-logo-size:1.5rem;--icon-color:var(--_button-color-text)}#button:focus,#button:active{outline:none}@media (hover: hover)and (pointer: fine){#button:focus-visible:not(:active),#button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){#button:hover,#button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border:var(--_button-color-border-hover)}}#button:active,#button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border:var(--_button-color-border-active);translate:0 .5px}:host(.is-wide){width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-wide) #button{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.has-brand-icon){-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.has-brand-icon) #button{-ms-flex-direction:column;flex-direction:column;text-align:center;padding:calc(var(--ds-button-size-base-padding-x)/2)}@media screen and (min-width: 769px){:host(.has-brand-icon) #button{padding:calc(var(--ds-button-size-base-padding-x))}}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-underline-width)}:host ::slotted(ds-badge),:host ::slotted(.ds-badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.is-primary:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}:host(.is-secondary:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}:host(.is-tertiary:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}:host(.is-ghost:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-ghost-base-text);--mod-button-color-background:var(--ds-button-color-ghost-base-background);--mod-button-color-border:var(--ds-button-color-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-ghost-active-border)}:host(.is-brand-purple:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-purple-base-text);--mod-button-color-background:var(--ds-button-color-brand-purple-base-background);--mod-button-color-border:var(--ds-button-color-brand-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-purple-active-border)}:host(.is-brand-red:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-red-base-text);--mod-button-color-background:var(--ds-button-color-brand-red-base-background);--mod-button-color-border:var(--ds-button-color-brand-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-red-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-red-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-red-active-border)}:host(.is-brand-yellow:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-yellow-base-text);--mod-button-color-background:var(--ds-button-color-brand-yellow-base-background);--mod-button-color-border:var(--ds-button-color-brand-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-yellow-active-border)}:host(.is-brand-green:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-green-base-text);--mod-button-color-background:var(--ds-button-color-brand-green-base-background);--mod-button-color-border:var(--ds-button-color-brand-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-green-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-green-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-green-active-border)}:host(.is-info:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}:host(.is-success:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}:host(.is-warning:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}:host(.is-danger:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}:host(.is-link:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}:host(.is-text:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}:host(.is-primary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-brand-purple.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-brand-red.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-brand-yellow.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-brand-green.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-info.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-success.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-warning.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-danger.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-secondary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}:host(.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}:host(.is-ghost.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-ghost-base-text);--mod-button-color-background:var(--ds-button-color-inverted-ghost-base-background);--mod-button-color-border:var(--ds-button-color-inverted-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-ghost-active-border)}:host(.is-text.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}:host(.is-link.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}:host(.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-focus-shadow:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-button-font-family:var(--ds-button-size-sm-font-family);--mod-button-font-weight:var(--ds-button-size-sm-font-weight);--mod-button-font-size:var(--ds-button-size-sm-font-size);--mod-button-line-height:var(--ds-button-size-sm-line-height);--mod-button-radius:var(--ds-button-size-sm-radius);--mod-button-gap:var(--ds-button-size-sm-gap);--mod-button-min-height:var(--ds-button-size-sm-min-height);--mod-button-min-width:var(--ds-button-size-sm-min-width);--mod-button-px:var(--ds-button-size-sm-padding-x)}:host(.is-lg){--mod-button-font-family:var(--ds-button-size-lg-font-family);--mod-button-font-weight:var(--ds-button-size-lg-font-weight);--mod-button-font-size:var(--ds-button-size-lg-font-size);--mod-button-line-height:var(--ds-button-size-lg-line-height);--mod-button-radius:var(--ds-button-size-lg-radius);--mod-button-gap:var(--ds-button-size-lg-gap);--mod-button-min-height:var(--ds-button-size-lg-min-height);--mod-button-min-width:var(--ds-button-size-lg-min-width);--mod-button-px:var(--ds-button-size-lg-padding-x)}:host(.is-flat){--mod-button-px:0;--mod-button-min-height:1.75rem}:host(.is-square:not(.is-sm)){--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-square.is-sm){--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.has-shadow:not(.is-link):not(.is-ghost)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-ghost.has-shadow),:host(.is-link.has-shadow){--mod-button-text-shadow:var(--ds-alias-shadow-text)}:host(.has-no-wrap){max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host(.has-no-wrap) #button{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host #button[disabled],:host #button[disabled]:hover,:host #button[disabled].is-hovered,:host #button[disabled]:active,:host #button[disabled].is-pressed,:host #button[disabled]:focus,:host #button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-icon,:host #button[disabled]:hover>ds-icon,:host #button[disabled].is-hovered>ds-icon,:host #button[disabled]:active>ds-icon,:host #button[disabled].is-pressed>ds-icon,:host #button[disabled]:focus>ds-icon,:host #button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner,:host #button[disabled]:hover>ds-spinner,:host #button[disabled].is-hovered>ds-spinner,:host #button[disabled]:active>ds-spinner,:host #button[disabled].is-pressed>ds-spinner,:host #button[disabled]:focus>ds-spinner,:host #button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner.is-circle,:host #button[disabled]:hover>ds-spinner.is-circle,:host #button[disabled].is-hovered>ds-spinner.is-circle,:host #button[disabled]:active>ds-spinner.is-circle,:host #button[disabled].is-pressed>ds-spinner.is-circle,:host #button[disabled]:focus>ds-spinner.is-circle,:host #button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button,:host(.is-loading) #button:hover,:host(.is-loading) #button.is-hovered,:host(.is-loading) #button:active,:host(.is-loading) #button.is-pressed,:host(.is-loading) #button:focus,:host(.is-loading) #button.is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-icon,:host(.is-loading) #button:hover>ds-icon,:host(.is-loading) #button.is-hovered>ds-icon,:host(.is-loading) #button:active>ds-icon,:host(.is-loading) #button.is-pressed>ds-icon,:host(.is-loading) #button:focus>ds-icon,:host(.is-loading) #button.is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner,:host(.is-loading) #button:hover>ds-spinner,:host(.is-loading) #button.is-hovered>ds-spinner,:host(.is-loading) #button:active>ds-spinner,:host(.is-loading) #button.is-pressed>ds-spinner,:host(.is-loading) #button:focus>ds-spinner,:host(.is-loading) #button.is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner.is-circle,:host(.is-loading) #button:hover>ds-spinner.is-circle,:host(.is-loading) #button.is-hovered>ds-spinner.is-circle,:host(.is-loading) #button:active>ds-spinner.is-circle,:host(.is-loading) #button.is-pressed>ds-spinner.is-circle,:host(.is-loading) #button:focus>ds-spinner.is-circle,:host(.is-loading) #button.is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host{display:inline-block;width:var(--_button-width)}:host #button{margin:0 !important;width:100%}"}},[321,"ds-button",{color:[1],elementType:[513,"element-type"],disabled:[516],size:[1],href:[1],target:[1],rel:[1],download:[1],shadow:[4],square:[4],wide:[4],flat:[4],outlined:[4],inverted:[516],loading:[516],icon:[1],iconTurn:[4,"icon-turn"],iconRight:[1,"icon-right"],brandIcon:[1,"brand-icon"],brandSize:[1,"brand-size"],noWrap:[4,"no-wrap"],name:[513],value:[1],a11yControls:[1,"a-1-1y-controls"],a11yCurrent:[1025,"a-1-1y-current"],a11yTitle:[1,"a-1-1y-title"],a11yLabel:[1,"a-1-1y-label"],a11yHaspopup:[1025,"a-1-1y-haspopup"]},[[6,"click","listenToClick"]]]);function z(){"undefined"!=typeof customElements&&["ds-button","ds-brand-icon","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-button":customElements.get(d(o))||customElements.define(d(o),_);break;case"ds-brand-icon":customElements.get(d(o))||x();break;case"ds-icon":customElements.get(d(o))||p();break;case"ds-spinner":customElements.get(d(o))||k()}}))}a([b("button"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],_.prototype,"createLogger",null),a([y(l),i("design:type",String)],_.prototype,"color",void 0),a([f(),y(v),i("design:type",String)],_.prototype,"elementType",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"disabled",void 0),a([y(h),i("design:type",Object)],_.prototype,"size",void 0),a([w("string"),i("design:type",String)],_.prototype,"href",void 0),a([f(),y(m),i("design:type",String)],_.prototype,"target",void 0),a([w("string"),i("design:type",String)],_.prototype,"rel",void 0),a([w("string"),i("design:type",String)],_.prototype,"download",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"shadow",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"square",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"wide",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"flat",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"outlined",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"inverted",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"loading",void 0),a([w("string"),i("design:type",String)],_.prototype,"icon",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"iconTurn",void 0),a([w("string"),i("design:type",String)],_.prototype,"iconRight",void 0),a([w("string"),i("design:type",String)],_.prototype,"brandIcon",void 0),a([y(g),i("design:type",Object)],_.prototype,"brandSize",void 0),a([w("boolean"),i("design:type",Boolean)],_.prototype,"noWrap",void 0),a([w("string"),i("design:type",String)],_.prototype,"name",void 0),a([w("string"),i("design:type",String)],_.prototype,"value",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yControls",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yCurrent",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yTitle",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yLabel",void 0),a([w("string"),i("design:type",String)],_.prototype,"a11yHaspopup",void 0);export{_ as B,z as d}

package/components/{p-B3VN_5Hp.js → p-BPtibja3.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-const x=x=>{if(null==x||null==x||""===x)return x;const e=String(x).toLowerCase(),s=l[e];return s?(console.warn(`[bal] The t-shirt size "${x}" is deprecated. Please use the short value "${s}" instead.`),s):x},l=Object.entries({"3xs":"xx-small","2xs":"xx-small",xs:"x-small",sm:"small",base:"normal",md:"medium",lg:"large",xl:"x-large","2xl":"xx-large","3xl":"xxx-large","4xl":"xxxx-large","5xl":"xxxxx-large","6xl":"xxxxxx-large"}).reduce(((x,[l,e])=>(x[e]||(x[e]=l),x)),{});export{x as n}
+const x=x=>{if(null==x||null==x||""===x)return x;const e=String(x).toLowerCase(),s=l[e];return s?(console.warn(`[bal] The t-shirt size "${x}" is deprecated. Please use the short value "${s}" instead.`),s):x},l=Object.entries({"3xs":"xx-small","2xs":"xx-small",xs:"x-small",sm:"small",base:"normal",md:"medium",lg:"large",xl:"x-large","2xl":"xx-large","3xl":"xxx-large","4xl":"xxxx-large","5xl":"xxxxx-large","6xl":"xxxxxx-large"}).reduce(((x,[l,e])=>("3xs"===l||x[e]||(x[e]=l),x)),{});export{x as n}