@baloise/ds-core 20.0.0-next.4 → 20.0.0-next.6

package/components/ds-file-upload.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as e,H as o,f as i,h as l,t as r}from"./p-WO0X5Vmy.js";import{_ as a,L as d,a as s}from"./p-J0mxIuTt.js";import{a as t}from"./p-DYTOWDAA.js";import{s as n}from"./p-BwfAXfmz.js";import{F as c}from"./p-FBQaJyH0.js";import{I as p}from"./p-DU7t9H9h.js";import{d as h}from"./p-CjIxf5zy.js";import{d as f}from"./p-CA7G72wZ.js";import{d as u}from"./p-Du7QOHtz.js";import{d as b}from"./p-CYWn3X22.js";import{d as v}from"./p-B1gnrQ9b.js";import{d as m}from"./p-CvaNxQtw.js";import{T as g}from"./p-DAYd9ty0.js";import{O as z}from"./p-BhbWmCTu.js";import{L as y}from"./p-DIK6Zkg6.js";const x=e=>{const o=new DataTransfer;return e&&e.length>0&&e.forEach((e=>o.items.add(e))),o.files},_={en:{dropZoneLabel:"Drop files or browse",selectedFilesLabel:"Selected files",removeFileLabel:"Remove"},de:{dropZoneLabel:"Dateien ablegen oder durchsuchen",selectedFilesLabel:"Ausgewählte Dateien",removeFileLabel:"Entfernen"},fr:{dropZoneLabel:"Déposez les fichiers ou parcourez",selectedFilesLabel:"Fichiers sélectionnés",removeFileLabel:"Supprimer"},it:{dropZoneLabel:"Rilascia i file o sfoglia",selectedFilesLabel:"File selezionati",removeFileLabel:"Rimuovi"},nl:{dropZoneLabel:"Zet bestanden neer of blader",selectedFilesLabel:"Geselecteerde bestanden",removeFileLabel:"Verwijderen"},es:{dropZoneLabel:"Suelta archivos o busca",selectedFilesLabel:"Archivos seleccionados",removeFileLabel:"Eliminar"},pl:{dropZoneLabel:"Upuść pliki lub przeglądaj",selectedFilesLabel:"Wybrane pliki",removeFileLabel:"Usuń"},pt:{dropZoneLabel:"Solte ficheiros ou procure",selectedFilesLabel:"Ficheiros selecionados",removeFileLabel:"Remover"},sv:{dropZoneLabel:"Släpp filer eller bläddra",selectedFilesLabel:"Valda filer",removeFileLabel:"Ta bort"},fi:{dropZoneLabel:"Pudota tiedostot tai selaa",selectedFilesLabel:"Valitut tiedostot",removeFileLabel:"Poista"}},k=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsChange=i(this,"dsChange"),this.dsFilesAdded=i(this,"dsFilesAdded"),this.dsFilesRemoved=i(this,"dsFilesRemoved"),this.dsRejectedFile=i(this,"dsRejectedFile"),this.dsInputClick=i(this,"dsInputClick"),this.dsBlur=i(this,"dsBlur"),this.dsFocus=i(this,"dsFocus"),this.fileUploadId="ds-file-upload-"+w++,this.initialValue=[],this.files=[],this.focused=!1,this.isDragOver=!1,this.language=m.language,this.region=m.region,this.value=[],this.name=this.fileUploadId,this.label="Choose or drop a file...",this.dropZoneLabel="",this.description="",this.invalidText="",this.color="primary",this.invalid=!1,this.multiple=!0,this.disabled=!1,this.readonly=!1,this.loading=!1,this.required=!1,this.accept="",this.hasFileList=!0,this.autoInvalidOff=!1,this.addDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.addEventListener("dragenter",this.handleDragenter),this.dropZoneEl.addEventListener("dragover",this.handleDragover),this.dropZoneEl.addEventListener("dragleave",this.handleDragleave),this.dropZoneEl.addEventListener("drop",this.handleDrop))},this.removeDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.removeEventListener("dragenter",this.handleDragenter),this.dropZoneEl.removeEventListener("dragover",this.handleDragover),this.dropZoneEl.removeEventListener("dragleave",this.handleDragleave),this.dropZoneEl.removeEventListener("drop",this.handleDrop))},this.handleFiles=e=>{const o=(e=>Array.from(null!=e?e:[]))(e),i=((e,o,i)=>{const l=[],r=[...e],a=[];for(let d=0;d<o.length;d++){const s=o[d];if(s){const o=[];i.accept&&-1===i.accept.split(" ").join("").split(",").indexOf(s.type)&&o.push("BAD_EXTENSION"),void 0!==i.maxFileSize&&s.size>i.maxFileSize&&o.push("FILE_TOO_BIG");const d=r.map((e=>e.size)).reduce(((e,o)=>e+o),0);void 0!==i.maxBundleSize&&d+s.size>i.maxBundleSize&&o.push("FILE_SIZE_SUM_TOO_BIG"),void 0!==i.maxFiles&&r.length+1>i.maxFiles&&o.push("TOO_MANY_FILES");const t=(e,o)=>e.size===o.size&&e.name===o.name&&e.type===o.type&&e.lastModified===o.lastModified;e.filter((e=>t(e,s))).length>0&&o.push("DUPLICATED_FILE"),o.length>0?a.push({file:s,reasons:o}):(r.push(s),l.push(s))}}return{validFiles:l,invalidFiles:a}})(this.files,o,{accept:this.accept,maxFileSize:this.maxFileSize,maxBundleSize:this.maxBundleSize,maxFiles:this.maxFiles});i.invalidFiles.length>0&&i.invalidFiles.forEach((e=>this.dsRejectedFile.emit(e))),i.validFiles.length>0&&(this.files=[...this.files,...i.validFiles],this.dsChange.emit(this.files),this.dsFilesAdded.emit(i.validFiles)),this.updateFileInput()},this.updateFileInput=()=>{this.nativeInput&&(this.nativeInput.files=x(this.files))},this.handleDragenter=e=>{n(e),this.disabled||this.readonly||this.loading||(this.isDragOver=!0)},this.handleDragover=e=>{n(e)},this.handleDragleave=e=>{n(e),this.isDragOver=!1},this.handleDrop=e=>{if(n(e),this.isDragOver=!1,!this.disabled&&!this.readonly&&!this.loading){const o=e.dataTransfer;o&&this.handleFiles(o.files)}},this.handleInputChange=()=>{var e;this.disabled||this.readonly||this.loading||(null===(e=this.nativeInput)||void 0===e?void 0:e.files)&&this.handleFiles(this.nativeInput.files)},this.handleInputClick=e=>{!this.nativeInput||this.disabled||this.readonly||this.loading||(this.nativeInput.value=""),this.dsInputClick.emit(e)},this.handleInputFocus=e=>{this.focused=!0,this.dsFocus.emit(e)},this.handleInputBlur=e=>{this.focused=!1,this.dsBlur.emit(e)},this.handleRemoveFile=(e,o)=>{if(n(e),o>=0&&o<this.files.length){const e=this.files,i=e.splice(o,1);this.dsFilesRemoved.emit(i),this.files=[...e],this.dsChange.emit(this.files),this.updateFileInput()}}}createLogger(e){this.log=e}valueChanged(){const e=this.value||[];t(this.files,e)||(this.files=[...e])}componentWillLoad(){this.valueChanged()}connectedCallback(){this.initialValue=[...this.value||[]]}componentDidLoad(){this.addDragListeners()}disconnectedCallback(){this.removeDragListeners()}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.files=[...this.initialValue],setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=x(this.initialValue))})))}async configChanged(e){this.language=e.language,this.region=e.region}async clear(){this.files=[],this.updateFileInput()}async setFocus(){var e;null===(e=this.nativeInput)||void 0===e||e.focus()}render(){const e=this.disabled||this.readonly||this.loading,o=this.dropZoneLabel||_[this.language].dropZoneLabel,i=_[this.language].selectedFilesLabel,r=_[this.language].removeFileLabel;return l(c,{key:"0262acd3da4ebb07ab1207c456eb49e2b7abd638",color:this.color,disabled:this.disabled,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.fileUploadId},l("div",{key:"53ef4c5d329415ccd17d0be52ab73aadd1845612",id:"drop-zone",part:"drop-zone",ref:e=>this.dropZoneEl=e,class:{"file-upload-drop-zone":!0,"is-dragover":this.isDragOver,"is-disabled":e},onClick:()=>{var o;return!e&&(null===(o=this.nativeInput)||void 0===o?void 0:o.click())}},l("span",{key:"a4a362449b720986bbd9d6d82032c0004c760b19",id:"drop-zone-status",role:"status","aria-live":"polite"},this.isDragOver?"Drop files here":""),l("input",{key:"456e17b2975c5ee0755b16d07a8ab3c2fa4f66d6",part:"input",ref:e=>this.nativeInput=e,id:this.fileUploadId,type:"file",name:this.name,multiple:this.multiple,disabled:e,required:this.required,accept:this.accept||void 0,"aria-invalid":this.invalid?"true":"false","aria-describedby":"description",onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,"data-testid":"ds-file-upload-input"}),l("div",{key:"dfe3c5972da1593bef6c0aa94cc79851b6fe7b44",id:"drop-zone-content",class:{"is-disabled":e}},l("slot",{key:"a76bb47e49f108cf9c054cba02a78110869870ce"},l("div",{key:"bc52009e955c1267d28f097a37e64019caaf364d",id:"drop-zone-placeholder",class:{"is-disabled":e}},!this.loading&&l("ds-icon",{key:"dcab355b1cb4a89a8c8b2d67e3ab3f22d4a0eb7a",name:"upload",size:"lg"}),this.loading&&l("ds-spinner",{key:"8e5451696abcdb8679d6741b53ce8267234b6435",variation:"circle"}),l("span",{key:"e7989e8a8d431d0cb3709e890929d9fc59f01fef"},o))))),this.hasFileList&&this.files.length>0&&l("ul",{key:"973570b4094cad00ee06b6dd1ca4ffbc55e76fee",id:"file-list",part:"file-list",role:"list","aria-label":i,class:{"file-list":!0,"is-disabled":e}},this.files.map(((o,i)=>l("li",{id:"file-list-item-"+i,key:o.name,class:"file-list-item"},l("ds-stack",{direction:"row",align:"center"},l("ds-icon",{name:"document",size:"md"}),l("ds-content",{space:"none"},l("span",{class:"file-name",title:o.name},o.name),l("span",{class:"file-size"},(e=>e<1024?e+" B":e<1048576?(e/1024).toFixed(1)+" KB":(e/1048576).toFixed(1)+" MB")(o.size))),l("ds-button",{size:"sm",icon:"trash",square:!0,color:"secondary",a11yLabel:`${r} ${o.name}`,disabled:e,onKeyDown:e=>{"Delete"===e.key&&this.handleRemoveFile(e,i)},onClick:e=>this.handleRemoveFile(e,i)})))))))}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_file-upload-label-family:var(--file-upload-label-family, var(--mod-file-upload-label-family, var(--ds-alias-text-family-body)));--_file-upload-label-weight:var(--file-upload-label-weight, var(--mod-file-upload-label-weight, var(--ds-alias-text-weight-bold)));--_file-upload-label-size:var(--file-upload-label-size, var(--mod-file-upload-label-size, var(--ds-alias-text-size-base-device)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-body)));--_file-upload-drop-zone-border-color:var(--file-upload-drop-zone-border-color, var(--mod-file-upload-drop-zone-border-color, var(--ds-alias-border-color-grey)));--_file-upload-drop-zone-background:var(--file-upload-drop-zone-background, var(--mod-file-upload-drop-zone-background, var(--ds-alias-background-color-transparent)));--_file-upload-drop-zone-hover-background:var(--file-upload-drop-zone-hover-background, var(--mod-file-upload-drop-zone-hover-background, var(--ds-alias-background-color-grey-lighter)));--_file-upload-drop-zone-hover-border-color:var(--file-upload-drop-zone-hover-border-color, var(--mod-file-upload-drop-zone-hover-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-hover-text-color:var(--file-upload-drop-zone-hover-text-color, var(--mod-file-upload-drop-zone-hover-text-color, var(--ds-alias-text-color-primary-hover)));--_file-upload-drop-zone-active-background:var(--file-upload-drop-zone-active-background, var(--mod-file-upload-drop-zone-active-background, var(--ds-alias-background-color-grey-light)));--_file-upload-drop-zone-active-border-color:var(--file-upload-drop-zone-active-border-color, var(--mod-file-upload-drop-zone-active-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-active-text-color:var(--file-upload-drop-zone-active-text-color, var(--mod-file-upload-drop-zone-active-text-color, var(--ds-alias-text-color-primary-active)));--_file-upload-drop-zone-focus-border-color:var(--file-upload-drop-zone-focus-border-color, var(--mod-file-upload-drop-zone-focus-border-color, var(--ds-alias-border-focus)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-background-color-grey-light)));--_file-upload-drop-zone-disabled-border-color:var(--file-upload-drop-zone-disabled-border-color, var(--mod-file-upload-drop-zone-disabled-border-color, var(--ds-button-color-disabled-base-text)));--_file-upload-drop-zone-disabled-text-color:var(--file-upload-drop-zone-disabled-text-color, var(--mod-file-upload-drop-zone-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-file-list-background:var(--file-upload-file-list-background, var(--mod-file-upload-file-list-background, var(--ds-alias-background-color-grey-light)));--_file-upload-file-name-color:var(--file-upload-file-name-color, var(--mod-file-upload-file-name-color, var(--ds-alias-text-color-primary)));--_file-upload-file-size-color:var(--file-upload-file-size-color, var(--mod-file-upload-file-size-color, var(--ds-alias-text-color-primary-light)));--_file-upload-disabled-icon-color:var(--file-upload-disabled-icon-color, var(--mod-file-upload-disabled-icon-color, var(--ds-button-color-disabled-base-text)));--_file-upload-disabled-text-color:var(--file-upload-disabled-text-color, var(--mod-file-upload-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-family:var(--file-upload-family, var(--mod-file-upload-family, var(--ds-form-control-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-control-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-control-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-control-size-device)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-control-color-value-base)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-control-color-placeholder-base)));--_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)))}:host{position:relative;display:block;width:100%}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}: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[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-base);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base-device)}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base-device)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs-device)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-input-description-color-danger);--mod-file-upload-drop-zone-border-color:var(--ds-input-container-color-danger-border);--mod-file-upload-drop-zone-hover-border-color:var(--ds-input-container-color-danger-border);--mod-file-upload-drop-zone-active-border-color:var(--ds-input-container-color-danger-border)}:host(.is-success){--mod-file-upload-description-color:var(--ds-input-description-color-success);--mod-file-upload-drop-zone-border-color:var(--ds-input-container-color-success-border);--mod-file-upload-drop-zone-hover-border-color:var(--ds-input-container-color-success-border);--mod-file-upload-drop-zone-active-border-color:var(--ds-input-container-color-success-border)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-input-description-color-warning);--mod-file-upload-drop-zone-border-color:var(--ds-input-container-color-warning-border);--mod-file-upload-drop-zone-hover-border-color:var(--ds-input-container-color-warning-border);--mod-file-upload-drop-zone-active-border-color:var(--ds-input-container-color-warning-border)}"}},[257,"ds-file-upload",{value:[1040],name:[513],label:[1],dropZoneLabel:[1,"drop-zone-label"],description:[1],invalidText:[1,"invalid-text"],color:[1],invalid:[4],multiple:[4],disabled:[4],readonly:[4],loading:[4],required:[4],accept:[1],maxFiles:[2,"max-files"],maxFileSize:[2,"max-file-size"],maxBundleSize:[2,"max-bundle-size"],hasFileList:[4,"has-file-list"],autoInvalidOff:[516,"auto-invalid-off"],files:[32],focused:[32],isDragOver:[32],language:[32],region:[32],configChanged:[64],clear:[64],setFocus:[64]},[[6,"reset","listenToReset"]],{value:[{valueChanged:0}]}]);a([d("file-upload"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],k.prototype,"createLogger",null),a([g("array"),s("design:type",Array)],k.prototype,"value",void 0),a([g("string"),s("design:type",String)],k.prototype,"name",void 0),a([g("string"),s("design:type",String)],k.prototype,"label",void 0),a([g("string"),s("design:type",String)],k.prototype,"dropZoneLabel",void 0),a([g("string"),s("design:type",String)],k.prototype,"description",void 0),a([g("string"),s("design:type",String)],k.prototype,"invalidText",void 0),a([z(p),s("design:type",String)],k.prototype,"color",void 0),a([g("boolean"),s("design:type",Boolean)],k.prototype,"invalid",void 0),a([g("boolean"),s("design:type",Boolean)],k.prototype,"multiple",void 0),a([g("boolean"),s("design:type",Boolean)],k.prototype,"disabled",void 0),a([g("boolean"),s("design:type",Boolean)],k.prototype,"readonly",void 0),a([g("boolean"),s("design:type",Boolean)],k.prototype,"loading",void 0),a([g("boolean"),s("design:type",Boolean)],k.prototype,"required",void 0),a([g("string"),s("design:type",String)],k.prototype,"accept",void 0),a([g("number"),s("design:type",Number)],k.prototype,"maxFiles",void 0),a([g("number"),s("design:type",Number)],k.prototype,"maxFileSize",void 0),a([g("number"),s("design:type",Number)],k.prototype,"maxBundleSize",void 0),a([g("boolean"),s("design:type",Boolean)],k.prototype,"hasFileList",void 0),a([g("boolean"),s("design:type",Boolean)],k.prototype,"autoInvalidOff",void 0),a([y(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],k.prototype,"configChanged",null);let w=0;const F=k,L=function(){"undefined"!=typeof customElements&&["ds-file-upload","ds-button","ds-content","ds-icon","ds-spinner","ds-stack"].forEach((e=>{switch(e){case"ds-file-upload":customElements.get(r(e))||customElements.define(r(e),k);break;case"ds-button":customElements.get(r(e))||h();break;case"ds-content":customElements.get(r(e))||f();break;case"ds-icon":customElements.get(r(e))||u();break;case"ds-spinner":customElements.get(r(e))||b();break;case"ds-stack":customElements.get(r(e))||v()}}))};export{F as DsFileUpload,L as defineCustomElement}

