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

package/components/ds-input.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as o,H as r,e as t,h as e,t as i}from"./p-D_rQ-1tV.js";import{_ as n,L as a,a as s}from"./p-DnNWN90x.js";import{i as d}from"./p-CYHzHtnv.js";import{i as l,N as c,A as h}from"./p-D86WpWIE.js";import{i as m}from"./p-B62ocg4Q.js";import{s as u,F as f}from"./p-CBu_QEKB.js";import{h as p}from"./p-BabptNq4.js";import{n as v}from"./p-CvX_Qt_3.js";import{w as g}from"./p-Dcf7YMP0.js";import{F as b}from"./p-DVX9w2ld.js";import{I as y,b as w,a as _,c as $,d as k,e as x}from"./p-B28K7zBb.js";import{d as z}from"./p-B5CqWYLV.js";import{d as B}from"./p-C971cVzE.js";import{d as C}from"./p-BRVmctrW.js";import{T as j}from"./p-CdB59TNI.js";import{O as D}from"./p-BchWICdx.js";import{L as I}from"./p-D2--7hMh.js";class S{constructor(o){this.component=o}setFormatter(o){o&&(this.formatter=o)}format(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.format(o)}onInput(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onInput(o)}onKeydown(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onKeydown(o)}}const E=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,3),r.substring(3,6),r.substring(6,9),r.substring(9,12)].filter((o=>o.length>0));switch(t.length){case 1:return t[0];case 2:return`${t[0]}.${t[1]}`;case 3:return`${t[0]}.${t[1]}.${t[2]}`;default:return`${t[0]}.${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}.${t[2]}`;default:return`${t[0]}/${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=e.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=r.substring(0,9),e=r.substring(9,10),i=this.formatOffer(t);return e?`${i}-${e}`:i}formatOffer(o){const r=[o.substring(0,2),o.substring(2,3),o.substring(3,6),o.substring(6,9)].filter((o=>o.length>0));switch(r.length){case 1:return o;case 2:return`${r[0]}/${r[1]}`;case 3:return`${r[0]}/${r[1]}.${r[2]}`;default:return`${r[0]}/${r[1]}.${r[2]}.${r[3]}`}}},new class{constructor(){this.name="basic-contract-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=e.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}.${t[2]}`;default:return`${t[0]}/${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=e.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){var r;if(l(o))return;const t=o.target,e=null!==(r=null==t?void 0:t.value.replace(/[^\dXx]/g,"").length)&&void 0!==r?r:0;("X"===o.key||"x"===o.key)&&e>=this.maxLength-1||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.trim().toUpperCase(),t=[r.substring(0,2),r.substring(2,8),r.substring(8,10),r.substring(10,11)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}/${t[2]}`;default:return`${t[0]}/${t[1]}/${t[2]}.${t[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,4),r.substring(4,7),r.substring(7,10)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}.${t[1]}`;default:return`${t[0]}.${t[1]}.${t[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,6),r.substring(6,10),r.substring(10,14)].filter((o=>o.length>0));switch(t.length){case 1:return"BE"+r;case 2:return`BE${t[0]} ${t[1]}`;case 3:return`BE${t[0]} ${t[1]} ${t[2]}`;default:return`BE${t[0]} ${t[1]} ${t[2]} ${t[3]}`}}}],K=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsBlur=t(this,"dsBlur"),this.dsKeyPress=t(this,"dsKeyPress"),this.dsFocus=t(this,"dsFocus"),this.dsClick=t(this,"dsClick"),this.dsInput=t(this,"dsInput"),this.dsChange=t(this,"dsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.control=new f(this),this.maskUtil=new S(this),this.inputId="ds-input-"+V++,this.focused=!1,this.language=C.language,this.region=C.region,this.hasInvalidTextSlotContent=!1,this.value=null,this.name=this.inputId,this.label="",this.description="",this.color="primary",this.loading=!1,this.invalid=!1,this.invalidText="",this.type="text",this.accept="",this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder="",this.max="",this.min="",this.pattern="",this.allowedKeyPress="",this.required=!0,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.suffix="",this.mask=void 0,this.autoInvalidOff=!1,this.handleKeydown=o=>void 0!==this.mask?this.maskUtil.onKeydown(o):!this.allowedKeyPress||d(o)||l(o)||RegExp("^"+this.allowedKeyPress+"$").test(o.key)||[...h].includes(o.key)?void 0:u(o),this.handleClick=o=>{this.control.onClick(o)},this.handleFocus=o=>{this.control.onFocus(o)},this.handleBlur=o=>{this.control.onBlur(o)},this.handleInput=o=>{this.maskUtil.onInput(o),this.control.onInput(o)}}createLogger(o){this.log=o}debounceChanged(){this.dsChange=v(this.dsChange,this.debounce)}maskChanged(){this.maskUtil.setFormatter((o=>E.find((r=>r.name===o)))(this.mask))}connectedCallback(){this.debounceChanged(),this.maskChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=g(this.el,(o=>{this.hasInvalidTextSlotContent=o}))}disconnectedCallback(){var o;null===(o=this.disconnectInvalidTextSlotWatcher)||void 0===o||o.call(this)}componentWillLoad(){this.inheritedAttributes=m(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(o){this.control.listenOnClick(o)}listenToReset(o){this.control.listenOnReset(o)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(o){this.language=o.language,this.region=o.region}getRawValue(){return""+(this.value||"")}getFormattedValue(){const o=this.getRawValue();return`${o}${p(this.suffix)&&p(o)?" "+this.suffix:""}`}render(){var o;let r;r=p(this.mask)?null!==(o=this.maskUtil.format(this.getRawValue()))&&void 0!==o?o:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let t={};p(this.pattern)&&(t={pattern:this.pattern});const i=this.invalid||this.hasInvalidTextSlotContent;return e(b,{key:"2b58da577133cac3b0cd7649c0b5a168c97e3aa6",disabled:this.disabled,color:this.color,invalid:i,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"3b18c7a0fadd841de8275fa405a49fd92cec55de",id:"input",part:"input",name:this.name,ref:o=>this.control.nativeEl=o,"aria-describedby":"description","aria-invalid":i?"true":"false",disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:r,onClick:o=>this.handleClick(o),onFocus:o=>this.handleFocus(o),onBlur:o=>this.handleBlur(o),onInput:o=>this.handleInput(o),onKeyDown:o=>this.handleKeydown(o),onKeyPress:o=>this.dsKeyPress.emit(o)},t,this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],mask:[{maskChanged: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)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-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 #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}: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) #input{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-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}"}},[65,"ds-input",{value:[1537],name:[513],label:[1],description:[1],color:[1],loading:[4],invalid:[4],invalidText:[1,"invalid-text"],type:[1],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],debounce:[2],placeholder:[1],max:[1],maxLength:[2,"max-length"],min:[1],minLength:[2,"min-length"],multiple:[4],pattern:[1],allowedKeyPress:[1,"allowed-key-press"],required:[4],spellcheck:[4],disabled:[4],readonly:[4],suffix:[1],inputmode:[1],mask:[1],autoInvalidOff:[516,"auto-invalid-off"],focused:[32],language:[32],region:[32],hasInvalidTextSlotContent:[32],setFocus:[64],setBlur:[64],getInputElement:[64],configChanged:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}]);n([a("input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],K.prototype,"createLogger",null),n([j("string"),s("design:type",Object)],K.prototype,"value",void 0),n([j("string"),s("design:type",String)],K.prototype,"name",void 0),n([j("string"),s("design:type",String)],K.prototype,"label",void 0),n([j("string"),s("design:type",String)],K.prototype,"description",void 0),n([D(y),s("design:type",String)],K.prototype,"color",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"loading",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"invalid",void 0),n([j("string"),s("design:type",String)],K.prototype,"invalidText",void 0),n([D(w),s("design:type",String)],K.prototype,"type",void 0),n([j("string"),s("design:type",String)],K.prototype,"accept",void 0),n([j("string"),s("design:type",String)],K.prototype,"autocapitalize",void 0),n([D(_),s("design:type",String)],K.prototype,"autocomplete",void 0),n([D($),s("design:type",String)],K.prototype,"autocorrect",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"autofocus",void 0),n([j("number"),s("design:type",Number)],K.prototype,"debounce",void 0),n([j("string"),s("design:type",String)],K.prototype,"placeholder",void 0),n([j("string"),s("design:type",String)],K.prototype,"max",void 0),n([j("number"),s("design:type",Number)],K.prototype,"maxLength",void 0),n([j("string"),s("design:type",String)],K.prototype,"min",void 0),n([j("number"),s("design:type",Number)],K.prototype,"minLength",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"multiple",void 0),n([j("string"),s("design:type",String)],K.prototype,"pattern",void 0),n([j("string"),s("design:type",String)],K.prototype,"allowedKeyPress",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"required",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"spellcheck",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"disabled",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"readonly",void 0),n([j("string"),s("design:type",String)],K.prototype,"suffix",void 0),n([D(k),s("design:type",String)],K.prototype,"inputmode",void 0),n([D(x),s("design:type",String)],K.prototype,"mask",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"autoInvalidOff",void 0),n([I(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],K.prototype,"configChanged",null);let V=0;const L=K,F=function(){"undefined"!=typeof customElements&&["ds-input","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-input":customElements.get(i(o))||customElements.define(i(o),K);break;case"ds-icon":customElements.get(i(o))||z();break;case"ds-spinner":customElements.get(i(o))||B()}}))};export{L as DsInput,F as defineCustomElement}
+import{p as o,H as r,e as t,h as e,t as i}from"./p-D_rQ-1tV.js";import{_ as n,L as a,a as s}from"./p-DnNWN90x.js";import{i as d}from"./p-CYHzHtnv.js";import{i as l,N as c,A as h}from"./p-D86WpWIE.js";import{i as m}from"./p-B62ocg4Q.js";import{s as u,F as f}from"./p-CcE-lfae.js";import{h as p}from"./p-BabptNq4.js";import{n as v}from"./p-CvX_Qt_3.js";import{w as g}from"./p-BvNfYE1d.js";import{F as b}from"./p-DVX9w2ld.js";import{I as y,b as w,a as _,c as $,d as k,e as x}from"./p-B28K7zBb.js";import{d as z}from"./p-mahwWXn2.js";import{d as B}from"./p-oyOklwcz.js";import{d as C}from"./p-yDxcfq5h.js";import{T as j}from"./p-CdB59TNI.js";import{O as D}from"./p-BchWICdx.js";import{L as I}from"./p-D2--7hMh.js";class S{constructor(o){this.component=o}setFormatter(o){o&&(this.formatter=o)}format(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.format(o)}onInput(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onInput(o)}onKeydown(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onKeydown(o)}}const E=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,3),r.substring(3,6),r.substring(6,9),r.substring(9,12)].filter((o=>o.length>0));switch(t.length){case 1:return t[0];case 2:return`${t[0]}.${t[1]}`;case 3:return`${t[0]}.${t[1]}.${t[2]}`;default:return`${t[0]}.${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}.${t[2]}`;default:return`${t[0]}/${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=e.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=r.substring(0,9),e=r.substring(9,10),i=this.formatOffer(t);return e?`${i}-${e}`:i}formatOffer(o){const r=[o.substring(0,2),o.substring(2,3),o.substring(3,6),o.substring(6,9)].filter((o=>o.length>0));switch(r.length){case 1:return o;case 2:return`${r[0]}/${r[1]}`;case 3:return`${r[0]}/${r[1]}.${r[2]}`;default:return`${r[0]}/${r[1]}.${r[2]}.${r[3]}`}}},new class{constructor(){this.name="basic-contract-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=e.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}.${t[2]}`;default:return`${t[0]}/${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=e.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){var r;if(l(o))return;const t=o.target,e=null!==(r=null==t?void 0:t.value.replace(/[^\dXx]/g,"").length)&&void 0!==r?r:0;("X"===o.key||"x"===o.key)&&e>=this.maxLength-1||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.trim().toUpperCase(),t=[r.substring(0,2),r.substring(2,8),r.substring(8,10),r.substring(10,11)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}/${t[2]}`;default:return`${t[0]}/${t[1]}/${t[2]}.${t[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,4),r.substring(4,7),r.substring(7,10)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}.${t[1]}`;default:return`${t[0]}.${t[1]}.${t[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const e=o.target;if(!e)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(a),i<a.length&&e.setSelectionRange(i,n)}onKeydown(o){l(o)||[...c,...h].includes(o.key)||u(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,6),r.substring(6,10),r.substring(10,14)].filter((o=>o.length>0));switch(t.length){case 1:return"BE"+r;case 2:return`BE${t[0]} ${t[1]}`;case 3:return`BE${t[0]} ${t[1]} ${t[2]}`;default:return`BE${t[0]} ${t[1]} ${t[2]} ${t[3]}`}}}],K=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsBlur=t(this,"dsBlur"),this.dsKeyPress=t(this,"dsKeyPress"),this.dsFocus=t(this,"dsFocus"),this.dsClick=t(this,"dsClick"),this.dsInput=t(this,"dsInput"),this.dsChange=t(this,"dsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.control=new f(this),this.maskUtil=new S(this),this.inputId="ds-input-"+L++,this.focused=!1,this.language=C.language,this.region=C.region,this.hasInvalidTextSlotContent=!1,this.value=null,this.name=this.inputId,this.label="",this.description="",this.color="primary",this.loading=!1,this.invalid=!1,this.invalidText="",this.type="text",this.accept="",this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder="",this.max="",this.min="",this.pattern="",this.allowedKeyPress="",this.required=!0,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.suffix="",this.mask=void 0,this.autoInvalidOff=!1,this.handleKeydown=o=>void 0!==this.mask?this.maskUtil.onKeydown(o):!this.allowedKeyPress||d(o)||l(o)||RegExp("^"+this.allowedKeyPress+"$").test(o.key)||[...h].includes(o.key)?void 0:u(o),this.handleClick=o=>{this.control.onClick(o)},this.handleFocus=o=>{this.control.onFocus(o)},this.handleBlur=o=>{this.control.onBlur(o)},this.handleInput=o=>{this.maskUtil.onInput(o),this.control.onInput(o)}}createLogger(o){this.log=o}debounceChanged(){this.dsChange=v(this.dsChange,this.debounce)}maskChanged(){this.maskUtil.setFormatter((o=>E.find((r=>r.name===o)))(this.mask))}connectedCallback(){this.debounceChanged(),this.maskChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=g(this.el,(o=>{this.hasInvalidTextSlotContent=o}))}disconnectedCallback(){var o;null===(o=this.disconnectInvalidTextSlotWatcher)||void 0===o||o.call(this)}componentWillLoad(){this.inheritedAttributes=m(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(o){this.control.listenOnClick(o)}listenToReset(o){this.control.listenOnReset(o)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(o){this.language=o.language,this.region=o.region}getRawValue(){return""+(this.value||"")}getFormattedValue(){const o=this.getRawValue();return`${o}${p(this.suffix)&&p(o)?" "+this.suffix:""}`}render(){var o;let r;r=p(this.mask)?null!==(o=this.maskUtil.format(this.getRawValue()))&&void 0!==o?o:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let t={};p(this.pattern)&&(t={pattern:this.pattern});const i=this.invalid||this.hasInvalidTextSlotContent;return e(b,{key:"40b70b3a01a7569c67e3da6020db922fd3da9fb9",disabled:this.disabled,color:this.color,invalid:i,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"4b43fe8759f73a21227041052cfa708aed8337b9",id:"input",part:"input",name:this.name,ref:o=>this.control.nativeEl=o,"aria-describedby":"description","aria-invalid":i?"true":"false",disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:r,onClick:o=>this.handleClick(o),onFocus:o=>this.handleFocus(o),onBlur:o=>this.handleBlur(o),onInput:o=>this.handleInput(o),onKeyDown:o=>this.handleKeydown(o),onKeyPress:o=>this.dsKeyPress.emit(o)},t,this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],mask:[{maskChanged: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)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-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 #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}: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) #input{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-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}"}},[65,"ds-input",{value:[1537],name:[513],label:[1],description:[1],color:[1],loading:[4],invalid:[4],invalidText:[1,"invalid-text"],type:[1],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],debounce:[2],placeholder:[1],max:[1],maxLength:[2,"max-length"],min:[1],minLength:[2,"min-length"],multiple:[4],pattern:[1],allowedKeyPress:[1,"allowed-key-press"],required:[4],spellcheck:[4],disabled:[4],readonly:[4],suffix:[1],inputmode:[1],mask:[1],autoInvalidOff:[516,"auto-invalid-off"],focused:[32],language:[32],region:[32],hasInvalidTextSlotContent:[32],setFocus:[64],setBlur:[64],getInputElement:[64],configChanged:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}]);n([a("input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],K.prototype,"createLogger",null),n([j("string"),s("design:type",Object)],K.prototype,"value",void 0),n([j("string"),s("design:type",String)],K.prototype,"name",void 0),n([j("string"),s("design:type",String)],K.prototype,"label",void 0),n([j("string"),s("design:type",String)],K.prototype,"description",void 0),n([D(y),s("design:type",String)],K.prototype,"color",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"loading",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"invalid",void 0),n([j("string"),s("design:type",String)],K.prototype,"invalidText",void 0),n([D(w),s("design:type",String)],K.prototype,"type",void 0),n([j("string"),s("design:type",String)],K.prototype,"accept",void 0),n([j("string"),s("design:type",String)],K.prototype,"autocapitalize",void 0),n([D(_),s("design:type",String)],K.prototype,"autocomplete",void 0),n([D($),s("design:type",String)],K.prototype,"autocorrect",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"autofocus",void 0),n([j("number"),s("design:type",Number)],K.prototype,"debounce",void 0),n([j("string"),s("design:type",String)],K.prototype,"placeholder",void 0),n([j("string"),s("design:type",String)],K.prototype,"max",void 0),n([j("number"),s("design:type",Number)],K.prototype,"maxLength",void 0),n([j("string"),s("design:type",String)],K.prototype,"min",void 0),n([j("number"),s("design:type",Number)],K.prototype,"minLength",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"multiple",void 0),n([j("string"),s("design:type",String)],K.prototype,"pattern",void 0),n([j("string"),s("design:type",String)],K.prototype,"allowedKeyPress",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"required",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"spellcheck",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"disabled",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"readonly",void 0),n([j("string"),s("design:type",String)],K.prototype,"suffix",void 0),n([D(k),s("design:type",String)],K.prototype,"inputmode",void 0),n([D(x),s("design:type",String)],K.prototype,"mask",void 0),n([j("boolean"),s("design:type",Boolean)],K.prototype,"autoInvalidOff",void 0),n([I(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],K.prototype,"configChanged",null);let L=0;const F=K,V=function(){"undefined"!=typeof customElements&&["ds-input","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-input":customElements.get(i(o))||customElements.define(i(o),K);break;case"ds-icon":customElements.get(i(o))||z();break;case"ds-spinner":customElements.get(i(o))||B()}}))};export{F as DsInput,V as defineCustomElement}

package/components/ds-item.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as i,e,h as s,c as o,t as r}from"./p-D_rQ-1tV.js";import{_ as a,L as l,a as d}from"./p-DnNWN90x.js";import{h as n}from"./p-BabptNq4.js";import{d as m,a as c,b as h}from"./p-hW5PhZ5d.js";import{c as v}from"./p-BxBDsmqw.js";import{I as b,a as g,b as p,c as u,d as f}from"./p-RyTWoVi9.js";import{d as k}from"./p-B5CqWYLV.js";import{T as _}from"./p-CdB59TNI.js";import{O as x}from"./p-BchWICdx.js";const y=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsClick=e(this,"dsClick"),this.dsAccordionToggle=e(this,"dsAccordionToggle"),this.dsAccordionOpened=e(this,"dsAccordionOpened"),this.dsAccordionClosed=e(this,"dsAccordionClosed"),this.accordionGroup="",this.accordionOpen=!1,this.description="",this.disabled=!1,this.inverted=!1,this.download="",this.href="",this.label="",this.rel="",this.variant="default",this.handleClick=t=>{this.dsClick.emit(t)}}createLogger(t){this.log=t}render(){const t="link"===this.variant?"a":"button"===this.variant?"button":"div",i=this.labelLevel?this.labelLevel:"h5",e=this.labelSize?this.labelSize:this.labelLevel,r="link"===this.variant||"button"===this.variant;let a="";r&&("link"===this.actionIcon?a="nav-go-right":"link-external"===this.actionIcon?a="link":"download"===this.actionIcon?a="download":"default"!==this.actionIcon&&n(this.actionIcon)||"link"!==this.variant&&"button"!==this.variant||(a="nav-go-right"));const l={};return"link"===this.variant&&(this.disabled&&(l.disabled=this.disabled),this.href&&(l.href=this.href),this.target&&(l.target=this.target),this.rel&&(l.rel=this.rel),this.download&&(l.download=this.download)),"button"===this.variant&&(this.disabled?l.disabled=this.disabled:l.onClick=this.handleClick),"accordion"===this.variant?s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-accordion":"accordion"===this.variant,"is-inverted":this.inverted,["is-"+this.size]:n(this.size),["has-label-"+e]:!!e}},s("ds-accordion",Object.assign({part:"accordion"},l,{group:this.accordionGroup,open:this.accordionOpen,marker:this.accordionMarker,"marker-position":this.accordionMarkerPosition,onDsOpened:t=>{this.dsAccordionOpened.emit(t.detail)},onDsClosed:t=>{this.dsAccordionClosed.emit(t.detail)},onDsToggle:t=>{this.dsAccordionToggle.emit(t.detail)}}),s("div",{slot:"summary",id:"item",part:"item"},s("slot",{name:"icon"}),s("div",{id:"content"},this.label&&s(i,{id:"label",part:"label"},this.label),this.description&&s("p",{id:"description",part:"description"},this.description),s("slot",{name:"content"}),s("slot",null))),s("div",{slot:"content"},s("div",{id:"accordion-content",part:"accordion-content"},s("slot",{name:"accordion-content"}))))):s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-button":"button"===this.variant,"is-link":"link"===this.variant,"is-inverted":this.inverted,["is-"+this.size]:n(this.size),["has-label-"+e]:!!e}},s(t,Object.assign({id:"item",part:"item"},l),s("slot",{name:"icon"}),s("div",{id:"content"},this.label&&s(i,{id:"label",part:"label"},this.label),this.description&&s("p",{id:"description",part:"description"},this.description),s("slot",{name:"content"}),s("slot",null)),r&&s("ds-icon",{name:a,part:"action-icon"})))}get el(){return this}static get style(){return':host{--_list-item-focus:var(--list-item-focus, var(--mod-list-item-focus, var(--ds-alias-interaction-focus-color-base)));--_list-item-grid-template-columns:var(--list-item-grid-template-columns, var(--mod-list-item-grid-template-columns, 1fr));--_list-item-min-height:var(--list-item-min-height, var(--mod-list-item-min-height, var(--ds-list-item-size-base-min-height)));--_list-item-gap:var(--list-item-gap, var(--mod-list-item-gap, var(--ds-list-item-gap)));--_list-item-py:var(--list-item-py, var(--mod-list-item-py, var(--ds-list-item-size-base-padding-y)));--_list-item-content-gap:var(--list-item-content-gap, var(--mod-list-item-content-gap, var(--ds-list-item-content-gap)));--_list-item-color:var(--list-item-color, var(--mod-list-item-color, var(--ds-list-item-color-text-base)));--_list-item-color-hover:var(--list-item-color-hover, var(--mod-list-item-color-hover, var(--ds-list-item-color-text-hover)));--_list-item-color-active:var(--list-item-color-active, var(--mod-list-item-color-active, var(--ds-list-item-color-text-active)));--_list-item-color-disabled:var(--list-item-color-disabled, var(--mod-list-item-color-disabled, var(--ds-list-item-color-text-disabled)));--_list-item-border-color-base:var(--list-item-border-color-base, var(--mod-list-item-border-color-base, var(--ds-alias-border-color-grey-light)));--_list-item-border-color-hover:var(--list-item-border-color-hover, var(--mod-list-item-border-color-hover, var(--ds-alias-border-color-primary-hover)));--_list-item-border-color-active:var(--list-item-border-color-active, var(--mod-list-item-border-color-active, var(--ds-alias-border-color-primary-active)));--_list-item-border-width:var(--list-item-border-width, var(--mod-list-item-border-width, var(--ds-alias-border-width-base)));--_list-item-border-radius:var(--list-item-border-radius, var(--mod-list-item-border-radius, var(--ds-list-item-radius)));--_list-item-background-base:var(--list-item-background-base, var(--mod-list-item-background-base, transparent));--_list-item-background-hover:var(--list-item-background-hover, var(--mod-list-item-background-hover, var(--ds-alias-surface-primary-lighter)));--_list-item-background-active:var(--list-item-background-active, var(--mod-list-item-background-active, var(--ds-alias-surface-primary-lighter)));--_list-item-accordion-py:var(--list-item-accordion-py, var(--mod-list-item-accordion-py, var(--ds-list-item-accordion-py)));--_list-item-action-icon-size:var(--list-item-action-icon-size, var(--mod-list-item-action-icon-size, var(--ds-list-item-action-icon-size)));--_list-item-title-size:var(--list-item-title-size, var(--mod-list-item-title-size, var(--ds-list-item-title-font-size)));--_list-item-title-weight:var(--list-item-title-weight, var(--mod-list-item-title-weight, var(--ds-list-item-title-font-weight)));--_list-item-title-family:var(--list-item-title-family, var(--mod-list-item-title-family, var(--ds-list-item-title-font-family)));--_list-item-title-line-height:var(--list-item-title-line-height, var(--mod-list-item-title-line-height, var(--ds-list-item-title-line-height)));--_list-item-text-family:var(--list-item-text-family, var(--mod-list-item-text-family, var(--ds-list-item-text-font-family)));--_list-item-text-weight:var(--list-item-text-weight, var(--mod-list-item-text-weight, var(--ds-list-item-text-font-weight)));--_list-item-text-size:var(--list-item-text-size, var(--mod-list-item-text-size, var(--ds-list-item-text-font-size)));--_list-item-text-line-height:var(--list-item-text-line-height, var(--mod-list-item-text-line-height, var(--ds-list-item-text-line-height)))}:host{position:relative;display:grid;-webkit-box-sizing:border-box;box-sizing:border-box;grid-template-columns:var(--_list-item-grid-template-columns)}:host ::slotted([slot=content]){min-height:46px}:host #item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:var(--_list-item-gap);width:100%;color:var(--_list-item-color);background:inherit;border:none;-ms-flex-item-align:stretch;align-self:stretch;text-align:left;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--_list-item-title-family);padding:var(--_list-item-py) .25rem;padding-bottom:calc(var(--_list-item-py) + 2px);min-height:var(--_list-item-min-height)}:host #item ds-icon{-ms-flex-negative:0;flex-shrink:0}:host #item #content+ds-icon{--icon-size:var(--_list-item-action-icon-size);--icon-inner-size:var(--_list-item-action-icon-size)}:host #item #content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_list-item-content-gap);font-family:var(--_list-item-text-family);font-weight:var(--_list-item-text-weight)}:host #item #label{font-family:var(--_list-item-title-family);font-weight:var(--_list-item-title-weight);font-size:var(--_list-item-title-size);line-height:var(--_list-item-title-line-height);margin:0}:host #item #description{font-family:var(--_list-item-text-family);font-weight:var(--_list-item-text-weight);font-size:var(--_list-item-text-size);line-height:var(--_list-item-text-line-height);margin:0}:host #item:after{content:"";border-radius:var(--_list-item-border-radius);width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--_list-item-border-width);background:var(--_list-item-border-color-base);z-index:1}:host(.has-label-h1){--mod-list-item-title-size:var(--ds-heading-level-1-font-size)}:host(.has-label-3xl){--mod-list-item-title-size:var(--ds-heading-level-1-font-size)}:host(.has-label-h2){--mod-list-item-title-size:var(--ds-heading-level-2-font-size)}:host(.has-label-2xl){--mod-list-item-title-size:var(--ds-heading-level-2-font-size)}:host(.has-label-h3){--mod-list-item-title-size:var(--ds-heading-level-3-font-size)}:host(.has-label-xl){--mod-list-item-title-size:var(--ds-heading-level-3-font-size)}:host(.has-label-h4){--mod-list-item-title-size:var(--ds-heading-level-4-font-size)}:host(.has-label-lg){--mod-list-item-title-size:var(--ds-heading-level-4-font-size)}:host(.has-label-h5){--mod-list-item-title-size:var(--ds-heading-level-5-font-size)}:host(.has-label-base){--mod-list-item-title-size:var(--ds-heading-level-5-font-size)}:host(.is-link) #item,:host(.is-button) #item{-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;text-decoration:none;outline:none;cursor:pointer;background:var(--_list-item-background-base)}:host(.is-link:not(.is-disabled)) #item::-moz-focus-inner,:host(.is-button:not(.is-disabled)) #item::-moz-focus-inner{border:0}:host(.is-link:not(.is-disabled)) #item #content,:host(.is-button:not(.is-disabled)) #item #content{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-family:var(--_list-item-title-family);font-weight:var(--_list-item-title-weight);font-size:var(--_list-item-title-size);line-height:var(--_list-item-title-line-height);color:var(--_list-item-color)}:host(.is-link:not(.is-disabled)) #item #content+ds-icon,:host(.is-button:not(.is-disabled)) #item #content+ds-icon{--icon-color:var(--_list-item-color)}@media (hover: hover)and (pointer: fine){:host(.is-link:not(.is-disabled)) #item:hover,:host(.is-link:not(.is-disabled)) #item.is-hovered,:host(.is-button:not(.is-disabled)) #item:hover,:host(.is-button:not(.is-disabled)) #item.is-hovered{background:var(--_list-item-background-hover);color:var(--_list-item-color-hover)}:host(.is-link:not(.is-disabled)) #item:hover #content,:host(.is-link:not(.is-disabled)) #item.is-hovered #content,:host(.is-button:not(.is-disabled)) #item:hover #content,:host(.is-button:not(.is-disabled)) #item.is-hovered #content{color:var(--_list-item-color-hover)}:host(.is-link:not(.is-disabled)) #item:hover #content+ds-icon,:host(.is-link:not(.is-disabled)) #item:hover ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item:hover ::slotted(ds-badge),:host(.is-link:not(.is-disabled)) #item.is-hovered #content+ds-icon,:host(.is-link:not(.is-disabled)) #item.is-hovered ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item.is-hovered ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item:hover #content+ds-icon,:host(.is-button:not(.is-disabled)) #item:hover ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item:hover ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item.is-hovered #content+ds-icon,:host(.is-button:not(.is-disabled)) #item.is-hovered ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item.is-hovered ::slotted(ds-badge){--icon-color:var(--_list-item-color-hover)}}:host(.is-link:not(.is-disabled)) #item:active,:host(.is-link:not(.is-disabled)) #item.is-pressed,:host(.is-button:not(.is-disabled)) #item:active,:host(.is-button:not(.is-disabled)) #item.is-pressed{background:var(--_list-item-background-active);color:var(--_list-item-color-active)}:host(.is-link:not(.is-disabled)) #item:active #content,:host(.is-link:not(.is-disabled)) #item.is-pressed #content,:host(.is-button:not(.is-disabled)) #item:active #content,:host(.is-button:not(.is-disabled)) #item.is-pressed #content{color:var(--_list-item-color-active)}:host(.is-link:not(.is-disabled)) #item:active #content+ds-icon,:host(.is-link:not(.is-disabled)) #item:active ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item:active ::slotted(ds-badge),:host(.is-link:not(.is-disabled)) #item.is-pressed #content+ds-icon,:host(.is-link:not(.is-disabled)) #item.is-pressed ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item.is-pressed ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item:active #content+ds-icon,:host(.is-button:not(.is-disabled)) #item:active ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item:active ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item.is-pressed #content+ds-icon,:host(.is-button:not(.is-disabled)) #item.is-pressed ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item.is-pressed ::slotted(ds-badge){--icon-color:var(--_list-item-color-active)}:host(.is-link:not(.is-disabled)) #item:before,:host(.is-button:not(.is-disabled)) #item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--ds-alias-radius-base);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-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)}:host(.is-link:not(.is-disabled)) #item:focus-visible:not(:active):before,:host(.is-link:not(.is-disabled)) #item.is-focused:not(:active):before,:host(.is-button:not(.is-disabled)) #item:focus-visible:not(:active):before,:host(.is-button:not(.is-disabled)) #item.is-focused:not(:active):before{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_list-item-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_list-item-focus) 0 0 0 5px !important}@media (hover: hover)and (pointer: fine){:host(.is-link:not(.is-disabled)) #item:hover:after,:host(.is-link:not(.is-disabled)) #item.is-hovered:after,:host(.is-button:not(.is-disabled)) #item:hover:after,:host(.is-button:not(.is-disabled)) #item.is-hovered:after,:host(.is-accordion:not(.is-disabled)) #item:hover:after,:host(.is-accordion:not(.is-disabled)) #item.is-hovered:after{background:var(--_list-item-border-color-hover)}}:host(.is-link:not(.is-disabled)) #item:active:after,:host(.is-link:not(.is-disabled)) #item.is-pressed:after,:host(.is-button:not(.is-disabled)) #item:active:after,:host(.is-button:not(.is-disabled)) #item.is-pressed:after,:host(.is-accordion:not(.is-disabled)) #item:active:after,:host(.is-accordion:not(.is-disabled)) #item.is-pressed:after{background:var(--_list-item-border-color-active)}:host(.is-accordion) ::slotted(p){padding-block:var(--_list-item-accordion-py)}:host(.is-accordion) ds-accordion{--accordion-summary-color-hover:var(--_list-item-color-hover)}:host(.is-accordion) ds-accordion::part(header){background:var(--_list-item-background-base)}:host(.is-accordion) ds-accordion::part(summary){padding-right:.25rem}:host(.is-accordion) ds-accordion::part(summary):hover{background:var(--_list-item-background-hover)}:host(.is-accordion) ds-accordion::part(summary):active{background:var(--_list-item-background-active)}:host(.is-accordion) #accordion-content:after{content:"";border-radius:var(--_list-item-border-radius);width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--_list-item-border-width);background:var(--_list-item-border-color-base)}:host(.is-disabled) #item{pointer-events:none !important;cursor:default !important;color:var(--_list-item-color-disabled)}:host(.is-disabled) #item #content{color:var(--_list-item-color-disabled)}:host(.is-disabled) #item ds-icon,:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-icon),:host(.is-disabled) #item ::slotted(ds-badge){--icon-color:var(--_list-item-color-disabled)}:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-badge){--badge-color-background:var(--ds-badge-disabled-color-background);--badge-color-text:var(--ds-badge-disabled-color-text)}:host(.is-inverted){--mod-list-item-color:var(--ds-list-item-inverted-color-text-base);--mod-list-item-color-hover:var(--ds-list-item-inverted-color-text-hover);--mod-list-item-color-active:var(--ds-list-item-inverted-color-text-active);--mod-list-item-color-disabled:var(--ds-list-item-inverted-color-text-disabled);--mod-list-item-border-color-base:var(--ds-alias-border-color-inverted-primary);--mod-list-item-border-color-hover:var(--ds-alias-border-color-inverted-primary-hover);--mod-list-item-border-color-active:var(--ds-alias-border-color-inverted-primary-active);--mod-list-item-background-hover:transparent;--mod-list-item-background-active:transparent;--mod-list-item-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-lg){--mod-list-item-min-height:var(--ds-list-item-size-lg-min-height);--mod-list-item-py:var(--ds-list-item-size-lg-padding-y)}'}},[257,"ds-item",{accordionGroup:[1,"accordion-group"],accordionMarker:[1,"accordion-marker"],accordionMarkerPosition:[1,"accordion-marker-position"],accordionOpen:[516,"accordion-open"],actionIcon:[1,"action-icon"],description:[1],disabled:[516],inverted:[4],download:[1],href:[1],label:[1],labelLevel:[1,"label-level"],labelSize:[1,"label-size"],rel:[1],size:[1],target:[1],variant:[1]}]);a([l("item"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],y.prototype,"createLogger",null),a([_("string"),d("design:type",String)],y.prototype,"accordionGroup",void 0),a([x(c),d("design:type",String)],y.prototype,"accordionMarker",void 0),a([x(h),d("design:type",String)],y.prototype,"accordionMarkerPosition",void 0),a([_("boolean"),d("design:type",Boolean)],y.prototype,"accordionOpen",void 0),a([x(b),d("design:type",String)],y.prototype,"actionIcon",void 0),a([_("string"),d("design:type",String)],y.prototype,"description",void 0),a([_("boolean"),d("design:type",Boolean)],y.prototype,"disabled",void 0),a([_("boolean"),d("design:type",Boolean)],y.prototype,"inverted",void 0),a([_("string"),d("design:type",String)],y.prototype,"download",void 0),a([_("string"),d("design:type",String)],y.prototype,"href",void 0),a([_("string"),d("design:type",String)],y.prototype,"label",void 0),a([x(g),d("design:type",String)],y.prototype,"labelLevel",void 0),a([x(p),d("design:type",String)],y.prototype,"labelSize",void 0),a([_("string"),d("design:type",String)],y.prototype,"rel",void 0),a([x(u),d("design:type",String)],y.prototype,"size",void 0),a([x(v),d("design:type",String)],y.prototype,"target",void 0),a([x(f),d("design:type",String)],y.prototype,"variant",void 0);const z=y,w=function(){"undefined"!=typeof customElements&&["ds-item","ds-accordion","ds-icon"].forEach((t=>{switch(t){case"ds-item":customElements.get(r(t))||customElements.define(r(t),y);break;case"ds-accordion":customElements.get(r(t))||m();break;case"ds-icon":customElements.get(r(t))||k()}}))};export{z as DsItem,w as defineCustomElement}
+import{p as t,H as i,e,h as s,c as o,t as r}from"./p-D_rQ-1tV.js";import{_ as a,L as l,a as d}from"./p-DnNWN90x.js";import{h as n}from"./p-BabptNq4.js";import{d as m,a as c,b as h}from"./p-DS10p3U4.js";import{c as b}from"./p-BxBDsmqw.js";import{I as v,a as g,b as p,c as u,d as f}from"./p-RyTWoVi9.js";import{d as k}from"./p-mahwWXn2.js";import{T as _}from"./p-CdB59TNI.js";import{O as x}from"./p-BchWICdx.js";const y=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsClick=e(this,"dsClick"),this.dsAccordionToggle=e(this,"dsAccordionToggle"),this.dsAccordionOpened=e(this,"dsAccordionOpened"),this.dsAccordionClosed=e(this,"dsAccordionClosed"),this.accordionGroup="",this.accordionOpen=!1,this.description="",this.disabled=!1,this.inverted=!1,this.download="",this.href="",this.label="",this.rel="",this.variant="default",this.handleClick=t=>{this.dsClick.emit(t)}}createLogger(t){this.log=t}render(){const t="link"===this.variant?"a":"button"===this.variant?"button":"div",i=this.labelLevel?this.labelLevel:"h5",e=this.labelSize?this.labelSize:this.labelLevel,r="link"===this.variant||"button"===this.variant;let a="";r&&("link"===this.actionIcon?a="caret-right":"link-external"===this.actionIcon?a="link":"download"===this.actionIcon?a="download":"default"!==this.actionIcon&&n(this.actionIcon)||"link"!==this.variant&&"button"!==this.variant||(a="caret-right"));const l={};return"link"===this.variant&&(this.disabled&&(l.disabled=this.disabled),this.href&&(l.href=this.href),this.target&&(l.target=this.target),this.rel&&(l.rel=this.rel),this.download&&(l.download=this.download)),"button"===this.variant&&(this.disabled?l.disabled=this.disabled:l.onClick=this.handleClick),"accordion"===this.variant?s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-accordion":"accordion"===this.variant,"is-inverted":this.inverted,["is-"+this.size]:n(this.size),["has-label-"+e]:!!e}},s("ds-accordion",Object.assign({part:"accordion"},l,{group:this.accordionGroup,open:this.accordionOpen,marker:this.accordionMarker,"marker-position":this.accordionMarkerPosition,onDsOpened:t=>{this.dsAccordionOpened.emit(t.detail)},onDsClosed:t=>{this.dsAccordionClosed.emit(t.detail)},onDsToggle:t=>{this.dsAccordionToggle.emit(t.detail)}}),s("div",{slot:"summary",id:"item",part:"item"},s("slot",{name:"icon"}),s("div",{id:"content"},this.label&&s(i,{id:"label",part:"label"},this.label),this.description&&s("p",{id:"description",part:"description"},this.description),s("slot",{name:"content"}),s("slot",null))),s("div",{slot:"content"},s("div",{id:"accordion-content",part:"accordion-content"},s("slot",{name:"accordion-content"}))))):s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-button":"button"===this.variant,"is-link":"link"===this.variant,"is-inverted":this.inverted,["is-"+this.size]:n(this.size),["has-label-"+e]:!!e}},s(t,Object.assign({id:"item",part:"item"},l),s("slot",{name:"icon"}),s("div",{id:"content"},this.label&&s(i,{id:"label",part:"label"},this.label),this.description&&s("p",{id:"description",part:"description"},this.description),s("slot",{name:"content"}),s("slot",null)),r&&s("ds-icon",{name:a,part:"action-icon"})))}get el(){return this}static get style(){return':host{--_list-item-focus:var(--list-item-focus, var(--mod-list-item-focus, var(--ds-alias-interaction-focus-color-base)));--_list-item-grid-template-columns:var(--list-item-grid-template-columns, var(--mod-list-item-grid-template-columns, 1fr));--_list-item-min-height:var(--list-item-min-height, var(--mod-list-item-min-height, var(--ds-list-item-size-base-min-height)));--_list-item-gap:var(--list-item-gap, var(--mod-list-item-gap, var(--ds-list-item-gap)));--_list-item-py:var(--list-item-py, var(--mod-list-item-py, var(--ds-list-item-size-base-padding-y)));--_list-item-content-gap:var(--list-item-content-gap, var(--mod-list-item-content-gap, var(--ds-list-item-content-gap)));--_list-item-color:var(--list-item-color, var(--mod-list-item-color, var(--ds-list-item-color-text-base)));--_list-item-color-hover:var(--list-item-color-hover, var(--mod-list-item-color-hover, var(--ds-list-item-color-text-hover)));--_list-item-color-active:var(--list-item-color-active, var(--mod-list-item-color-active, var(--ds-list-item-color-text-active)));--_list-item-color-disabled:var(--list-item-color-disabled, var(--mod-list-item-color-disabled, var(--ds-list-item-color-text-disabled)));--_list-item-border-color-base:var(--list-item-border-color-base, var(--mod-list-item-border-color-base, var(--ds-alias-border-color-grey-light)));--_list-item-border-color-hover:var(--list-item-border-color-hover, var(--mod-list-item-border-color-hover, var(--ds-alias-border-color-primary-hover)));--_list-item-border-color-active:var(--list-item-border-color-active, var(--mod-list-item-border-color-active, var(--ds-alias-border-color-primary-active)));--_list-item-border-width:var(--list-item-border-width, var(--mod-list-item-border-width, var(--ds-alias-border-width-base)));--_list-item-border-radius:var(--list-item-border-radius, var(--mod-list-item-border-radius, var(--ds-list-item-radius)));--_list-item-background-base:var(--list-item-background-base, var(--mod-list-item-background-base, transparent));--_list-item-background-hover:var(--list-item-background-hover, var(--mod-list-item-background-hover, var(--ds-alias-surface-primary-lighter)));--_list-item-background-active:var(--list-item-background-active, var(--mod-list-item-background-active, var(--ds-alias-surface-primary-lighter)));--_list-item-accordion-py:var(--list-item-accordion-py, var(--mod-list-item-accordion-py, var(--ds-list-item-accordion-py)));--_list-item-action-icon-size:var(--list-item-action-icon-size, var(--mod-list-item-action-icon-size, var(--ds-list-item-action-icon-size)));--_list-item-title-size:var(--list-item-title-size, var(--mod-list-item-title-size, var(--ds-list-item-title-font-size)));--_list-item-title-weight:var(--list-item-title-weight, var(--mod-list-item-title-weight, var(--ds-list-item-title-font-weight)));--_list-item-title-family:var(--list-item-title-family, var(--mod-list-item-title-family, var(--ds-list-item-title-font-family)));--_list-item-title-line-height:var(--list-item-title-line-height, var(--mod-list-item-title-line-height, var(--ds-list-item-title-line-height)));--_list-item-text-family:var(--list-item-text-family, var(--mod-list-item-text-family, var(--ds-list-item-text-font-family)));--_list-item-text-weight:var(--list-item-text-weight, var(--mod-list-item-text-weight, var(--ds-list-item-text-font-weight)));--_list-item-text-size:var(--list-item-text-size, var(--mod-list-item-text-size, var(--ds-list-item-text-font-size)));--_list-item-text-line-height:var(--list-item-text-line-height, var(--mod-list-item-text-line-height, var(--ds-list-item-text-line-height)))}:host{position:relative;display:grid;-webkit-box-sizing:border-box;box-sizing:border-box;grid-template-columns:var(--_list-item-grid-template-columns)}:host ::slotted([slot=content]){min-height:46px}:host #item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:var(--_list-item-gap);width:100%;color:var(--_list-item-color);background:inherit;border:none;-ms-flex-item-align:stretch;align-self:stretch;text-align:left;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--_list-item-title-family);padding:var(--_list-item-py) .25rem;padding-bottom:calc(var(--_list-item-py) + 2px);min-height:var(--_list-item-min-height)}:host #item ds-icon{-ms-flex-negative:0;flex-shrink:0}:host #item #content+ds-icon{--icon-size:var(--_list-item-action-icon-size);--icon-inner-size:var(--_list-item-action-icon-size)}:host #item #content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_list-item-content-gap);font-family:var(--_list-item-text-family);font-weight:var(--_list-item-text-weight)}:host #item #label{font-family:var(--_list-item-title-family);font-weight:var(--_list-item-title-weight);font-size:var(--_list-item-title-size);line-height:var(--_list-item-title-line-height);margin:0}:host #item #description{font-family:var(--_list-item-text-family);font-weight:var(--_list-item-text-weight);font-size:var(--_list-item-text-size);line-height:var(--_list-item-text-line-height);margin:0}:host #item:after{content:"";border-radius:var(--_list-item-border-radius);width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--_list-item-border-width);background:var(--_list-item-border-color-base);z-index:1}:host(.has-label-h1){--mod-list-item-title-size:var(--ds-heading-level-1-font-size)}:host(.has-label-3xl){--mod-list-item-title-size:var(--ds-heading-level-1-font-size)}:host(.has-label-h2){--mod-list-item-title-size:var(--ds-heading-level-2-font-size)}:host(.has-label-2xl){--mod-list-item-title-size:var(--ds-heading-level-2-font-size)}:host(.has-label-h3){--mod-list-item-title-size:var(--ds-heading-level-3-font-size)}:host(.has-label-xl){--mod-list-item-title-size:var(--ds-heading-level-3-font-size)}:host(.has-label-h4){--mod-list-item-title-size:var(--ds-heading-level-4-font-size)}:host(.has-label-lg){--mod-list-item-title-size:var(--ds-heading-level-4-font-size)}:host(.has-label-h5){--mod-list-item-title-size:var(--ds-heading-level-5-font-size)}:host(.has-label-base){--mod-list-item-title-size:var(--ds-heading-level-5-font-size)}:host(.is-link) #item,:host(.is-button) #item{-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;text-decoration:none;outline:none;cursor:pointer;background:var(--_list-item-background-base)}:host(.is-link:not(.is-disabled)) #item::-moz-focus-inner,:host(.is-button:not(.is-disabled)) #item::-moz-focus-inner{border:0}:host(.is-link:not(.is-disabled)) #item #content,:host(.is-button:not(.is-disabled)) #item #content{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-family:var(--_list-item-title-family);font-weight:var(--_list-item-title-weight);font-size:var(--_list-item-title-size);line-height:var(--_list-item-title-line-height);color:var(--_list-item-color)}:host(.is-link:not(.is-disabled)) #item #content+ds-icon,:host(.is-button:not(.is-disabled)) #item #content+ds-icon{--icon-color:var(--_list-item-color)}@media (hover: hover)and (pointer: fine){:host(.is-link:not(.is-disabled)) #item:hover,:host(.is-link:not(.is-disabled)) #item.is-hovered,:host(.is-button:not(.is-disabled)) #item:hover,:host(.is-button:not(.is-disabled)) #item.is-hovered{background:var(--_list-item-background-hover);color:var(--_list-item-color-hover)}:host(.is-link:not(.is-disabled)) #item:hover #content,:host(.is-link:not(.is-disabled)) #item.is-hovered #content,:host(.is-button:not(.is-disabled)) #item:hover #content,:host(.is-button:not(.is-disabled)) #item.is-hovered #content{color:var(--_list-item-color-hover)}:host(.is-link:not(.is-disabled)) #item:hover #content+ds-icon,:host(.is-link:not(.is-disabled)) #item:hover ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item:hover ::slotted(ds-badge),:host(.is-link:not(.is-disabled)) #item.is-hovered #content+ds-icon,:host(.is-link:not(.is-disabled)) #item.is-hovered ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item.is-hovered ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item:hover #content+ds-icon,:host(.is-button:not(.is-disabled)) #item:hover ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item:hover ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item.is-hovered #content+ds-icon,:host(.is-button:not(.is-disabled)) #item.is-hovered ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item.is-hovered ::slotted(ds-badge){--icon-color:var(--_list-item-color-hover)}}:host(.is-link:not(.is-disabled)) #item:active,:host(.is-link:not(.is-disabled)) #item.is-pressed,:host(.is-button:not(.is-disabled)) #item:active,:host(.is-button:not(.is-disabled)) #item.is-pressed{background:var(--_list-item-background-active);color:var(--_list-item-color-active)}:host(.is-link:not(.is-disabled)) #item:active #content,:host(.is-link:not(.is-disabled)) #item.is-pressed #content,:host(.is-button:not(.is-disabled)) #item:active #content,:host(.is-button:not(.is-disabled)) #item.is-pressed #content{color:var(--_list-item-color-active)}:host(.is-link:not(.is-disabled)) #item:active #content+ds-icon,:host(.is-link:not(.is-disabled)) #item:active ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item:active ::slotted(ds-badge),:host(.is-link:not(.is-disabled)) #item.is-pressed #content+ds-icon,:host(.is-link:not(.is-disabled)) #item.is-pressed ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item.is-pressed ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item:active #content+ds-icon,:host(.is-button:not(.is-disabled)) #item:active ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item:active ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item.is-pressed #content+ds-icon,:host(.is-button:not(.is-disabled)) #item.is-pressed ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item.is-pressed ::slotted(ds-badge){--icon-color:var(--_list-item-color-active)}:host(.is-link:not(.is-disabled)) #item:before,:host(.is-button:not(.is-disabled)) #item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--ds-alias-radius-base);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-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)}:host(.is-link:not(.is-disabled)) #item:focus-visible:not(:active):before,:host(.is-link:not(.is-disabled)) #item.is-focused:not(:active):before,:host(.is-button:not(.is-disabled)) #item:focus-visible:not(:active):before,:host(.is-button:not(.is-disabled)) #item.is-focused:not(:active):before{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_list-item-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_list-item-focus) 0 0 0 5px !important}@media (hover: hover)and (pointer: fine){:host(.is-link:not(.is-disabled)) #item:hover:after,:host(.is-link:not(.is-disabled)) #item.is-hovered:after,:host(.is-button:not(.is-disabled)) #item:hover:after,:host(.is-button:not(.is-disabled)) #item.is-hovered:after,:host(.is-accordion:not(.is-disabled)) #item:hover:after,:host(.is-accordion:not(.is-disabled)) #item.is-hovered:after{background:var(--_list-item-border-color-hover)}}:host(.is-link:not(.is-disabled)) #item:active:after,:host(.is-link:not(.is-disabled)) #item.is-pressed:after,:host(.is-button:not(.is-disabled)) #item:active:after,:host(.is-button:not(.is-disabled)) #item.is-pressed:after,:host(.is-accordion:not(.is-disabled)) #item:active:after,:host(.is-accordion:not(.is-disabled)) #item.is-pressed:after{background:var(--_list-item-border-color-active)}:host(.is-accordion) ::slotted(p){padding-block:var(--_list-item-accordion-py)}:host(.is-accordion) ds-accordion{--accordion-summary-color-hover:var(--_list-item-color-hover)}:host(.is-accordion) ds-accordion::part(header){background:var(--_list-item-background-base)}:host(.is-accordion) ds-accordion::part(summary){padding-right:.25rem}:host(.is-accordion) ds-accordion::part(summary):hover{background:var(--_list-item-background-hover)}:host(.is-accordion) ds-accordion::part(summary):active{background:var(--_list-item-background-active)}:host(.is-accordion) #accordion-content:after{content:"";border-radius:var(--_list-item-border-radius);width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--_list-item-border-width);background:var(--_list-item-border-color-base)}:host(.is-disabled) #item{pointer-events:none !important;cursor:default !important;color:var(--_list-item-color-disabled)}:host(.is-disabled) #item #content{color:var(--_list-item-color-disabled)}:host(.is-disabled) #item ds-icon,:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-icon),:host(.is-disabled) #item ::slotted(ds-badge){--icon-color:var(--_list-item-color-disabled)}:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-badge){--badge-color-background:var(--ds-badge-disabled-color-background);--badge-color-text:var(--ds-badge-disabled-color-text)}:host(.is-inverted){--mod-list-item-color:var(--ds-list-item-inverted-color-text-base);--mod-list-item-color-hover:var(--ds-list-item-inverted-color-text-hover);--mod-list-item-color-active:var(--ds-list-item-inverted-color-text-active);--mod-list-item-color-disabled:var(--ds-list-item-inverted-color-text-disabled);--mod-list-item-border-color-base:var(--ds-alias-border-color-inverted-primary);--mod-list-item-border-color-hover:var(--ds-alias-border-color-inverted-primary-hover);--mod-list-item-border-color-active:var(--ds-alias-border-color-inverted-primary-active);--mod-list-item-background-hover:transparent;--mod-list-item-background-active:transparent;--mod-list-item-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-lg){--mod-list-item-min-height:var(--ds-list-item-size-lg-min-height);--mod-list-item-py:var(--ds-list-item-size-lg-padding-y)}'}},[257,"ds-item",{accordionGroup:[1,"accordion-group"],accordionMarker:[1,"accordion-marker"],accordionMarkerPosition:[1,"accordion-marker-position"],accordionOpen:[516,"accordion-open"],actionIcon:[1,"action-icon"],description:[1],disabled:[516],inverted:[4],download:[1],href:[1],label:[1],labelLevel:[1,"label-level"],labelSize:[1,"label-size"],rel:[1],size:[1],target:[1],variant:[1]}]);a([l("item"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],y.prototype,"createLogger",null),a([_("string"),d("design:type",String)],y.prototype,"accordionGroup",void 0),a([x(c),d("design:type",String)],y.prototype,"accordionMarker",void 0),a([x(h),d("design:type",String)],y.prototype,"accordionMarkerPosition",void 0),a([_("boolean"),d("design:type",Boolean)],y.prototype,"accordionOpen",void 0),a([x(v),d("design:type",String)],y.prototype,"actionIcon",void 0),a([_("string"),d("design:type",String)],y.prototype,"description",void 0),a([_("boolean"),d("design:type",Boolean)],y.prototype,"disabled",void 0),a([_("boolean"),d("design:type",Boolean)],y.prototype,"inverted",void 0),a([_("string"),d("design:type",String)],y.prototype,"download",void 0),a([_("string"),d("design:type",String)],y.prototype,"href",void 0),a([_("string"),d("design:type",String)],y.prototype,"label",void 0),a([x(g),d("design:type",String)],y.prototype,"labelLevel",void 0),a([x(p),d("design:type",String)],y.prototype,"labelSize",void 0),a([_("string"),d("design:type",String)],y.prototype,"rel",void 0),a([x(u),d("design:type",String)],y.prototype,"size",void 0),a([x(b),d("design:type",String)],y.prototype,"target",void 0),a([x(f),d("design:type",String)],y.prototype,"variant",void 0);const w=y,z=function(){"undefined"!=typeof customElements&&["ds-item","ds-accordion","ds-icon"].forEach((t=>{switch(t){case"ds-item":customElements.get(r(t))||customElements.define(r(t),y);break;case"ds-accordion":customElements.get(r(t))||m();break;case"ds-icon":customElements.get(r(t))||k()}}))};export{w as DsItem,z as defineCustomElement}

package/components/ds-label.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as l,H as a,h as e,c as o,t}from"./p-D_rQ-1tV.js";import{_ as i,L as s,a as b}from"./p-DnNWN90x.js";import{h as r}from"./p-BabptNq4.js";import{I as n}from"./p-C7I7OlaM.js";import{d}from"./p-BRVmctrW.js";import{T as m}from"./p-CdB59TNI.js";import{O as h}from"./p-BchWICdx.js";import{L as v}from"./p-D2--7hMh.js";const g=l(class extends a{constructor(l){super(),!1!==l&&this.__registerHost(),this.__attachShadow(),this.language=d.language,this.region=d.region,this.disabled=!1,this.htmlFor="",this.htmlId="ds-lbl-"+p++,this.invalid=!1,this.noWrap=!1,this.required=!0,this.valid=!1}createLogger(l){this.log=l}async configChanged(l){this.language=l.language,this.region=l.region}render(){const l=!1===this.required&&n[this.language].optional||"",a=this.htmlId,t=this.htmlFor;return e(o,{key:"5aef8e850bab6c06a43f746f96327fa76be940a6",class:{"is-disabled":this.disabled,"is-valid":this.valid,"is-invalid":this.invalid,"has-no-wrap":this.noWrap,["is-"+this.size]:r(this.size)}},e("label",{key:"8bb5fb0307995f0903a2255fb4c5fda0cd467bb4",id:a,part:"label",htmlFor:t},e("slot",{key:"00ba5865dc8a9d720b3119a9007c9eb3407cca86"}),l))}get el(){return this}static get style(){return":host{--_label-position:var(--label-position, var(--mod-label-position, static));--_label-top:var(--label-top, var(--mod-label-top));--_label-right:var(--label-right, var(--mod-label-right));--_label-bottom:var(--label-bottom, var(--mod-label-bottom));--_label-left:var(--label-left, var(--mod-label-left));position:var(--_label-position);top:var(--_label-top);right:var(--_label-right);bottom:var(--_label-bottom);left:var(--_label-left);--_label-m:var(--label-m, var(--mod-label-m, 0));--_label-my:var(--label-my, var(--mod-label-my));--_label-mx:var(--label-mx, var(--mod-label-mx));--_label-ml:var(--label-ml, var(--mod-label-ml));--_label-mr:var(--label-mr, var(--mod-label-mr));--_label-mt:var(--label-mt, var(--mod-label-mt));--_label-mb:var(--label-mb, var(--mod-label-mb));margin:var(--_label-m);margin-inline:var(--_label-mx);margin-block:var(--_label-my);margin-left:var(--_label-ml);margin-right:var(--_label-mr);margin-top:var(--_label-mt);margin-bottom:var(--_label-mb);--_label-color:var(--label-color, var(--mod-label-color, var(--ds-label-color-primary)));--_label-family:var(--label-family, var(--mod-label-family, var(--ds-label-typo-base-font-family)));--_label-weight:var(--label-weight, var(--mod-label-weight, var(--ds-label-typo-base-font-weight)));--_label-line-height:var(--label-line-height, var(--mod-label-line-height, var(--ds-label-typo-base-line-height)));--_label-size:var(--label-size, var(--mod-label-size, var(--ds-label-typo-base-font-size)))}: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(--_label-color);font-family:var(--_label-family);font-weight:var(--_label-weight);font-size:var(--_label-size);line-height:var(--_label-line-height)}:host(.has-no-wrap) label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-sm){--mod-label-size:var(--ds-label-typo-sm-font-size);--mod-label-weight:var(--ds-label-typo-sm-font-weight);--mod-label-family:var(--ds-label-typo-sm-font-family);--mod-label-line-height:var(--ds-label-typo-sm-line-height)}:host(.is-base){--mod-label-size:var(--ds-label-typo-base-font-size);--mod-label-weight:var(--ds-label-typo-base-font-weight);--mod-label-family:var(--ds-label-typo-base-font-family);--mod-label-line-height:var(--ds-label-typo-base-line-height)}:host(.is-lg){--mod-label-size:var(--ds-label-typo-lg-font-size);--mod-label-weight:var(--ds-label-typo-lg-font-weight);--mod-label-family:var(--ds-label-typo-lg-font-family);--mod-label-line-height:var(--ds-label-typo-lg-line-height)}:host(.is-xl){--mod-label-size:var(--ds-label-typo-xl-font-size);--mod-label-weight:var(--ds-label-typo-xl-font-weight);--mod-label-family:var(--ds-label-typo-xl-font-family);--mod-label-line-height:var(--ds-label-typo-xl-line-height)}:host(.is-2xl){--mod-label-size:var(--ds-label-typo-2xl-font-size);--mod-label-weight:var(--ds-label-typo-2xl-font-weight);--mod-label-family:var(--ds-label-typo-2xl-font-family);--mod-label-line-height:var(--ds-label-typo-2xl-line-height)}:host(.is-3xl){--mod-label-size:var(--ds-label-typo-3xl-font-size);--mod-label-weight:var(--ds-label-typo-3xl-font-weight);--mod-label-family:var(--ds-label-typo-3xl-font-family);--mod-label-line-height:var(--ds-label-typo-3xl-line-height)}:host(.is-valid){--mod-label-color:var(--ds-label-color-success)}:host(.is-invalid){--mod-label-color:var(--ds-label-color-danger)}:host(.is-disabled){--mod-label-color:var(--ds-label-color-disabled) !important}:host{display:block}"}},[257,"ds-label",{disabled:[516],htmlFor:[1,"html-for"],htmlId:[1,"html-id"],invalid:[516],noWrap:[4,"no-wrap"],required:[516],size:[1],valid:[516],language:[32],region:[32],configChanged:[64]}]);i([s("label"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],g.prototype,"createLogger",null),i([m("boolean"),b("design:type",Boolean)],g.prototype,"disabled",void 0),i([m("string"),b("design:type",String)],g.prototype,"htmlFor",void 0),i([m("string"),b("design:type",String)],g.prototype,"htmlId",void 0),i([m("boolean"),b("design:type",Boolean)],g.prototype,"invalid",void 0),i([m("boolean"),b("design:type",Boolean)],g.prototype,"noWrap",void 0),i([m("boolean"),b("design:type",Boolean)],g.prototype,"required",void 0),i([h(["sm","lg","xl","2xl","3xl"]),b("design:type",String)],g.prototype,"size",void 0),i([m("boolean"),b("design:type",Boolean)],g.prototype,"valid",void 0),i([v(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],g.prototype,"configChanged",null);let p=0;const y=g,f=function(){"undefined"!=typeof customElements&&["ds-label"].forEach((l=>{"ds-label"===l&&(customElements.get(t(l))||customElements.define(t(l),g))}))};export{y as DsLabel,f as defineCustomElement}
+import{p as l,H as e,h as a,c as o,t}from"./p-D_rQ-1tV.js";import{_ as i,L as s,a as b}from"./p-DnNWN90x.js";import{h as r}from"./p-BabptNq4.js";import{I as d}from"./p-C7I7OlaM.js";import{d as n}from"./p-yDxcfq5h.js";import{T as m}from"./p-CdB59TNI.js";import{O as h}from"./p-BchWICdx.js";import{L as v}from"./p-D2--7hMh.js";const g=l(class extends e{constructor(l){super(),!1!==l&&this.__registerHost(),this.__attachShadow(),this.language=n.language,this.region=n.region,this.disabled=!1,this.htmlFor="",this.htmlId="ds-lbl-"+p++,this.invalid=!1,this.noWrap=!1,this.required=!0,this.valid=!1}createLogger(l){this.log=l}async configChanged(l){this.language=l.language,this.region=l.region}render(){const l=!1===this.required&&d[this.language].optional||"",e=this.htmlId,t=this.htmlFor;return a(o,{key:"6a6bde38af1ac2152a586f609ed28f35ee93b2ff",class:{"is-disabled":this.disabled,"is-valid":this.valid,"is-invalid":this.invalid,"has-no-wrap":this.noWrap,["is-"+this.size]:r(this.size)}},a("label",{key:"c49f6e2d8916d3fe1bf144b8400cb12f0986d797",id:e,part:"label",htmlFor:t},a("slot",{key:"ba6116478a49f5a8b56505eb597e2af1e4dd1207"}),l))}get el(){return this}static get style(){return":host{--_label-position:var(--label-position, var(--mod-label-position, static));--_label-top:var(--label-top, var(--mod-label-top));--_label-right:var(--label-right, var(--mod-label-right));--_label-bottom:var(--label-bottom, var(--mod-label-bottom));--_label-left:var(--label-left, var(--mod-label-left));position:var(--_label-position);top:var(--_label-top);right:var(--_label-right);bottom:var(--_label-bottom);left:var(--_label-left);--_label-m:var(--label-m, var(--mod-label-m, 0));--_label-my:var(--label-my, var(--mod-label-my));--_label-mx:var(--label-mx, var(--mod-label-mx));--_label-ml:var(--label-ml, var(--mod-label-ml));--_label-mr:var(--label-mr, var(--mod-label-mr));--_label-mt:var(--label-mt, var(--mod-label-mt));--_label-mb:var(--label-mb, var(--mod-label-mb));margin:var(--_label-m);margin-inline:var(--_label-mx);margin-block:var(--_label-my);margin-left:var(--_label-ml);margin-right:var(--_label-mr);margin-top:var(--_label-mt);margin-bottom:var(--_label-mb);--_label-color:var(--label-color, var(--mod-label-color, var(--ds-label-color-primary)));--_label-family:var(--label-family, var(--mod-label-family, var(--ds-label-typo-base-font-family)));--_label-weight:var(--label-weight, var(--mod-label-weight, var(--ds-label-typo-base-font-weight)));--_label-line-height:var(--label-line-height, var(--mod-label-line-height, var(--ds-label-typo-base-line-height)));--_label-size:var(--label-size, var(--mod-label-size, var(--ds-label-typo-base-font-size)))}: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(--_label-color);font-family:var(--_label-family);font-weight:var(--_label-weight);font-size:var(--_label-size);line-height:var(--_label-line-height)}:host(.has-no-wrap) label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-sm){--mod-label-size:var(--ds-label-typo-sm-font-size);--mod-label-weight:var(--ds-label-typo-sm-font-weight);--mod-label-family:var(--ds-label-typo-sm-font-family);--mod-label-line-height:var(--ds-label-typo-sm-line-height)}:host(.is-base){--mod-label-size:var(--ds-label-typo-base-font-size);--mod-label-weight:var(--ds-label-typo-base-font-weight);--mod-label-family:var(--ds-label-typo-base-font-family);--mod-label-line-height:var(--ds-label-typo-base-line-height)}:host(.is-lg){--mod-label-size:var(--ds-label-typo-lg-font-size);--mod-label-weight:var(--ds-label-typo-lg-font-weight);--mod-label-family:var(--ds-label-typo-lg-font-family);--mod-label-line-height:var(--ds-label-typo-lg-line-height)}:host(.is-xl){--mod-label-size:var(--ds-label-typo-xl-font-size);--mod-label-weight:var(--ds-label-typo-xl-font-weight);--mod-label-family:var(--ds-label-typo-xl-font-family);--mod-label-line-height:var(--ds-label-typo-xl-line-height)}:host(.is-2xl){--mod-label-size:var(--ds-label-typo-2xl-font-size);--mod-label-weight:var(--ds-label-typo-2xl-font-weight);--mod-label-family:var(--ds-label-typo-2xl-font-family);--mod-label-line-height:var(--ds-label-typo-2xl-line-height)}:host(.is-3xl){--mod-label-size:var(--ds-label-typo-3xl-font-size);--mod-label-weight:var(--ds-label-typo-3xl-font-weight);--mod-label-family:var(--ds-label-typo-3xl-font-family);--mod-label-line-height:var(--ds-label-typo-3xl-line-height)}:host(.is-valid){--mod-label-color:var(--ds-label-color-success)}:host(.is-invalid){--mod-label-color:var(--ds-label-color-danger)}:host(.is-disabled){--mod-label-color:var(--ds-label-color-disabled) !important}:host{display:block}"}},[257,"ds-label",{disabled:[516],htmlFor:[1,"html-for"],htmlId:[1,"html-id"],invalid:[516],noWrap:[4,"no-wrap"],required:[516],size:[1],valid:[516],language:[32],region:[32],configChanged:[64]}]);i([s("label"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],g.prototype,"createLogger",null),i([m("boolean"),b("design:type",Boolean)],g.prototype,"disabled",void 0),i([m("string"),b("design:type",String)],g.prototype,"htmlFor",void 0),i([m("string"),b("design:type",String)],g.prototype,"htmlId",void 0),i([m("boolean"),b("design:type",Boolean)],g.prototype,"invalid",void 0),i([m("boolean"),b("design:type",Boolean)],g.prototype,"noWrap",void 0),i([m("boolean"),b("design:type",Boolean)],g.prototype,"required",void 0),i([h(["sm","lg","xl","2xl","3xl"]),b("design:type",String)],g.prototype,"size",void 0),i([m("boolean"),b("design:type",Boolean)],g.prototype,"valid",void 0),i([v(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],g.prototype,"configChanged",null);let p=0;const f=g,y=function(){"undefined"!=typeof customElements&&["ds-label"].forEach((l=>{"ds-label"===l&&(customElements.get(t(l))||customElements.define(t(l),g))}))};export{f as DsLabel,y as defineCustomElement}

package/components/ds-list.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as e,h as i,c as s,t as o}from"./p-D_rQ-1tV.js";import{_ as r,L as d,a}from"./p-DnNWN90x.js";import{h as l}from"./p-BabptNq4.js";import{c as n}from"./p-RyTWoVi9.js";import{T as m}from"./p-CdB59TNI.js";import{O as c}from"./p-BchWICdx.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inverted=!1,this.ordered=!1}createLogger(t){this.log=t}render(){const t=this.ordered?"ol":"ul";return i(s,{key:"162cd5301d4728d918909c73b008fcc0e0c260d1",class:{"is-inverted":this.inverted,["is-"+this.size]:l(this.size)}},i(t,{key:"28b3480af2a82ae6790b0e367317f4ff1be61761",id:"list",part:"list"},i("slot",{key:"46af781e333c704266fea884bb5c28dd0a698ad2"})))}get el(){return this}static get style(){return":host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}:host(.is-inverted){--mod-list-item-color:var(--ds-list-item-inverted-color-text-base);--mod-list-item-color-hover:var(--ds-list-item-inverted-color-text-hover);--mod-list-item-color-active:var(--ds-list-item-inverted-color-text-active);--mod-list-item-color-disabled:var(--ds-list-item-inverted-color-text-disabled);--mod-list-item-border-color-base:var(--ds-alias-border-color-inverted-primary);--mod-list-item-border-color-hover:var(--ds-alias-border-color-inverted-primary-hover);--mod-list-item-border-color-active:var(--ds-alias-border-color-inverted-primary-active);--mod-list-item-background-hover:transparent;--mod-list-item-background-active:transparent;--mod-list-item-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-lg){--mod-list-item-min-height:var(--ds-list-item-size-lg-min-height);--mod-list-item-py:var(--ds-list-item-size-lg-padding-y)}"}},[257,"ds-list",{inverted:[4],ordered:[4],size:[1]}]);r([d("list"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],p.prototype,"createLogger",null),r([m("boolean"),a("design:type",Boolean)],p.prototype,"inverted",void 0),r([m("boolean"),a("design:type",Boolean)],p.prototype,"ordered",void 0),r([c(n),a("design:type",String)],p.prototype,"size",void 0);const v=p,h=function(){"undefined"!=typeof customElements&&["ds-list"].forEach((t=>{"ds-list"===t&&(customElements.get(o(t))||customElements.define(o(t),p))}))};export{v as DsList,h as defineCustomElement}
+import{p as t,H as e,h as i,c as s,t as o}from"./p-D_rQ-1tV.js";import{_ as r,L as d,a}from"./p-DnNWN90x.js";import{h as l}from"./p-BabptNq4.js";import{c as n}from"./p-RyTWoVi9.js";import{T as m}from"./p-CdB59TNI.js";import{O as c}from"./p-BchWICdx.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inverted=!1,this.ordered=!1}createLogger(t){this.log=t}render(){const t=this.ordered?"ol":"ul";return i(s,{key:"555557d23c4534daf4a99ce5c065e8025efd0f59",class:{"is-inverted":this.inverted,["is-"+this.size]:l(this.size)}},i(t,{key:"7acca648cb81ee60f591374c2869ee7b31da74ac",id:"list",part:"list"},i("slot",{key:"6dd47b8e7b94cab5385611499a86315dfb27f2d6"})))}get el(){return this}static get style(){return":host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}:host(.is-inverted){--mod-list-item-color:var(--ds-list-item-inverted-color-text-base);--mod-list-item-color-hover:var(--ds-list-item-inverted-color-text-hover);--mod-list-item-color-active:var(--ds-list-item-inverted-color-text-active);--mod-list-item-color-disabled:var(--ds-list-item-inverted-color-text-disabled);--mod-list-item-border-color-base:var(--ds-alias-border-color-inverted-primary);--mod-list-item-border-color-hover:var(--ds-alias-border-color-inverted-primary-hover);--mod-list-item-border-color-active:var(--ds-alias-border-color-inverted-primary-active);--mod-list-item-background-hover:transparent;--mod-list-item-background-active:transparent;--mod-list-item-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-lg){--mod-list-item-min-height:var(--ds-list-item-size-lg-min-height);--mod-list-item-py:var(--ds-list-item-size-lg-padding-y)}"}},[257,"ds-list",{inverted:[4],ordered:[4],size:[1]}]);r([d("list"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],p.prototype,"createLogger",null),r([m("boolean"),a("design:type",Boolean)],p.prototype,"inverted",void 0),r([m("boolean"),a("design:type",Boolean)],p.prototype,"ordered",void 0),r([c(n),a("design:type",String)],p.prototype,"size",void 0);const v=p,h=function(){"undefined"!=typeof customElements&&["ds-list"].forEach((t=>{"ds-list"===t&&(customElements.get(o(t))||customElements.define(o(t),p))}))};export{v as DsList,h as defineCustomElement}

package/components/ds-logo.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{L as s,d as o}from"./p-ClFVspSC.js";const p=s,r=o;export{p as DsLogo,r as defineCustomElement}
+import{L as o,d as p}from"./p-Bpb7oyeB.js";const s=o,r=p;export{s as DsLogo,r as defineCustomElement}

package/components/ds-modal-body.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as t,h as s,c as o,t as d}from"./p-D_rQ-1tV.js";import{_ as n,L as a,a as r}from"./p-DnNWN90x.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}createLogger(e){this.log=e}connectedCallback(){this.el.slot="body"}render(){return s(o,{key:"1dde254ac6d097d00b58c865a5a9a86a314122bf"},s("slot",{key:"4e180d4ed9fc83438c49d1da441b0ef907a1eb0f"}))}get el(){return this}static get style(){return":host{display:contents}"}},[257,"ds-modal-body"]);n([a("modal-body"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],c.prototype,"createLogger",null);const i=c,l=function(){"undefined"!=typeof customElements&&["ds-modal-body"].forEach((e=>{"ds-modal-body"===e&&(customElements.get(d(e))||customElements.define(d(e),c))}))};export{i as DsModalBody,l as defineCustomElement}
+import{p as t,H as e,h as s,c as o,t as n}from"./p-D_rQ-1tV.js";import{_ as a,L as c,a as r}from"./p-DnNWN90x.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}createLogger(t){this.log=t}connectedCallback(){this.el.slot="body"}render(){return s(o,{key:"c5561818568b48e9f6b55b4851c76c4ea3817254"},s("slot",{key:"9bb1b85b5a430f75cc42aaa36916aa8c2e54a179"}))}get el(){return this}static get style(){return":host{display:contents}"}},[257,"ds-modal-body"]);a([c("modal-body"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null);const i=d,l=function(){"undefined"!=typeof customElements&&["ds-modal-body"].forEach((t=>{"ds-modal-body"===t&&(customElements.get(n(t))||customElements.define(n(t),d))}))};export{i as DsModalBody,l as defineCustomElement}

