@baloise/ds-core 20.0.0-next.7 → 20.0.0-next.9

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,f as e,h as t,t as i}from"./p-WO0X5Vmy.js";import{_ as n,L as s,a}from"./p-J0mxIuTt.js";import{i as d}from"./p-CYHzHtnv.js";import{i as c}from"./p-B62ocg4Q.js";import{s as l,F as h}from"./p-BwfAXfmz.js";import{h as m}from"./p-BrIcCcce.js";import{o as u}from"./p-BgzU1loG.js";import{i as f,N as p,A as v}from"./p-D86WpWIE.js";import{F as g}from"./p-FBQaJyH0.js";import{I as b,b as y,a as w,c as _,d as $,e as k}from"./p-DU7t9H9h.js";import{d as x}from"./p-Du7QOHtz.js";import{d as z}from"./p-qaSW94OG.js";import{d as B}from"./p-CvaNxQtw.js";import{T as j}from"./p-DAYd9ty0.js";import{O as C}from"./p-BhbWmCTu.js";import{L as D}from"./p-DIK6Zkg6.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 I=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,3),r.substring(3,6),r.substring(6,9),r.substring(9,12)].filter((o=>o.length>0));switch(e.length){case 1:return e[0];case 2:return`${e[0]}.${e[1]}`;case 3:return`${e[0]}.${e[1]}.${e[2]}`;default:return`${e[0]}.${e[1]}.${e[2]}.${e[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}/${e[1]}`;case 3:return`${e[0]}/${e[1]}.${e[2]}`;default:return`${e[0]}/${e[1]}.${e[2]}.${e[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0;let s=t.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=r.substring(0,9),t=r.substring(9,10),i=this.formatOffer(e);return t?`${i}-${t}`: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,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0;let s=t.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}/${e[1]}`;case 3:return`${e[0]}/${e[1]}.${e[2]}`;default:return`${e[0]}/${e[1]}.${e[2]}.${e[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){var r;if(f(o))return;const e=o.target,t=null!==(r=null==e?void 0:e.value.replace(/[^\dXx]/g,"").length)&&void 0!==r?r:0;("X"===o.key||"x"===o.key)&&t>=this.maxLength-1||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.trim().toUpperCase(),e=[r.substring(0,2),r.substring(2,8),r.substring(8,10),r.substring(10,11)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}/${e[1]}`;case 3:return`${e[0]}/${e[1]}/${e[2]}`;default:return`${e[0]}/${e[1]}/${e[2]}.${e[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,4),r.substring(4,7),r.substring(7,10)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}.${e[1]}`;default:return`${e[0]}.${e[1]}.${e[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,2),r.substring(2,6),r.substring(6,10),r.substring(10,14)].filter((o=>o.length>0));switch(e.length){case 1:return"BE"+r;case 2:return`BE${e[0]} ${e[1]}`;case 3:return`BE${e[0]} ${e[1]} ${e[2]}`;default:return`BE${e[0]} ${e[1]} ${e[2]} ${e[3]}`}}}],K=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsKeyPress=e(this,"dsKeyPress"),this.dsFocus=e(this,"dsFocus"),this.dsClick=e(this,"dsClick"),this.dsInput=e(this,"dsInput"),this.dsChange=e(this,"dsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.control=new h(this),this.maskUtil=new S(this),this.inputId="ds-input-"+E++,this.focused=!1,this.language=B.language,this.region=B.region,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)||f(o)||RegExp("^"+this.allowedKeyPress+"$").test(o.key)||[...v].includes(o.key)?void 0:l(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=u(this.dsChange,this.debounce)}maskChanged(){this.maskUtil.setFormatter((o=>I.find((r=>r.name===o)))(this.mask))}listenToClick(o){this.control.listenOnClick(o)}listenToReset(o){this.control.listenOnReset(o)}async configChanged(o){this.language=o.language,this.region=o.region}connectedCallback(){this.debounceChanged(),this.maskChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}getRawValue(){return""+(this.value||"")}getFormattedValue(){const o=this.getRawValue();return`${o}${m(this.suffix)&&m(o)?" "+this.suffix:""}`}render(){var o;let r;r=m(this.mask)?null!==(o=this.maskUtil.format(this.getRawValue()))&&void 0!==o?o:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let e={};return m(this.pattern)&&(e={pattern:this.pattern}),t(g,{key:"babef5825e546b7b80315ed7b83240d2b82562c0",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("input",Object.assign({key:"57f52c5591d793be3c19ab144f497d793bffbeed",id:"input",part:"input",name:this.name,ref:o=>this.control.nativeEl=o,"aria-describedby":"description","aria-invalid":!0===this.invalid?"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)},e,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-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_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-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}: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-width) solid var(--_form-container-border-color);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-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color: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-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-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-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[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],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}]);n([s("input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],K.prototype,"createLogger",null),n([j("string"),a("design:type",Object)],K.prototype,"value",void 0),n([j("string"),a("design:type",String)],K.prototype,"name",void 0),n([j("string"),a("design:type",String)],K.prototype,"label",void 0),n([j("string"),a("design:type",String)],K.prototype,"description",void 0),n([C(b),a("design:type",String)],K.prototype,"color",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"loading",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"invalid",void 0),n([j("string"),a("design:type",String)],K.prototype,"invalidText",void 0),n([C(y),a("design:type",String)],K.prototype,"type",void 0),n([j("string"),a("design:type",String)],K.prototype,"accept",void 0),n([j("string"),a("design:type",String)],K.prototype,"autocapitalize",void 0),n([C(w),a("design:type",String)],K.prototype,"autocomplete",void 0),n([C(_),a("design:type",String)],K.prototype,"autocorrect",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"autofocus",void 0),n([j("number"),a("design:type",Number)],K.prototype,"debounce",void 0),n([j("string"),a("design:type",String)],K.prototype,"placeholder",void 0),n([j("string"),a("design:type",String)],K.prototype,"max",void 0),n([j("number"),a("design:type",Number)],K.prototype,"maxLength",void 0),n([j("string"),a("design:type",String)],K.prototype,"min",void 0),n([j("number"),a("design:type",Number)],K.prototype,"minLength",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"multiple",void 0),n([j("string"),a("design:type",String)],K.prototype,"pattern",void 0),n([j("string"),a("design:type",String)],K.prototype,"allowedKeyPress",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"required",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"spellcheck",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"disabled",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"readonly",void 0),n([j("string"),a("design:type",String)],K.prototype,"suffix",void 0),n([C($),a("design:type",String)],K.prototype,"inputmode",void 0),n([C(k),a("design:type",String)],K.prototype,"mask",void 0),n([D(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],K.prototype,"configChanged",null);let E=0;const F=K,L=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))||x();break;case"ds-spinner":customElements.get(i(o))||z()}}))};export{F as DsInput,L as defineCustomElement}
+import{p as o,H as r,f as e,h as t,t as i}from"./p-WO0X5Vmy.js";import{_ as n,L as s,a}from"./p-J0mxIuTt.js";import{i as d}from"./p-CYHzHtnv.js";import{i as c}from"./p-B62ocg4Q.js";import{s as l,F as h}from"./p-BwfAXfmz.js";import{h as m}from"./p-BrIcCcce.js";import{o as u}from"./p-BgzU1loG.js";import{w as f,F as p}from"./p-CmBtAxar.js";import{i as v,N as g,A as b}from"./p-D86WpWIE.js";import{I as y,b as w,a as _,c as $,d as k,e as x}from"./p-DU7t9H9h.js";import{d as z}from"./p-Dbqy6lZU.js";import{d as C}from"./p-o0H7eIVX.js";import{d as B}from"./p-CvaNxQtw.js";import{T as j}from"./p-DAYd9ty0.js";import{O as I}from"./p-BhbWmCTu.js";import{L as D}from"./p-DIK6Zkg6.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 K=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){v(o)||[...g,...b].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,3),r.substring(3,6),r.substring(6,9),r.substring(9,12)].filter((o=>o.length>0));switch(e.length){case 1:return e[0];case 2:return`${e[0]}.${e[1]}`;case 3:return`${e[0]}.${e[1]}.${e[2]}`;default:return`${e[0]}.${e[1]}.${e[2]}.${e[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){v(o)||[...g,...b].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}/${e[1]}`;case 3:return`${e[0]}/${e[1]}.${e[2]}`;default:return`${e[0]}/${e[1]}.${e[2]}.${e[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0;let s=t.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){v(o)||[...g,...b].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=r.substring(0,9),t=r.substring(9,10),i=this.formatOffer(e);return t?`${i}-${t}`: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,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0;let s=t.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){v(o)||[...g,...b].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}/${e[1]}`;case 3:return`${e[0]}/${e[1]}.${e[2]}`;default:return`${e[0]}/${e[1]}.${e[2]}.${e[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){var r;if(v(o))return;const e=o.target,t=null!==(r=null==e?void 0:e.value.replace(/[^\dXx]/g,"").length)&&void 0!==r?r:0;("X"===o.key||"x"===o.key)&&t>=this.maxLength-1||[...g,...b].includes(o.key)||l(o)}formatValue(o){const r=o.trim().toUpperCase(),e=[r.substring(0,2),r.substring(2,8),r.substring(8,10),r.substring(10,11)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}/${e[1]}`;case 3:return`${e[0]}/${e[1]}/${e[2]}`;default:return`${e[0]}/${e[1]}/${e[2]}.${e[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){v(o)||[...g,...b].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,4),r.substring(4,7),r.substring(7,10)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}.${e[1]}`;default:return`${e[0]}.${e[1]}.${e[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){v(o)||[...g,...b].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,2),r.substring(2,6),r.substring(6,10),r.substring(10,14)].filter((o=>o.length>0));switch(e.length){case 1:return"BE"+r;case 2:return`BE${e[0]} ${e[1]}`;case 3:return`BE${e[0]} ${e[1]} ${e[2]}`;default:return`BE${e[0]} ${e[1]} ${e[2]} ${e[3]}`}}}],E=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsKeyPress=e(this,"dsKeyPress"),this.dsFocus=e(this,"dsFocus"),this.dsClick=e(this,"dsClick"),this.dsInput=e(this,"dsInput"),this.dsChange=e(this,"dsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.control=new h(this),this.maskUtil=new S(this),this.inputId="ds-input-"+L++,this.focused=!1,this.language=B.language,this.region=B.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)||v(o)||RegExp("^"+this.allowedKeyPress+"$").test(o.key)||[...b].includes(o.key)?void 0:l(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=u(this.dsChange,this.debounce)}maskChanged(){this.maskUtil.setFormatter((o=>K.find((r=>r.name===o)))(this.mask))}listenToClick(o){this.control.listenOnClick(o)}listenToReset(o){this.control.listenOnReset(o)}async configChanged(o){this.language=o.language,this.region=o.region}connectedCallback(){this.debounceChanged(),this.maskChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=f(this.el,(o=>{this.hasInvalidTextSlotContent=o}))}disconnectedCallback(){var o;null===(o=this.disconnectInvalidTextSlotWatcher)||void 0===o||o.call(this)}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}getRawValue(){return""+(this.value||"")}getFormattedValue(){const o=this.getRawValue();return`${o}${m(this.suffix)&&m(o)?" "+this.suffix:""}`}render(){var o;let r;r=m(this.mask)?null!==(o=this.maskUtil.format(this.getRawValue()))&&void 0!==o?o:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let e={};m(this.pattern)&&(e={pattern:this.pattern});const i=this.invalid||this.hasInvalidTextSlotContent;return t(p,{key:"60462d9ab4b551b6ea128c4bae45f729cf939eed",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},t("input",Object.assign({key:"2557655b7d70ffc1605f20dd3b2887bee85db005",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)},e,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-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_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-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}: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-width) solid var(--_form-container-border-color);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-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color: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-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-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-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[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],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}]);n([s("input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],E.prototype,"createLogger",null),n([j("string"),a("design:type",Object)],E.prototype,"value",void 0),n([j("string"),a("design:type",String)],E.prototype,"name",void 0),n([j("string"),a("design:type",String)],E.prototype,"label",void 0),n([j("string"),a("design:type",String)],E.prototype,"description",void 0),n([I(y),a("design:type",String)],E.prototype,"color",void 0),n([j("boolean"),a("design:type",Boolean)],E.prototype,"loading",void 0),n([j("boolean"),a("design:type",Boolean)],E.prototype,"invalid",void 0),n([j("string"),a("design:type",String)],E.prototype,"invalidText",void 0),n([I(w),a("design:type",String)],E.prototype,"type",void 0),n([j("string"),a("design:type",String)],E.prototype,"accept",void 0),n([j("string"),a("design:type",String)],E.prototype,"autocapitalize",void 0),n([I(_),a("design:type",String)],E.prototype,"autocomplete",void 0),n([I($),a("design:type",String)],E.prototype,"autocorrect",void 0),n([j("boolean"),a("design:type",Boolean)],E.prototype,"autofocus",void 0),n([j("number"),a("design:type",Number)],E.prototype,"debounce",void 0),n([j("string"),a("design:type",String)],E.prototype,"placeholder",void 0),n([j("string"),a("design:type",String)],E.prototype,"max",void 0),n([j("number"),a("design:type",Number)],E.prototype,"maxLength",void 0),n([j("string"),a("design:type",String)],E.prototype,"min",void 0),n([j("number"),a("design:type",Number)],E.prototype,"minLength",void 0),n([j("boolean"),a("design:type",Boolean)],E.prototype,"multiple",void 0),n([j("string"),a("design:type",String)],E.prototype,"pattern",void 0),n([j("string"),a("design:type",String)],E.prototype,"allowedKeyPress",void 0),n([j("boolean"),a("design:type",Boolean)],E.prototype,"required",void 0),n([j("boolean"),a("design:type",Boolean)],E.prototype,"spellcheck",void 0),n([j("boolean"),a("design:type",Boolean)],E.prototype,"disabled",void 0),n([j("boolean"),a("design:type",Boolean)],E.prototype,"readonly",void 0),n([j("string"),a("design:type",String)],E.prototype,"suffix",void 0),n([I(k),a("design:type",String)],E.prototype,"inputmode",void 0),n([I(x),a("design:type",String)],E.prototype,"mask",void 0),n([D(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],E.prototype,"configChanged",null);let L=0;const F=E,T=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),E);break;case"ds-icon":customElements.get(i(o))||z();break;case"ds-spinner":customElements.get(i(o))||C()}}))};export{F as DsInput,T 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,f as e,h as s,e as o,t as r}from"./p-WO0X5Vmy.js";import{_ as a,L as n,a as l}from"./p-J0mxIuTt.js";import{d,a as c,b as m}from"./p-D5zw5ezD.js";import{c as h}from"./p-DQBzmbR6.js";import{d as b}from"./p-Du7QOHtz.js";import{T as v}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";const p=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.accordionMarker="",this.accordionMarkerPosition="",this.accordionOpen=!1,this.actionIcon="",this.description="",this.disabled=!1,this.download="",this.href="",this.label="",this.labelLevel="",this.labelSize="",this.rel="",this.target="",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&&""!==this.actionIcon||"link"!==this.variant&&"button"!==this.variant||(a="nav-go-right"));const n={};return"link"===this.variant&&(this.disabled&&(n.disabled=this.disabled),this.href&&(n.href=this.href),this.target&&(n.target=this.target),this.rel&&(n.rel=this.rel),this.download&&(n.download=this.download)),"button"===this.variant&&(this.disabled?n.disabled=this.disabled:n.onClick=this.handleClick),"accordion"===this.variant?s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-accordion":"accordion"===this.variant,["has-label-"+e]:!!e}},s("ds-accordion",Object.assign({part:"accordion"},n,{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,["has-label-"+e]:!!e}},s(t,Object.assign({id:"item",part:"item"},n),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, 3.5rem));--_list-item-gap:var(--list-item-gap, var(--mod-list-item-gap, 1rem));--_list-item-space:var(--list-item-space, var(--mod-list-item-space, 0.5rem));--_list-item-content-gap:var(--list-item-content-gap, var(--mod-list-item-content-gap, 1px));--_list-item-color:var(--list-item-color, var(--mod-list-item-color, inherit));--_list-item-border-color-base:var(--list-item-border-color-base, var(--mod-list-item-border-color-base, var(--ds-list-item-border-color)));--_list-item-border-color-hover:var(--list-item-border-color-hover, var(--mod-list-item-border-color-hover, var(--ds-link-color-base)));--_list-item-border-color-active:var(--list-item-border-color-active, var(--mod-list-item-border-color-active, var(--ds-link-color-base-active)));--_list-item-border-width:var(--list-item-border-width, var(--mod-list-item-border-width, var(--ds-list-item-border-width, 2px)));--_list-item-border-radius:var(--list-item-border-radius, var(--mod-list-item-border-radius, 12px));--_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-background-color-primary-lighter)));--_list-item-background-active:var(--list-item-background-active, var(--mod-list-item-background-active, var(--ds-alias-background-color-primary-lighter)));--_list-item-accordion-py:var(--list-item-accordion-py, var(--mod-list-item-accordion-py, var(--ds-alias-space-base-device)));--_list-item-action-icon-size:var(--list-item-action-icon-size, var(--mod-list-item-action-icon-size, var(--ds-icon-size-xs)));--_list-item-title-size:var(--list-item-title-size, var(--mod-list-item-title-size, var(--ds-heading-5-size-device)));--_list-item-title-weight:var(--list-item-title-weight, var(--mod-list-item-title-weight, var(--ds-alias-text-weight-bold)));--_list-item-title-family:var(--list-item-title-family, var(--mod-list-item-title-family, var(--ds-global-font-family-heading)));--_list-item-text-family:var(--list-item-text-family, var(--mod-list-item-text-family, var(--ds-global-font-family-body)));--_list-item-text-weight:var(--list-item-text-weight, var(--mod-list-item-text-weight, var(--ds-alias-text-weight-regular)));--_list-item-text-size:var(--list-item-text-size, var(--mod-list-item-text-size, var(--ds-alias-text-size-sm-device)))}: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-space) .25rem;padding-bottom:calc(var(--_list-item-space) + 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);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);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)}:host(.has-label-h1){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-3xl){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-h2){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-2xl){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-h3){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-xl){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-h4){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-lg){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-h5){--mod-list-item-title-size:var(--ds-heading-5-size-device)}:host(.has-label-base){--mod-list-item-title-size:var(--ds-heading-5-size-device)}: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) #item::-moz-focus-inner,:host(.is-button) #item::-moz-focus-inner{border:0}:host(.is-link) #item #content,:host(.is-button) #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);color:var(--ds-link-color-base)}@media (hover: hover)and (pointer: fine){:host(.is-link) #item:hover,:host(.is-link) #item.is-hovered,:host(.is-button) #item:hover,:host(.is-button) #item.is-hovered{background:var(--_list-item-background-hover)}}:host(.is-link) #item:active,:host(.is-link) #item.is-pressed,:host(.is-button) #item:active,:host(.is-button) #item.is-pressed{background:var(--_list-item-background-active);color:var(--ds-link-color-base-active)}:host(.is-link) #item:active #content,:host(.is-link) #item.is-pressed #content,:host(.is-button) #item:active #content,:host(.is-button) #item.is-pressed #content{color:var(--ds-link-color-base-active)}:host(.is-link) #item:active ds-icon,:host(.is-link) #item:active ::slotted(ds-icon),:host(.is-link) #item:active ::slotted(ds-badge),:host(.is-link) #item.is-pressed ds-icon,:host(.is-link) #item.is-pressed ::slotted(ds-icon),:host(.is-link) #item.is-pressed ::slotted(ds-badge),:host(.is-button) #item:active ds-icon,:host(.is-button) #item:active ::slotted(ds-icon),:host(.is-button) #item:active ::slotted(ds-badge),:host(.is-button) #item.is-pressed ds-icon,:host(.is-button) #item.is-pressed ::slotted(ds-icon),:host(.is-button) #item.is-pressed ::slotted(ds-badge){--icon-color:var(--ds-link-color-base-active)}:host(.is-link) #item:before,:host(.is-button) #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) #item:focus-visible:not(:active):before,:host(.is-link) #item.is-focused:not(:active):before,:host(.is-button) #item:focus-visible:not(:active):before,:host(.is-button) #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) #item:hover:after,:host(.is-link) #item.is-hovered:after,:host(.is-button) #item:hover:after,:host(.is-button) #item.is-hovered:after,:host(.is-accordion) #item:hover:after,:host(.is-accordion) #item.is-hovered:after{background:var(--_list-item-border-color-hover)}}:host(.is-link) #item:active:after,:host(.is-link) #item.is-pressed:after,:host(.is-button) #item:active:after,:host(.is-button) #item.is-pressed:after,:host(.is-accordion) #item:active:after,:host(.is-accordion) #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(--ds-link-color-base)}: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(--ds-list-item-disabled)}:host(.is-disabled) #item #content{color:var(--ds-list-item-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(--ds-list-item-disabled)}:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-badge){--badge-color-background:var(--ds-badge-color-grey-background);--badge-color-text:var(--ds-badge-color-grey-text)}'}},[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],download:[1],href:[1],label:[1],labelLevel:[1,"label-level"],labelSize:[1,"label-size"],rel:[1],target:[1],variant:[1]}]);a([n("item"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],p.prototype,"createLogger",null),a([v("string"),l("design:type",String)],p.prototype,"accordionGroup",void 0),a([g(c),l("design:type",String)],p.prototype,"accordionMarker",void 0),a([g(m),l("design:type",String)],p.prototype,"accordionMarkerPosition",void 0),a([v("boolean"),l("design:type",Boolean)],p.prototype,"accordionOpen",void 0),a([g(["","default","link","link-external","download"]),l("design:type",String)],p.prototype,"actionIcon",void 0),a([v("string"),l("design:type",String)],p.prototype,"description",void 0),a([v("boolean"),l("design:type",Boolean)],p.prototype,"disabled",void 0),a([v("string"),l("design:type",String)],p.prototype,"download",void 0),a([v("string"),l("design:type",String)],p.prototype,"href",void 0),a([v("string"),l("design:type",String)],p.prototype,"label",void 0),a([g(["","h1","h2","h3","h4","h5"]),l("design:type",String)],p.prototype,"labelLevel",void 0),a([g(["","h1","h2","h3","h4","h5","3xl","2xl","xl","lg","base"]),l("design:type",String)],p.prototype,"labelSize",void 0),a([v("string"),l("design:type",String)],p.prototype,"rel",void 0),a([g(h),l("design:type",String)],p.prototype,"target",void 0),a([g(["default","link","button","accordion"]),l("design:type",String)],p.prototype,"variant",void 0);const u=p,f=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),p);break;case"ds-accordion":customElements.get(r(t))||d();break;case"ds-icon":customElements.get(r(t))||b()}}))};export{u as DsItem,f as defineCustomElement}
+import{p as t,H as i,f as e,h as s,e as o,t as r}from"./p-WO0X5Vmy.js";import{_ as a,L as n,a as l}from"./p-J0mxIuTt.js";import{d,a as c,b as m}from"./p-hPpcXLRP.js";import{c as h}from"./p-wud2RGEy.js";import{d as b}from"./p-Dbqy6lZU.js";import{T as v}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";const p=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.accordionMarker="",this.accordionMarkerPosition="",this.accordionOpen=!1,this.actionIcon="",this.description="",this.disabled=!1,this.download="",this.href="",this.label="",this.labelLevel="",this.labelSize="",this.rel="",this.target="",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&&""!==this.actionIcon||"link"!==this.variant&&"button"!==this.variant||(a="nav-go-right"));const n={};return"link"===this.variant&&(this.disabled&&(n.disabled=this.disabled),this.href&&(n.href=this.href),this.target&&(n.target=this.target),this.rel&&(n.rel=this.rel),this.download&&(n.download=this.download)),"button"===this.variant&&(this.disabled?n.disabled=this.disabled:n.onClick=this.handleClick),"accordion"===this.variant?s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-accordion":"accordion"===this.variant,["has-label-"+e]:!!e}},s("ds-accordion",Object.assign({part:"accordion"},n,{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,["has-label-"+e]:!!e}},s(t,Object.assign({id:"item",part:"item"},n),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, 3.5rem));--_list-item-gap:var(--list-item-gap, var(--mod-list-item-gap, 1rem));--_list-item-space:var(--list-item-space, var(--mod-list-item-space, 0.5rem));--_list-item-content-gap:var(--list-item-content-gap, var(--mod-list-item-content-gap, 1px));--_list-item-color:var(--list-item-color, var(--mod-list-item-color, inherit));--_list-item-border-color-base:var(--list-item-border-color-base, var(--mod-list-item-border-color-base, var(--ds-list-item-border-color)));--_list-item-border-color-hover:var(--list-item-border-color-hover, var(--mod-list-item-border-color-hover, var(--ds-link-color-base)));--_list-item-border-color-active:var(--list-item-border-color-active, var(--mod-list-item-border-color-active, var(--ds-link-color-base-active)));--_list-item-border-width:var(--list-item-border-width, var(--mod-list-item-border-width, var(--ds-list-item-border-width, 2px)));--_list-item-border-radius:var(--list-item-border-radius, var(--mod-list-item-border-radius, 12px));--_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-background-color-primary-lighter)));--_list-item-background-active:var(--list-item-background-active, var(--mod-list-item-background-active, var(--ds-alias-background-color-primary-lighter)));--_list-item-accordion-py:var(--list-item-accordion-py, var(--mod-list-item-accordion-py, var(--ds-alias-space-base-device)));--_list-item-action-icon-size:var(--list-item-action-icon-size, var(--mod-list-item-action-icon-size, var(--ds-icon-size-xs)));--_list-item-title-size:var(--list-item-title-size, var(--mod-list-item-title-size, var(--ds-heading-5-size-device)));--_list-item-title-weight:var(--list-item-title-weight, var(--mod-list-item-title-weight, var(--ds-alias-text-weight-bold)));--_list-item-title-family:var(--list-item-title-family, var(--mod-list-item-title-family, var(--ds-global-font-family-heading)));--_list-item-text-family:var(--list-item-text-family, var(--mod-list-item-text-family, var(--ds-global-font-family-body)));--_list-item-text-weight:var(--list-item-text-weight, var(--mod-list-item-text-weight, var(--ds-alias-text-weight-regular)));--_list-item-text-size:var(--list-item-text-size, var(--mod-list-item-text-size, var(--ds-alias-text-size-sm-device)))}: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-space) .25rem;padding-bottom:calc(var(--_list-item-space) + 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);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);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)}:host(.has-label-h1){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-3xl){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-h2){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-2xl){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-h3){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-xl){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-h4){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-lg){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-h5){--mod-list-item-title-size:var(--ds-heading-5-size-device)}:host(.has-label-base){--mod-list-item-title-size:var(--ds-heading-5-size-device)}: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) #item::-moz-focus-inner,:host(.is-button) #item::-moz-focus-inner{border:0}:host(.is-link) #item #content,:host(.is-button) #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);color:var(--ds-link-color-base)}@media (hover: hover)and (pointer: fine){:host(.is-link) #item:hover,:host(.is-link) #item.is-hovered,:host(.is-button) #item:hover,:host(.is-button) #item.is-hovered{background:var(--_list-item-background-hover)}}:host(.is-link) #item:active,:host(.is-link) #item.is-pressed,:host(.is-button) #item:active,:host(.is-button) #item.is-pressed{background:var(--_list-item-background-active);color:var(--ds-link-color-base-active)}:host(.is-link) #item:active #content,:host(.is-link) #item.is-pressed #content,:host(.is-button) #item:active #content,:host(.is-button) #item.is-pressed #content{color:var(--ds-link-color-base-active)}:host(.is-link) #item:active ds-icon,:host(.is-link) #item:active ::slotted(ds-icon),:host(.is-link) #item:active ::slotted(ds-badge),:host(.is-link) #item.is-pressed ds-icon,:host(.is-link) #item.is-pressed ::slotted(ds-icon),:host(.is-link) #item.is-pressed ::slotted(ds-badge),:host(.is-button) #item:active ds-icon,:host(.is-button) #item:active ::slotted(ds-icon),:host(.is-button) #item:active ::slotted(ds-badge),:host(.is-button) #item.is-pressed ds-icon,:host(.is-button) #item.is-pressed ::slotted(ds-icon),:host(.is-button) #item.is-pressed ::slotted(ds-badge){--icon-color:var(--ds-link-color-base-active)}:host(.is-link) #item:before,:host(.is-button) #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) #item:focus-visible:not(:active):before,:host(.is-link) #item.is-focused:not(:active):before,:host(.is-button) #item:focus-visible:not(:active):before,:host(.is-button) #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) #item:hover:after,:host(.is-link) #item.is-hovered:after,:host(.is-button) #item:hover:after,:host(.is-button) #item.is-hovered:after,:host(.is-accordion) #item:hover:after,:host(.is-accordion) #item.is-hovered:after{background:var(--_list-item-border-color-hover)}}:host(.is-link) #item:active:after,:host(.is-link) #item.is-pressed:after,:host(.is-button) #item:active:after,:host(.is-button) #item.is-pressed:after,:host(.is-accordion) #item:active:after,:host(.is-accordion) #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(--ds-link-color-base)}: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(--ds-list-item-disabled)}:host(.is-disabled) #item #content{color:var(--ds-list-item-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(--ds-list-item-disabled)}:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-badge){--badge-color-background:var(--ds-badge-grey-color-background);--badge-color-text:var(--ds-badge-grey-color-text)}'}},[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],download:[1],href:[1],label:[1],labelLevel:[1,"label-level"],labelSize:[1,"label-size"],rel:[1],target:[1],variant:[1]}]);a([n("item"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],p.prototype,"createLogger",null),a([v("string"),l("design:type",String)],p.prototype,"accordionGroup",void 0),a([g(c),l("design:type",String)],p.prototype,"accordionMarker",void 0),a([g(m),l("design:type",String)],p.prototype,"accordionMarkerPosition",void 0),a([v("boolean"),l("design:type",Boolean)],p.prototype,"accordionOpen",void 0),a([g(["","default","link","link-external","download"]),l("design:type",String)],p.prototype,"actionIcon",void 0),a([v("string"),l("design:type",String)],p.prototype,"description",void 0),a([v("boolean"),l("design:type",Boolean)],p.prototype,"disabled",void 0),a([v("string"),l("design:type",String)],p.prototype,"download",void 0),a([v("string"),l("design:type",String)],p.prototype,"href",void 0),a([v("string"),l("design:type",String)],p.prototype,"label",void 0),a([g(["","h1","h2","h3","h4","h5"]),l("design:type",String)],p.prototype,"labelLevel",void 0),a([g(["","h1","h2","h3","h4","h5","3xl","2xl","xl","lg","base"]),l("design:type",String)],p.prototype,"labelSize",void 0),a([v("string"),l("design:type",String)],p.prototype,"rel",void 0),a([g(h),l("design:type",String)],p.prototype,"target",void 0),a([g(["default","link","button","accordion"]),l("design:type",String)],p.prototype,"variant",void 0);const u=p,f=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),p);break;case"ds-accordion":customElements.get(r(t))||d();break;case"ds-icon":customElements.get(r(t))||b()}}))};export{u as DsItem,f 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 e,f as i,h as t,e as o,t as s}from"./p-WO0X5Vmy.js";import{_ as d,L as r,a as n}from"./p-J0mxIuTt.js";import{w as l}from"./p-BgzU1loG.js";import{S as m}from"./p-3Mi9vpmB.js";import{d as h}from"./p-DSeYzuO7.js";import{d as c}from"./p-DY0y8uLL.js";import{d as p}from"./p-Du7QOHtz.js";import{d as g}from"./p-qaSW94OG.js";import{T as b}from"./p-DAYd9ty0.js";import{L as f}from"./p-DIK6Zkg6.js";const u=a(class extends e{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,e;null===(a=this.dialogEl)||void 0===a||a.addEventListener("cancel",this.handleCancel),null===(e=this.dialogEl)||void 0===e||e.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var a,e;null===(a=this.dialogEl)||void 0===a||a.removeEventListener("cancel",this.handleCancel),null===(e=this.dialogEl)||void 0===e||e.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,e;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)||(this.dsWillPresent.emit(),null===(e=this.dialogEl)||void 0===e||e.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await l(300),this.dsDidPresent.emit())}async doClose(){var a,e;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await l(300),null===(e=this.dialogEl)||void 0===e||e.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return t(o,{key:"9bbdd2e3675ebcdf8c9307124efd5a6dbf6ed3d2",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":this.modalWidth+"px"}},t("dialog",{key:"dc18ceb8343d55b7a85d8a322d8f47fd2d8533a7",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":"modal-title","aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&t("ds-close",{key:"4fcca7c147ab406deb3471c3d4a8c10b8a503c81",part:"close",onClick:()=>this.open=!1}),t("h2",{key:"5ee65427e9c4eeaea3e165bbd822df406b2229dd",id:"modal-title",part:"title"},t("slot",{key:"618d0ec490196852e4e55e2f6ed984e292c6f944",name:"header"})),t("div",{key:"6ac9a5ab80df8ae47e41867dbeceb8682cd61c0c",id:"modal-body",part:"body"},t("slot",{key:"65b86fa28a2c5bfb3c95d5a12f185dab36fd7c25",name:"body"})),t("div",{key:"49d632c6b1791c90e1acd89fc3004e0fc6bb3458",id:"modal-actions",part:"actions"},t("slot",{key:"4b6fb255556a20c37bb79fcab95b0619bdace7a8",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-base-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius-base)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-backdrop-opacity)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-size-device)));--_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)));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:1rem;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);padding:1.5rem}}@media screen and (min-width: 1024px){:host dialog{padding:2.5rem}}: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);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);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:1rem;right:1rem}@media screen and (min-width: 769px){:host ds-close{top:1.5rem;right:1.5rem}}@media screen and (min-width: 1024px){:host ds-close{top:2.5rem;right:2.5rem}}:host #modal-title{padding-right:3rem;margin:0 0 1rem;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)}@media screen and (min-width: 769px){:host #modal-title{padding-right:3.5rem;margin-bottom:1.5rem}}@media screen and (min-width: 1024px){:host #modal-title{padding-right:4.5rem;margin-bottom:2.5rem}}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px){:host #modal-body{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){:host #modal-body{margin-left:-2.5rem;margin-right:-2.5rem;padding-left:2.5rem;padding-right:2.5rem}}: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:1rem}@media screen and (min-width: 769px){:host #modal-actions{margin-top:1.5rem}}@media screen and (min-width: 1024px){:host #modal-actions{margin-top:2.5rem}}: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}]}]);d([r("modal"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],u.prototype,"createLogger",null),d([b("boolean"),n("design:type",Boolean)],u.prototype,"open",void 0),d([b("boolean"),n("design:type",Boolean)],u.prototype,"closable",void 0),d([b("number"),n("design:type",Number)],u.prototype,"modalWidth",void 0),d([b("boolean"),n("design:type",Boolean)],u.prototype,"fullscreen",void 0),d([f(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],u.prototype,"configChanged",null);const y=u,v=function(){"undefined"!=typeof customElements&&["ds-modal","ds-button","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-modal":customElements.get(s(a))||customElements.define(s(a),u);break;case"ds-button":customElements.get(s(a))||h();break;case"ds-close":customElements.get(s(a))||c();break;case"ds-icon":customElements.get(s(a))||p();break;case"ds-spinner":customElements.get(s(a))||g()}}))};export{y as DsModal,v as defineCustomElement}
+import{p as a,H as e,f as i,h as t,e as o,t as s}from"./p-WO0X5Vmy.js";import{_ as d,L as r,a as n}from"./p-J0mxIuTt.js";import{w as l}from"./p-BgzU1loG.js";import{S as m}from"./p-3Mi9vpmB.js";import{d as h}from"./p-BmKEBYP4.js";import{d as c}from"./p-std0LSH2.js";import{d as p}from"./p-Dbqy6lZU.js";import{d as g}from"./p-o0H7eIVX.js";import{T as b}from"./p-DAYd9ty0.js";import{L as f}from"./p-DIK6Zkg6.js";const u=a(class extends e{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,e;null===(a=this.dialogEl)||void 0===a||a.addEventListener("cancel",this.handleCancel),null===(e=this.dialogEl)||void 0===e||e.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var a,e;null===(a=this.dialogEl)||void 0===a||a.removeEventListener("cancel",this.handleCancel),null===(e=this.dialogEl)||void 0===e||e.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,e;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)||(this.dsWillPresent.emit(),null===(e=this.dialogEl)||void 0===e||e.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await l(300),this.dsDidPresent.emit())}async doClose(){var a,e;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await l(300),null===(e=this.dialogEl)||void 0===e||e.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return t(o,{key:"9bbdd2e3675ebcdf8c9307124efd5a6dbf6ed3d2",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":this.modalWidth+"px"}},t("dialog",{key:"dc18ceb8343d55b7a85d8a322d8f47fd2d8533a7",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":"modal-title","aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&t("ds-close",{key:"4fcca7c147ab406deb3471c3d4a8c10b8a503c81",part:"close",onClick:()=>this.open=!1}),t("h2",{key:"5ee65427e9c4eeaea3e165bbd822df406b2229dd",id:"modal-title",part:"title"},t("slot",{key:"618d0ec490196852e4e55e2f6ed984e292c6f944",name:"header"})),t("div",{key:"6ac9a5ab80df8ae47e41867dbeceb8682cd61c0c",id:"modal-body",part:"body"},t("slot",{key:"65b86fa28a2c5bfb3c95d5a12f185dab36fd7c25",name:"body"})),t("div",{key:"49d632c6b1791c90e1acd89fc3004e0fc6bb3458",id:"modal-actions",part:"actions"},t("slot",{key:"4b6fb255556a20c37bb79fcab95b0619bdace7a8",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-base-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius-base)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-backdrop-opacity)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-size-device)));--_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)));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:1rem;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);padding:1.5rem}}@media screen and (min-width: 1024px){:host dialog{padding:2.5rem}}: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);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);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:1rem;right:1rem}@media screen and (min-width: 769px){:host ds-close{top:1.5rem;right:1.5rem}}@media screen and (min-width: 1024px){:host ds-close{top:2.5rem;right:2.5rem}}:host #modal-title{padding-right:3rem;margin:0 0 1rem;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)}@media screen and (min-width: 769px){:host #modal-title{padding-right:3.5rem;margin-bottom:1.5rem}}@media screen and (min-width: 1024px){:host #modal-title{padding-right:4.5rem;margin-bottom:2.5rem}}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px){:host #modal-body{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){:host #modal-body{margin-left:-2.5rem;margin-right:-2.5rem;padding-left:2.5rem;padding-right:2.5rem}}: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:1rem}@media screen and (min-width: 769px){:host #modal-actions{margin-top:1.5rem}}@media screen and (min-width: 1024px){:host #modal-actions{margin-top:2.5rem}}: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}]}]);d([r("modal"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],u.prototype,"createLogger",null),d([b("boolean"),n("design:type",Boolean)],u.prototype,"open",void 0),d([b("boolean"),n("design:type",Boolean)],u.prototype,"closable",void 0),d([b("number"),n("design:type",Number)],u.prototype,"modalWidth",void 0),d([b("boolean"),n("design:type",Boolean)],u.prototype,"fullscreen",void 0),d([f(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],u.prototype,"configChanged",null);const y=u,v=function(){"undefined"!=typeof customElements&&["ds-modal","ds-button","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-modal":customElements.get(s(a))||customElements.define(s(a),u);break;case"ds-button":customElements.get(s(a))||h();break;case"ds-close":customElements.get(s(a))||c();break;case"ds-icon":customElements.get(s(a))||p();break;case"ds-spinner":customElements.get(s(a))||g()}}))};export{y as DsModal,v as defineCustomElement}

package/components/ds-navbar.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as r,f as e,h as t,e as n,t as o}from"./p-WO0X5Vmy.js";import{_ as i,L as s,a as b}from"./p-J0mxIuTt.js";import{F as d}from"./p-DbM7ALm9.js";import{S as v}from"./p-3Mi9vpmB.js";import{d as c}from"./p-Du7QOHtz.js";import{L as l}from"./p-ByX1_7SF.js";import{d as u}from"./p-CvaNxQtw.js";import{d as m}from"./p-n3_2KEz0.js";import{T as h}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";import{L as p}from"./p-DbY6Pfeh.js";import{L as f}from"./p-DIK6Zkg6.js";const k={de:{mainNavigation:"Hauptnavigation",openMenu:"Navigationsmenu öffnen",closeMenu:"Navigationsmenu schließen",navigationMenu:"Navigationsmenü"},en:{mainNavigation:"Main navigation",openMenu:"Open navigation menu",closeMenu:"Close navigation menu",navigationMenu:"Navigation menu"},fr:{mainNavigation:"Navigation principale",openMenu:"Ouvrir le menu de navigation",closeMenu:"Fermer le menu de navigation",navigationMenu:"Menu de navigation"},it:{mainNavigation:"Navigazione principale",openMenu:"Apri menu di navigazione",closeMenu:"Chiudi menu di navigazione",navigationMenu:"Menu di navigazione"},nl:{mainNavigation:"Hoofdnavigatie",openMenu:"Navigatiemenu openen",closeMenu:"Navigatiemenu sluiten",navigationMenu:"Navigatiemenu"},es:{mainNavigation:"Navegación principal",openMenu:"Abrir menú de navegación",closeMenu:"Cerrar menú de navegación",navigationMenu:"Menú de navegación"},pl:{mainNavigation:"Nawigacja główna",openMenu:"Otwórz menu nawigacji",closeMenu:"Zamknij menu nawigacji",navigationMenu:"Menu nawigacji"},pt:{mainNavigation:"Navegação principal",openMenu:"Abrir menu de navegação",closeMenu:"Fechar menu de navegação",navigationMenu:"Menu de navegação"},sv:{mainNavigation:"Huvudnavigering",openMenu:"Öppna navigationsmeny",closeMenu:"Stäng navigationsmeny",navigationMenu:"Navigationsmeny"},fi:{mainNavigation:"Päänavigaatio",openMenu:"Avaa navigointivalikko",closeMenu:"Sulje navigointivalikko",navigationMenu:"Navigointivalikko"}},x=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsMenuOpenStart=e(this,"dsMenuOpenStart"),this.dsMenuOpenEnd=e(this,"dsMenuOpenEnd"),this.dsMenuCloseStart=e(this,"dsMenuCloseStart"),this.dsMenuCloseEnd=e(this,"dsMenuCloseEnd"),this.navEl=null,this.sidebarEl=null,this.burgerButton=null,this.containerEl=null,this.scrollHandler=new v,this.focusHandler=new d,this.burgerModeThresholdWidth=null,this.language=u.language,this.region=u.region,this.isTouch=m.isTouch,this.isSidebarOpen=!1,this.isOverflowing=!1,this.open=!1,this.light=!1,this.container="",this.handleHamburgerClick=()=>{this.toggleSidebar()},this.handleBackdropClick=()=>{this.closeSidebar()},this.handleDrawerClickBound=a=>{this.handleDrawerClick(a)},this.handleDrawerClick=a=>{const r=a.target;("A"===r.tagName||r.closest("a"))&&this.closeSidebar()},this.handleDocumentKeyDown=a=>{"Escape"===a.key&&this.isSidebarOpen&&(a.preventDefault(),this.closeSidebar())}}createLogger(a){this.log=a}openChanged(a){a?this.openSidebar():this.closeSidebar()}connectedCallback(){this.openChanged(this.open),this.scrollHandler.connect(),this.focusHandler.connect()}componentDidLoad(){this.checkNavbarOverflow()}disconnectedCallback(){this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disconnect(),this.scrollHandler.disconnect()}listenToBreakpoint(a){this.isTouch=a.touch,!this.isTouch&&!this.isOverflowing&&this.isSidebarOpen&&this.setIsSidebarOpen(!1)}async configChanged(a){this.language=a.language,this.region=a.region}async listenToResize(){this.checkNavbarOverflow()}async toggleSidebar(){await this.setIsSidebarOpen(!this.isSidebarOpen)}async openSidebar(){await this.setIsSidebarOpen(!0)}async closeSidebar(){await this.setIsSidebarOpen(!1)}attachKeyboardListener(){document.addEventListener("keydown",this.handleDocumentKeyDown)}detachKeyboardListener(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}attachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.addEventListener("click",this.handleDrawerClickBound)}detachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.removeEventListener("click",this.handleDrawerClickBound)}checkNavbarOverflow(){if(!this.navEl)return;if(!this.containerEl)return;const a=this.containerEl.clientWidth,r=this.containerEl.scrollWidth>a;r&&!this.isOverflowing?(this.burgerModeThresholdWidth=a,this.isOverflowing=!0,this.isSidebarOpen&&this.setIsSidebarOpen(!1)):!r&&this.isOverflowing&&this.burgerModeThresholdWidth&&a>this.burgerModeThresholdWidth+100&&(this.isOverflowing=!1,this.burgerModeThresholdWidth=null)}async setIsSidebarOpen(a){var r;if(a===this.isSidebarOpen)return;const e=this.isTouch||this.isOverflowing;a?(this.dsMenuOpenStart.emit(),this.isSidebarOpen=!0,e&&(this.attachKeyboardListener(),this.attachSidebarClickListener(),this.focusHandler.enable({target:this.navEl,restoreElement:this.burgerButton}),null===(r=this.burgerButton)||void 0===r||r.focus(),this.scrollHandler.disable()),this.dsMenuOpenEnd.emit()):(this.dsMenuCloseStart.emit(),e&&(this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disable(),this.focusHandler.restoreFocus(),this.scrollHandler.enable()),this.isSidebarOpen=!1,this.dsMenuCloseEnd.emit())}render(){const a=this.isSidebarOpen,r=this.isTouch||this.isOverflowing,e=k[this.language];return t(n,{key:"4751141c9276638d58183322206828c49f38d67a",class:{"is-open":a,"is-sidebar-mode":r,"is-light":this.light}},t("nav",{key:"b142ac6bf25cdd48aff78158ebc49cd79889db0f",ref:a=>this.navEl=a,id:"nav",role:"navigation","aria-label":e.mainNavigation},t("div",{key:"056bda2d8ba50d01e34f4c000be406cc6ed546fe",id:"container",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container},ref:a=>this.containerEl=a},t("slot",{key:"837d06a2d3205deb6f155322cc5f1a9484835cbb",name:"brand"}),t("slot",{key:"c50410f1c714b5f6d9aa9603312d3642aae3f342",name:"title"}),t("div",{key:"047cf2da3762320ab02e1ab305b58f3c074c6c0d",id:"content"},!r&&t("div",{key:"2e0010d0470373050d84d0f099fc73156e3f3099",id:"menu"},t("div",{key:"f7b8c0e885f747ae2ee03f1ff223484be8699cf5",id:"menu-start"},t("slot",{key:"a7a172470428bfc5668f25d6387c33b281303aa1",name:"menu-start"})),t("div",{key:"a31d2061cc68cfba618b1f7efd9200bcb88a237a",id:"menu-end"},t("slot",{key:"2a7aa495db2db5313f84d4f98ab6f52151caaf95",name:"menu-end"}))),t("div",{key:"c596c26adaa4fdef8063fc36f1470e4b0afc8b9c",id:"actions"},t("slot",{key:"a7b4f6c2522715aeb5c536c8f022b74913839969",name:"actions"}),r&&t("button",{key:"844afe3c1617c51f913b2b7b155fadf7dd788caa",ref:a=>this.burgerButton=a,id:"hamburger",type:"button",title:a?e.closeMenu:e.openMenu,"aria-label":a?e.closeMenu:e.openMenu,"aria-expanded":a,"aria-controls":"sidebar",onClick:()=>this.handleHamburgerClick()},t("ds-icon",{key:"fea68d648cddd553deaea422f78738ffd33ae329",name:a?"close":"menu-bars",size:"",color:"white"}))))),r&&t("aside",{key:"d7cca3a0a9c98262baf322ad17c8480142c4856f",id:"sidebar",role:"dialog","aria-modal":"true","aria-label":e.navigationMenu,class:{"is-open":a},ref:a=>this.sidebarEl=a},t("div",{key:"e59e4562f388c3e17b757be5532292271bf97312",id:"sidebar-backdrop",onClick:this.handleBackdropClick}),t("div",{key:"7e1813c533e5ae1edb40b4a5f3cb89eff9198e2d",id:"sidebar-panel",tabindex:"-1"},t("div",{key:"20989ff5635db54ec7e6a6e6c4fb8d9f0f95ee01",id:"sidebar-content"},t("div",{key:"91b497cd27858444399806749434126d508551d7",id:"sidebar-start"},t("slot",{key:"3666487b26799818741b7e5022a0c90e7485adb3",name:"menu-start"})),t("div",{key:"f30d9b73f3b706acc184eb39b2e555d58259d813",id:"sidebar-end"},t("slot",{key:"36d1d16c15f23413a5fcd8af087b4c5a8bf4f2fc",name:"menu-end"})))))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return':host{--_link-focus:var(--link-focus, var(--mod-link-focus, var(--ds-alias-interaction-focus-color-base)));--_navbar-background:var(--navbar-background, var(--mod-navbar-background, var(--ds-navbar-base-layout-background)));--_navbar-padding:var(--navbar-padding, var(--mod-navbar-padding, var(--ds-navbar-base-layout-padding)));--_navbar-height:var(--navbar-height, var(--mod-navbar-height, var(--ds-navbar-base-layout-height)));--_navbar-shadow:var(--navbar-shadow, var(--mod-navbar-shadow, var(--ds-navbar-base-layout-shadow)));--_navbar-z-index:var(--navbar-z-index, var(--mod-navbar-z-index, var(--ds-navbar-base-layout-z-index)));--_navbar-brand-gap:var(--navbar-brand-gap, var(--mod-navbar-brand-gap, var(--ds-navbar-base-brand-gap)));--_navbar-brand-focus-radius:var(--navbar-brand-focus-radius, var(--mod-navbar-brand-focus-radius, var(--ds-navbar-base-brand-focus-radius)));--_navbar-title-color:var(--navbar-title-color, var(--mod-navbar-title-color, var(--ds-navbar-base-title-color)));--_navbar-title-font-family:var(--navbar-title-font-family, var(--mod-navbar-title-font-family, var(--ds-navbar-base-title-font-family)));--_navbar-title-font-size:var(--navbar-title-font-size, var(--mod-navbar-title-font-size, var(--ds-navbar-base-title-font-size)));--_navbar-title-font-weight:var(--navbar-title-font-weight, var(--mod-navbar-title-font-weight, var(--ds-navbar-base-title-font-weight)));--_navbar-hamburger-width:var(--navbar-hamburger-width, var(--mod-navbar-hamburger-width, var(--ds-navbar-base-hamburger-width)));--_navbar-hamburger-height:var(--navbar-hamburger-height, var(--mod-navbar-hamburger-height, var(--ds-navbar-base-hamburger-height)));--_navbar-hamburger-padding:var(--navbar-hamburger-padding, var(--mod-navbar-hamburger-padding, var(--ds-navbar-base-hamburger-padding)));--_navbar-hamburger-radius:var(--navbar-hamburger-radius, var(--mod-navbar-hamburger-radius, var(--ds-navbar-base-hamburger-radius)));--_navbar-hamburger-transition-duration:var(--navbar-hamburger-transition-duration, var(--mod-navbar-hamburger-transition-duration, var(--ds-navbar-base-hamburger-transition-duration)));--_navbar-sidebar-max-width:var(--navbar-sidebar-max-width, var(--mod-navbar-sidebar-max-width, var(--ds-navbar-base-sidebar-max-width)));--_navbar-sidebar-slide-duration:var(--navbar-sidebar-slide-duration, var(--mod-navbar-sidebar-slide-duration, var(--ds-navbar-base-sidebar-slide-duration)));--_navbar-sidebar-backdrop-color:var(--navbar-sidebar-backdrop-color, var(--mod-navbar-sidebar-backdrop-color, var(--ds-navbar-base-sidebar-backdrop-color)));--_navbar-sidebar-backdrop-opacity:var(--navbar-sidebar-backdrop-opacity, var(--mod-navbar-sidebar-backdrop-opacity, var(--ds-global-elevation-opacity-50)));--_navbar-sidebar-panel-background:var(--navbar-sidebar-panel-background, var(--mod-navbar-sidebar-panel-background, var(--ds-navbar-base-sidebar-panel-background)));--_navbar-sidebar-panel-shadow:var(--navbar-sidebar-panel-shadow, var(--mod-navbar-sidebar-panel-shadow, var(--ds-navbar-base-sidebar-panel-shadow)));--_navbar-sidebar-panel-border-top:var(--navbar-sidebar-panel-border-top, var(--mod-navbar-sidebar-panel-border-top, var(--ds-navbar-base-sidebar-panel-border-top)));--_navbar-sidebar-content-gap:var(--navbar-sidebar-content-gap, var(--mod-navbar-sidebar-content-gap, var(--ds-navbar-base-sidebar-content-gap)));--_navbar-sidebar-padding-inline:var(--navbar-sidebar-padding-inline, var(--mod-navbar-sidebar-padding-inline, var(--ds-navbar-base-sidebar-content-padding-inline)));--_navbar-sidebar-padding-block:var(--navbar-sidebar-padding-block, var(--mod-navbar-sidebar-padding-block, var(--ds-navbar-base-sidebar-content-padding-block)));--_navbar-sidebar-item-min-height:var(--navbar-sidebar-item-min-height, var(--mod-navbar-sidebar-item-min-height, var(--ds-navbar-base-sidebar-item-min-height)));--_navbar-sidebar-item-padding-block:var(--navbar-sidebar-item-padding-block, var(--mod-navbar-sidebar-item-padding-block, var(--ds-navbar-base-sidebar-item-padding-block)));--_navbar-sidebar-item-padding-inline:var(--navbar-sidebar-item-padding-inline, var(--mod-navbar-sidebar-item-padding-inline, var(--ds-navbar-base-sidebar-item-padding-inline)));--_navbar-sidebar-item-font-size:var(--navbar-sidebar-item-font-size, var(--mod-navbar-sidebar-item-font-size, var(--ds-navbar-base-sidebar-item-font-size)));--_navbar-sidebar-item-font-weight:var(--navbar-sidebar-item-font-weight, var(--mod-navbar-sidebar-item-font-weight, var(--ds-navbar-base-sidebar-item-font-weight)));--_navbar-sidebar-item-font-family:var(--navbar-sidebar-item-font-family, var(--mod-navbar-sidebar-item-font-family, var(--ds-navbar-base-sidebar-item-font-family)));--_navbar-sidebar-item-color:var(--navbar-sidebar-item-color, var(--mod-navbar-sidebar-item-color, var(--ds-navbar-base-sidebar-item-color-base)));--_navbar-sidebar-item-background-active:var(--navbar-sidebar-item-background-active, var(--mod-navbar-sidebar-item-background-active, var(--ds-navbar-base-sidebar-item-background-active)));--_navbar-sidebar-item-background-hover:var(--navbar-sidebar-item-background-hover, var(--mod-navbar-sidebar-item-background-hover, var(--ds-navbar-base-sidebar-item-background-hover)));--_navbar-sidebar-item-color-hover:var(--navbar-sidebar-item-color-hover, var(--mod-navbar-sidebar-item-color-hover, var(--ds-navbar-base-sidebar-item-color-hover)));--_navbar-sidebar-item-color-active:var(--navbar-sidebar-item-color-active, var(--mod-navbar-sidebar-item-color-active, var(--ds-navbar-base-sidebar-item-color-active)));--_navbar-sidebar-item-divider-color:var(--navbar-sidebar-item-divider-color, var(--mod-navbar-sidebar-item-divider-color, var(--ds-navbar-base-sidebar-item-divider-color)));--_navbar-sidebar-item-divider-color-active:var(--navbar-sidebar-item-divider-color-active, var(--mod-navbar-sidebar-item-divider-color-active, var(--ds-navbar-base-sidebar-item-divider-color-active)));--_navbar-sidebar-item-chevron-size:var(--navbar-sidebar-item-chevron-size, var(--mod-navbar-sidebar-item-chevron-size, var(--ds-navbar-base-sidebar-item-chevron-size)));--_navbar-sidebar-item-chevron-color:var(--navbar-sidebar-item-chevron-color, var(--mod-navbar-sidebar-item-chevron-color, var(--ds-navbar-base-sidebar-item-chevron-color)));--_navbar-menu-gap:var(--navbar-menu-gap, var(--mod-navbar-menu-gap, var(--ds-navbar-base-menu-gap)));--_navbar-menu-start-gap:var(--navbar-menu-start-gap, var(--mod-navbar-menu-start-gap, var(--ds-navbar-base-menu-start-gap)));--_navbar-menu-item-color:var(--navbar-menu-item-color, var(--mod-navbar-menu-item-color, var(--ds-navbar-base-menu-item-color-base)));--_navbar-menu-item-font-size:var(--navbar-menu-item-font-size, var(--mod-navbar-menu-item-font-size, var(--ds-navbar-base-menu-item-font-size)));--_navbar-menu-item-padding-block:var(--navbar-menu-item-padding-block, var(--mod-navbar-menu-item-padding-block, var(--ds-navbar-base-menu-item-padding-block)));--_navbar-menu-item-padding-inline:var(--navbar-menu-item-padding-inline, var(--mod-navbar-menu-item-padding-inline, var(--ds-navbar-base-menu-item-padding-inline)));--_navbar-menu-item-border-radius:var(--navbar-menu-item-border-radius, var(--mod-navbar-menu-item-border-radius, var(--ds-navbar-base-menu-item-border-radius)));--_navbar-menu-item-color-hover:var(--navbar-menu-item-color-hover, var(--mod-navbar-menu-item-color-hover, var(--ds-navbar-base-menu-item-color-hover)));--_navbar-menu-item-color-selected:var(--navbar-menu-item-color-selected, var(--mod-navbar-menu-item-color-selected, var(--ds-navbar-base-menu-item-color-selected)));--_navbar-menu-item-color-selected-hover:var(--navbar-menu-item-color-selected-hover, var(--mod-navbar-menu-item-color-selected-hover, var(--ds-navbar-base-menu-item-color-selected-hover)));--_navbar-menu-item-color-active:var(--navbar-menu-item-color-active, var(--mod-navbar-menu-item-color-active, var(--ds-navbar-base-menu-item-color-active)));--_navbar-menu-item-underline-height:var(--navbar-menu-item-underline-height, var(--mod-navbar-menu-item-underline-height, var(--ds-global-size-border-2)));--_navbar-menu-item-underline-border-radius:var(--navbar-menu-item-underline-border-radius, var(--mod-navbar-menu-item-underline-border-radius, var(--ds-alias-radius-rounded)));--_navbar-menu-item-transition-duration:var(--navbar-menu-item-transition-duration, var(--mod-navbar-menu-item-transition-duration, var(--ds-navbar-base-menu-item-transition-duration)));--_navbar-menu-end-gap:var(--navbar-menu-end-gap, var(--mod-navbar-menu-end-gap, var(--ds-navbar-base-menu-end-gap)));--_navbar-container-gap:var(--navbar-container-gap, var(--mod-navbar-container-gap, var(--ds-navbar-base-container-gap)));--_navbar-content-gap:var(--navbar-content-gap, var(--mod-navbar-content-gap, var(--ds-navbar-base-content-gap)));--_navbar-button-color-text:var(--navbar-button-color-text, var(--mod-navbar-button-color-text, var(--ds-navbar-base-button-color-text-base)));--_navbar-button-color-background:var(--navbar-button-color-background, var(--mod-navbar-button-color-background, var(--ds-navbar-base-button-color-background-base)));--_navbar-button-color-border:var(--navbar-button-color-border, var(--mod-navbar-button-color-border, var(--ds-navbar-base-button-color-border-base)));--_navbar-button-color-text-hover:var(--navbar-button-color-text-hover, var(--mod-navbar-button-color-text-hover, var(--ds-navbar-base-button-color-text-hover)));--_navbar-button-color-background-hover:var(--navbar-button-color-background-hover, var(--mod-navbar-button-color-background-hover, var(--ds-navbar-base-button-color-background-hover)));--_navbar-button-color-border-hover:var(--navbar-button-color-border-hover, var(--mod-navbar-button-color-border-hover, var(--ds-navbar-base-button-color-border-hover)));--_navbar-button-color-text-active:var(--navbar-button-color-text-active, var(--mod-navbar-button-color-text-active, var(--ds-navbar-base-button-color-text-active)));--_navbar-button-color-background-active:var(--navbar-button-color-background-active, var(--mod-navbar-button-color-background-active, var(--ds-navbar-base-button-color-background-active)));--_navbar-button-color-border-active:var(--navbar-button-color-border-active, var(--mod-navbar-button-color-border-active, var(--ds-navbar-base-button-color-border-active)));--_navbar-focus-color-start:var(--navbar-focus-color-start, var(--mod-navbar-focus-color-start, var(--ds-navbar-base-focus-color-start)));--_navbar-focus-color-end:var(--navbar-focus-color-end, var(--mod-navbar-focus-color-end, var(--ds-navbar-base-focus-color-end)))}:host{display:block;position:relative;z-index:var(--_navbar-z-index);width:100%;background-color:var(--_navbar-background);-webkit-box-shadow:var(--_navbar-shadow);box-shadow:var(--_navbar-shadow)}#nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--_navbar-height);max-height:var(--_navbar-height);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_navbar-container-gap);padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device);width:100%;max-width:var(--ds-alias-container-width-base)}#container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}#container.is-compact{max-width:var(--ds-alias-container-width-compact)}#content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:var(--_navbar-content-gap)}::slotted([slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_navbar-brand-gap)}::slotted(a[slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_navbar-brand-gap);outline:none}::slotted(a[slot=brand])::-moz-focus-inner{border:0}::slotted(a[slot=brand])::after{content:"";position:absolute;width:1px;height:1px;border-radius:var(--_navbar-brand-focus-radius);background-color:rgba(0,0,0,0);-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)}::slotted(a[slot=brand]:focus-visible)::after{padding:1rem;width:100%;height:100%;-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}::slotted([slot=title]){color:var(--_navbar-title-color);font-family:var(--_navbar-title-font-family);font-size:var(--_navbar-title-font-size);font-weight:var(--_navbar-title-font-weight);display:none}@media screen and (min-width: 769px){::slotted([slot=title]){display:block}}#hamburger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:none;border:none;padding:var(--_navbar-hamburger-padding);color:var(--_navbar-button-color-text);background-color:var(--_navbar-button-color-background);width:var(--_navbar-hamburger-width);height:var(--_navbar-hamburger-height);border-radius:var(--_navbar-hamburger-radius);margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;--icon-color:var(--_navbar-button-color-text);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--_navbar-hamburger-transition-duration);transition-duration:var(--_navbar-hamburger-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#hamburger::-moz-focus-inner{border:0}#hamburger:focus-visible{-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#hamburger:hover{color:var(--_navbar-button-color-text-hover);background-color:var(--_navbar-button-color-background-hover);--icon-color:var(--_navbar-button-color-text-hover)}#hamburger:active{color:var(--_navbar-button-color-text-active);background-color:var(--_navbar-button-color-background-active);--icon-color:var(--_navbar-button-color-text-active);translate:0 .5px}#sidebar{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:fixed;top:var(--_navbar-height);right:0;bottom:0;left:0;z-index:var(--ds-alias-z-index-navigation);pointer-events:none;-webkit-transition:visibility var(--_navbar-sidebar-slide-duration) ease;transition:visibility var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open{pointer-events:auto;visibility:visible}:host:not(.is-sidebar-mode) #sidebar{pointer-events:none !important;display:none !important;visibility:hidden !important}#sidebar-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-transition:opacity var(--_navbar-sidebar-slide-duration) ease;transition:opacity var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-backdrop{opacity:1}#sidebar-panel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;max-width:var(--_navbar-sidebar-max-width);height:100%;background-color:var(--_navbar-sidebar-panel-background);overflow-y:auto;outline:none;-webkit-box-shadow:var(--_navbar-shadow);box-shadow:var(--_navbar-shadow);border-top:var(--_navbar-sidebar-panel-border-top);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--_navbar-sidebar-slide-duration) ease;transition:-webkit-transform var(--_navbar-sidebar-slide-duration) ease;transition:transform var(--_navbar-sidebar-slide-duration) ease;transition:transform var(--_navbar-sidebar-slide-duration) ease, -webkit-transform var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-panel{-webkit-transform:translateX(0);transform:translateX(0)}#sidebar-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_navbar-sidebar-content-gap);padding-inline:var(--_navbar-sidebar-padding-inline);padding-block:var(--_navbar-sidebar-padding-block);overflow-y:auto}#sidebar-content ::slotted(a[slot=menu-start]),#sidebar-content ::slotted(.link[slot=menu-start]){position:relative;color:var(--_navbar-sidebar-item-color);--icon-color:var(--_navbar-sidebar-item-color);font-size:var(--_navbar-sidebar-item-font-size);font-weight:var(--_navbar-sidebar-item-font-weight);font-family:var(--_navbar-sidebar-item-font-family);text-decoration:none;min-height:var(--_navbar-sidebar-item-min-height);padding-block:var(--_navbar-sidebar-item-padding-block);padding-inline:var(--_navbar-sidebar-item-padding-inline);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,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)}#sidebar-content ::slotted(a[slot=menu-start])::-moz-focus-inner,#sidebar-content ::slotted(.link[slot=menu-start])::-moz-focus-inner{border:0}#sidebar-content ::slotted(a[slot=menu-start])::before,#sidebar-content ::slotted(.link[slot=menu-start])::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--ds-divider-width);border-radius:var(--ds-alias-radius-base);background-color:var(--_navbar-sidebar-item-divider-color);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:border-color,-webkit-box-shadow;transition-property:border-color,-webkit-box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,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);z-index:1}#sidebar-content ::slotted(a[slot=menu-start])::after,#sidebar-content ::slotted(.link[slot=menu-start])::after{content:"";position:absolute;right:.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_navbar-sidebar-item-chevron-size);height:var(--_navbar-sidebar-item-chevron-size);background-color:var(--_navbar-sidebar-item-chevron-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#sidebar-content ::slotted(.link[slot=menu-start][aria-current=page]),#sidebar-content ::slotted(a[slot=menu-start][aria-current=page]){background:var(--_navbar-sidebar-item-background-active)}#sidebar-content ::slotted(.link[slot=menu-start][aria-current=page])::before,#sidebar-content ::slotted(a[slot=menu-start][aria-current=page])::before{background-color:var(--_navbar-sidebar-item-divider-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:hover),#sidebar-content ::slotted(a[slot=menu-start]:hover){background:var(--_navbar-sidebar-item-background-hover);color:var(--_navbar-sidebar-item-color-hover);--icon-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:hover)::after,#sidebar-content ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:hover)::before,#sidebar-content ::slotted(a[slot=menu-start]:hover)::before{background-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:active),#sidebar-content ::slotted(a[slot=menu-start]:active){background:var(--_navbar-sidebar-item-background-active);color:var(--_navbar-sidebar-item-color-active);--icon-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:active)::after,#sidebar-content ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:active)::before,#sidebar-content ::slotted(a[slot=menu-start]:active)::before{background-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:focus-visible:not(:active))::before,#sidebar-content ::slotted(a[slot=menu-start]:focus-visible:not(:active))::before{border-radius:var(--ds-alias-radius-base);background-color:rgba(0,0,0,0);height:100%;width:100%;-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#sidebar-content #sidebar-end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_navbar-content-gap);margin-top:var(--ds-global-size-space-32)}#sidebar-content ::slotted(ds-button[slot=menu-end]),#sidebar-content ::slotted(button[slot=menu-end]),#sidebar-content ::slotted(button.button[slot=menu-end]){width:100%;--button-width:100%;--button-min-width:100%}#menu{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-gap)}#menu #menu-start{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-start-gap);-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}#menu #menu-start ::slotted(.link[slot=menu-start]),#menu #menu-start ::slotted(a[slot=menu-start]){-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;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:var(--_navbar-menu-item-color);font-size:var(--_navbar-menu-item-font-size);border-radius:var(--_navbar-menu-item-border-radius);padding-inline:var(--_navbar-menu-item-padding-inline);padding-block:var(--_navbar-menu-item-padding-block);text-decoration:none;outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;cursor:pointer;-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:var(--_navbar-menu-item-transition-duration);transition-duration:var(--_navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.link[slot=menu-start])::after,#menu #menu-start ::slotted(a[slot=menu-start])::after{content:"";position:absolute;bottom:-0.5rem;left:0;right:0;height:var(--_navbar-menu-item-underline-height);border-radius:var(--_navbar-menu-item-underline-border-radius);background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}#menu #menu-start ::slotted([slot=menu-start].is-active),#menu #menu-start ::slotted([slot=menu-start][aria-current=page]){font-weight:var(--ds-alias-text-weight-bold)}#menu #menu-start ::slotted([slot=menu-start].is-active)::after,#menu #menu-start ::slotted([slot=menu-start][aria-current=page])::after{background-color:var(--_navbar-menu-item-color-selected)}#menu #menu-start ::slotted(.link[slot=menu-start]:hover),#menu #menu-start ::slotted(a[slot=menu-start]:hover){color:var(--_navbar-menu-item-color-hover);--icon-color:var(--_navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.link[slot=menu-start]:hover)::after,#menu #menu-start ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.link[slot=menu-start]:active),#menu #menu-start ::slotted(a[slot=menu-start]:active){color:var(--_navbar-menu-item-color-active);--icon-color:var(--_navbar-menu-item-color-active)}#menu #menu-start ::slotted(.link[slot=menu-start]:active)::after,#menu #menu-start ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_navbar-menu-item-color-active)}#menu #menu-start{-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:var(--_navbar-menu-item-transition-duration);transition-duration:var(--_navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.link[slot=menu-start]:focus-visible),#menu #menu-start ::slotted(a[slot=menu-start]:focus-visible){-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#menu #menu-end{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#menu #menu-end ::slotted(ds-button[slot=menu-end]),#menu #menu-end ::slotted(.button[slot=menu-end]),#menu #menu-end ::slotted(button[slot=menu-end]){--button-focus-shadow:var(--_navbar-focus-color-end);--button-color-text:var(--_navbar-button-color-text);--button-color-background:var(--_navbar-button-color-background);--button-color-border:var(--_navbar-button-color-border);--button-color-text-hover:var(--_navbar-button-color-text-hover);--button-color-background-hover:var(--_navbar-button-color-background-hover);--button-color-border-hover:var(--_navbar-button-color-border-hover);--button-color-text-active:var(--_navbar-button-color-text-active);--button-color-background-active:var(--_navbar-button-color-background-active);--button-color-border-active:var(--_navbar-button-color-border-active)}#actions{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#actions ::slotted(ds-button[slot=actions]),#actions ::slotted(.button[slot=actions]),#actions ::slotted(button[slot=actions]){--button-focus-shadow:var(--_navbar-focus-color-end);--button-color-text:var(--_navbar-button-color-text);--button-color-background:var(--_navbar-button-color-background);--button-color-border:var(--_navbar-button-color-border);--button-color-text-hover:var(--_navbar-button-color-text-hover);--button-color-background-hover:var(--_navbar-button-color-background-hover);--button-color-border-hover:var(--_navbar-button-color-border-hover);--button-color-text-active:var(--_navbar-button-color-text-active);--button-color-background-active:var(--_navbar-button-color-background-active);--button-color-border-active:var(--_navbar-button-color-border-active)}:host(.is-light){--logo-color:var(--ds-navbar-light-title-color);--mod-navbar-background:var(--ds-navbar-light-background);--mod-navbar-title-color:var(--ds-navbar-light-title-color);--_navbar-focus-color-start:var(--ds-navbar-light-focus-color-start);--_navbar-focus-color-end:var(--ds-navbar-light-focus-color-end);--mod-navbar-menu-item-color:var(--ds-navbar-light-menu-item-color-base);--mod-navbar-menu-item-color-hover:var(--ds-navbar-light-menu-item-color-hover);--mod-navbar-menu-item-color-active:var(--ds-navbar-light-menu-item-color-active);--mod-navbar-menu-item-color-selected:var(--ds-navbar-light-menu-item-color-selected);--mod-navbar-sidebar-panel-border-top:var(--ds-navbar-light-sidebar-panel-border-top);--mod-navbar-button-color-text:var(--ds-navbar-light-button-color-text-base);--mod-navbar-button-color-background:var(--ds-navbar-light-button-color-background-base);--mod-navbar-button-color-border:var(--ds-navbar-light-button-color-border-base);--mod-navbar-button-color-text-hover:var(--ds-navbar-light-button-color-text-hover);--mod-navbar-button-color-background-hover:var(--ds-navbar-light-button-color-background-hover);--mod-navbar-button-color-border-hover:var(--ds-navbar-light-button-color-border-hover);--mod-navbar-button-color-text-active:var(--ds-navbar-light-button-color-text-active);--mod-navbar-button-color-background-active:var(--ds-navbar-light-button-color-background-active);--mod-navbar-button-color-border-active:var(--ds-navbar-light-button-color-border-active)}'}},[257,"ds-navbar",{open:[516],light:[4],container:[1],language:[32],region:[32],isTouch:[32],isSidebarOpen:[32],isOverflowing:[32],configChanged:[64],listenToResize:[64],toggleSidebar:[64],openSidebar:[64],closeSidebar:[64]},void 0,{open:[{openChanged:0}]}]);i([s("navbar"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],x.prototype,"createLogger",null),i([h("boolean"),b("design:type",Boolean)],x.prototype,"open",void 0),i([h("boolean"),b("design:type",Boolean)],x.prototype,"light",void 0),i([g(["default","fluid","compact",""]),b("design:type",String)],x.prototype,"container",void 0),i([p(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null),i([f(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],x.prototype,"configChanged",null),i([l(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",Promise)],x.prototype,"listenToResize",null);const w=x,_=function(){"undefined"!=typeof customElements&&["ds-navbar","ds-icon"].forEach((a=>{switch(a){case"ds-navbar":customElements.get(o(a))||customElements.define(o(a),x);break;case"ds-icon":customElements.get(o(a))||c()}}))};export{w as DsNavbar,_ as defineCustomElement}
+import{p as a,H as r,f as e,h as t,e as n,t as o}from"./p-WO0X5Vmy.js";import{_ as i,L as s,a as b}from"./p-J0mxIuTt.js";import{F as d}from"./p-DbM7ALm9.js";import{S as v}from"./p-3Mi9vpmB.js";import{d as c}from"./p-Dbqy6lZU.js";import{L as l}from"./p-ByX1_7SF.js";import{d as u}from"./p-CvaNxQtw.js";import{d as m}from"./p-n3_2KEz0.js";import{T as h}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";import{L as p}from"./p-DbY6Pfeh.js";import{L as f}from"./p-DIK6Zkg6.js";const k={de:{mainNavigation:"Hauptnavigation",openMenu:"Navigationsmenu öffnen",closeMenu:"Navigationsmenu schließen",navigationMenu:"Navigationsmenü"},en:{mainNavigation:"Main navigation",openMenu:"Open navigation menu",closeMenu:"Close navigation menu",navigationMenu:"Navigation menu"},fr:{mainNavigation:"Navigation principale",openMenu:"Ouvrir le menu de navigation",closeMenu:"Fermer le menu de navigation",navigationMenu:"Menu de navigation"},it:{mainNavigation:"Navigazione principale",openMenu:"Apri menu di navigazione",closeMenu:"Chiudi menu di navigazione",navigationMenu:"Menu di navigazione"},nl:{mainNavigation:"Hoofdnavigatie",openMenu:"Navigatiemenu openen",closeMenu:"Navigatiemenu sluiten",navigationMenu:"Navigatiemenu"},es:{mainNavigation:"Navegación principal",openMenu:"Abrir menú de navegación",closeMenu:"Cerrar menú de navegación",navigationMenu:"Menú de navegación"},pl:{mainNavigation:"Nawigacja główna",openMenu:"Otwórz menu nawigacji",closeMenu:"Zamknij menu nawigacji",navigationMenu:"Menu nawigacji"},pt:{mainNavigation:"Navegação principal",openMenu:"Abrir menu de navegação",closeMenu:"Fechar menu de navegação",navigationMenu:"Menu de navegação"},sv:{mainNavigation:"Huvudnavigering",openMenu:"Öppna navigationsmeny",closeMenu:"Stäng navigationsmeny",navigationMenu:"Navigationsmeny"},fi:{mainNavigation:"Päänavigaatio",openMenu:"Avaa navigointivalikko",closeMenu:"Sulje navigointivalikko",navigationMenu:"Navigointivalikko"}},x=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsMenuOpenStart=e(this,"dsMenuOpenStart"),this.dsMenuOpenEnd=e(this,"dsMenuOpenEnd"),this.dsMenuCloseStart=e(this,"dsMenuCloseStart"),this.dsMenuCloseEnd=e(this,"dsMenuCloseEnd"),this.navEl=null,this.sidebarEl=null,this.burgerButton=null,this.containerEl=null,this.scrollHandler=new v,this.focusHandler=new d,this.burgerModeThresholdWidth=null,this.language=u.language,this.region=u.region,this.isTouch=m.isTouch,this.isSidebarOpen=!1,this.isOverflowing=!1,this.open=!1,this.light=!1,this.container="",this.handleHamburgerClick=()=>{this.toggleSidebar()},this.handleBackdropClick=()=>{this.closeSidebar()},this.handleDrawerClickBound=a=>{this.handleDrawerClick(a)},this.handleDrawerClick=a=>{const r=a.target;("A"===r.tagName||r.closest("a"))&&this.closeSidebar()},this.handleDocumentKeyDown=a=>{"Escape"===a.key&&this.isSidebarOpen&&(a.preventDefault(),this.closeSidebar())}}createLogger(a){this.log=a}openChanged(a){a?this.openSidebar():this.closeSidebar()}connectedCallback(){this.openChanged(this.open),this.scrollHandler.connect(),this.focusHandler.connect()}componentDidLoad(){this.checkNavbarOverflow()}disconnectedCallback(){this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disconnect(),this.scrollHandler.disconnect()}listenToBreakpoint(a){this.isTouch=a.touch,!this.isTouch&&!this.isOverflowing&&this.isSidebarOpen&&this.setIsSidebarOpen(!1)}async configChanged(a){this.language=a.language,this.region=a.region}async listenToResize(){this.checkNavbarOverflow()}async toggleSidebar(){await this.setIsSidebarOpen(!this.isSidebarOpen)}async openSidebar(){await this.setIsSidebarOpen(!0)}async closeSidebar(){await this.setIsSidebarOpen(!1)}attachKeyboardListener(){document.addEventListener("keydown",this.handleDocumentKeyDown)}detachKeyboardListener(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}attachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.addEventListener("click",this.handleDrawerClickBound)}detachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.removeEventListener("click",this.handleDrawerClickBound)}checkNavbarOverflow(){if(!this.navEl)return;if(!this.containerEl)return;const a=this.containerEl.clientWidth,r=this.containerEl.scrollWidth>a;r&&!this.isOverflowing?(this.burgerModeThresholdWidth=a,this.isOverflowing=!0,this.isSidebarOpen&&this.setIsSidebarOpen(!1)):!r&&this.isOverflowing&&this.burgerModeThresholdWidth&&a>this.burgerModeThresholdWidth+100&&(this.isOverflowing=!1,this.burgerModeThresholdWidth=null)}async setIsSidebarOpen(a){var r;if(a===this.isSidebarOpen)return;const e=this.isTouch||this.isOverflowing;a?(this.dsMenuOpenStart.emit(),this.isSidebarOpen=!0,e&&(this.attachKeyboardListener(),this.attachSidebarClickListener(),this.focusHandler.enable({target:this.navEl,restoreElement:this.burgerButton}),null===(r=this.burgerButton)||void 0===r||r.focus(),this.scrollHandler.disable()),this.dsMenuOpenEnd.emit()):(this.dsMenuCloseStart.emit(),e&&(this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disable(),this.focusHandler.restoreFocus(),this.scrollHandler.enable()),this.isSidebarOpen=!1,this.dsMenuCloseEnd.emit())}render(){const a=this.isSidebarOpen,r=this.isTouch||this.isOverflowing,e=k[this.language];return t(n,{key:"4751141c9276638d58183322206828c49f38d67a",class:{"is-open":a,"is-sidebar-mode":r,"is-light":this.light}},t("nav",{key:"b142ac6bf25cdd48aff78158ebc49cd79889db0f",ref:a=>this.navEl=a,id:"nav",role:"navigation","aria-label":e.mainNavigation},t("div",{key:"056bda2d8ba50d01e34f4c000be406cc6ed546fe",id:"container",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container},ref:a=>this.containerEl=a},t("slot",{key:"837d06a2d3205deb6f155322cc5f1a9484835cbb",name:"brand"}),t("slot",{key:"c50410f1c714b5f6d9aa9603312d3642aae3f342",name:"title"}),t("div",{key:"047cf2da3762320ab02e1ab305b58f3c074c6c0d",id:"content"},!r&&t("div",{key:"2e0010d0470373050d84d0f099fc73156e3f3099",id:"menu"},t("div",{key:"f7b8c0e885f747ae2ee03f1ff223484be8699cf5",id:"menu-start"},t("slot",{key:"a7a172470428bfc5668f25d6387c33b281303aa1",name:"menu-start"})),t("div",{key:"a31d2061cc68cfba618b1f7efd9200bcb88a237a",id:"menu-end"},t("slot",{key:"2a7aa495db2db5313f84d4f98ab6f52151caaf95",name:"menu-end"}))),t("div",{key:"c596c26adaa4fdef8063fc36f1470e4b0afc8b9c",id:"actions"},t("slot",{key:"a7b4f6c2522715aeb5c536c8f022b74913839969",name:"actions"}),r&&t("button",{key:"844afe3c1617c51f913b2b7b155fadf7dd788caa",ref:a=>this.burgerButton=a,id:"hamburger",type:"button",title:a?e.closeMenu:e.openMenu,"aria-label":a?e.closeMenu:e.openMenu,"aria-expanded":a,"aria-controls":"sidebar",onClick:()=>this.handleHamburgerClick()},t("ds-icon",{key:"fea68d648cddd553deaea422f78738ffd33ae329",name:a?"close":"menu-bars",size:"",color:"white"}))))),r&&t("aside",{key:"d7cca3a0a9c98262baf322ad17c8480142c4856f",id:"sidebar",role:"dialog","aria-modal":"true","aria-label":e.navigationMenu,class:{"is-open":a},ref:a=>this.sidebarEl=a},t("div",{key:"e59e4562f388c3e17b757be5532292271bf97312",id:"sidebar-backdrop",onClick:this.handleBackdropClick}),t("div",{key:"7e1813c533e5ae1edb40b4a5f3cb89eff9198e2d",id:"sidebar-panel",tabindex:"-1"},t("div",{key:"20989ff5635db54ec7e6a6e6c4fb8d9f0f95ee01",id:"sidebar-content"},t("div",{key:"91b497cd27858444399806749434126d508551d7",id:"sidebar-start"},t("slot",{key:"3666487b26799818741b7e5022a0c90e7485adb3",name:"menu-start"})),t("div",{key:"f30d9b73f3b706acc184eb39b2e555d58259d813",id:"sidebar-end"},t("slot",{key:"36d1d16c15f23413a5fcd8af087b4c5a8bf4f2fc",name:"menu-end"})))))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return':host{--_link-focus:var(--link-focus, var(--mod-link-focus, var(--ds-alias-interaction-focus-color-base)));--_navbar-background:var(--navbar-background, var(--mod-navbar-background, var(--ds-navbar-base-layout-background)));--_navbar-padding:var(--navbar-padding, var(--mod-navbar-padding, var(--ds-navbar-base-layout-padding)));--_navbar-height:var(--navbar-height, var(--mod-navbar-height, var(--ds-navbar-base-layout-height)));--_navbar-shadow:var(--navbar-shadow, var(--mod-navbar-shadow, var(--ds-navbar-base-layout-shadow)));--_navbar-z-index:var(--navbar-z-index, var(--mod-navbar-z-index, var(--ds-navbar-base-layout-z-index)));--_navbar-brand-gap:var(--navbar-brand-gap, var(--mod-navbar-brand-gap, var(--ds-navbar-base-brand-gap)));--_navbar-brand-focus-radius:var(--navbar-brand-focus-radius, var(--mod-navbar-brand-focus-radius, var(--ds-navbar-base-brand-focus-radius)));--_navbar-title-color:var(--navbar-title-color, var(--mod-navbar-title-color, var(--ds-navbar-base-title-color)));--_navbar-title-font-family:var(--navbar-title-font-family, var(--mod-navbar-title-font-family, var(--ds-navbar-base-title-font-family)));--_navbar-title-font-size:var(--navbar-title-font-size, var(--mod-navbar-title-font-size, var(--ds-navbar-base-title-font-size)));--_navbar-title-font-weight:var(--navbar-title-font-weight, var(--mod-navbar-title-font-weight, var(--ds-navbar-base-title-font-weight)));--_navbar-hamburger-width:var(--navbar-hamburger-width, var(--mod-navbar-hamburger-width, var(--ds-navbar-base-hamburger-width)));--_navbar-hamburger-height:var(--navbar-hamburger-height, var(--mod-navbar-hamburger-height, var(--ds-navbar-base-hamburger-height)));--_navbar-hamburger-padding:var(--navbar-hamburger-padding, var(--mod-navbar-hamburger-padding, var(--ds-navbar-base-hamburger-padding)));--_navbar-hamburger-radius:var(--navbar-hamburger-radius, var(--mod-navbar-hamburger-radius, var(--ds-navbar-base-hamburger-radius)));--_navbar-hamburger-transition-duration:var(--navbar-hamburger-transition-duration, var(--mod-navbar-hamburger-transition-duration, var(--ds-navbar-base-hamburger-transition-duration)));--_navbar-sidebar-max-width:var(--navbar-sidebar-max-width, var(--mod-navbar-sidebar-max-width, var(--ds-navbar-base-sidebar-max-width)));--_navbar-sidebar-slide-duration:var(--navbar-sidebar-slide-duration, var(--mod-navbar-sidebar-slide-duration, var(--ds-navbar-base-sidebar-slide-duration)));--_navbar-sidebar-backdrop-color:var(--navbar-sidebar-backdrop-color, var(--mod-navbar-sidebar-backdrop-color, var(--ds-navbar-base-sidebar-backdrop-color)));--_navbar-sidebar-backdrop-opacity:var(--navbar-sidebar-backdrop-opacity, var(--mod-navbar-sidebar-backdrop-opacity, var(--ds-global-elevation-opacity-50)));--_navbar-sidebar-panel-background:var(--navbar-sidebar-panel-background, var(--mod-navbar-sidebar-panel-background, var(--ds-navbar-base-sidebar-panel-background)));--_navbar-sidebar-panel-shadow:var(--navbar-sidebar-panel-shadow, var(--mod-navbar-sidebar-panel-shadow, var(--ds-navbar-base-sidebar-panel-shadow)));--_navbar-sidebar-panel-border-top:var(--navbar-sidebar-panel-border-top, var(--mod-navbar-sidebar-panel-border-top, var(--ds-navbar-base-sidebar-panel-border-top)));--_navbar-sidebar-content-gap:var(--navbar-sidebar-content-gap, var(--mod-navbar-sidebar-content-gap, var(--ds-navbar-base-sidebar-content-gap)));--_navbar-sidebar-padding-inline:var(--navbar-sidebar-padding-inline, var(--mod-navbar-sidebar-padding-inline, var(--ds-navbar-base-sidebar-content-padding-inline)));--_navbar-sidebar-padding-block:var(--navbar-sidebar-padding-block, var(--mod-navbar-sidebar-padding-block, var(--ds-navbar-base-sidebar-content-padding-block)));--_navbar-sidebar-item-min-height:var(--navbar-sidebar-item-min-height, var(--mod-navbar-sidebar-item-min-height, var(--ds-navbar-base-sidebar-item-min-height)));--_navbar-sidebar-item-padding-block:var(--navbar-sidebar-item-padding-block, var(--mod-navbar-sidebar-item-padding-block, var(--ds-navbar-base-sidebar-item-padding-block)));--_navbar-sidebar-item-padding-inline:var(--navbar-sidebar-item-padding-inline, var(--mod-navbar-sidebar-item-padding-inline, var(--ds-navbar-base-sidebar-item-padding-inline)));--_navbar-sidebar-item-font-size:var(--navbar-sidebar-item-font-size, var(--mod-navbar-sidebar-item-font-size, var(--ds-navbar-base-sidebar-item-font-size)));--_navbar-sidebar-item-font-weight:var(--navbar-sidebar-item-font-weight, var(--mod-navbar-sidebar-item-font-weight, var(--ds-navbar-base-sidebar-item-font-weight)));--_navbar-sidebar-item-font-family:var(--navbar-sidebar-item-font-family, var(--mod-navbar-sidebar-item-font-family, var(--ds-navbar-base-sidebar-item-font-family)));--_navbar-sidebar-item-color:var(--navbar-sidebar-item-color, var(--mod-navbar-sidebar-item-color, var(--ds-navbar-base-sidebar-item-color-base)));--_navbar-sidebar-item-background-active:var(--navbar-sidebar-item-background-active, var(--mod-navbar-sidebar-item-background-active, var(--ds-navbar-base-sidebar-item-background-active)));--_navbar-sidebar-item-background-hover:var(--navbar-sidebar-item-background-hover, var(--mod-navbar-sidebar-item-background-hover, var(--ds-navbar-base-sidebar-item-background-hover)));--_navbar-sidebar-item-color-hover:var(--navbar-sidebar-item-color-hover, var(--mod-navbar-sidebar-item-color-hover, var(--ds-navbar-base-sidebar-item-color-hover)));--_navbar-sidebar-item-color-active:var(--navbar-sidebar-item-color-active, var(--mod-navbar-sidebar-item-color-active, var(--ds-navbar-base-sidebar-item-color-active)));--_navbar-sidebar-item-divider-color:var(--navbar-sidebar-item-divider-color, var(--mod-navbar-sidebar-item-divider-color, var(--ds-navbar-base-sidebar-item-divider-color)));--_navbar-sidebar-item-divider-color-active:var(--navbar-sidebar-item-divider-color-active, var(--mod-navbar-sidebar-item-divider-color-active, var(--ds-navbar-base-sidebar-item-divider-color-active)));--_navbar-sidebar-item-chevron-size:var(--navbar-sidebar-item-chevron-size, var(--mod-navbar-sidebar-item-chevron-size, var(--ds-navbar-base-sidebar-item-chevron-size)));--_navbar-sidebar-item-chevron-color:var(--navbar-sidebar-item-chevron-color, var(--mod-navbar-sidebar-item-chevron-color, var(--ds-navbar-base-sidebar-item-chevron-color)));--_navbar-menu-gap:var(--navbar-menu-gap, var(--mod-navbar-menu-gap, var(--ds-navbar-base-menu-gap)));--_navbar-menu-start-gap:var(--navbar-menu-start-gap, var(--mod-navbar-menu-start-gap, var(--ds-navbar-base-menu-start-gap)));--_navbar-menu-item-color:var(--navbar-menu-item-color, var(--mod-navbar-menu-item-color, var(--ds-navbar-base-menu-item-color-base)));--_navbar-menu-item-font-size:var(--navbar-menu-item-font-size, var(--mod-navbar-menu-item-font-size, var(--ds-navbar-base-menu-item-font-size)));--_navbar-menu-item-padding-block:var(--navbar-menu-item-padding-block, var(--mod-navbar-menu-item-padding-block, var(--ds-navbar-base-menu-item-padding-block)));--_navbar-menu-item-padding-inline:var(--navbar-menu-item-padding-inline, var(--mod-navbar-menu-item-padding-inline, var(--ds-navbar-base-menu-item-padding-inline)));--_navbar-menu-item-border-radius:var(--navbar-menu-item-border-radius, var(--mod-navbar-menu-item-border-radius, var(--ds-navbar-base-menu-item-border-radius)));--_navbar-menu-item-color-hover:var(--navbar-menu-item-color-hover, var(--mod-navbar-menu-item-color-hover, var(--ds-navbar-base-menu-item-color-hover)));--_navbar-menu-item-color-selected:var(--navbar-menu-item-color-selected, var(--mod-navbar-menu-item-color-selected, var(--ds-navbar-base-menu-item-color-selected)));--_navbar-menu-item-color-selected-hover:var(--navbar-menu-item-color-selected-hover, var(--mod-navbar-menu-item-color-selected-hover, var(--ds-navbar-base-menu-item-color-selected-hover)));--_navbar-menu-item-color-active:var(--navbar-menu-item-color-active, var(--mod-navbar-menu-item-color-active, var(--ds-navbar-base-menu-item-color-active)));--_navbar-menu-item-underline-height:var(--navbar-menu-item-underline-height, var(--mod-navbar-menu-item-underline-height, var(--ds-global-size-border-2)));--_navbar-menu-item-underline-border-radius:var(--navbar-menu-item-underline-border-radius, var(--mod-navbar-menu-item-underline-border-radius, var(--ds-alias-radius-rounded)));--_navbar-menu-item-transition-duration:var(--navbar-menu-item-transition-duration, var(--mod-navbar-menu-item-transition-duration, var(--ds-navbar-base-menu-item-transition-duration)));--_navbar-menu-end-gap:var(--navbar-menu-end-gap, var(--mod-navbar-menu-end-gap, var(--ds-navbar-base-menu-end-gap)));--_navbar-container-gap:var(--navbar-container-gap, var(--mod-navbar-container-gap, var(--ds-navbar-base-container-gap)));--_navbar-content-gap:var(--navbar-content-gap, var(--mod-navbar-content-gap, var(--ds-navbar-base-content-gap)));--_navbar-button-color-text:var(--navbar-button-color-text, var(--mod-navbar-button-color-text, var(--ds-navbar-base-button-color-text-base)));--_navbar-button-color-background:var(--navbar-button-color-background, var(--mod-navbar-button-color-background, var(--ds-navbar-base-button-color-background-base)));--_navbar-button-color-border:var(--navbar-button-color-border, var(--mod-navbar-button-color-border, var(--ds-navbar-base-button-color-border-base)));--_navbar-button-color-text-hover:var(--navbar-button-color-text-hover, var(--mod-navbar-button-color-text-hover, var(--ds-navbar-base-button-color-text-hover)));--_navbar-button-color-background-hover:var(--navbar-button-color-background-hover, var(--mod-navbar-button-color-background-hover, var(--ds-navbar-base-button-color-background-hover)));--_navbar-button-color-border-hover:var(--navbar-button-color-border-hover, var(--mod-navbar-button-color-border-hover, var(--ds-navbar-base-button-color-border-hover)));--_navbar-button-color-text-active:var(--navbar-button-color-text-active, var(--mod-navbar-button-color-text-active, var(--ds-navbar-base-button-color-text-active)));--_navbar-button-color-background-active:var(--navbar-button-color-background-active, var(--mod-navbar-button-color-background-active, var(--ds-navbar-base-button-color-background-active)));--_navbar-button-color-border-active:var(--navbar-button-color-border-active, var(--mod-navbar-button-color-border-active, var(--ds-navbar-base-button-color-border-active)));--_navbar-focus-color-start:var(--navbar-focus-color-start, var(--mod-navbar-focus-color-start, var(--ds-navbar-base-focus-color-start)));--_navbar-focus-color-end:var(--navbar-focus-color-end, var(--mod-navbar-focus-color-end, var(--ds-navbar-base-focus-color-end)))}:host{display:block;position:relative;z-index:var(--_navbar-z-index);width:100%;background-color:var(--_navbar-background);-webkit-box-shadow:var(--_navbar-shadow);box-shadow:var(--_navbar-shadow)}#nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--_navbar-height);max-height:var(--_navbar-height);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_navbar-container-gap);padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device);width:100%;max-width:var(--ds-alias-container-width-base)}#container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}#container.is-compact{max-width:var(--ds-alias-container-width-compact)}#content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:var(--_navbar-content-gap)}::slotted([slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_navbar-brand-gap)}::slotted(a[slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_navbar-brand-gap);outline:none}::slotted(a[slot=brand])::-moz-focus-inner{border:0}::slotted(a[slot=brand])::after{content:"";position:absolute;width:1px;height:1px;border-radius:var(--_navbar-brand-focus-radius);background-color:rgba(0,0,0,0);-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)}::slotted(a[slot=brand]:focus-visible)::after{padding:1rem;width:100%;height:100%;-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}::slotted([slot=title]){color:var(--_navbar-title-color);font-family:var(--_navbar-title-font-family);font-size:var(--_navbar-title-font-size);font-weight:var(--_navbar-title-font-weight);display:none}@media screen and (min-width: 769px){::slotted([slot=title]){display:block}}#hamburger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:none;border:none;padding:var(--_navbar-hamburger-padding);color:var(--_navbar-button-color-text);background-color:var(--_navbar-button-color-background);width:var(--_navbar-hamburger-width);height:var(--_navbar-hamburger-height);border-radius:var(--_navbar-hamburger-radius);margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;--icon-color:var(--_navbar-button-color-text);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--_navbar-hamburger-transition-duration);transition-duration:var(--_navbar-hamburger-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#hamburger::-moz-focus-inner{border:0}#hamburger:focus-visible{-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#hamburger:hover{color:var(--_navbar-button-color-text-hover);background-color:var(--_navbar-button-color-background-hover);--icon-color:var(--_navbar-button-color-text-hover)}#hamburger:active{color:var(--_navbar-button-color-text-active);background-color:var(--_navbar-button-color-background-active);--icon-color:var(--_navbar-button-color-text-active);translate:0 .5px}#sidebar{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:fixed;top:var(--_navbar-height);right:0;bottom:0;left:0;z-index:var(--ds-alias-z-index-navigation);pointer-events:none;-webkit-transition:visibility var(--_navbar-sidebar-slide-duration) ease;transition:visibility var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open{pointer-events:auto;visibility:visible}:host:not(.is-sidebar-mode) #sidebar{pointer-events:none !important;display:none !important;visibility:hidden !important}#sidebar-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-transition:opacity var(--_navbar-sidebar-slide-duration) ease;transition:opacity var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-backdrop{opacity:1}#sidebar-panel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;max-width:var(--_navbar-sidebar-max-width);height:100%;background-color:var(--_navbar-sidebar-panel-background);overflow-y:auto;outline:none;-webkit-box-shadow:var(--_navbar-shadow);box-shadow:var(--_navbar-shadow);border-top:var(--_navbar-sidebar-panel-border-top);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--_navbar-sidebar-slide-duration) ease;transition:-webkit-transform var(--_navbar-sidebar-slide-duration) ease;transition:transform var(--_navbar-sidebar-slide-duration) ease;transition:transform var(--_navbar-sidebar-slide-duration) ease, -webkit-transform var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-panel{-webkit-transform:translateX(0);transform:translateX(0)}#sidebar-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_navbar-sidebar-content-gap);padding-inline:var(--_navbar-sidebar-padding-inline);padding-block:var(--_navbar-sidebar-padding-block);overflow-y:auto}#sidebar-content ::slotted(a[slot=menu-start]),#sidebar-content ::slotted(.link[slot=menu-start]){position:relative;color:var(--_navbar-sidebar-item-color);--icon-color:var(--_navbar-sidebar-item-color);font-size:var(--_navbar-sidebar-item-font-size);font-weight:var(--_navbar-sidebar-item-font-weight);font-family:var(--_navbar-sidebar-item-font-family);text-decoration:none;min-height:var(--_navbar-sidebar-item-min-height);padding-block:var(--_navbar-sidebar-item-padding-block);padding-inline:var(--_navbar-sidebar-item-padding-inline);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,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)}#sidebar-content ::slotted(a[slot=menu-start])::-moz-focus-inner,#sidebar-content ::slotted(.link[slot=menu-start])::-moz-focus-inner{border:0}#sidebar-content ::slotted(a[slot=menu-start])::before,#sidebar-content ::slotted(.link[slot=menu-start])::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--ds-divider-width);border-radius:var(--ds-alias-radius-base);background-color:var(--_navbar-sidebar-item-divider-color);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:border-color,-webkit-box-shadow;transition-property:border-color,-webkit-box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,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);z-index:1}#sidebar-content ::slotted(a[slot=menu-start])::after,#sidebar-content ::slotted(.link[slot=menu-start])::after{content:"";position:absolute;right:.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_navbar-sidebar-item-chevron-size);height:var(--_navbar-sidebar-item-chevron-size);background-color:var(--_navbar-sidebar-item-chevron-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#sidebar-content ::slotted(.link[slot=menu-start][aria-current=page]),#sidebar-content ::slotted(a[slot=menu-start][aria-current=page]){background:var(--_navbar-sidebar-item-background-active)}#sidebar-content ::slotted(.link[slot=menu-start][aria-current=page])::before,#sidebar-content ::slotted(a[slot=menu-start][aria-current=page])::before{background-color:var(--_navbar-sidebar-item-divider-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:hover),#sidebar-content ::slotted(a[slot=menu-start]:hover){background:var(--_navbar-sidebar-item-background-hover);color:var(--_navbar-sidebar-item-color-hover);--icon-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:hover)::after,#sidebar-content ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:hover)::before,#sidebar-content ::slotted(a[slot=menu-start]:hover)::before{background-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:active),#sidebar-content ::slotted(a[slot=menu-start]:active){background:var(--_navbar-sidebar-item-background-active);color:var(--_navbar-sidebar-item-color-active);--icon-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:active)::after,#sidebar-content ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:active)::before,#sidebar-content ::slotted(a[slot=menu-start]:active)::before{background-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:focus-visible:not(:active))::before,#sidebar-content ::slotted(a[slot=menu-start]:focus-visible:not(:active))::before{border-radius:var(--ds-alias-radius-base);background-color:rgba(0,0,0,0);height:100%;width:100%;-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#sidebar-content #sidebar-end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_navbar-content-gap);margin-top:var(--ds-global-size-space-32)}#sidebar-content ::slotted(ds-button[slot=menu-end]),#sidebar-content ::slotted(button[slot=menu-end]),#sidebar-content ::slotted(button.button[slot=menu-end]){width:100%;--button-width:100%;--button-min-width:100%}#menu{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-gap)}#menu #menu-start{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-start-gap);-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}#menu #menu-start ::slotted(.link[slot=menu-start]),#menu #menu-start ::slotted(a[slot=menu-start]){-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;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:var(--_navbar-menu-item-color);font-size:var(--_navbar-menu-item-font-size);border-radius:var(--_navbar-menu-item-border-radius);padding-inline:var(--_navbar-menu-item-padding-inline);padding-block:var(--_navbar-menu-item-padding-block);text-decoration:none;outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;cursor:pointer;-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:var(--_navbar-menu-item-transition-duration);transition-duration:var(--_navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.link[slot=menu-start])::after,#menu #menu-start ::slotted(a[slot=menu-start])::after{content:"";position:absolute;bottom:-0.5rem;left:0;right:0;height:var(--_navbar-menu-item-underline-height);border-radius:var(--_navbar-menu-item-underline-border-radius);background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}#menu #menu-start ::slotted([slot=menu-start].is-active),#menu #menu-start ::slotted([slot=menu-start][aria-current=page]){font-weight:var(--ds-alias-text-weight-bold)}#menu #menu-start ::slotted([slot=menu-start].is-active)::after,#menu #menu-start ::slotted([slot=menu-start][aria-current=page])::after{background-color:var(--_navbar-menu-item-color-selected)}#menu #menu-start ::slotted(.link[slot=menu-start]:hover),#menu #menu-start ::slotted(a[slot=menu-start]:hover){color:var(--_navbar-menu-item-color-hover);--icon-color:var(--_navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.link[slot=menu-start]:hover)::after,#menu #menu-start ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.link[slot=menu-start]:active),#menu #menu-start ::slotted(a[slot=menu-start]:active){color:var(--_navbar-menu-item-color-active);--icon-color:var(--_navbar-menu-item-color-active)}#menu #menu-start ::slotted(.link[slot=menu-start]:active)::after,#menu #menu-start ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_navbar-menu-item-color-active)}#menu #menu-start{-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:var(--_navbar-menu-item-transition-duration);transition-duration:var(--_navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.link[slot=menu-start]:focus-visible),#menu #menu-start ::slotted(a[slot=menu-start]:focus-visible){-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#menu #menu-end{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#menu #menu-end ::slotted(ds-button[slot=menu-end]),#menu #menu-end ::slotted(.button[slot=menu-end]),#menu #menu-end ::slotted(button[slot=menu-end]){--button-focus-shadow:var(--_navbar-focus-color-end);--button-color-text:var(--_navbar-button-color-text);--button-color-background:var(--_navbar-button-color-background);--button-color-border:var(--_navbar-button-color-border);--button-color-text-hover:var(--_navbar-button-color-text-hover);--button-color-background-hover:var(--_navbar-button-color-background-hover);--button-color-border-hover:var(--_navbar-button-color-border-hover);--button-color-text-active:var(--_navbar-button-color-text-active);--button-color-background-active:var(--_navbar-button-color-background-active);--button-color-border-active:var(--_navbar-button-color-border-active)}#actions{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#actions ::slotted(ds-button[slot=actions]),#actions ::slotted(.button[slot=actions]),#actions ::slotted(button[slot=actions]){--button-focus-shadow:var(--_navbar-focus-color-end);--button-color-text:var(--_navbar-button-color-text);--button-color-background:var(--_navbar-button-color-background);--button-color-border:var(--_navbar-button-color-border);--button-color-text-hover:var(--_navbar-button-color-text-hover);--button-color-background-hover:var(--_navbar-button-color-background-hover);--button-color-border-hover:var(--_navbar-button-color-border-hover);--button-color-text-active:var(--_navbar-button-color-text-active);--button-color-background-active:var(--_navbar-button-color-background-active);--button-color-border-active:var(--_navbar-button-color-border-active)}:host(.is-light){--logo-color:var(--ds-navbar-light-title-color);--mod-navbar-background:var(--ds-navbar-light-background);--mod-navbar-title-color:var(--ds-navbar-light-title-color);--_navbar-focus-color-start:var(--ds-navbar-light-focus-color-start);--_navbar-focus-color-end:var(--ds-navbar-light-focus-color-end);--mod-navbar-menu-item-color:var(--ds-navbar-light-menu-item-color-base);--mod-navbar-menu-item-color-hover:var(--ds-navbar-light-menu-item-color-hover);--mod-navbar-menu-item-color-active:var(--ds-navbar-light-menu-item-color-active);--mod-navbar-menu-item-color-selected:var(--ds-navbar-light-menu-item-color-selected);--mod-navbar-sidebar-panel-border-top:var(--ds-navbar-light-sidebar-panel-border-top);--mod-navbar-button-color-text:var(--ds-navbar-light-button-color-text-base);--mod-navbar-button-color-background:var(--ds-navbar-light-button-color-background-base);--mod-navbar-button-color-border:var(--ds-navbar-light-button-color-border-base);--mod-navbar-button-color-text-hover:var(--ds-navbar-light-button-color-text-hover);--mod-navbar-button-color-background-hover:var(--ds-navbar-light-button-color-background-hover);--mod-navbar-button-color-border-hover:var(--ds-navbar-light-button-color-border-hover);--mod-navbar-button-color-text-active:var(--ds-navbar-light-button-color-text-active);--mod-navbar-button-color-background-active:var(--ds-navbar-light-button-color-background-active);--mod-navbar-button-color-border-active:var(--ds-navbar-light-button-color-border-active)}'}},[257,"ds-navbar",{open:[516],light:[4],container:[1],language:[32],region:[32],isTouch:[32],isSidebarOpen:[32],isOverflowing:[32],configChanged:[64],listenToResize:[64],toggleSidebar:[64],openSidebar:[64],closeSidebar:[64]},void 0,{open:[{openChanged:0}]}]);i([s("navbar"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],x.prototype,"createLogger",null),i([h("boolean"),b("design:type",Boolean)],x.prototype,"open",void 0),i([h("boolean"),b("design:type",Boolean)],x.prototype,"light",void 0),i([g(["default","fluid","compact",""]),b("design:type",String)],x.prototype,"container",void 0),i([p(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null),i([f(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],x.prototype,"configChanged",null),i([l(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",Promise)],x.prototype,"listenToResize",null);const w=x,_=function(){"undefined"!=typeof customElements&&["ds-navbar","ds-icon"].forEach((a=>{switch(a){case"ds-navbar":customElements.get(o(a))||customElements.define(o(a),x);break;case"ds-icon":customElements.get(o(a))||c()}}))};export{w as DsNavbar,_ 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,f as t,h as n,e as a,t as c}from"./p-WO0X5Vmy.js";import{_ as r,L as e,a as s}from"./p-J0mxIuTt.js";import{s as f}from"./p-BwfAXfmz.js";import{h as d}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{d as m}from"./p-DSeYzuO7.js";import{d as v}from"./p-DY0y8uLL.js";import{d as g}from"./p-Du7QOHtz.js";import{d as p}from"./p-qaSW94OG.js";import{T as h}from"./p-DAYd9ty0.js";import{O as b}from"./p-BhbWmCTu.js";const u=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.dsDidLoad=t(this,"dsDidLoad"),this.didLoad=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.color="",this.heading="",this.noIcon=!1}createLogger(i){this.log=i}componentDidLoad(){this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=l(this.size)||"";return n(a,Object.assign({key:"f3e829a86b22c64fe93b06b2664b398a7248d49f"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,["is-"+this.color]:d(this.color),["is-"+i]:d(this.size)}}),n("section",{key:"f8ff4cdc8379ec73ac00a6654478a0039dd746f1",id:"notification",part:"section"},this.closable&&n("ds-close",{key:"f72f440db26de1ef40ca24ec9c9f06015ce31126",part:"close",onClick:i=>{f(i),this.close()}}),d(this.heading)&&n("h2",{key:"adae5186e4009153c2d93645bdf8ab49e4da9df7",part:"heading"},this.heading),n("span",{key:"979fc05e46a6c9220826efeac704f87f23f9ce49"},n("slot",{key:"88929c8c561498c89755da6bd6d36819a7e6d390"}))))}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-color-base-background)));--_notification-color-border:var(--notification-color-border, var(--mod-notification-color-border, var(--ds-notification-color-base-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-color-base-text)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-alias-text-family-heading)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-alias-text-weight-bold)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-alias-text-size-lg-device)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-alias-text-line-height-heading)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-alias-text-family-body)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, inherit));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-alias-text-size-base-device)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-alias-text-line-height-body)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-color-base-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-space:var(--notification-space, var(--mod-notification-space, var(--ds-card-space-base-device, 1.5rem)));--_notification-icon-space:var(--notification-icon-space, var(--mod-notification-icon-space, 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-space)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-space)));--_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(--ds-alias-border-width-base) solid var(--_notification-color-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-space);padding-right:var(--_notification-space);padding-bottom:var(--_notification-space);padding-left:calc(var(--_notification-space) + var(--_notification-icon-space));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .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);margin:0 !important}#notification:has(.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:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:-0.25rem;top:calc((var(--_notification-space)));-webkit-transform:translateX(var(--_notification-space));transform:translateX(var(--_notification-space));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-space:0rem}:host(.is-info){--mod-notification-color-text:var(--ds-notification-color-info-text);--mod-notification-color-border:var(--ds-notification-color-info-border);--mod-notification-color-background:var(--ds-notification-color-info-background);--mod-notification-icon:var(--ds-notification-color-info-icon)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-color-success-text);--mod-notification-color-border:var(--ds-notification-color-success-border);--mod-notification-color-background:var(--ds-notification-color-success-background);--mod-notification-icon:var(--ds-notification-color-success-icon)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-color-warning-text);--mod-notification-color-border:var(--ds-notification-color-warning-border);--mod-notification-color-background:var(--ds-notification-color-warning-background);--mod-notification-icon:var(--ds-notification-color-warning-icon)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-color-danger-text);--mod-notification-color-border:var(--ds-notification-color-danger-border);--mod-notification-color-background:var(--ds-notification-color-danger-background);--mod-notification-icon:var(--ds-notification-color-danger-icon)}:host(.is-outline-base){--mod-notification-color-text:var(--ds-notification-color-outline-base-text);--mod-notification-color-border:var(--ds-notification-color-outline-base-border);--mod-notification-color-background:var(--ds-notification-color-outline-base-background);--mod-notification-icon:var(--ds-notification-color-outline-base-icon)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-color-outline-purple-text);--mod-notification-color-border:var(--ds-notification-color-outline-purple-border);--mod-notification-color-background:var(--ds-notification-color-outline-purple-background);--mod-notification-icon:var(--ds-notification-color-outline-purple-icon)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-color-outline-green-text);--mod-notification-color-border:var(--ds-notification-color-outline-green-border);--mod-notification-color-background:var(--ds-notification-color-outline-green-background);--mod-notification-icon:var(--ds-notification-color-outline-green-icon)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-color-outline-yellow-text);--mod-notification-color-border:var(--ds-notification-color-outline-yellow-border);--mod-notification-color-background:var(--ds-notification-color-outline-yellow-background);--mod-notification-icon:var(--ds-notification-color-outline-yellow-icon)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-color-outline-red-text);--mod-notification-color-border:var(--ds-notification-color-outline-red-border);--mod-notification-color-background:var(--ds-notification-color-outline-red-background);--mod-notification-icon:var(--ds-notification-color-outline-red-icon)}:host(.is-sm){--mod-notification-space:var(--ds-card-space-sm-device)}:host(.is-md){--mod-notification-space:var(--ds-card-space-md-device)}:host(.is-lg){--mod-notification-space:var(--ds-card-space-lg-device)}:host{display:block}'}},[257,"ds-notification",{alert:[4],closable:[4],closeHandler:[16],color:[1],heading:[1],noIcon:[4,"no-icon"],size:[1],didLoad:[32],close:[64]}]);r([e("notification"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),r([h("boolean"),s("design:type",Boolean)],u.prototype,"alert",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"closable",void 0),r([b(["","base","info","success","warning","danger","outline-base","outline-purple","outline-green","outline-yellow","outline-red"]),s("design:type",String)],u.prototype,"color",void 0),r([h("string"),s("design:type",String)],u.prototype,"heading",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"noIcon",void 0),r([b(["sm","md","lg","","small","medium","large"]),s("design:type",String)],u.prototype,"size",void 0);const _=u,y=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-close","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-notification":customElements.get(c(i))||customElements.define(c(i),u);break;case"ds-button":customElements.get(c(i))||m();break;case"ds-close":customElements.get(c(i))||v();break;case"ds-icon":customElements.get(c(i))||g();break;case"ds-spinner":customElements.get(c(i))||p()}}))};export{_ as DsNotification,y as defineCustomElement}
+import{p as i,H as o,f as t,h as n,e as a,t as c}from"./p-WO0X5Vmy.js";import{_ as r,L as e,a as s}from"./p-J0mxIuTt.js";import{s as f}from"./p-BwfAXfmz.js";import{h as d}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{d as m}from"./p-BmKEBYP4.js";import{d as v}from"./p-std0LSH2.js";import{d as g}from"./p-Dbqy6lZU.js";import{d as p}from"./p-o0H7eIVX.js";import{T as h}from"./p-DAYd9ty0.js";import{O as b}from"./p-BhbWmCTu.js";const u=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.dsDidLoad=t(this,"dsDidLoad"),this.didLoad=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.heading="",this.noIcon=!1}createLogger(i){this.log=i}componentDidLoad(){this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=l(this.size)||"";return n(a,Object.assign({key:"c3dfeb924f2eff0258b2e3e8d191066e606c1717"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,["is-"+this.color]:d(this.color),["is-"+i]:d(this.size)}}),n("section",{key:"bb25cab8e27de885d570db0a6255f8dbab2d94fe",id:"notification",part:"section"},this.closable&&n("ds-close",{key:"2c3468c64ca1b011d63815e65f466b308d3bb624",part:"close",onClick:i=>{f(i),this.close()}}),d(this.heading)&&n("h2",{key:"69c9eccaf9154cfd398564d1a915dab0afbc1033",part:"heading"},this.heading),n("span",{key:"f8f3a07f74a2ae6a4ac1b4ff026f8a794b236c5d"},n("slot",{key:"05feb23000c982c3d90778b1eae1180b5ebd1add"}))))}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-base-color-background)));--_notification-color-border:var(--notification-color-border, var(--mod-notification-color-border, var(--ds-notification-base-color-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-base-color-text)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-alias-text-family-heading)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-alias-text-weight-bold)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-alias-text-size-lg-device)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-alias-text-line-height-heading)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-alias-text-family-body)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, inherit));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-alias-text-size-base-device)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-alias-text-line-height-body)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-base-color-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-space:var(--notification-space, var(--mod-notification-space, var(--ds-card-space-base-device, 1.5rem)));--_notification-icon-space:var(--notification-icon-space, var(--mod-notification-icon-space, 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-space)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-space)));--_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(--ds-alias-border-width-base) solid var(--_notification-color-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-space);padding-right:var(--_notification-space);padding-bottom:var(--_notification-space);padding-left:calc(var(--_notification-space) + var(--_notification-icon-space));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .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);margin:0 !important}#notification:has(.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:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:-0.25rem;top:calc((var(--_notification-space)));-webkit-transform:translateX(var(--_notification-space));transform:translateX(var(--_notification-space));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-space:0rem}:host(.is-info){--mod-notification-color-text:var(--ds-notification-info-color-text);--mod-notification-color-border:var(--ds-notification-info-color-border);--mod-notification-color-background:var(--ds-notification-info-color-background);--mod-notification-icon:var(--ds-notification-info-color-icon)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-success-color-text);--mod-notification-color-border:var(--ds-notification-success-color-border);--mod-notification-color-background:var(--ds-notification-success-color-background);--mod-notification-icon:var(--ds-notification-success-color-icon)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-warning-color-text);--mod-notification-color-border:var(--ds-notification-warning-color-border);--mod-notification-color-background:var(--ds-notification-warning-color-background);--mod-notification-icon:var(--ds-notification-warning-color-icon)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-danger-color-text);--mod-notification-color-border:var(--ds-notification-danger-color-border);--mod-notification-color-background:var(--ds-notification-danger-color-background);--mod-notification-icon:var(--ds-notification-danger-color-icon)}:host(.is-outline-base){--mod-notification-color-text:var(--ds-notification-outline-base-color-text);--mod-notification-color-border:var(--ds-notification-outline-base-color-border);--mod-notification-color-background:var(--ds-notification-outline-base-color-background);--mod-notification-icon:var(--ds-notification-outline-base-color-icon)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-outline-purple-color-text);--mod-notification-color-border:var(--ds-notification-outline-purple-color-border);--mod-notification-color-background:var(--ds-notification-outline-purple-color-background);--mod-notification-icon:var(--ds-notification-outline-purple-color-icon)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-outline-green-color-text);--mod-notification-color-border:var(--ds-notification-outline-green-color-border);--mod-notification-color-background:var(--ds-notification-outline-green-color-background);--mod-notification-icon:var(--ds-notification-outline-green-color-icon)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-outline-yellow-color-text);--mod-notification-color-border:var(--ds-notification-outline-yellow-color-border);--mod-notification-color-background:var(--ds-notification-outline-yellow-color-background);--mod-notification-icon:var(--ds-notification-outline-yellow-color-icon)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-outline-red-color-text);--mod-notification-color-border:var(--ds-notification-outline-red-color-border);--mod-notification-color-background:var(--ds-notification-outline-red-color-background);--mod-notification-icon:var(--ds-notification-outline-red-color-icon)}:host(.is-sm){--mod-notification-space:var(--ds-card-space-sm-device)}:host(.is-md){--mod-notification-space:var(--ds-card-space-md-device)}:host(.is-lg){--mod-notification-space:var(--ds-card-space-lg-device)}:host{display:block}'}},[257,"ds-notification",{alert:[4],closable:[4],closeHandler:[16],color:[1],heading:[1],noIcon:[4,"no-icon"],size:[1],didLoad:[32],close:[64]}]);r([e("notification"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),r([h("boolean"),s("design:type",Boolean)],u.prototype,"alert",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"closable",void 0),r([b(["base","info","success","warning","danger","outline-base","outline-purple","outline-green","outline-yellow","outline-red"]),s("design:type",String)],u.prototype,"color",void 0),r([h("string"),s("design:type",String)],u.prototype,"heading",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"noIcon",void 0),r([b(["sm","md","lg","small","medium","large"]),s("design:type",String)],u.prototype,"size",void 0);const _=u,y=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-close","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-notification":customElements.get(c(i))||customElements.define(c(i),u);break;case"ds-button":customElements.get(c(i))||m();break;case"ds-close":customElements.get(c(i))||v();break;case"ds-icon":customElements.get(c(i))||g();break;case"ds-spinner":customElements.get(c(i))||p()}}))};export{_ as DsNotification,y as defineCustomElement}