package/components/ds-footer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsFooter extends Components.DsFooter, HTMLElement {}
+export const DsFooter: {
+    prototype: DsFooter;
+    new (): DsFooter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-footer.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as o,H as e,f as t,h as a,e as r,t as i}from"./p-WO0X5Vmy.js";import{_ as l,L as s,a as n}from"./p-J0mxIuTt.js";import{i as f,F as d}from"./p-BrJFPhMA.js";import{d as c}from"./p-D9ILiUgm.js";import{d as g}from"./p-Du7QOHtz.js";import{d as m}from"./p-Btdh3fq7.js";import{d as v}from"./p-CvaNxQtw.js";import{O as p}from"./p-BhbWmCTu.js";import{T as h}from"./p-DAYd9ty0.js";import{L as b}from"./p-DIK6Zkg6.js";const u=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsLanguageChange=t(this,"dsLanguageChange"),this.brand=v.brand,this.language=v.language,this.region=v.region,this.allowedLanguages=v.allowedLanguages,this.container="",this.hideLanguageSelection=!1,this.disableDefaultLinks=!1,this.disableDefaultSocialLinks=!1,this.legalText=void 0,this.handleLanguageChange=o=>{const e=o.target.value;this.language=e,this.dsLanguageChange.emit({language:e})}}createLogger(o){this.log=o}async configChanged(o){var e,t,a,r;this.brand=o.brand,this.language=o.language,this.region=o.region,this.allowedLanguages=o.allowedLanguages,this.legalLinksConfig=null===(e=o.legalLinks)||void 0===e?void 0:e[o.region],this.legalTextConfig=null===(a=null===(t=o.legalText)||void 0===t?void 0:t[o.region])||void 0===a?void 0:a[o.language],this.socialLinksConfig=null===(r=o.socialLinks)||void 0===r?void 0:r[o.region]}hasNamedSlot(o){return null!==this.el.querySelector(`[slot="${o}"]`)}getLanguageLabel(o){return f[this.language].languageLabels[o]||o.toUpperCase()}renderLogo(){return this.hasNamedSlot("logo")?a("slot",{name:"logo"}):a("ds-logo",{brand:this.brand,color:"white"})}renderLinkList(o,e){return a("ul",{class:e},o.map((o=>a("li",{key:`${o.href}-${o.label}`},a("a",{href:o.href,target:o.target,rel:o.rel},o.label)))))}renderSocialList(o){return a("ul",{class:"social-list","aria-label":"Social links"},o.map((o=>a("li",{key:`${o.href}-${o.icon}`},a("a",{href:o.href,target:o.target,rel:o.rel,"aria-label":o.ariaLabel||o.label,title:o.ariaLabel||o.label},a("ds-icon",{name:o.icon,"aria-hidden":"true"}))))))}render(){var o;const e=this.hasNamedSlot("links"),t=this.hasNamedSlot("social-links"),i=!this.disableDefaultLinks&&(null===(o=this.legalLinksConfig)||void 0===o?void 0:o[this.language]),l=!this.disableDefaultSocialLinks&&this.socialLinksConfig,s=this.legalText||this.legalTextConfig,n=e||i&&i.length>0,d=t||l&&l.length>0;return a(r,{key:"f5041f27ffaa02706365e348e9fbcd433b61e597"},a("footer",{key:"fa7fc4395a0181d27866703ca109ee7b14e1be69",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},a("div",{key:"e99d0e4e3a2043579d74082828c433bfa49bee77",class:"top-row"},a("div",{key:"b6d3605f12ffbcc3a90474c7dff995d51a59ac3c",class:"logo-area"},this.renderLogo()),!this.hideLanguageSelection&&a("label",{key:"becbaddae40dce976c39033513e911d49611b9bf",class:"language-picker","aria-label":f[this.language].languageSelector},a("ds-icon",{key:"6ff2ab4a2ac6bb92a817f55bafa5496c76a4c72f",name:"web","aria-hidden":"true"}),a("select",{key:"f12f1ad864b76d9ac7d4cd9958fa9b6a426fe80c","data-testid":"footer-language-select",onChange:this.handleLanguageChange},this.allowedLanguages.map((o=>a("option",{key:o,value:o,selected:this.language===o},this.getLanguageLabel(o))))))),a("div",{key:"6179015e628411a0baa40db7f3c43e0a1fe73c24",class:"content"},a("slot",{key:"1726a81dc4ab97761840e4b8540d1998479fc3f5"})),a("ds-divider",{key:"c393531689e81c30a561a720bc9db3b53c0c7e7f",space:"sm",color:"primary-light"}),a("div",{key:"11bbe98d7c55c063275f6f1dfb2790b4027e6071",class:"bottom-row"},s&&a("p",{key:"216b2953c145b87c50f1dbc6995a60b2fa38110f",class:"legal"},s),d&&a("nav",{key:"c0b32fc3ee82d898fd167c00415a947ca69c9c42",class:"social","aria-label":"Social navigation"},a("slot",{key:"e1cd6bdccbe2b175135035d8bb3ca60bf7cf6c90",name:"social-links"}),!t&&l&&this.renderSocialList(l)),n&&a("nav",{key:"3fa8077bda4f64f43323be9867d6e379b310b20f",class:"links","aria-label":"Footer links"},a("slot",{key:"05cc5e0987afdf5eec45eac14fe146610e54c142",name:"links"}),!e&&i&&this.renderLinkList(i,"link-list")))))}get el(){return this}static get style(){return':host{--_footer-position:var(--footer-position, var(--mod-footer-position, static));--_footer-top:var(--footer-top, var(--mod-footer-top));--_footer-right:var(--footer-right, var(--mod-footer-right));--_footer-bottom:var(--footer-bottom, var(--mod-footer-bottom));--_footer-left:var(--footer-left, var(--mod-footer-left));position:var(--_footer-position);top:var(--_footer-top);right:var(--_footer-right);bottom:var(--_footer-bottom);left:var(--_footer-left);--_footer-m:var(--footer-m, var(--mod-footer-m, 0));--_footer-my:var(--footer-my, var(--mod-footer-my));--_footer-mx:var(--footer-mx, var(--mod-footer-mx));--_footer-ml:var(--footer-ml, var(--mod-footer-ml));--_footer-mr:var(--footer-mr, var(--mod-footer-mr));--_footer-mt:var(--footer-mt, var(--mod-footer-mt));--_footer-mb:var(--footer-mb, var(--mod-footer-mb));margin:var(--_footer-m);margin-inline:var(--_footer-mx);margin-block:var(--_footer-my);margin-left:var(--_footer-ml);margin-right:var(--_footer-mr);margin-top:var(--_footer-mt);margin-bottom:var(--_footer-mb);--_footer-background:var(--footer-background, var(--mod-footer-background, var(--ds-footer-color-background)));--_footer-color:var(--footer-color, var(--mod-footer-color, var(--ds-footer-color-text)));--_footer-link-color:var(--footer-link-color, var(--mod-footer-link-color, var(--ds-footer-color-link-base)));--_footer-link-color-hover:var(--footer-link-color-hover, var(--mod-footer-link-color-hover, var(--ds-footer-color-link-hover)));--_footer-divider-color:var(--footer-divider-color, var(--mod-footer-divider-color, var(--ds-footer-color-divider)));--_footer-content-max-width:var(--footer-content-max-width, var(--mod-footer-content-max-width, var(--ds-footer-space-content-max-width)));--_footer-padding:var(--footer-padding, var(--mod-footer-padding, var(--ds-footer-space-padding-base)));--_footer-content-padding-top:var(--footer-content-padding-top, var(--mod-footer-content-padding-top, var(--ds-footer-space-content-padding-top)));--_footer-gap-row:var(--footer-gap-row, var(--mod-footer-gap-row, var(--ds-footer-space-gap-row)));--_footer-gap-column:var(--footer-gap-column, var(--mod-footer-gap-column, var(--ds-footer-space-gap-column)));--_footer-language-font-family:var(--footer-language-font-family, var(--mod-footer-language-font-family, var(--ds-footer-typography-language-family)));--_footer-language-font-weight:var(--footer-language-font-weight, var(--mod-footer-language-font-weight, var(--ds-footer-typography-language-weight)));--_footer-language-gap:var(--footer-language-gap, var(--mod-footer-language-gap, var(--ds-footer-space-language-gap)));--_footer-bottom-gap:var(--footer-bottom-gap, var(--mod-footer-bottom-gap, var(--ds-footer-space-bottom-gap)));--_footer-link-gap:var(--footer-link-gap, var(--mod-footer-link-gap, var(--ds-footer-space-link-gap)));--_footer-social-gap:var(--footer-social-gap, var(--mod-footer-social-gap, var(--ds-footer-space-social-gap)));--_footer-font-size:var(--footer-font-size, var(--mod-footer-font-size, var(--ds-footer-typography-font-size)));--_footer-line-height:var(--footer-line-height, var(--mod-footer-line-height, var(--ds-footer-typography-line-height)));--_footer-social-icon-size:var(--footer-social-icon-size, var(--mod-footer-social-icon-size, var(--ds-footer-space-social-icon-size)));--_footer-social-icon-gap:var(--footer-social-icon-gap, var(--mod-footer-social-icon-gap, var(--ds-footer-space-social-icon-gap)));--_footer-slotted-margin-right:var(--footer-slotted-margin-right, var(--mod-footer-slotted-margin-right, var(--ds-footer-space-slotted-margin-right)));margin:var(--_footer-m);margin-inline:var(--_footer-mx);margin-block:var(--_footer-my);margin-left:var(--_footer-ml);margin-right:var(--_footer-mr);margin-top:var(--_footer-mt);margin-bottom:var(--_footer-mb);position:var(--_footer-position);top:var(--_footer-top);right:var(--_footer-right);bottom:var(--_footer-bottom);left:var(--_footer-left);display:block;color:var(--_footer-color);background:var(--_footer-background)}footer{margin:0 auto;padding-block:var(--_footer-padding);padding-inline:var(--ds-alias-container-space-device);width:100%;max-width:var(--ds-alias-container-width-base)}footer.is-fluid{max-width:var(--ds-alias-container-width-fluid)}footer.is-compact{max-width:var(--ds-alias-container-width-compact)}.top-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--_footer-gap-row) var(--_footer-gap-column);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.logo-area{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.logo-link{display:-ms-inline-flexbox;display:inline-flex;color:inherit}.logo-svg{display:-ms-inline-flexbox;display:inline-flex}.language-picker{-ms-flex-align:center;align-items:center;border:0;color:var(--_footer-color);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--_footer-language-font-family);font-weight:var(--_footer-language-font-weight);gap:var(--_footer-language-gap);margin:0 0 0 auto;max-width:100%;width:auto}.language-picker ds-icon{--icon-color:currentColor;-ms-flex-negative:0;flex-shrink:0}.language-picker select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:rgba(0,0,0,0);border:0;border-radius:0;color:inherit;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;font:inherit;line-height:1.3;min-width:auto;padding:0}.language-picker select:hover,.language-picker select:focus-visible{color:var(--_footer-link-color-hover)}.content{padding-top:var(--_footer-content-padding-top)}.bottom-row{display:grid;font-size:var(--_footer-font-size);gap:var(--_footer-bottom-gap);grid-template-columns:1fr;line-height:var(--_footer-line-height)}.legal{margin:0;font-size:var(--_footer-font-size);line-height:var(--_footer-line-height)}.links,.social{min-width:0}.link-list,.social-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--_footer-link-gap);margin:0;padding:0}.social-list{gap:var(--_footer-social-gap)}.link-list li,.social-list li{list-style:none}.links a,::slotted([slot=links]){color:var(--_footer-link-color);text-decoration:none}.links a:hover,::slotted([slot=links]:hover){color:var(--_footer-link-color-hover);text-decoration:underline}.social a,::slotted([slot=social-links]){--icon-color:var(--ds-alias-text-color-white);--icon-size:var(--ds-icon-size-sm);-ms-flex-align:center;align-items:center;color:var(--_footer-link-color);display:-ms-inline-flexbox;display:inline-flex;height:var(--_footer-social-icon-size);-ms-flex-pack:center;justify-content:center;text-decoration:none;width:var(--_footer-social-icon-size)}.social a:hover,::slotted([slot=social-links]:hover){--icon-color:var(--_footer-link-color-hover);color:var(--_footer-link-color-hover)}::slotted([slot=links]),::slotted([slot=social-links]){margin-right:var(--_footer-slotted-margin-right)}@media screen and (min-width: 769px){.bottom-row{-ms-flex-align:start;align-items:start;grid-template-columns:1fr}.social,.links{justify-self:start}}@media screen and (min-width: 1024px){.bottom-row{-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto;grid-template-areas:"legal social" "links links"}.legal{align-self:center;grid-area:legal}.social{align-self:center;grid-area:social;justify-self:end}.links{grid-area:links;justify-self:stretch;width:100%}}'}},[257,"ds-footer",{container:[1],hideLanguageSelection:[4,"hide-language-selection"],disableDefaultLinks:[4,"disable-default-links"],disableDefaultSocialLinks:[4,"disable-default-social-links"],legalText:[1,"legal-text"],brand:[32],language:[32],region:[32],allowedLanguages:[32],legalLinksConfig:[32],legalTextConfig:[32],socialLinksConfig:[32],configChanged:[64]}]);l([s("footer"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],u.prototype,"createLogger",null),l([p(d),n("design:type",String)],u.prototype,"container",void 0),l([h("boolean"),n("design:type",Boolean)],u.prototype,"hideLanguageSelection",void 0),l([h("boolean"),n("design:type",Boolean)],u.prototype,"disableDefaultLinks",void 0),l([h("boolean"),n("design:type",Boolean)],u.prototype,"disableDefaultSocialLinks",void 0),l([h("string"),n("design:type",Object)],u.prototype,"legalText",void 0),l([b(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],u.prototype,"configChanged",null);const k=u,_=function(){"undefined"!=typeof customElements&&["ds-footer","ds-divider","ds-icon","ds-logo"].forEach((o=>{switch(o){case"ds-footer":customElements.get(i(o))||customElements.define(i(o),u);break;case"ds-divider":customElements.get(i(o))||c();break;case"ds-icon":customElements.get(i(o))||g();break;case"ds-logo":customElements.get(i(o))||m()}}))};export{k as DsFooter,_ as defineCustomElement}

package/components/ds-heading.js

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

package/components/ds-hint-text.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsHintText extends Components.DsHintText, HTMLElement {}
+export const DsHintText: {
+    prototype: DsHintText;
+    new (): DsHintText;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-hint-text.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as e,h as s,e as n,t as a}from"./p-WO0X5Vmy.js";import{_ as o,L as r,a as d}from"./p-J0mxIuTt.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}createLogger(t){this.log=t}render(){return s(n,{key:"e29a27c1f5176a5b9a29297d4b9f46db9fb9a58b",style:{display:"contents"}},s("slot",{key:"5135ac7a804d2a76c66df93aad918720fed7f0a5"}))}get el(){return this}},[260,"ds-hint-text"]);o([r("hint-text"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],i.prototype,"createLogger",null);const c=i,u=function(){"undefined"!=typeof customElements&&["ds-hint-text"].forEach((t=>{"ds-hint-text"===t&&(customElements.get(a(t))||customElements.define(a(t),i))}))};export{c as DsHintText,u as defineCustomElement}

package/components/ds-hint-title.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsHintTitle extends Components.DsHintTitle, HTMLElement {}
+export const DsHintTitle: {
+    prototype: DsHintTitle;
+    new (): DsHintTitle;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-hint-title.js

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

package/components/ds-hint.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsHint extends Components.DsHint, HTMLElement {}
+export const DsHint: {
+    prototype: DsHint;
+    new (): DsHint;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-hint.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as i,H as t,h as e,e as s,t as r}from"./p-WO0X5Vmy.js";import{_ as o,L as a,a as n}from"./p-J0mxIuTt.js";import{i as l}from"./p-Uy_dVz21.js";import{d as h,P as d}from"./p-BfXZJ1Fe.js";import{d as c}from"./p-CjIxf5zy.js";import{d as m}from"./p-Ctnm_MBD.js";import{d as p}from"./p-DokkRjWC.js";import{d as g}from"./p-Du7QOHtz.js";import{d as v}from"./p-CYWn3X22.js";import{d as b}from"./p-CvaNxQtw.js";import{O as f}from"./p-BhbWmCTu.js";import{T as u}from"./p-DAYd9ty0.js";import{L as y}from"./p-DIK6Zkg6.js";import{L as x}from"./p-DbY6Pfeh.js";const k={de:{triggerLabel:"Weitere Informationen"},en:{triggerLabel:"More information"},fr:{triggerLabel:"Plus d'informations"},it:{triggerLabel:"Ulteriori informazioni"},nl:{triggerLabel:"Meer informatie"},es:{triggerLabel:"Más información"},pl:{triggerLabel:"Więcej informacji"},pt:{triggerLabel:"Mais informações"},sv:{triggerLabel:"Mer information"},fi:{triggerLabel:"Lisätiedot"}},_=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.isOpen=!1,this.isTouch=!1,this.animated=!0,this.innerCloseLabel="Close",this.language=b.language,this.region=b.region,this.placement="right",this.label=void 0,this.closeLabel=void 0,this.triggerLabel=void 0,this.handleTriggerClick=()=>{this.toggle()},this.handleWillPresent=()=>{this.isOpen=!0},this.handleWillDismiss=()=>{this.isOpen=!1},this.handleCloseClick=()=>{this.dismiss()}}createLogger(i){this.log=i}componentDidLoad(){this.wirePopupTrigger()}componentDidUpdate(){this.wirePopupTrigger()}async present(){var i,t;this.isTouch?await(null===(i=this.drawerEl)||void 0===i?void 0:i.present()):await(null===(t=this.popupEl)||void 0===t?void 0:t.present())}async dismiss(){var i,t;this.isTouch?await(null===(i=this.drawerEl)||void 0===i?void 0:i.dismiss()):await(null===(t=this.popupEl)||void 0===t?void 0:t.dismiss())}async toggle(){this.isOpen?this.dismiss():this.present()}async configChanged(i){if(this.animated=i.animated,this.language=i.language,this.region=i.region,!this.closeLabel)switch(i.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}listenToBreakpoint(i){const t=this.isTouch;this.isTouch=i.touch,t!==this.isTouch&&(this.isOpen=!1)}wirePopupTrigger(){!this.isTouch&&this.popupEl&&this.triggerButtonEl&&(this.popupEl.trigger=this.triggerButtonEl)}hasTitle(){var i,t;const e=this.el.querySelector('[slot="title"]');return null!==e&&(null!==(t=null===(i=e.textContent)||void 0===i?void 0:i.trim().length)&&void 0!==t?t:0)>0}listenToKeyDown(i){this.isOpen&&!this.isTouch&&l(i)&&(i.stopPropagation(),this.dismiss())}render(){const i=this.closeLabel||this.innerCloseLabel;return e(s,{key:"e8a9e9e57768c5ca46710453b1ed7698df22a897"},e("button",{key:"7ea41a18615ec50bbffb0bb5211db8d827ab701c",part:"trigger",type:"button","aria-expanded":this.isOpen+"","aria-haspopup":"dialog","aria-label":this.triggerLabel||k[this.language].triggerLabel,ref:i=>this.triggerButtonEl=i,onClick:this.handleTriggerClick},e("ds-icon",{key:"4b539e28416f080109972241e2304340a3edb0d5",name:"info-circle","aria-hidden":"true"})),this.isTouch?e("ds-drawer",{ref:i=>this.drawerEl=i,closable:!1,backdropDismiss:!0,onDsWillPresent:this.handleWillPresent,onDsWillDismiss:this.handleWillDismiss},e("div",{class:"hint-content"},(this.label||this.hasTitle())&&e("div",{class:"hint-header"},e("div",{class:"hint-title"},this.label||e("slot",{name:"title"}))),e("div",{class:"hint-body"},e("slot",null))),e("ds-button",{color:"primary",class:"hint-close-btn",onClick:this.handleCloseClick},i)):e("ds-popup",{ref:i=>this.popupEl=i,closable:!1,placement:this.placement,backdropDismiss:!0,role:"dialog",onDsWillPresent:this.handleWillPresent,onDsWillDismiss:this.handleWillDismiss},e("div",{class:"hint-content"},(this.label||this.hasTitle())&&e("div",{class:"hint-header"},e("div",{class:"hint-title"},this.label||e("slot",{name:"title"})),e("ds-close",{onClick:this.handleCloseClick})),e("div",{class:"hint-body"},e("slot",null)))))}get el(){return this}static get style(){return":host{--_hint-position:var(--hint-position, var(--mod-hint-position, static));--_hint-top:var(--hint-top, var(--mod-hint-top));--_hint-right:var(--hint-right, var(--mod-hint-right));--_hint-bottom:var(--hint-bottom, var(--mod-hint-bottom));--_hint-left:var(--hint-left, var(--mod-hint-left));position:var(--_hint-position);top:var(--_hint-top);right:var(--_hint-right);bottom:var(--_hint-bottom);left:var(--_hint-left);--_hint-m:var(--hint-m, var(--mod-hint-m, 0));--_hint-my:var(--hint-my, var(--mod-hint-my));--_hint-mx:var(--hint-mx, var(--mod-hint-mx));--_hint-ml:var(--hint-ml, var(--mod-hint-ml));--_hint-mr:var(--hint-mr, var(--mod-hint-mr));--_hint-mt:var(--hint-mt, var(--mod-hint-mt));--_hint-mb:var(--hint-mb, var(--mod-hint-mb));margin:var(--_hint-m);margin-inline:var(--_hint-mx);margin-block:var(--_hint-my);margin-left:var(--_hint-ml);margin-right:var(--_hint-mr);margin-top:var(--_hint-mt);margin-bottom:var(--_hint-mb);--_hint-color-trigger:var(--hint-color-trigger, var(--mod-hint-color-trigger, var(--ds-alias-text-color-primary)));--_hint-color-trigger-background-hover:var(--hint-color-trigger-background-hover, var(--mod-hint-color-trigger-background-hover, var(--ds-alias-interaction-selection-background)));--_hint-color-focus:var(--hint-color-focus, var(--mod-hint-color-focus, var(--ds-alias-interaction-focus-color-base)));--_hint-color-title:var(--hint-color-title, var(--mod-hint-color-title, var(--ds-alias-text-color-primary)));--_hint-color-body:var(--hint-color-body, var(--mod-hint-color-body, var(--ds-alias-text-color-primary)))}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;font-weight:var(--ds-global-font-weight-400)}:host [part=trigger]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:.25rem;border-radius:50%;cursor:pointer;color:var(--_hint-color-trigger);line-height:0}@media (hover: hover)and (pointer: fine){:host [part=trigger]:hover{background:var(--_hint-color-trigger-background-hover)}}@media (hover: hover)and (pointer: fine){:host [part=trigger]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_hint-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_hint-color-focus) 0 0 0 5px !important}}:host [part=trigger] ds-icon{--icon-size:20px;--icon-inner-size:20px}:host ds-popup{--popup-background:var(--ds-alias-background-color-grey-light);--popup-radius:var(--ds-alias-radius-lg);--popup-max-width:20rem}:host ds-drawer{--drawer-background:var(--ds-alias-background-color-grey-light);--drawer-radius:var(--ds-alias-radius-lg)}:host .hint-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--ds-alias-space-sm-mobile)}:host .hint-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;gap:var(--ds-alias-space-sm-mobile)}:host .hint-title{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-xl-mobile);line-height:var(--ds-alias-text-line-height-heading);color:var(--_hint-color-title)}:host .hint-body{font-family:var(--ds-alias-text-family-body);font-size:var(--ds-alias-text-size-base-mobile);line-height:var(--ds-alias-text-line-height-body);color:var(--_hint-color-body)}:host .hint-close-btn{margin-top:var(--ds-alias-space-sm-mobile);width:100%}"}},[257,"ds-hint",{placement:[1],label:[1],closeLabel:[1,"close-label"],triggerLabel:[1,"trigger-label"],isOpen:[32],isTouch:[32],animated:[32],innerCloseLabel:[32],language:[32],region:[32],present:[64],dismiss:[64],toggle:[64],configChanged:[64]},[[4,"keydown","listenToKeyDown"]]]);o([a("hint"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],_.prototype,"createLogger",null),o([f(d),n("design:type",String)],_.prototype,"placement",void 0),o([u("string"),n("design:type",Object)],_.prototype,"label",void 0),o([u("string"),n("design:type",Object)],_.prototype,"closeLabel",void 0),o([u("string"),n("design:type",Object)],_.prototype,"triggerLabel",void 0),o([y(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],_.prototype,"configChanged",null),o([x(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],_.prototype,"listenToBreakpoint",null);const w=_,j=function(){"undefined"!=typeof customElements&&["ds-hint","ds-button","ds-close","ds-drawer","ds-icon","ds-popup","ds-spinner"].forEach((i=>{switch(i){case"ds-hint":customElements.get(r(i))||customElements.define(r(i),_);break;case"ds-button":customElements.get(r(i))||c();break;case"ds-close":customElements.get(r(i))||m();break;case"ds-drawer":customElements.get(r(i))||p();break;case"ds-icon":customElements.get(r(i))||g();break;case"ds-popup":customElements.get(r(i))||h();break;case"ds-spinner":customElements.get(r(i))||v()}}))};export{w as DsHint,j as defineCustomElement}

package/components/ds-icon.js

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

package/components/ds-input.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 n,h as e,t as o}from"./p-BNY3JzuV.js";import{_ as r,L as s,a}from"./p-Dr4dquer.js";import{i as d}from"./p-CYHzHtnv.js";import{i as c}from"./p-B62ocg4Q.js";import{s as l,F as u}from"./p-Urcs7-vS.js";import{o as p}from"./p-BOgMmRCt.js";import{s as h,V as v,a as g}from"./p-82RSSk25.js";import{i as b,N as m,A as f}from"./p-D86WpWIE.js";import{F as y}from"./p-E8U6M5ii.js";import{I as w,a as _,b as $,c as k,d as x,e as z}from"./p-z1jJgtep.js";import{d as B}from"./p-BOTkpyFe.js";import{d as S}from"./p-BMBthpLd.js";import{d as j}from"./p-BEngECpF.js";import{L as C}from"./p-cSbDziZm.js";class D{constructor(t){this.component=t}setFormatter(t){t&&(this.formatter=t)}format(t){var i;return null===(i=this.formatter)||void 0===i?void 0:i.format(t)}onInput(t){var i;return null===(i=this.formatter)||void 0===i?void 0:i.onInput(t)}onKeydown(t){var i;return null===(i=this.formatter)||void 0===i?void 0:i.onKeydown(t)}}const E=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0,s=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=[i.substring(0,3),i.substring(3,6),i.substring(6,9),i.substring(9,12)].filter((t=>t.length>0));switch(n.length){case 1:return n[0];case 2:return`${n[0]}.${n[1]}`;case 3:return`${n[0]}.${n[1]}.${n[2]}`;default:return`${n[0]}.${n[1]}.${n[2]}.${n[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0,s=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=[i.substring(0,2),i.substring(2,3),i.substring(3,6),i.substring(6,9)].filter((t=>t.length>0));switch(n.length){case 1:return i;case 2:return`${n[0]}/${n[1]}`;case 3:return`${n[0]}/${n[1]}.${n[2]}`;default:return`${n[0]}/${n[1]}.${n[2]}.${n[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0;let s=e.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=i.substring(0,9),e=i.substring(9,10),o=this.formatOffer(n);return e?`${o}-${e}`:o}formatOffer(t){const i=[t.substring(0,2),t.substring(2,3),t.substring(3,6),t.substring(6,9)].filter((t=>t.length>0));switch(i.length){case 1:return t;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}.${i[2]}`;default:return`${i[0]}/${i[1]}.${i[2]}.${i[3]}`}}},new class{constructor(){this.name="basic-contract-number",this.maxLength=9}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0;let s=e.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=[i.substring(0,2),i.substring(2,3),i.substring(3,6),i.substring(6,9)].filter((t=>t.length>0));switch(n.length){case 1:return i;case 2:return`${n[0]}/${n[1]}`;case 3:return`${n[0]}/${n[1]}.${n[2]}`;default:return`${n[0]}/${n[1]}.${n[2]}.${n[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0,s=e.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){var i;if(b(t))return;const n=t.target,e=null!==(i=null==n?void 0:n.value.replace(/[^\dXx]/g,"").length)&&void 0!==i?i:0;("X"===t.key||"x"===t.key)&&e>=this.maxLength-1||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.trim().toUpperCase(),n=[i.substring(0,2),i.substring(2,8),i.substring(8,10),i.substring(10,11)].filter((t=>t.length>0));switch(n.length){case 1:return i;case 2:return`${n[0]}/${n[1]}`;case 3:return`${n[0]}/${n[1]}/${n[2]}`;default:return`${n[0]}/${n[1]}/${n[2]}.${n[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0,s=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=[i.substring(0,4),i.substring(4,7),i.substring(7,10)].filter((t=>t.length>0));switch(n.length){case 1:return i;case 2:return`${n[0]}.${n[1]}`;default:return`${n[0]}.${n[1]}.${n[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(t){return t?this.formatValue(t):t}onInput(t){var i,n;const e=t.target;if(!e)return;const o=null!==(i=t.target.selectionStart)&&void 0!==i?i:0,r=null!==(n=t.target.selectionEnd)&&void 0!==n?n:0,s=e.value.replace(/\D/g,"").substring(0,this.maxLength);e.value=this.formatValue(s),o<s.length&&e.setSelectionRange(o,r)}onKeydown(t){b(t)||[...m,...f].includes(t.key)||l(t)}formatValue(t){const i=t.replace(/\D/g,""),n=[i.substring(0,2),i.substring(2,6),i.substring(6,10),i.substring(10,14)].filter((t=>t.length>0));switch(n.length){case 1:return"BE"+i;case 2:return`BE${n[0]} ${n[1]}`;case 3:return`BE${n[0]} ${n[1]} ${n[2]}`;default:return`BE${n[0]} ${n[1]} ${n[2]} ${n[3]}`}}}],I=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsBlur=n(this,"dsBlur"),this.dsKeyPress=n(this,"dsKeyPress"),this.dsFocus=n(this,"dsFocus"),this.dsClick=n(this,"dsClick"),this.dsInput=n(this,"dsInput"),this.dsChange=n(this,"dsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.control=new u(this),this.maskUtil=new D(this),this.inputId="ds-input-"+F++,this.focused=!1,this.language=j.language,this.region=j.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=t=>void 0!==this.mask?this.maskUtil.onKeydown(t):!this.allowedKeyPress||d(t)||b(t)||RegExp("^"+this.allowedKeyPress+"$").test(t.key)||[...f].includes(t.key)?void 0:l(t),this.handleClick=t=>{this.control.onClick(t)},this.handleFocus=t=>{this.control.onFocus(t)},this.handleBlur=t=>{this.control.onBlur(t)},this.handleInput=t=>{this.maskUtil.onInput(t),this.control.onInput(t)}}createLogger(t){this.log=t}debounceChanged(){this.dsChange=p(this.dsChange,this.debounce)}maskChanged(){this.maskUtil.setFormatter((t=>E.find((i=>i.name===t)))(this.mask))}listenToClick(t){this.control.listenOnClick(t)}listenToReset(t){this.control.listenOnReset(t)}async configChanged(t){this.language=t.language,this.region=t.region}connectedCallback(){h(this),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 t=this.getRawValue();return`${t}${void 0!==this.suffix&&void 0!==t&&""!==t?" "+this.suffix:""}`}render(){var t;let i;i=this.mask?null!==(t=this.maskUtil.format(this.getRawValue()))&&void 0!==t?t:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let n={};return this.pattern&&(n={pattern:this.pattern}),e(y,{key:"812474583ab9af7ac3156efe5bd7e44f904733e6",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},e("input",Object.assign({key:"5c94b1ed5a483ccda801c984552a73c6f352cb1f",id:"input",part:"input",name:this.name,ref:t=>this.control.nativeEl=t,"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:i,onClick:t=>this.handleClick(t),onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeydown(t),onKeyPress:t=>this.dsKeyPress.emit(t)},n,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{--_input-field-gap:var(--input-field-gap, var(--mod-input-field-gap, 0.25rem));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-input-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-input-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-input-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-input-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-input-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-input-control-color-placeholder-base)));--_input-container-background:var(--input-container-background, var(--mod-input-container-background, var(--ds-input-container-color-base-background)));--_input-container-border-color:var(--input-container-border-color, var(--mod-input-container-border-color, var(--ds-input-container-color-base-border)));--_input-container-border-width:var(--input-container-border-width, var(--mod-input-container-border-width, var(--ds-input-container-border-width)));--_input-container-radius:var(--input-container-radius, var(--mod-input-container-radius, var(--ds-input-container-radius)));--_input-container-hover-background:var(--input-container-hover-background, var(--mod-input-container-hover-background, var(--ds-input-container-color-hover-background)));--_input-container-active-background:var(--input-container-active-background, var(--mod-input-container-active-background, var(--ds-input-container-color-active-background)));--_input-container-focus-background:var(--input-container-focus-background, var(--mod-input-container-focus-background, var(--ds-input-container-color-focus-background)));--_input-container-hover-border:var(--input-container-hover-border, var(--mod-input-container-hover-border, var(--ds-input-container-color-hover-border)));--_input-container-active-border:var(--input-container-active-border, var(--mod-input-container-active-border, var(--ds-input-container-color-active-border)));--_input-container-focus-border:var(--input-container-focus-border, var(--mod-input-container-focus-border, var(--ds-input-container-color-focus-border)));--_input-label-color:var(--input-label-color, var(--mod-input-label-color, var(--ds-input-label-color-base)));--_input-label-family:var(--input-label-family, var(--mod-input-label-family, var(--ds-input-label-family)));--_input-label-weight:var(--input-label-weight, var(--mod-input-label-weight, var(--ds-input-label-weight)));--_input-label-line-height:var(--input-label-line-height, var(--mod-input-label-line-height, var(--ds-input-label-line-height)));--_input-label-size:var(--input-label-size, var(--mod-input-label-size, var(--ds-input-label-size-device)));--_input-description-color:var(--input-description-color, var(--mod-input-description-color, var(--ds-input-description-color-base)));--_input-description-family:var(--input-description-family, var(--mod-input-description-family, var(--ds-input-description-family)));--_input-description-weight:var(--input-description-weight, var(--mod-input-description-weight, var(--ds-input-description-weight)));--_input-description-line-height:var(--input-description-line-height, var(--mod-input-description-line-height, var(--ds-input-description-line-height)));--_input-description-size:var(--input-description-size, var(--mod-input-description-size, var(--ds-input-description-size-device)))}:host{position:relative;display:grid;gap:var(--_input-field-gap)}: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 #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(--_input-container-background);border:var(--_input-container-border-width) solid var(--_input-container-border-color);border-radius:var(--_input-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_input-container-hover-background);border-color:var(--_input-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_input-container-active-background);border-color:var(--_input-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_input-container-focus-background);border-color:var(--_input-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(--_input-label-color);font-family:var(--_input-label-family);font-weight:var(--_input-label-weight);font-size:var(--_input-label-size);line-height:var(--_input-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(--_input-description-color);font-family:var(--_input-description-family);font-weight:var(--_input-description-weight);font-size:var(--_input-description-size);line-height:var(--_input-description-line-height)}:host #description ds-icon{--icon-color:var(--_input-description-color)}:host #inner{position:relative;display:grid;gap:var(--_input-field-gap)}:host(.is-danger){--mod-input-container-border-color:var(--ds-input-container-color-danger-border);--mod-input-description-color:var(--ds-input-description-color-danger);--mod-input-container-hover-border:var(--ds-input-container-color-danger-border);--mod-input-container-active-border:var(--ds-input-container-color-danger-border)}:host(.is-success){--mod-input-container-border-color:var(--ds-input-container-color-success-border);--mod-input-description-color:var(--ds-input-description-color-success);--mod-input-container-hover-border:var(--ds-input-container-color-success-border);--mod-input-container-active-border:var(--ds-input-container-color-success-border)}:host(.is-warning){--mod-input-container-border-color:var(--ds-input-container-color-warning-border);--mod-input-description-color:var(--ds-input-description-color-warning);--mod-input-container-hover-border:var(--ds-input-container-color-warning-border);--mod-input-container-active-border:var(--ds-input-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-input-container-background:var(--ds-input-container-color-disabled-background);--mod-input-container-border-color:var(--ds-input-container-color-disabled-border);--mod-input-label-color:var(--ds-input-label-color-disabled);--mod-input-description-color:var(--ds-input-description-color-disabled);--mod-input-color:var(--ds-input-control-color-value-disabled);--mod-input-placeholder:var(--ds-input-control-color-placeholder-disabled)}"}},[65,"ds-input",{value:[1537],name:[1],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}]}]);r([s("input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],I.prototype,"createLogger",null),r([v("string"),a("design:type",Object)],I.prototype,"value",void 0),r([v("string"),a("design:type",String)],I.prototype,"name",void 0),r([v("string"),a("design:type",String)],I.prototype,"label",void 0),r([v("string"),a("design:type",String)],I.prototype,"description",void 0),r([g(...w),a("design:type",String)],I.prototype,"color",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"loading",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"invalid",void 0),r([v("string"),a("design:type",String)],I.prototype,"invalidText",void 0),r([g(..._),a("design:type",String)],I.prototype,"type",void 0),r([v("string"),a("design:type",String)],I.prototype,"accept",void 0),r([v("string"),a("design:type",String)],I.prototype,"autocapitalize",void 0),r([g(...$),a("design:type",String)],I.prototype,"autocomplete",void 0),r([g(...k),a("design:type",String)],I.prototype,"autocorrect",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"autofocus",void 0),r([v("number"),a("design:type",Number)],I.prototype,"debounce",void 0),r([v("string"),a("design:type",String)],I.prototype,"placeholder",void 0),r([v("string"),a("design:type",String)],I.prototype,"max",void 0),r([v("number"),a("design:type",Number)],I.prototype,"maxLength",void 0),r([v("string"),a("design:type",String)],I.prototype,"min",void 0),r([v("number"),a("design:type",Number)],I.prototype,"minLength",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"multiple",void 0),r([v("string"),a("design:type",String)],I.prototype,"pattern",void 0),r([v("string"),a("design:type",String)],I.prototype,"allowedKeyPress",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"required",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"spellcheck",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"disabled",void 0),r([v("boolean"),a("design:type",Boolean)],I.prototype,"readonly",void 0),r([v("string"),a("design:type",String)],I.prototype,"suffix",void 0),r([g(...x),a("design:type",String)],I.prototype,"inputmode",void 0),r([g(...z),a("design:type",String)],I.prototype,"mask",void 0),r([C(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],I.prototype,"configChanged",null);let F=0;const K=I,L=function(){"undefined"!=typeof customElements&&["ds-input","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-input":customElements.get(o(t))||customElements.define(o(t),I);break;case"ds-icon":customElements.get(o(t))||B();break;case"ds-spinner":customElements.get(o(t))||S()}}))};export{K 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{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-CYWn3X22.js";import{d as B}from"./p-CvaNxQtw.js";import{T as C}from"./p-DAYd9ty0.js";import{O as j}from"./p-BhbWmCTu.js";import{L as D}from"./p-DIK6Zkg6.js";class I{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 S=[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 I(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=>S.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([C("string"),a("design:type",Object)],K.prototype,"value",void 0),n([C("string"),a("design:type",String)],K.prototype,"name",void 0),n([C("string"),a("design:type",String)],K.prototype,"label",void 0),n([C("string"),a("design:type",String)],K.prototype,"description",void 0),n([j(b),a("design:type",String)],K.prototype,"color",void 0),n([C("boolean"),a("design:type",Boolean)],K.prototype,"loading",void 0),n([C("boolean"),a("design:type",Boolean)],K.prototype,"invalid",void 0),n([C("string"),a("design:type",String)],K.prototype,"invalidText",void 0),n([j(y),a("design:type",String)],K.prototype,"type",void 0),n([C("string"),a("design:type",String)],K.prototype,"accept",void 0),n([C("string"),a("design:type",String)],K.prototype,"autocapitalize",void 0),n([j(w),a("design:type",String)],K.prototype,"autocomplete",void 0),n([j(_),a("design:type",String)],K.prototype,"autocorrect",void 0),n([C("boolean"),a("design:type",Boolean)],K.prototype,"autofocus",void 0),n([C("number"),a("design:type",Number)],K.prototype,"debounce",void 0),n([C("string"),a("design:type",String)],K.prototype,"placeholder",void 0),n([C("string"),a("design:type",String)],K.prototype,"max",void 0),n([C("number"),a("design:type",Number)],K.prototype,"maxLength",void 0),n([C("string"),a("design:type",String)],K.prototype,"min",void 0),n([C("number"),a("design:type",Number)],K.prototype,"minLength",void 0),n([C("boolean"),a("design:type",Boolean)],K.prototype,"multiple",void 0),n([C("string"),a("design:type",String)],K.prototype,"pattern",void 0),n([C("string"),a("design:type",String)],K.prototype,"allowedKeyPress",void 0),n([C("boolean"),a("design:type",Boolean)],K.prototype,"required",void 0),n([C("boolean"),a("design:type",Boolean)],K.prototype,"spellcheck",void 0),n([C("boolean"),a("design:type",Boolean)],K.prototype,"disabled",void 0),n([C("boolean"),a("design:type",Boolean)],K.prototype,"readonly",void 0),n([C("string"),a("design:type",String)],K.prototype,"suffix",void 0),n([j($),a("design:type",String)],K.prototype,"inputmode",void 0),n([j(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}

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-BNY3JzuV.js";import{_ as n,L as a,a as l}from"./p-Dr4dquer.js";import{s as d,V as m,a as c}from"./p-82RSSk25.js";import{d as h,a as v,b}from"./p-gA-94RPS.js";import{B as g}from"./p-Diz11uvt.js";import{d as p}from"./p-BOTkpyFe.js";const u=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="default",this.description="",this.disabled=!1,this.download="",this.href="",this.label="",this.labelLevel="h5",this.labelSize="",this.rel="",this.target="_self",this.variant="default",this.handleClick=t=>{this.dsClick.emit(t)}}createLogger(t){this.log=t}connectedCallback(){d(this)}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 n="";r&&("link"===this.actionIcon&&(n="nav-go-right"),"link-external"===this.actionIcon&&(n="link"),"download"===this.actionIcon&&(n="download"),"default"===this.actionIcon&&("link"!==this.variant&&"button"!==this.variant||(n="nav-go-right")));const a={};return"link"===this.variant&&(this.disabled&&(a.disabled=this.disabled),this.href&&(a.href=this.href),this.target&&(a.target=this.target),this.rel&&(a.rel=this.rel),this.download&&(a.download=this.download)),"button"===this.variant&&(this.disabled?a.disabled=this.disabled:a.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"},a,{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"},a),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:n,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:var(--list-item-border-color, var(--mod-list-item-border-color, var(--ds-list-item-border-color)));--_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-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-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-text-weight-regular)));--_list-item-text-size:var(--list-item-text-size, var(--mod-list-item-text-size, var(--ds-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) 0;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)}: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}: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:after,:host(.is-link) #item.is-hovered:after,:host(.is-button) #item:hover:after,:host(.is-button) #item.is-hovered:after{background:var(--ds-link-color-base-hover)}:host(.is-link) #item:hover,:host(.is-link) #item.is-hovered,:host(.is-button) #item:hover,:host(.is-button) #item.is-hovered{color:var(--ds-link-color-base-hover)}:host(.is-link) #item:hover #content,:host(.is-link) #item.is-hovered #content,:host(.is-button) #item:hover #content,:host(.is-button) #item.is-hovered #content{color:var(--ds-link-color-base-hover)}:host(.is-link) #item:hover ds-icon,:host(.is-link) #item:hover ::slotted(ds-icon),:host(.is-link) #item:hover ::slotted(ds-badge),:host(.is-link) #item.is-hovered ds-icon,:host(.is-link) #item.is-hovered ::slotted(ds-icon),:host(.is-link) #item.is-hovered ::slotted(ds-badge),:host(.is-button) #item:hover ds-icon,:host(.is-button) #item:hover ::slotted(ds-icon),:host(.is-button) #item:hover ::slotted(ds-badge),:host(.is-button) #item.is-hovered ds-icon,:host(.is-button) #item.is-hovered ::slotted(ds-icon),:host(.is-button) #item.is-hovered ::slotted(ds-badge){--icon-color:var(--ds-link-color-base-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{background:var(--ds-link-color-base-active)}:host(.is-link) #item:active,:host(.is-link) #item.is-pressed,:host(.is-button) #item:active,:host(.is-button) #item.is-pressed{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: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;content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--ds-alias-radius-base)}:host(.is-accordion) ::slotted(p){padding-block:var(--_list-item-accordion-py)}: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)}: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]}]);n([a("item"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],u.prototype,"createLogger",null),n([m("string"),l("design:type",String)],u.prototype,"accordionGroup",void 0),n([c(...v),l("design:type",String)],u.prototype,"accordionMarker",void 0),n([c(...b),l("design:type",String)],u.prototype,"accordionMarkerPosition",void 0),n([m("boolean"),l("design:type",Boolean)],u.prototype,"accordionOpen",void 0),n([c("default","link","link-external","download"),l("design:type",String)],u.prototype,"actionIcon",void 0),n([m("string"),l("design:type",String)],u.prototype,"description",void 0),n([m("boolean"),l("design:type",Boolean)],u.prototype,"disabled",void 0),n([m("string"),l("design:type",String)],u.prototype,"download",void 0),n([m("string"),l("design:type",String)],u.prototype,"href",void 0),n([m("string"),l("design:type",String)],u.prototype,"label",void 0),n([c("","h1","h2","h3","h4","h5"),l("design:type",String)],u.prototype,"labelLevel",void 0),n([c("","h1","h2","h3","h4","h5","3xl","2xl","xl","lg","base"),l("design:type",String)],u.prototype,"labelSize",void 0),n([m("string"),l("design:type",String)],u.prototype,"rel",void 0),n([c(...g),l("design:type",String)],u.prototype,"target",void 0),n([c("default","link","button","accordion"),l("design:type",String)],u.prototype,"variant",void 0);const f=u,k=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),u);break;case"ds-accordion":customElements.get(r(t))||h();break;case"ds-icon":customElements.get(r(t))||p()}}))};export{f as DsItem,k 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-bGV2P6rT.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-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}

package/components/ds-label.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as l,H as e,h as a,e as i,t as s}from"./p-BNY3JzuV.js";import{_ as o,L as t,a as r}from"./p-Dr4dquer.js";import{n as b}from"./p-DR5LIaCn.js";import{s as d,V as n,a as m}from"./p-82RSSk25.js";import{I as h}from"./p-C7I7OlaM.js";import{d as v}from"./p-BEngECpF.js";import{L as g}from"./p-cSbDziZm.js";const c=l(class extends e{constructor(l){super(),!1!==l&&this.__registerHost(),this.__attachShadow(),this.language=v.language,this.region=v.region,this.disabled=!1,this.htmlFor="",this.htmlId="ds-lbl-"+p++,this.hovered=!1,this.invalid=!1,this.noWrap=!1,this.pressed=!1,this.required=!0,this.valid=!1}createLogger(l){this.log=l}sizeChanged(l){this.size=b(l)}connectedCallback(){d(this),this.size=b(this.size)}async configChanged(l){this.language=l.language,this.region=l.region}render(){const l=!1===this.required&&h[this.language].optional||"",e=this.htmlId,s=this.htmlFor;return a(i,{key:"937c19a2183d9c56279e88e37395b4da1fbb7206",class:{"is-hovered":this.hovered,"is-pressed":this.pressed,"is-disabled":this.disabled,"is-valid":this.valid,"is-invalid":this.invalid,"has-no-wrap":this.noWrap,["is-"+this.size]:!!this.size}},a("label",{key:"b059b0022e370ce5b202b6c0cd432a3950e0e798",id:e,part:"label",htmlFor:s},a("slot",{key:"c5a1f6741d468abf8d48549aad8f2d43160684cb"}),l))}get el(){return this}static get watchers(){return{size:[{sizeChanged:0}]}}static get style(){return":host{--_label-position:var(--label-position, var(--mod-label-position, static));--_label-top:var(--label-top, var(--mod-label-top));--_label-right:var(--label-right, var(--mod-label-right));--_label-bottom:var(--label-bottom, var(--mod-label-bottom));--_label-left:var(--label-left, var(--mod-label-left));position:var(--_label-position);top:var(--_label-top);right:var(--_label-right);bottom:var(--_label-bottom);left:var(--_label-left);--_label-m:var(--label-m, var(--mod-label-m, 0));--_label-my:var(--label-my, var(--mod-label-my));--_label-mx:var(--label-mx, var(--mod-label-mx));--_label-ml:var(--label-ml, var(--mod-label-ml));--_label-mr:var(--label-mr, var(--mod-label-mr));--_label-mt:var(--label-mt, var(--mod-label-mt));--_label-mb:var(--label-mb, var(--mod-label-mb));margin:var(--_label-m);margin-inline:var(--_label-mx);margin-block:var(--_label-my);margin-left:var(--_label-ml);margin-right:var(--_label-mr);margin-top:var(--_label-mt);margin-bottom:var(--_label-mb);--_label-color:var(--label-color, var(--mod-label-color, inherit));--_label-family:var(--label-family, var(--mod-label-family, var(--ds-label-family)));--_label-weight:var(--label-weight, var(--mod-label-weight, var(--ds-label-weight)));--_label-line-height:var(--label-line-height, var(--mod-label-line-height, var(--ds-label-line-height)));--_label-size:var(--label-size, var(--mod-label-size, var(--ds-label-size-base-device)))}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_label-color);font-family:var(--_label-family);font-weight:var(--_label-weight);font-size:var(--_label-size);line-height:var(--_label-line-height)}:host(.has-no-wrap) label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-lg){--mod-label-family:var(--ds-text-family-heading)}:host(.is-xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-2xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-3xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-sm){--mod-label-size:var(--ds-label-size-sm-device)}:host(.is-base){--mod-label-size:var(--ds-label-size-base-device)}:host(.is-lg){--mod-label-size:var(--ds-label-size-lg-device)}:host(.is-xl){--mod-label-size:var(--ds-label-size-xl-device)}:host(.is-2xl){--mod-label-size:var(--ds-label-size-2xl-device)}:host(.is-3xl){--mod-label-size:var(--ds-label-size-3xl-device)}:host(.is-hovered){--mod-label-color:var(--ds-label-color-base-hover)}:host(.is-pressed){--mod-label-color:var(--ds-label-color-base-active)}:host(.is-valid){--mod-label-color:var(--ds-label-color-success)}:host(.is-invalid){--mod-label-color:var(--ds-label-color-danger)}:host(.is-disabled){--mod-label-color:var(--ds-label-color-disabled) !important}:host{display:block}"}},[257,"ds-label",{disabled:[516],htmlFor:[1,"html-for"],htmlId:[1,"html-id"],hovered:[4],invalid:[516],noWrap:[4,"no-wrap"],pressed:[4],required:[516],size:[1025],valid:[516],language:[32],region:[32],configChanged:[64]},void 0,{size:[{sizeChanged:0}]}]);o([t("label"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],c.prototype,"createLogger",null),o([n("boolean"),r("design:type",Boolean)],c.prototype,"disabled",void 0),o([n("string"),r("design:type",String)],c.prototype,"htmlFor",void 0),o([n("string"),r("design:type",String)],c.prototype,"htmlId",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"hovered",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"invalid",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"noWrap",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"pressed",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"required",void 0),o([m("","sm","lg","xl","2xl","3xl","small","large","x-large","xx-large","xxx-large"),r("design:type",String)],c.prototype,"size",void 0),o([n("boolean"),r("design:type",Boolean)],c.prototype,"valid",void 0),o([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],c.prototype,"configChanged",null);let p=0;const f=c,y=function(){"undefined"!=typeof customElements&&["ds-label"].forEach((l=>{"ds-label"===l&&(customElements.get(s(l))||customElements.define(s(l),c))}))};export{f as DsLabel,y as defineCustomElement}
+import{p as l,H as e,h as a,e as i,t as o}from"./p-WO0X5Vmy.js";import{_ as s,L as t,a as r}from"./p-J0mxIuTt.js";import{h as b}from"./p-BrIcCcce.js";import{n as d}from"./p-DR5LIaCn.js";import{I as m}from"./p-C7I7OlaM.js";import{d as n}from"./p-CvaNxQtw.js";import{T as h}from"./p-DAYd9ty0.js";import{O as v}from"./p-BhbWmCTu.js";import{L as g}from"./p-DIK6Zkg6.js";const p=l(class extends e{constructor(l){super(),!1!==l&&this.__registerHost(),this.__attachShadow(),this.language=n.language,this.region=n.region,this.disabled=!1,this.htmlFor="",this.htmlId="ds-lbl-"+c++,this.hovered=!1,this.invalid=!1,this.noWrap=!1,this.pressed=!1,this.required=!0,this.valid=!1}createLogger(l){this.log=l}async configChanged(l){this.language=l.language,this.region=l.region}render(){const l=!1===this.required&&m[this.language].optional||"",e=this.htmlId,o=this.htmlFor,s=d(this.size)||"";return a(i,{key:"9929eb29b4b0da3675aaa7e5506242fbd7627baf",class:{"is-hovered":this.hovered,"is-pressed":this.pressed,"is-disabled":this.disabled,"is-valid":this.valid,"is-invalid":this.invalid,"has-no-wrap":this.noWrap,["is-"+s]:b(this.size)}},a("label",{key:"638694c2e0dfd40260adba2be2fd812e60a89b1f",id:e,part:"label",htmlFor:o},a("slot",{key:"e3acc2817068c655b9d9874591545c49b904e993"}),l))}get el(){return this}static get style(){return":host{--_label-position:var(--label-position, var(--mod-label-position, static));--_label-top:var(--label-top, var(--mod-label-top));--_label-right:var(--label-right, var(--mod-label-right));--_label-bottom:var(--label-bottom, var(--mod-label-bottom));--_label-left:var(--label-left, var(--mod-label-left));position:var(--_label-position);top:var(--_label-top);right:var(--_label-right);bottom:var(--_label-bottom);left:var(--_label-left);--_label-m:var(--label-m, var(--mod-label-m, 0));--_label-my:var(--label-my, var(--mod-label-my));--_label-mx:var(--label-mx, var(--mod-label-mx));--_label-ml:var(--label-ml, var(--mod-label-ml));--_label-mr:var(--label-mr, var(--mod-label-mr));--_label-mt:var(--label-mt, var(--mod-label-mt));--_label-mb:var(--label-mb, var(--mod-label-mb));margin:var(--_label-m);margin-inline:var(--_label-mx);margin-block:var(--_label-my);margin-left:var(--_label-ml);margin-right:var(--_label-mr);margin-top:var(--_label-mt);margin-bottom:var(--_label-mb);--_label-color:var(--label-color, var(--mod-label-color, inherit));--_label-family:var(--label-family, var(--mod-label-family, var(--ds-label-family)));--_label-weight:var(--label-weight, var(--mod-label-weight, var(--ds-label-weight)));--_label-line-height:var(--label-line-height, var(--mod-label-line-height, var(--ds-label-line-height)));--_label-size:var(--label-size, var(--mod-label-size, var(--ds-label-size-base-device)))}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_label-color);font-family:var(--_label-family);font-weight:var(--_label-weight);font-size:var(--_label-size);line-height:var(--_label-line-height)}:host(.has-no-wrap) label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-lg){--mod-label-family:var(--ds-text-family-heading)}:host(.is-xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-2xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-3xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-sm){--mod-label-size:var(--ds-label-size-sm-device)}:host(.is-base){--mod-label-size:var(--ds-label-size-base-device)}:host(.is-lg){--mod-label-size:var(--ds-label-size-lg-device)}:host(.is-xl){--mod-label-size:var(--ds-label-size-xl-device)}:host(.is-2xl){--mod-label-size:var(--ds-label-size-2xl-device)}:host(.is-3xl){--mod-label-size:var(--ds-label-size-3xl-device)}:host(.is-hovered){--mod-label-color:var(--ds-label-color-base-hover)}:host(.is-pressed){--mod-label-color:var(--ds-label-color-base-active)}:host(.is-valid){--mod-label-color:var(--ds-label-color-success)}:host(.is-invalid){--mod-label-color:var(--ds-label-color-danger)}:host(.is-disabled){--mod-label-color:var(--ds-label-color-disabled) !important}:host{display:block}"}},[257,"ds-label",{disabled:[516],htmlFor:[1,"html-for"],htmlId:[1,"html-id"],hovered:[4],invalid:[516],noWrap:[4,"no-wrap"],pressed:[4],required:[516],size:[1],valid:[516],language:[32],region:[32],configChanged:[64]}]);s([t("label"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],p.prototype,"createLogger",null),s([h("boolean"),r("design:type",Boolean)],p.prototype,"disabled",void 0),s([h("string"),r("design:type",String)],p.prototype,"htmlFor",void 0),s([h("string"),r("design:type",String)],p.prototype,"htmlId",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"hovered",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"invalid",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"noWrap",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"pressed",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"required",void 0),s([v(["","sm","lg","xl","2xl","3xl","small","large","x-large","xx-large","xxx-large"]),r("design:type",String)],p.prototype,"size",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"valid",void 0),s([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],p.prototype,"configChanged",null);let c=0;const f=p,y=function(){"undefined"!=typeof customElements&&["ds-label"].forEach((l=>{"ds-label"===l&&(customElements.get(o(l))||customElements.define(o(l),p))}))};export{f as DsLabel,y as defineCustomElement}

package/components/ds-list.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as t,h as s,e as o,t as d}from"./p-BNY3JzuV.js";import{_ as i,L as n,a as r}from"./p-Dr4dquer.js";import{s as a,V as l}from"./p-82RSSk25.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ordered=!1}createLogger(e){this.log=e}connectedCallback(){a(this)}render(){return s(o,{key:"18629843f974b02e26afe29cd7d5278584edc245"},s(this.ordered?"ol":"ul",{key:"060b9f41ace665ea569587301490133ade7445f8",id:"list",part:"list"},s("slot",{key:"97b6992fb146d134db8ade31bd580d9fd6955253"})))}get el(){return this}static get style(){return":host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}"}},[257,"ds-list",{ordered:[4]}]);i([n("list"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],c.prototype,"createLogger",null),i([l("boolean"),r("design:type",Boolean)],c.prototype,"ordered",void 0);const p=c,u=function(){"undefined"!=typeof customElements&&["ds-list"].forEach((e=>{"ds-list"===e&&(customElements.get(d(e))||customElements.define(d(e),c))}))};export{p as DsList,u as defineCustomElement}
+import{p as e,H as t,h as s,e as o,t as d}from"./p-WO0X5Vmy.js";import{_ as i,L as n,a as r}from"./p-J0mxIuTt.js";import{T as a}from"./p-DAYd9ty0.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ordered=!1}createLogger(e){this.log=e}render(){return s(o,{key:"915a10d31287e37f5c441d3717d724f654030415"},s(this.ordered?"ol":"ul",{key:"8d9813dde9199fc414bdc05878a4f6ba54553eb8",id:"list",part:"list"},s("slot",{key:"523bc1c0172e9ed3af963610e417bc522672ded5"})))}get el(){return this}static get style(){return":host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}"}},[257,"ds-list",{ordered:[4]}]);i([n("list"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],l.prototype,"createLogger",null),i([a("boolean"),r("design:type",Boolean)],l.prototype,"ordered",void 0);const c=l,p=function(){"undefined"!=typeof customElements&&["ds-list"].forEach((e=>{"ds-list"===e&&(customElements.get(d(e))||customElements.define(d(e),l))}))};export{c as DsList,p as defineCustomElement}

package/components/ds-logo.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{h as o,p as t,H as i,e as s,t as e}from"./p-BNY3JzuV.js";import{_ as a,L as r,a as l}from"./p-Dr4dquer.js";import{r as g}from"./p-BOgMmRCt.js";import{n as h}from"./p-DR5LIaCn.js";import{s as n,V as m,a as d}from"./p-82RSSk25.js";import{d as v}from"./p-Bt20CEww.js";import{L as c}from"./p-CojUmpFm.js";import{L as p}from"./p-cSbDziZm.js";const C=({onlyText:t,height:i})=>o("svg",{focusable:"false","aria-hidden":"true",width:1084/204*i,height:i,viewBox:(!0===t?"230":"0")+" 0 1084 204",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52,97.92c-3.36,3.36-3.36,8.8,0,12.15l91.41,91.41c3.36,3.36,8.8,3.36,12.15,0l50.72-50.72-30.87-30.87-25.93,25.93-41.81-41.81,41.81-41.81,72.69,72.69,24.8-24.8c3.36-3.36,3.36-8.8,0-12.15L106.08,6.52c-3.36-3.36-8.8-3.36-12.15,0L2.52,97.92ZM352.2,101.98v73.06h-36.42v-65.86c0-12.43-8.5-19.63-19.41-19.63s-19.85,7.85-19.85,18.32v67.17h-36.42V15.62h36.42v51.9c7.85-6.32,18.32-10.25,30.97-10.25,27.04,0,44.71,18.32,44.71,44.71ZM403.23,128.37c3.71,12.87,13.96,19.85,27.7,19.85,12.87,0,19.19-4.36,23.77-11.99l27.26,18.1c-9.16,11.99-23.55,23.55-52.12,23.55-37.95,0-61.93-25.95-61.93-60.19s26.61-60.41,59.75-60.41c37.51,0,59.75,29.66,59.75,58.01,0,5.67-.44,10.03-.87,13.08h-83.31ZM453.6,105.69c-3.05-13.08-11.78-21.15-25.08-21.15s-22.68,7.2-25.73,21.15h50.81ZM503.97,175.04V15.62h36.42v159.42h-36.42ZM638.52,60.11h37.51l-40.78,114.93h-42.53l-40.78-114.93h37.51l24.42,79.16,24.64-79.16ZM712.23,128.37c3.71,12.87,13.96,19.85,27.7,19.85,12.87,0,19.19-4.36,23.77-11.99l27.26,18.1c-9.16,11.99-23.55,23.55-52.12,23.55-37.95,0-61.93-25.95-61.93-60.19s26.61-60.41,59.75-60.41c37.51,0,59.75,29.66,59.75,58.01,0,5.67-.44,10.03-.87,13.08h-83.31ZM762.6,105.69c-3.05-13.08-11.78-21.15-25.08-21.15s-22.68,7.2-25.73,21.15h50.81ZM867.71,175.04c-29.66,0-44.71-17.66-44.71-44.27v-39.69h-19.19v-30.97h9.16c8.07,0,12.21-4.36,12.21-12.87v-17.66h35.33v30.53h26.17v30.97h-27.48v35.33c0,11.12,5.89,17.01,16.14,17.01h11.99v31.62h-19.63ZM902.6,22.46c0-12.87,10.03-22.46,22.9-22.46s22.9,9.6,22.9,22.46-10.03,22.24-22.9,22.24-22.9-9.16-22.9-22.24ZM907.18,175.04V60.11h36.42v114.93h-36.42ZM1050.42,60.11h33.58v114.93h-33.58v-10.47c-8.07,8.5-18.97,13.3-33.15,13.3-33.37,0-57.35-25.73-57.35-60.19s23.99-58.01,57.35-58.01c14.18,0,25.08,4.36,33.15,12.43v-11.99ZM1049.11,117.68c0-16.79-10.69-28.35-26.61-28.35s-26.39,11.99-26.39,28.35,10.9,28.13,26.39,28.13,26.61-11.56,26.61-28.13Z",fill:"#000D6E"})),f=({onlyText:t,height:i})=>o("svg",{focusable:"false","aria-hidden":"true",width:4.9375*i,height:i,viewBox:(!0===t?"36":"0")+" 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"})),_=t(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.isTouch=v.isTouch,this.doesConfigAllowAnimation=!0,this.configBrand="baloise",this.animated=!1,this.brand="",this.color="primary",this.size=""}createLogger(o){this.log=o}animatedChanged(){this.isAnimated||this.destroyAnimation()}sizeChanged(o){this.size=h(o)}connectedCallback(){n(this),this.size=h(this.size),this.animatedChanged()}componentDidUpdate(){this.resetAnimation()}componentDidLoad(){this.resetAnimation()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroyAnimation()}listenToBreakpoint(o){this.isTouch=o.touch}async configChanged(o){this.doesConfigAllowAnimation=o.animated,this.configBrand=o.brand}get isAnimated(){return this.doesConfigAllowAnimation&&this.animated}async resetAnimation(){this.destroyAnimation(),this.animated&&(await this.loadAnimation(),this.animationFunction&&(this.destroyAnimation(),this.animationItem=this.animationFunction(this.animatedLogoElement,this.getColor(),!1)))}async loadAnimation(){return new Promise(((o,t)=>{if(this.animationFunction)return o();g((async()=>{import("./p-BdyfOBon.js").then((t=>{this.animationFunction=t.animate,o()})).catch(t)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.animatedLogoElement&&(this.animatedLogoElement.innerHTML="")}getColor(){return"white"===this.color?"#ffffff":"#151f6d"}getHeight(){return"sm"===this.size?22:"lg"===this.size?this.isTouch?32:48:this.isTouch?22:32}render(){const t=o("helvetia"===this.brand||""===this.brand&&"helvetia"===this.configBrand?C:f,{onlyText:this.animated,height:this.getHeight()});return o(s,{key:"ac324310cb087df2dab4ae68f10b29750d51f4da",class:{"is-animated":this.isAnimated,"is-white":"white"===this.color,"is-sm":"sm"===this.size,"is-lg":"lg"===this.size}},o("div",{key:"91aac5fbf1a66d6706be717f514fc62ac9cfc1b3",id:"animated",part:"animated",ref:o=>this.animatedLogoElement=o,"aria-hidden":"true",style:{display:this.isAnimated?"block":"none",width:this.getHeight()+"px",height:this.getHeight()+"px"}}),t)}get el(){return this}static get watchers(){return{animated:[{animatedChanged:0}],size:[{sizeChanged:0}]}}static get style(){return":host{--_logo-position:var(--logo-position, var(--mod-logo-position, static));--_logo-top:var(--logo-top, var(--mod-logo-top));--_logo-right:var(--logo-right, var(--mod-logo-right));--_logo-bottom:var(--logo-bottom, var(--mod-logo-bottom));--_logo-left:var(--logo-left, var(--mod-logo-left));position:var(--_logo-position);top:var(--_logo-top);right:var(--_logo-right);bottom:var(--_logo-bottom);left:var(--_logo-left);--_logo-m:var(--logo-m, var(--mod-logo-m, 0));--_logo-my:var(--logo-my, var(--mod-logo-my));--_logo-mx:var(--logo-mx, var(--mod-logo-mx));--_logo-ml:var(--logo-ml, var(--mod-logo-ml));--_logo-mr:var(--logo-mr, var(--mod-logo-mr));--_logo-mt:var(--logo-mt, var(--mod-logo-mt));--_logo-mb:var(--logo-mb, var(--mod-logo-mb));margin:var(--_logo-m);margin-inline:var(--_logo-mx);margin-block:var(--_logo-my);margin-left:var(--_logo-ml);margin-right:var(--_logo-mr);margin-top:var(--_logo-mt);margin-bottom:var(--_logo-mb);--_logo-color:var(--logo-color, var(--mod-logo-color, var(--ds-global-color-primary-5)));--_logo-height:var(--logo-height, var(--mod-logo-height, 22px))}:host{margin:var(--_logo-m);margin-inline:var(--_logo-mx);margin-block:var(--_logo-my);margin-left:var(--_logo-ml);margin-right:var(--_logo-mr);margin-top:var(--_logo-mt);margin-bottom:var(--_logo-mb);position:var(--_logo-position);top:var(--_logo-top);right:var(--_logo-right);bottom:var(--_logo-bottom);left:var(--_logo-left);position:static;display:grid;grid-template-columns:1fr;gap:4px}:host svg{-webkit-transform:unset !important;transform:unset !important}:host svg svg,:host svg g,:host svg path,:host svg circle{fill:var(--_logo-color)}:host{height:var(--_logo-height)}:host>div{height:var(--_logo-height)}@media screen and (min-width: 1024px){:host{--mod-logo-height:32px}}:host #animated{display:none;width:0;height:0}:host(.is-animated){grid-template-columns:auto 1fr}:host(.is-animated) #animated{display:block;width:var(--_logo-height);height:var(--_logo-height)}:host(.is-white){--mod-logo-color:var(--ds-global-color-white)}:host(.is-sm){--mod-logo-height:22px}@media screen and (min-width: 1024px){:host(.is-sm){--mod-logo-height:22px}}:host(.is-lg){--mod-logo-height:32px}@media screen and (min-width: 1024px){:host(.is-lg){--mod-logo-height:48px}}"}},[1,"ds-logo",{animated:[4],brand:[1],color:[1],size:[1025],isTouch:[32],doesConfigAllowAnimation:[32],configBrand:[32],configChanged:[64]},void 0,{animated:[{animatedChanged:0}],size:[{sizeChanged:0}]}]);a([r("logo"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],_.prototype,"createLogger",null),a([m("boolean"),l("design:type",Boolean)],_.prototype,"animated",void 0),a([d("baloise","helvetia",""),l("design:type",String)],_.prototype,"brand",void 0),a([d("primary","white"),l("design:type",String)],_.prototype,"color",void 0),a([d("lg","sm","","large","small"),l("design:type",String)],_.prototype,"size",void 0),a([c(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],_.prototype,"listenToBreakpoint",null),a([p(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],_.prototype,"configChanged",null);const u=_,b=function(){"undefined"!=typeof customElements&&["ds-logo"].forEach((o=>{"ds-logo"===o&&(customElements.get(e(o))||customElements.define(e(o),_))}))};export{u as DsLogo,b as defineCustomElement}
+import{L as o,d as s}from"./p-Btdh3fq7.js";const t=o,p=s;export{t as DsLogo,p as defineCustomElement}

package/components/ds-modal-body.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsModalBody extends Components.DsModalBody, HTMLElement {}
+export const DsModalBody: {
+    prototype: DsModalBody;
+    new (): DsModalBody;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-modal-body.js

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

package/components/ds-modal-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsModalHeader extends Components.DsModalHeader, HTMLElement {}
+export const DsModalHeader: {
+    prototype: DsModalHeader;
+    new (): DsModalHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-modal-header.js

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

package/components/ds-modal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsModal extends Components.DsModal, HTMLElement {}
+export const DsModal: {
+    prototype: DsModal;
+    new (): DsModal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-modal.js

@@ -0,0 +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-CjIxf5zy.js";import{d as c}from"./p-Ctnm_MBD.js";import{d as p}from"./p-Du7QOHtz.js";import{d as g}from"./p-CYWn3X22.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:"62b900eb4c6d645d6ed18838b6e5f5230f34d2ba",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":this.modalWidth+"px"}},t("dialog",{key:"744edb0cc3a0af3bdc01fbaf2acd9108f1ea6ecf",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":"modal-title","aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&t("ds-close",{key:"e0328f19021f81ba7f1a4ccb4b9a7c444f623509",part:"close",onClick:()=>this.open=!1}),t("h2",{key:"c9e8363bf136aa21fbaae2120a32847ef6189dee",id:"modal-title",part:"title"},t("slot",{key:"3b061b840fd0b98c07ad22210c78a1d5390ec055",name:"header"})),t("div",{key:"9ca6ff7d5216ef7ee8f179ba73ed10531e6e3ccc",id:"modal-body",part:"body"},t("slot",{key:"dece7c125221ad7465f70ddd29bc47741b444b0a",name:"body"})),t("div",{key:"dc1980a3c0b1da4d8a37d50e2a4ab3e2e45516c3",id:"modal-actions",part:"actions"},t("slot",{key:"a79074f106e57cb89d39354b46a82842493c0a0c",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}