package/components/ds-modal-header.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as t,h as s,c as n,t as a}from"./p-D_rQ-1tV.js";import{_ as r,L as d,a as o}from"./p-DnNWN90x.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}createLogger(e){this.log=e}connectedCallback(){this.el.slot="header"}render(){return s(n,{key:"03058012e65c15b84b178ce478eca9249ef5b83d",style:{display:"contents"}},s("slot",{key:"f7d44d86833d3298920c3667fce6b4aa4e62e386"}))}get el(){return this}},[260,"ds-modal-header"]);r([d("modal-header"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],c.prototype,"createLogger",null);const l=c,i=function(){"undefined"!=typeof customElements&&["ds-modal-header"].forEach((e=>{"ds-modal-header"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))};export{l as DsModalHeader,i as defineCustomElement}
+import{p as e,H as t,h as s,c as a,t as n}from"./p-D_rQ-1tV.js";import{_ as r,L as c,a as o}from"./p-DnNWN90x.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}createLogger(e){this.log=e}connectedCallback(){this.el.slot="header"}render(){return s(a,{key:"a18b40a44d1b4750e2b1e7a60260caa1122b7076",style:{display:"contents"}},s("slot",{key:"54539a2004deeaecc84fabbf0c1ecfc2cc529430"}))}get el(){return this}},[260,"ds-modal-header"]);r([c("modal-header"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],d.prototype,"createLogger",null);const l=d,i=function(){"undefined"!=typeof customElements&&["ds-modal-header"].forEach((e=>{"ds-modal-header"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))};export{l as DsModalHeader,i as defineCustomElement}

package/components/ds-modal.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as o,e as i,h as e,c as t,t as d}from"./p-D_rQ-1tV.js";import{_ as s,L as r,a as l}from"./p-DnNWN90x.js";import{w as n}from"./p-CvX_Qt_3.js";import{S as m}from"./p-BiC9O5XT.js";import{d as c}from"./p-BxX78Fro.js";import{d as h}from"./p-C4ZDDS_m.js";import{d as p}from"./p-LWV6sif8.js";import{d as b}from"./p-B5CqWYLV.js";import{d as g}from"./p-C971cVzE.js";import{T as f}from"./p-CdB59TNI.js";import{L as v}from"./p-D2--7hMh.js";const k=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsWillPresent=i(this,"dsWillPresent"),this.dsDidPresent=i(this,"dsDidPresent"),this.dsWillDismiss=i(this,"dsWillDismiss"),this.dsDidDismiss=i(this,"dsDidDismiss"),this.scrollHandler=new m,this.animated=!0,this.isOpen=!1,this.transitionQueue=Promise.resolve(),this.open=!1,this.closable=!0,this.modalWidth=640,this.fullscreen=!1,this.handleCancel=a=>{a.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var a;this.open&&(null===(a=this.dialogEl)||void 0===a||a.showModal())},this.handleBackdropClick=a=>{this.closable&&a.target===this.dialogEl&&(this.open=!1)}}createLogger(a){this.log=a}openChanged(a){a?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var a,o;null===(a=this.dialogEl)||void 0===a||a.addEventListener("cancel",this.handleCancel),null===(o=this.dialogEl)||void 0===o||o.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var a,o;null===(a=this.dialogEl)||void 0===a||a.removeEventListener("cancel",this.handleCancel),null===(o=this.dialogEl)||void 0===o||o.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(a){this.animated=a.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var a,o;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)||(this.dsWillPresent.emit(),null===(o=this.dialogEl)||void 0===o||o.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await n(300),this.dsDidPresent.emit())}async doClose(){var a,o;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await n(300),null===(o=this.dialogEl)||void 0===o||o.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return e(t,{key:"656a4293161bbb6fcab278cecd0c5d47b93c191e",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":this.modalWidth+"px"}},e("dialog",{key:"5ed2cf5a15f90b643c4f79a59bb0871039242edd",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":"modal-title","aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&e("ds-close",{key:"3b0dccbaa6612ade55346a7949dec1151a3dc03e",part:"close",onClick:()=>this.open=!1}),e("h2",{key:"3b0fb97465bd99e6353f3e30f25b86478844cce2",id:"modal-title",part:"title"},e("slot",{key:"220d6a05435543a6b1ffafcb3fea8b0bebbebc79",name:"header"})),e("div",{key:"df62477813854d77f988120ee736c40aa17c03a6",id:"modal-body",part:"body"},e("slot",{key:"a6b1591cf7645a094b8af839759c0e8ce862c38f",name:"body"})),e("div",{key:"4afa59aedd7bdd4175db4354e71110628e03dadb",id:"modal-actions",part:"actions"},e("slot",{key:"f5f723f1e0a07c0c71b795a9a9c8bd40d98dd683",name:"actions"}))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{--_modal-background:var(--modal-background, var(--mod-modal-background, var(--ds-modal-color-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-modal-backdrop-opacity)));--_modal-backdrop-filter:var(--modal-backdrop-filter, var(--mod-modal-backdrop-filter, var(--ds-modal-backdrop-filter)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-font-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-font-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-font-size)));--_modal-heading-line-height:var(--modal-heading-line-height, var(--mod-modal-heading-line-height, var(--ds-modal-heading-line-height)));--_modal-width:var(--modal-width, var(--mod-modal-width, var(--ds-modal-width)));--_modal-p:var(--modal-p, var(--mod-modal-p, var(--ds-modal-padding)));--_modal-gap:var(--modal-gap, var(--mod-modal-gap, var(--ds-modal-gap)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 1rem);max-height:calc(100vh - 1rem);overflow:hidden;background:var(--_modal-background);border-radius:var(--_modal-radius);padding:var(--_modal-p);opacity:0;-webkit-transform:translate(-50%, calc(-50% - 1rem));transform:translate(-50%, calc(-50% - 1rem));pointer-events:none}@media screen and (min-width: 769px){:host dialog{width:var(--_modal-width);max-height:calc(100vh - 6rem)}}:host(.is-open) dialog{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none !important;transition:none !important}}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--_modal-backdrop-filter);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--_modal-backdrop-filter);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host(.is-fullscreen) dialog{top:0;left:0;width:100%;max-height:100%;height:100%;border-radius:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}:host(.is-fullscreen.is-open) dialog{-webkit-transform:translateY(0);transform:translateY(0)}:host ds-close{position:absolute;top:var(--_modal-p);right:var(--_modal-p)}:host #modal-title{padding-right:calc(var(--_modal-p) + 2rem);margin:0 0 var(--_modal-gap);font-family:var(--_modal-heading-family);font-weight:var(--_modal-heading-weight);font-size:var(--_modal-heading-size);line-height:var(--_modal-heading-line-height)}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:calc(-1*var(--_modal-p));margin-right:calc(-1*var(--_modal-p));padding-left:var(--_modal-p);padding-right:var(--_modal-p)}:host #modal-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--_modal-gap)}:host #modal-actions:empty{display:none}::slotted(*){display:block}"}},[257,"ds-modal",{open:[1540],closable:[4],modalWidth:[2,"modal-width"],fullscreen:[4],animated:[32],isOpen:[32],present:[64],dismiss:[64],configChanged:[64]},void 0,{open:[{openChanged:0}]}]);s([r("modal"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null),s([f("boolean"),l("design:type",Boolean)],k.prototype,"open",void 0),s([f("boolean"),l("design:type",Boolean)],k.prototype,"closable",void 0),s([f("number"),l("design:type",Number)],k.prototype,"modalWidth",void 0),s([f("boolean"),l("design:type",Boolean)],k.prototype,"fullscreen",void 0),s([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],k.prototype,"configChanged",null);const u=k,y=function(){"undefined"!=typeof customElements&&["ds-modal","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-modal":customElements.get(d(a))||customElements.define(d(a),k);break;case"ds-brand-icon":customElements.get(d(a))||c();break;case"ds-button":customElements.get(d(a))||h();break;case"ds-close":customElements.get(d(a))||p();break;case"ds-icon":customElements.get(d(a))||b();break;case"ds-spinner":customElements.get(d(a))||g()}}))};export{u as DsModal,y as defineCustomElement}
+import{p as a,H as o,e as i,h as e,c as t,t as d}from"./p-D_rQ-1tV.js";import{_ as s,L as r,a as l}from"./p-DnNWN90x.js";import{w as n}from"./p-CvX_Qt_3.js";import{S as m}from"./p-CvR0-1OR.js";import{d as c}from"./p-DxfQopAD.js";import{d as h}from"./p-CCZcjYyi.js";import{d as p}from"./p-DH2edJBY.js";import{d as b}from"./p-mahwWXn2.js";import{d as f}from"./p-oyOklwcz.js";import{T as g}from"./p-CdB59TNI.js";import{L as v}from"./p-D2--7hMh.js";const k=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsWillPresent=i(this,"dsWillPresent"),this.dsDidPresent=i(this,"dsDidPresent"),this.dsWillDismiss=i(this,"dsWillDismiss"),this.dsDidDismiss=i(this,"dsDidDismiss"),this.scrollHandler=new m,this.animated=!0,this.isOpen=!1,this.transitionQueue=Promise.resolve(),this.open=!1,this.closable=!0,this.modalWidth=640,this.fullscreen=!1,this.handleCancel=a=>{a.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var a;this.open&&(null===(a=this.dialogEl)||void 0===a||a.showModal())},this.handleBackdropClick=a=>{this.closable&&a.target===this.dialogEl&&(this.open=!1)}}createLogger(a){this.log=a}openChanged(a){a?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var a,o;null===(a=this.dialogEl)||void 0===a||a.addEventListener("cancel",this.handleCancel),null===(o=this.dialogEl)||void 0===o||o.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var a,o;null===(a=this.dialogEl)||void 0===a||a.removeEventListener("cancel",this.handleCancel),null===(o=this.dialogEl)||void 0===o||o.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(a){this.animated=a.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var a,o;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)||(this.dsWillPresent.emit(),null===(o=this.dialogEl)||void 0===o||o.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await n(300),this.dsDidPresent.emit())}async doClose(){var a,o;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await n(300),null===(o=this.dialogEl)||void 0===o||o.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return e(t,{key:"ab13073dc67e59cfafd924a9f36ed82cb9b00857",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":this.modalWidth+"px"}},e("dialog",{key:"4af2a8ddc97da2f73c96f62315f8046a68678c92",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":"modal-title","aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&e("ds-close",{key:"1e2f472d0fd00adfcf2ae4ef011874c2329d7c80",part:"close",onClick:()=>this.open=!1}),e("h2",{key:"5b2be1d7ffa0679846d4d065b73ef469d019a7ce",id:"modal-title",part:"title"},e("slot",{key:"fa544fabfe7b9b44fae650c08c3b49c6c9b6aa58",name:"header"})),e("div",{key:"678d1248cebc43a902574d732139f61c67da21d9",id:"modal-body",part:"body"},e("slot",{key:"a0c25d0c83da67d8c4560716e2df3abf9cce3218",name:"body"})),e("div",{key:"5185bc1bdcd343dbebc7704e9882507c38ca6458",id:"modal-actions",part:"actions"},e("slot",{key:"7f0d9ccb64ef0c8a94ec360e6051624263ecf5dd",name:"actions"}))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{--_modal-background:var(--modal-background, var(--mod-modal-background, var(--ds-modal-color-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-modal-backdrop-opacity)));--_modal-backdrop-filter:var(--modal-backdrop-filter, var(--mod-modal-backdrop-filter, var(--ds-modal-backdrop-filter)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-font-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-font-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-font-size)));--_modal-heading-line-height:var(--modal-heading-line-height, var(--mod-modal-heading-line-height, var(--ds-modal-heading-line-height)));--_modal-width:var(--modal-width, var(--mod-modal-width, var(--ds-modal-width)));--_modal-p:var(--modal-p, var(--mod-modal-p, var(--ds-modal-padding)));--_modal-gap:var(--modal-gap, var(--mod-modal-gap, var(--ds-modal-gap)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 1rem);max-height:calc(100vh - 1rem);overflow:hidden;background:var(--_modal-background);border-radius:var(--_modal-radius);padding:var(--_modal-p);opacity:0;-webkit-transform:translate(-50%, calc(-50% - 1rem));transform:translate(-50%, calc(-50% - 1rem));pointer-events:none}@media screen and (min-width: 769px){:host dialog{width:var(--_modal-width);max-height:calc(100vh - 6rem)}}:host(.is-open) dialog{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none !important;transition:none !important}}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--_modal-backdrop-filter);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--_modal-backdrop-filter);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host(.is-fullscreen) dialog{top:0;left:0;width:100%;max-height:100%;height:100%;border-radius:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}:host(.is-fullscreen.is-open) dialog{-webkit-transform:translateY(0);transform:translateY(0)}:host ds-close{position:absolute;top:var(--_modal-p);right:var(--_modal-p)}:host #modal-title{padding-right:calc(var(--_modal-p) + 2rem);margin:0 0 var(--_modal-gap);font-family:var(--_modal-heading-family);font-weight:var(--_modal-heading-weight);font-size:var(--_modal-heading-size);line-height:var(--_modal-heading-line-height)}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:calc(-1*var(--_modal-p));margin-right:calc(-1*var(--_modal-p));padding-left:var(--_modal-p);padding-right:var(--_modal-p)}:host #modal-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--_modal-gap)}:host #modal-actions:empty{display:none}::slotted(*){display:block}"}},[257,"ds-modal",{open:[1540],closable:[4],modalWidth:[2,"modal-width"],fullscreen:[4],animated:[32],isOpen:[32],present:[64],dismiss:[64],configChanged:[64]},void 0,{open:[{openChanged:0}]}]);s([r("modal"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null),s([g("boolean"),l("design:type",Boolean)],k.prototype,"open",void 0),s([g("boolean"),l("design:type",Boolean)],k.prototype,"closable",void 0),s([g("number"),l("design:type",Number)],k.prototype,"modalWidth",void 0),s([g("boolean"),l("design:type",Boolean)],k.prototype,"fullscreen",void 0),s([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],k.prototype,"configChanged",null);const u=k,y=function(){"undefined"!=typeof customElements&&["ds-modal","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-modal":customElements.get(d(a))||customElements.define(d(a),k);break;case"ds-brand-icon":customElements.get(d(a))||c();break;case"ds-button":customElements.get(d(a))||h();break;case"ds-close":customElements.get(d(a))||p();break;case"ds-icon":customElements.get(d(a))||b();break;case"ds-spinner":customElements.get(d(a))||f()}}))};export{u as DsModal,y as defineCustomElement}

package/components/ds-notification.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as i,H as o,e as n,h as t,c as a,t as e}from"./p-D_rQ-1tV.js";import{_ as c,L as d,a as f}from"./p-DnNWN90x.js";import{s as r}from"./p-CBu_QEKB.js";import{h as s}from"./p-BabptNq4.js";import{d as l}from"./p-BxX78Fro.js";import{d as h}from"./p-C4ZDDS_m.js";import{d as g}from"./p-LWV6sif8.js";import{d as m}from"./p-B5CqWYLV.js";import{d as v}from"./p-C971cVzE.js";import{T as u}from"./p-CdB59TNI.js";import{O as p}from"./p-BchWICdx.js";const b=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=n(this,"dsCloseClick"),this.dsDidLoad=n(this,"dsDidLoad"),this.didLoad=!1,this.hasBrandIcon=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.heading="",this.noIcon=!1,this.updateHasBrandIcon=()=>{this.hasBrandIcon=!!this.el.querySelector(":scope > ds-brand-icon")}}createLogger(i){this.log=i}componentDidLoad(){this.updateHasBrandIcon(),this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=this.size||"";return t(a,Object.assign({key:"15efc7eac68cd01245733bffe23fc1d35bcc4dcf"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,"has-brand-icon":this.hasBrandIcon,["is-"+this.color]:s(this.color),["is-"+i]:s(this.size)}}),t("section",{key:"1c912e151498ad210b8130e69494f5b0dd920975",id:"notification",part:"section"},this.closable&&t("ds-close",{key:"3f9aa1170c083a0be30d6a24d79e3af0b4e82783",part:"close",onClick:i=>{r(i),this.close()}}),s(this.heading)&&t("h2",{key:"77550a588aef7281647dde59049b64bf116d2194",part:"heading"},this.heading),t("span",{key:"83b23fae92a7f0f961acf39b2a1ab9fb8cc2bd1f"},t("slot",{key:"e4c29bbcebb603e3936295695399288994ec3df7",onSlotchange:this.updateHasBrandIcon}))))}get el(){return this}static get style(){return':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-default-color-background)));--_notification-border:var(--notification-border, var(--mod-notification-border, var(--ds-notification-default-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-default-color-text)));--_notification-color-heading:var(--notification-color-heading, var(--mod-notification-color-heading, var(--ds-notification-default-color-heading)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-notification-default-heading-font-family)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-notification-default-heading-font-weight)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-notification-default-heading-font-size)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-notification-default-heading-line-height)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-notification-default-body-font-family)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, var(--ds-notification-default-body-font-weight)));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-notification-default-body-font-size)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-notification-default-body-line-height)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-default-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-p:var(--notification-p, var(--mod-notification-p, var(--ds-card-padding-base, 1.5rem)));--_notification-icon-size:var(--notification-icon-size, var(--mod-notification-icon-size, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-p)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-p)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--_notification-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-p);padding-right:var(--_notification-p);padding-bottom:var(--_notification-p);padding-left:calc(var(--_notification-p) + var(--_notification-icon-size));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .ds-close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);color:var(--_notification-color-heading);margin:0 !important}#notification:has(.ds-close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:var(--_notification-color-heading);forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:calc(var(--_notification-p)/4*-1);top:var(--_notification-p);-webkit-transform:translateX(var(--_notification-p));transform:translateX(var(--_notification-p));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-size:0rem}:host(.has-brand-icon){--mod-notification-icon-size:var(--ds-brand-icon-size-base)}::slotted(ds-brand-icon){position:absolute;top:calc(var(--_notification-p)/2);left:calc(var(--_notification-p)/2);margin-top:calc(var(--_notification-p)/8*-1)}:host(.is-info){--mod-notification-color-text:var(--ds-notification-info-color-text);--mod-notification-color-background:var(--ds-notification-info-color-background);--mod-notification-color-heading:var(--ds-notification-info-color-heading);--mod-notification-icon:var(--ds-notification-info-icon);--mod-notification-heading-family:var(--ds-notification-info-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-info-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-info-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-info-heading-line-height);--mod-notification-content-family:var(--ds-notification-info-body-font-family);--mod-notification-content-weight:var(--ds-notification-info-body-font-weight);--mod-notification-content-size:var(--ds-notification-info-body-font-size);--mod-notification-content-line-height:var(--ds-notification-info-body-line-height);--mod-notification-border:var(--ds-notification-info-border)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-success-color-text);--mod-notification-color-background:var(--ds-notification-success-color-background);--mod-notification-color-heading:var(--ds-notification-success-color-heading);--mod-notification-icon:var(--ds-notification-success-icon);--mod-notification-heading-family:var(--ds-notification-success-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-success-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-success-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-success-heading-line-height);--mod-notification-content-family:var(--ds-notification-success-body-font-family);--mod-notification-content-weight:var(--ds-notification-success-body-font-weight);--mod-notification-content-size:var(--ds-notification-success-body-font-size);--mod-notification-content-line-height:var(--ds-notification-success-body-line-height);--mod-notification-border:var(--ds-notification-success-border)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-warning-color-text);--mod-notification-color-background:var(--ds-notification-warning-color-background);--mod-notification-color-heading:var(--ds-notification-warning-color-heading);--mod-notification-icon:var(--ds-notification-warning-icon);--mod-notification-heading-family:var(--ds-notification-warning-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-warning-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-warning-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-warning-heading-line-height);--mod-notification-content-family:var(--ds-notification-warning-body-font-family);--mod-notification-content-weight:var(--ds-notification-warning-body-font-weight);--mod-notification-content-size:var(--ds-notification-warning-body-font-size);--mod-notification-content-line-height:var(--ds-notification-warning-body-line-height);--mod-notification-border:var(--ds-notification-warning-border)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-danger-color-text);--mod-notification-color-background:var(--ds-notification-danger-color-background);--mod-notification-color-heading:var(--ds-notification-danger-color-heading);--mod-notification-icon:var(--ds-notification-danger-icon);--mod-notification-heading-family:var(--ds-notification-danger-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-danger-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-danger-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-danger-heading-line-height);--mod-notification-content-family:var(--ds-notification-danger-body-font-family);--mod-notification-content-weight:var(--ds-notification-danger-body-font-weight);--mod-notification-content-size:var(--ds-notification-danger-body-font-size);--mod-notification-content-line-height:var(--ds-notification-danger-body-line-height);--mod-notification-border:var(--ds-notification-danger-border)}:host(.is-outline-default){--mod-notification-color-text:var(--ds-notification-outline-default-color-text);--mod-notification-color-background:var(--ds-notification-outline-default-color-background);--mod-notification-color-heading:var(--ds-notification-outline-default-color-heading);--mod-notification-icon:var(--ds-notification-outline-default-icon);--mod-notification-heading-family:var(--ds-notification-outline-default-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-default-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-default-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-default-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-default-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-default-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-default-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-default-body-line-height);--mod-notification-border:var(--ds-notification-outline-default-border)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-outline-purple-color-text);--mod-notification-color-background:var(--ds-notification-outline-purple-color-background);--mod-notification-color-heading:var(--ds-notification-outline-purple-color-heading);--mod-notification-icon:var(--ds-notification-outline-purple-icon);--mod-notification-heading-family:var(--ds-notification-outline-purple-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-purple-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-purple-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-purple-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-purple-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-purple-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-purple-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-purple-body-line-height);--mod-notification-border:var(--ds-notification-outline-purple-border)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-outline-green-color-text);--mod-notification-color-background:var(--ds-notification-outline-green-color-background);--mod-notification-color-heading:var(--ds-notification-outline-green-color-heading);--mod-notification-icon:var(--ds-notification-outline-green-icon);--mod-notification-heading-family:var(--ds-notification-outline-green-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-green-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-green-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-green-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-green-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-green-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-green-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-green-body-line-height);--mod-notification-border:var(--ds-notification-outline-green-border)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-outline-yellow-color-text);--mod-notification-color-background:var(--ds-notification-outline-yellow-color-background);--mod-notification-color-heading:var(--ds-notification-outline-yellow-color-heading);--mod-notification-icon:var(--ds-notification-outline-yellow-icon);--mod-notification-heading-family:var(--ds-notification-outline-yellow-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-yellow-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-yellow-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-yellow-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-yellow-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-yellow-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-yellow-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-yellow-body-line-height);--mod-notification-border:var(--ds-notification-outline-yellow-border)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-outline-red-color-text);--mod-notification-color-background:var(--ds-notification-outline-red-color-background);--mod-notification-color-heading:var(--ds-notification-outline-red-color-heading);--mod-notification-icon:var(--ds-notification-outline-red-icon);--mod-notification-heading-family:var(--ds-notification-outline-red-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-red-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-red-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-red-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-red-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-red-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-red-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-red-body-line-height);--mod-notification-border:var(--ds-notification-outline-red-border)}:host(.is-sm){--mod-notification-p:var(--ds-card-padding-sm)}:host{display:block}'}},[257,"ds-notification",{alert:[4],closable:[4],closeHandler:[16],color:[1],heading:[1],noIcon:[4,"no-icon"],size:[1],didLoad:[32],hasBrandIcon:[32],close:[64]}]);c([d("notification"),f("design:type",Function),f("design:paramtypes",[Function]),f("design:returntype",void 0)],b.prototype,"createLogger",null),c([u("boolean"),f("design:type",Boolean)],b.prototype,"alert",void 0),c([u("boolean"),f("design:type",Boolean)],b.prototype,"closable",void 0),c([p(["default","info","success","warning","danger","outline-default","outline-purple","outline-green","outline-yellow","outline-red"]),f("design:type",String)],b.prototype,"color",void 0),c([u("string"),f("design:type",String)],b.prototype,"heading",void 0),c([u("boolean"),f("design:type",Boolean)],b.prototype,"noIcon",void 0),c([p(["sm"]),f("design:type",String)],b.prototype,"size",void 0);const y=b,_=function(){"undefined"!=typeof customElements&&["ds-notification","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-notification":customElements.get(e(i))||customElements.define(e(i),b);break;case"ds-brand-icon":customElements.get(e(i))||l();break;case"ds-button":customElements.get(e(i))||h();break;case"ds-close":customElements.get(e(i))||g();break;case"ds-icon":customElements.get(e(i))||m();break;case"ds-spinner":customElements.get(e(i))||v()}}))};export{y as DsNotification,_ as defineCustomElement}
+import{p as i,H as o,e as n,h as t,c as a,t as e}from"./p-D_rQ-1tV.js";import{_ as c,L as d,a as f}from"./p-DnNWN90x.js";import{d as r,b as s}from"./p-969JOO-P.js";import{s as l}from"./p-CcE-lfae.js";import{h}from"./p-BabptNq4.js";import{d as m}from"./p-DxfQopAD.js";import{d as g}from"./p-CCZcjYyi.js";import{d as v}from"./p-DH2edJBY.js";import{d as u}from"./p-mahwWXn2.js";import{d as p}from"./p-oyOklwcz.js";import{T as b}from"./p-CdB59TNI.js";import{O as y}from"./p-BchWICdx.js";const w=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=n(this,"dsCloseClick"),this.dsDidLoad=n(this,"dsDidLoad"),this.didLoad=!1,this.hasBrandIcon=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.heading="",this.noIcon=!1,this.updateHasBrandIcon=()=>{this.hasBrandIcon=r(this.el,s("DS-BRAND-ICON")).length>0}}createLogger(i){this.log=i}componentDidLoad(){this.updateHasBrandIcon(),this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=this.size||"";return t(a,Object.assign({key:"83980a557445d4d8784d0af1ab76b69aa7a1758a"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,"has-brand-icon":this.hasBrandIcon,["is-"+this.color]:h(this.color),["is-"+i]:h(this.size)}}),t("section",{key:"43e4193118d3f03858a31b0be6626036bb7453df",id:"notification",part:"section"},this.closable&&t("ds-close",{key:"c8ede2917fb199a6afacd072f9800cfbb3e89d97",part:"close",onClick:i=>{l(i),this.close()}}),h(this.heading)&&t("h2",{key:"5244c63219eea139ddf23c922e152bf55689953b",part:"heading"},this.heading),t("span",{key:"f390a6797968c49399e747778462e29267c26b3f"},t("slot",{key:"f3af4e56e3df538384c5a3a8bacc3ad4983a2ae9",onSlotchange:this.updateHasBrandIcon}))))}get el(){return this}static get style(){return':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-default-color-background)));--_notification-border:var(--notification-border, var(--mod-notification-border, var(--ds-notification-default-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-default-color-text)));--_notification-color-heading:var(--notification-color-heading, var(--mod-notification-color-heading, var(--ds-notification-default-color-heading)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-notification-default-heading-font-family)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-notification-default-heading-font-weight)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-notification-default-heading-font-size)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-notification-default-heading-line-height)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-notification-default-body-font-family)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, var(--ds-notification-default-body-font-weight)));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-notification-default-body-font-size)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-notification-default-body-line-height)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-default-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-p:var(--notification-p, var(--mod-notification-p, var(--ds-card-padding-base, 1.5rem)));--_notification-icon-size:var(--notification-icon-size, var(--mod-notification-icon-size, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-p)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-p)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--_notification-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-p);padding-right:var(--_notification-p);padding-bottom:var(--_notification-p);padding-left:calc(var(--_notification-p) + var(--_notification-icon-size));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .ds-close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);color:var(--_notification-color-heading);margin:0 !important}#notification:has(.ds-close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:var(--_notification-color-heading);forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:calc(var(--_notification-p)/4*-1);top:var(--_notification-p);-webkit-transform:translateX(var(--_notification-p));transform:translateX(var(--_notification-p));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-size:0rem}:host(.has-brand-icon){--mod-notification-icon-size:var(--ds-brand-icon-size-base)}::slotted(ds-brand-icon){position:absolute;top:calc(var(--_notification-p)/2);left:calc(var(--_notification-p)/2);margin-top:calc(var(--_notification-p)/8*-1)}:host(.is-info){--mod-notification-color-text:var(--ds-notification-info-color-text);--mod-notification-color-background:var(--ds-notification-info-color-background);--mod-notification-color-heading:var(--ds-notification-info-color-heading);--mod-notification-icon:var(--ds-notification-info-icon);--mod-notification-heading-family:var(--ds-notification-info-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-info-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-info-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-info-heading-line-height);--mod-notification-content-family:var(--ds-notification-info-body-font-family);--mod-notification-content-weight:var(--ds-notification-info-body-font-weight);--mod-notification-content-size:var(--ds-notification-info-body-font-size);--mod-notification-content-line-height:var(--ds-notification-info-body-line-height);--mod-notification-border:var(--ds-notification-info-border)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-success-color-text);--mod-notification-color-background:var(--ds-notification-success-color-background);--mod-notification-color-heading:var(--ds-notification-success-color-heading);--mod-notification-icon:var(--ds-notification-success-icon);--mod-notification-heading-family:var(--ds-notification-success-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-success-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-success-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-success-heading-line-height);--mod-notification-content-family:var(--ds-notification-success-body-font-family);--mod-notification-content-weight:var(--ds-notification-success-body-font-weight);--mod-notification-content-size:var(--ds-notification-success-body-font-size);--mod-notification-content-line-height:var(--ds-notification-success-body-line-height);--mod-notification-border:var(--ds-notification-success-border)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-warning-color-text);--mod-notification-color-background:var(--ds-notification-warning-color-background);--mod-notification-color-heading:var(--ds-notification-warning-color-heading);--mod-notification-icon:var(--ds-notification-warning-icon);--mod-notification-heading-family:var(--ds-notification-warning-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-warning-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-warning-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-warning-heading-line-height);--mod-notification-content-family:var(--ds-notification-warning-body-font-family);--mod-notification-content-weight:var(--ds-notification-warning-body-font-weight);--mod-notification-content-size:var(--ds-notification-warning-body-font-size);--mod-notification-content-line-height:var(--ds-notification-warning-body-line-height);--mod-notification-border:var(--ds-notification-warning-border)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-danger-color-text);--mod-notification-color-background:var(--ds-notification-danger-color-background);--mod-notification-color-heading:var(--ds-notification-danger-color-heading);--mod-notification-icon:var(--ds-notification-danger-icon);--mod-notification-heading-family:var(--ds-notification-danger-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-danger-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-danger-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-danger-heading-line-height);--mod-notification-content-family:var(--ds-notification-danger-body-font-family);--mod-notification-content-weight:var(--ds-notification-danger-body-font-weight);--mod-notification-content-size:var(--ds-notification-danger-body-font-size);--mod-notification-content-line-height:var(--ds-notification-danger-body-line-height);--mod-notification-border:var(--ds-notification-danger-border)}:host(.is-outline-default){--mod-notification-color-text:var(--ds-notification-outline-default-color-text);--mod-notification-color-background:var(--ds-notification-outline-default-color-background);--mod-notification-color-heading:var(--ds-notification-outline-default-color-heading);--mod-notification-icon:var(--ds-notification-outline-default-icon);--mod-notification-heading-family:var(--ds-notification-outline-default-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-default-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-default-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-default-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-default-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-default-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-default-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-default-body-line-height);--mod-notification-border:var(--ds-notification-outline-default-border)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-outline-purple-color-text);--mod-notification-color-background:var(--ds-notification-outline-purple-color-background);--mod-notification-color-heading:var(--ds-notification-outline-purple-color-heading);--mod-notification-icon:var(--ds-notification-outline-purple-icon);--mod-notification-heading-family:var(--ds-notification-outline-purple-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-purple-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-purple-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-purple-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-purple-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-purple-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-purple-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-purple-body-line-height);--mod-notification-border:var(--ds-notification-outline-purple-border)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-outline-green-color-text);--mod-notification-color-background:var(--ds-notification-outline-green-color-background);--mod-notification-color-heading:var(--ds-notification-outline-green-color-heading);--mod-notification-icon:var(--ds-notification-outline-green-icon);--mod-notification-heading-family:var(--ds-notification-outline-green-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-green-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-green-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-green-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-green-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-green-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-green-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-green-body-line-height);--mod-notification-border:var(--ds-notification-outline-green-border)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-outline-yellow-color-text);--mod-notification-color-background:var(--ds-notification-outline-yellow-color-background);--mod-notification-color-heading:var(--ds-notification-outline-yellow-color-heading);--mod-notification-icon:var(--ds-notification-outline-yellow-icon);--mod-notification-heading-family:var(--ds-notification-outline-yellow-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-yellow-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-yellow-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-yellow-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-yellow-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-yellow-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-yellow-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-yellow-body-line-height);--mod-notification-border:var(--ds-notification-outline-yellow-border)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-outline-red-color-text);--mod-notification-color-background:var(--ds-notification-outline-red-color-background);--mod-notification-color-heading:var(--ds-notification-outline-red-color-heading);--mod-notification-icon:var(--ds-notification-outline-red-icon);--mod-notification-heading-family:var(--ds-notification-outline-red-heading-font-family);--mod-notification-heading-weight:var(--ds-notification-outline-red-heading-font-weight);--mod-notification-heading-size:var(--ds-notification-outline-red-heading-font-size);--mod-notification-heading-line-height:var(--ds-notification-outline-red-heading-line-height);--mod-notification-content-family:var(--ds-notification-outline-red-body-font-family);--mod-notification-content-weight:var(--ds-notification-outline-red-body-font-weight);--mod-notification-content-size:var(--ds-notification-outline-red-body-font-size);--mod-notification-content-line-height:var(--ds-notification-outline-red-body-line-height);--mod-notification-border:var(--ds-notification-outline-red-border)}:host(.is-sm){--mod-notification-p:var(--ds-card-padding-sm)}:host{display:block}'}},[257,"ds-notification",{alert:[4],closable:[4],closeHandler:[16],color:[1],heading:[1],noIcon:[4,"no-icon"],size:[1],didLoad:[32],hasBrandIcon:[32],close:[64]}]);c([d("notification"),f("design:type",Function),f("design:paramtypes",[Function]),f("design:returntype",void 0)],w.prototype,"createLogger",null),c([b("boolean"),f("design:type",Boolean)],w.prototype,"alert",void 0),c([b("boolean"),f("design:type",Boolean)],w.prototype,"closable",void 0),c([y(["default","info","success","warning","danger","outline-default","outline-purple","outline-green","outline-yellow","outline-red"]),f("design:type",String)],w.prototype,"color",void 0),c([b("string"),f("design:type",String)],w.prototype,"heading",void 0),c([b("boolean"),f("design:type",Boolean)],w.prototype,"noIcon",void 0),c([y(["sm"]),f("design:type",String)],w.prototype,"size",void 0);const _=w,z=function(){"undefined"!=typeof customElements&&["ds-notification","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-notification":customElements.get(e(i))||customElements.define(e(i),w);break;case"ds-brand-icon":customElements.get(e(i))||m();break;case"ds-button":customElements.get(e(i))||g();break;case"ds-close":customElements.get(e(i))||v();break;case"ds-icon":customElements.get(e(i))||u();break;case"ds-spinner":customElements.get(e(i))||p()}}))};export{_ as DsNotification,z as defineCustomElement}

package/components/ds-number-input.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as r,H as o,e as i,h as e,t}from"./p-D_rQ-1tV.js";import{_ as n,L as a,a as s}from"./p-DnNWN90x.js";import{g as d}from"./p-Duhf3ymL.js";import{e as l,g as c,b as h,f as m,c as f,d as u,h as p}from"./p-BATOumsf.js";import{b as v}from"./p-DHeVI6dR.js";import{i as b}from"./p-ZjaiKjEE.js";import{i as g}from"./p-CYHzHtnv.js";import{i as y}from"./p-B62ocg4Q.js";import{F as _,s as w}from"./p-CBu_QEKB.js";import{h as k}from"./p-BabptNq4.js";import{n as x}from"./p-CvX_Qt_3.js";import{w as z}from"./p-Dcf7YMP0.js";import{g as j,a as C,b as B,f as I}from"./p-B08yyDMo.js";import{N as E,A as S}from"./p-D86WpWIE.js";import{F}from"./p-DVX9w2ld.js";import{I as T}from"./p-B28K7zBb.js";import{d as D}from"./p-B5CqWYLV.js";import{d as K}from"./p-C971cVzE.js";import{d as P}from"./p-BRVmctrW.js";import{T as V}from"./p-CdB59TNI.js";import{O as N}from"./p-BchWICdx.js";import{L}from"./p-D2--7hMh.js";var O,W,q=d(function(){if(W)return O;W=1;var r=l(),o=c(),i=h(),e=v(),t=m(),n=f(),a=p(),s=u(),d=Object.prototype.hasOwnProperty;return O=function(l){if(null==l)return!0;if(t(l)&&(e(l)||"string"==typeof l||"function"==typeof l.splice||n(l)||s(l)||i(l)))return!l.length;var c=o(l);if("[object Map]"==c||"[object Set]"==c)return!l.size;if(a(l))return!r(l).length;for(var h in l)if(d.call(l,h))return!1;return!0}}());function M(r){return"string"==typeof r&&"."!==B()}function Q(r){const o=parseFloat(r);return"number"==typeof o&&!b(o)}function R(r,o=0){let i=r;if(""!==i&&null!=i&&!b(i)&&i!==j()&&i!==C()&&Q(i))return M(i)&&(i=i.split(B()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(C(),".")),0===o?parseInt(i,10):parseFloat(i)}function $(r){return r.replace(".",C())}function A(r,o=0,i=""){if(g(r))return"";r.charAt(0)===C()&&(r="0"+r);const e=0===o?parseInt(r,10):parseFloat(r),t=""!==i?" "+i.trim():"";return b(e)?"":I(e,o)+t}const H=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsBlur=i(this,"dsBlur"),this.dsFocus=i(this,"dsFocus"),this.dsClick=i(this,"dsClick"),this.dsKeyPress=i(this,"dsKeyPress"),this.internals=this.attachInternals(),this.numberInputId="ds-number-input-"+Y++,this.inheritedAttributes={},this.control=new _(this),this.lastValue="",this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=P.language,this.region=P.region,this.nativeInputValue="",this.inputPattern="",this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o;if(this.nativeInput&&function(r){return!Q(r)&&""!==r&&r!==j()&&r!==C()}(this.nativeInput.value))return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const i=null!==(o=R(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=i,this.dsInput.emit(i)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=$(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(g(i))return"";M(i)&&(i=i.split(B()).join("").split("`").join("").split("'").join("")),i.charAt(0)===C()&&(i="0"+i);const e=0===o?parseInt(i,10):parseFloat(i.replace(C(),"."));return b(e)?"":e.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=A(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=R(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",e=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,t=i.slice(0,e)+r.key+i.slice(e);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:e,selectionEnd:t,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if(r===j()){if(s)return!1;if(e&&e>0&&t&&t>0)return!1}if(r===C()){if(0===a)return!1;if((r=>(r.split(C())||[]).length-1||0)(n)>1)return!1}if(![...E,...S,C(),j()].includes(r))return!1;if(0!==a&&n.includes(C())&&[...E].includes(r)){const r=n.split(C());if(r[r.length-1].length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:t,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:w(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=x(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||b(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?$(o):A(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=z(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=y(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?$(this.lastValue):A(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(g(this.lastValue)||q(this.lastValue))?"0":this.lastValue}createPattern(){if(k(this.pattern))return this.pattern;let r=this.suffix||"";k(r)&&(r=" "+r);const o=B();let i=C();return","===i&&(i="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${o}\\d{3})*(?:\\${i}\\d{1,2})?(?:${r})?`}render(){const r=this.invalid||this.hasInvalidTextSlotContent;return e(F,{key:"466da866696fa75eec44e0432a3e8763166bafec",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"06b2959447753f4616586dd9f4c1f998a28b6171",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged: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)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-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 #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}: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) #input{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-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}"}},[65,"ds-number-input",{autoInvalidOff:[516,"auto-invalid-off"],color:[1],debounce:[2],decimal:[2],description:[1],disabled:[516],exactNumber:[4,"exact-number"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],max:[1],min:[1],name:[513],onlyPositive:[4,"only-positive"],pattern:[1],placeholder:[1],readonly:[516],required:[516],suffix:[1],value:[1538],focused:[32],hasInvalidTextSlotContent:[32],language:[32],region:[32],nativeInputValue:[32],inputPattern:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}]);n([a("number-input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],H.prototype,"createLogger",null),n([V("boolean"),s("design:type",Boolean)],H.prototype,"autoInvalidOff",void 0),n([N(T),s("design:type",String)],H.prototype,"color",void 0),n([V("number"),s("design:type",Number)],H.prototype,"debounce",void 0),n([V("number"),s("design:type",Number)],H.prototype,"decimal",void 0),n([V("string"),s("design:type",String)],H.prototype,"description",void 0),n([V("boolean"),s("design:type",Boolean)],H.prototype,"disabled",void 0),n([V("boolean"),s("design:type",Boolean)],H.prototype,"exactNumber",void 0),n([V("boolean"),s("design:type",Boolean)],H.prototype,"invalid",void 0),n([V("string"),s("design:type",String)],H.prototype,"invalidText",void 0),n([V("string"),s("design:type",String)],H.prototype,"label",void 0),n([V("string"),s("design:type",String)],H.prototype,"max",void 0),n([V("string"),s("design:type",String)],H.prototype,"min",void 0),n([V("string"),s("design:type",String)],H.prototype,"name",void 0),n([V("boolean"),s("design:type",Boolean)],H.prototype,"onlyPositive",void 0),n([V("string"),s("design:type",String)],H.prototype,"pattern",void 0),n([V("string"),s("design:type",String)],H.prototype,"placeholder",void 0),n([V("boolean"),s("design:type",Boolean)],H.prototype,"readonly",void 0),n([V("boolean"),s("design:type",Boolean)],H.prototype,"required",void 0),n([V("string"),s("design:type",String)],H.prototype,"suffix",void 0),n([V("number"),s("design:type",Object)],H.prototype,"value",void 0),n([L(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],H.prototype,"configChanged",null);let Y=0;const X=H,G=function(){"undefined"!=typeof customElements&&["ds-number-input","ds-icon","ds-spinner"].forEach((r=>{switch(r){case"ds-number-input":customElements.get(t(r))||customElements.define(t(r),H);break;case"ds-icon":customElements.get(t(r))||D();break;case"ds-spinner":customElements.get(t(r))||K()}}))};export{X as DsNumberInput,G as defineCustomElement}
+import{p as r,H as o,e as i,h as e,t}from"./p-D_rQ-1tV.js";import{_ as n,L as a,a as s}from"./p-DnNWN90x.js";import{g as d}from"./p-Duhf3ymL.js";import{e as l,g as c,b as h,f as m,c as f,d as u,h as p}from"./p-BATOumsf.js";import{b as v}from"./p-DHeVI6dR.js";import{i as b}from"./p-ZjaiKjEE.js";import{i as g}from"./p-CYHzHtnv.js";import{i as y}from"./p-B62ocg4Q.js";import{F as _,s as w}from"./p-CcE-lfae.js";import{h as k}from"./p-BabptNq4.js";import{n as x}from"./p-CvX_Qt_3.js";import{w as z}from"./p-BvNfYE1d.js";import{g as j,a as C,b as B,f as I}from"./p-B08yyDMo.js";import{N as E,A as S}from"./p-D86WpWIE.js";import{F}from"./p-DVX9w2ld.js";import{I as T}from"./p-B28K7zBb.js";import{d as D}from"./p-mahwWXn2.js";import{d as N}from"./p-oyOklwcz.js";import{d as K}from"./p-yDxcfq5h.js";import{T as O}from"./p-CdB59TNI.js";import{O as P}from"./p-BchWICdx.js";import{L}from"./p-D2--7hMh.js";var V,q,W=d(function(){if(q)return V;q=1;var r=l(),o=c(),i=h(),e=v(),t=m(),n=f(),a=p(),s=u(),d=Object.prototype.hasOwnProperty;return V=function(l){if(null==l)return!0;if(t(l)&&(e(l)||"string"==typeof l||"function"==typeof l.splice||n(l)||s(l)||i(l)))return!l.length;var c=o(l);if("[object Map]"==c||"[object Set]"==c)return!l.size;if(a(l))return!r(l).length;for(var h in l)if(d.call(l,h))return!1;return!0}}());function M(r){return"string"==typeof r&&"."!==B()}function $(r){const o=parseFloat(r);return"number"==typeof o&&!b(o)}function A(r,o=0){let i=r;if(""!==i&&null!=i&&!b(i)&&i!==j()&&i!==C()&&$(i))return M(i)&&(i=i.split(B()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(C(),".")),0===o?parseInt(i,10):parseFloat(i)}function H(r){return r.replace(".",C())}function Q(r,o=0,i=""){if(g(r))return"";r.charAt(0)===C()&&(r="0"+r);const e=0===o?parseInt(r,10):parseFloat(r),t=""!==i?" "+i.trim():"";return b(e)?"":I(e,o)+t}const R=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsBlur=i(this,"dsBlur"),this.dsFocus=i(this,"dsFocus"),this.dsClick=i(this,"dsClick"),this.dsKeyPress=i(this,"dsKeyPress"),this.internals=this.attachInternals(),this.numberInputId="ds-number-input-"+X++,this.inheritedAttributes={},this.control=new _(this),this.lastValue="",this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=K.language,this.region=K.region,this.nativeInputValue="",this.inputPattern="",this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o;if(this.nativeInput&&function(r){return!$(r)&&""!==r&&r!==j()&&r!==C()}(this.nativeInput.value))return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const i=null!==(o=A(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=i,this.dsInput.emit(i)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=H(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(g(i))return"";M(i)&&(i=i.split(B()).join("").split("`").join("").split("'").join("")),i.charAt(0)===C()&&(i="0"+i);const e=0===o?parseInt(i,10):parseFloat(i.replace(C(),"."));return b(e)?"":e.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=Q(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=A(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",e=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,t=i.slice(0,e)+r.key+i.slice(e);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:e,selectionEnd:t,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if(r===j()){if(s)return!1;if(e&&e>0&&t&&t>0)return!1}if(r===C()){if(0===a)return!1;if((r=>(r.split(C())||[]).length-1||0)(n)>1)return!1}if(![...E,...S,C(),j()].includes(r))return!1;if(0!==a&&n.includes(C())&&[...E].includes(r)){const r=n.split(C());if(r[r.length-1].length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:t,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:w(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=x(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||b(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?H(o):Q(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=z(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=y(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?H(this.lastValue):Q(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(g(this.lastValue)||W(this.lastValue))?"0":this.lastValue}createPattern(){if(k(this.pattern))return this.pattern;let r=this.suffix||"";k(r)&&(r=" "+r);const o=B();let i=C();return","===i&&(i="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${o}\\d{3})*(?:\\${i}\\d{1,2})?(?:${r})?`}render(){const r=this.invalid||this.hasInvalidTextSlotContent;return e(F,{key:"51cd67447f1fe58990414983427a74ee9283392b",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"6a49bba4d07f12f1812e0f0e179876f0e239d0b6",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:1}]}}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)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-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 #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}: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) #input{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-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}"}},[65,"ds-number-input",{autoInvalidOff:[516,"auto-invalid-off"],color:[1],debounce:[2],decimal:[2],description:[1],disabled:[516],exactNumber:[4,"exact-number"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],max:[1],min:[1],name:[513],onlyPositive:[4,"only-positive"],pattern:[1],placeholder:[1],readonly:[516],required:[516],suffix:[1],value:[1538],focused:[32],hasInvalidTextSlotContent:[32],language:[32],region:[32],nativeInputValue:[32],inputPattern:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],value:[{valueChanged:1}]}]);n([a("number-input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],R.prototype,"createLogger",null),n([O("boolean"),s("design:type",Boolean)],R.prototype,"autoInvalidOff",void 0),n([P(T),s("design:type",String)],R.prototype,"color",void 0),n([O("number"),s("design:type",Number)],R.prototype,"debounce",void 0),n([O("number"),s("design:type",Number)],R.prototype,"decimal",void 0),n([O("string"),s("design:type",String)],R.prototype,"description",void 0),n([O("boolean"),s("design:type",Boolean)],R.prototype,"disabled",void 0),n([O("boolean"),s("design:type",Boolean)],R.prototype,"exactNumber",void 0),n([O("boolean"),s("design:type",Boolean)],R.prototype,"invalid",void 0),n([O("string"),s("design:type",String)],R.prototype,"invalidText",void 0),n([O("string"),s("design:type",String)],R.prototype,"label",void 0),n([O("string"),s("design:type",String)],R.prototype,"max",void 0),n([O("string"),s("design:type",String)],R.prototype,"min",void 0),n([O("string"),s("design:type",String)],R.prototype,"name",void 0),n([O("boolean"),s("design:type",Boolean)],R.prototype,"onlyPositive",void 0),n([O("string"),s("design:type",String)],R.prototype,"pattern",void 0),n([O("string"),s("design:type",String)],R.prototype,"placeholder",void 0),n([O("boolean"),s("design:type",Boolean)],R.prototype,"readonly",void 0),n([O("boolean"),s("design:type",Boolean)],R.prototype,"required",void 0),n([O("string"),s("design:type",String)],R.prototype,"suffix",void 0),n([O("number"),s("design:type",Object)],R.prototype,"value",void 0),n([L(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],R.prototype,"configChanged",null);let X=0;const Y=R,G=function(){"undefined"!=typeof customElements&&["ds-number-input","ds-icon","ds-spinner"].forEach((r=>{switch(r){case"ds-number-input":customElements.get(t(r))||customElements.define(t(r),R);break;case"ds-icon":customElements.get(t(r))||D();break;case"ds-spinner":customElements.get(t(r))||N()}}))};export{Y as DsNumberInput,G as defineCustomElement}

package/components/ds-pagination.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{P as o,d as s}from"./p-CDnfw_B6.js";const p=o,r=s;export{p as DsPagination,r as defineCustomElement}
+import{P as s,d as o}from"./p-uDKYb4sQ.js";const p=s,r=o;export{p as DsPagination,r as defineCustomElement}

package/components/ds-popup.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{a as o,d as p}from"./p-CQ-B_pAe.js";const s=o,a=p;export{s as DsPopup,a as defineCustomElement}
+import{a as s,d as o}from"./p-XvusBTPw.js";const a=s,p=o;export{a as DsPopup,p as defineCustomElement}