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

package/components/ds-divider.js

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

package/components/ds-drawer.js

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

package/components/ds-file-upload.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as o,e as i,h as l,t as a}from"./p-D_rQ-1tV.js";import{_ as r,L as t,a as s}from"./p-DnNWN90x.js";import{a as d}from"./p-BpGTOihR.js";import{s as n}from"./p-CBu_QEKB.js";import{w as c}from"./p-Dcf7YMP0.js";import{F as p}from"./p-DVX9w2ld.js";import{I as f}from"./p-B28K7zBb.js";import{d as h}from"./p-BxX78Fro.js";import{d as u}from"./p-C4ZDDS_m.js";import{d as b}from"./p-Cx0PHUcE.js";import{d as v}from"./p-B5CqWYLV.js";import{d as m}from"./p-C971cVzE.js";import{d as g}from"./p-B7_ufoOC.js";import{d as z}from"./p-BRVmctrW.js";import{T as y}from"./p-CdB59TNI.js";import{O as x}from"./p-BchWICdx.js";import{L as _}from"./p-D2--7hMh.js";const k=e=>{const o=new DataTransfer;return e&&e.length>0&&e.forEach((e=>o.items.add(e))),o.files},w={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"}},F=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-"+L++,this.initialValue=[],this.files=[],this.focused=!1,this.isDragOver=!1,this.language=z.language,this.region=z.region,this.hasInvalidTextSlotContent=!1,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=[],a=[...e],r=[];for(let t=0;t<o.length;t++){const s=o[t];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 t=a.map((e=>e.size)).reduce(((e,o)=>e+o),0);void 0!==i.maxBundleSize&&t+s.size>i.maxBundleSize&&o.push("FILE_SIZE_SUM_TOO_BIG"),void 0!==i.maxFiles&&a.length+1>i.maxFiles&&o.push("TOO_MANY_FILES");const d=(e,o)=>e.size===o.size&&e.name===o.name&&e.type===o.type&&e.lastModified===o.lastModified;e.filter((e=>d(e,s))).length>0&&o.push("DUPLICATED_FILE"),o.length>0?r.push({file:s,reasons:o}):(a.push(s),l.push(s))}}return{validFiles:l,invalidFiles:r}})(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=k(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||[];d(this.files,e)||(this.files=[...e])}componentWillLoad(){this.valueChanged()}connectedCallback(){this.initialValue=[...this.value||[]],this.disconnectInvalidTextSlotWatcher=c(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}componentDidLoad(){this.addDragListeners()}disconnectedCallback(){var e;this.removeDragListeners(),null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.files=[...this.initialValue],setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=k(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||w[this.language].dropZoneLabel,i=w[this.language].selectedFilesLabel,a=w[this.language].removeFileLabel,r=this.invalid||this.hasInvalidTextSlotContent;return l(p,{key:"ba48506b55e97dea724c5c4fcd75f0496ec2deec",color:this.color,disabled:this.disabled,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.fileUploadId},l("div",{key:"bd3c54a1c3debc156f644505e51bbe68ce803be3",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:"d000d84961259ab6e43ccd63be2e1260b9ca1dd5",id:"drop-zone-status",role:"status","aria-live":"polite"},this.isDragOver?"Drop files here":""),l("input",{key:"ff267497b43f107a63aef12b1e7bc9bb83cad829",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":r?"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:"7b4854efac11d8a8421ba3e3e3a07952b02d3c77",id:"drop-zone-content",class:{"is-disabled":e}},l("slot",{key:"444433f2d5192f22943739e798c1b148b29ca17b"},l("div",{key:"82e938f30c2fd8da7f376591bf5671e73ad9ad47",id:"drop-zone-placeholder",class:{"is-disabled":e}},!this.loading&&l("ds-icon",{key:"fcd5549c2cac21b3dd2fb87e20a50e2d1b0bdb5b",name:"upload",size:"lg"}),this.loading&&l("ds-spinner",{key:"2d6039c0db76188da9a671e07b60a2a5a16923b8",variation:"circle"}),l("span",{key:"e5a69a4fadb1f5800d937627cf687f06a61d1028"},o))))),this.hasFileList&&this.files.length>0&&l("ul",{key:"8ddb7e2c904fd1d47dad83a557070c69451e3ff0",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",title:`${a} ${o.name}`,a11yLabel:`${a} ${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-text)));--_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)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-text)));--_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-surface-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-surface-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-surface-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-interaction-focus-color-border)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-surface-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-surface-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-default-control-typo-font-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-default-control-typo-font-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-default-control-typo-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-default-control-typo-font-size)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-default-control-value-color)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-default-control-placeholder-color)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}: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;--_spinner-circle-background-color:var(--ds-global-color-grey-3)}: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-text);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base);text-align:center}: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 .ds-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)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs)}: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-form-danger-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-file-upload-description-color:var(--ds-form-success-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-form-warning-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-warning)}"}},[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],hasInvalidTextSlotContent:[32],configChanged:[64],clear:[64],setFocus:[64]},[[6,"reset","listenToReset"]],{value:[{valueChanged:0}]}]);r([t("file-upload"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],F.prototype,"createLogger",null),r([y("array"),s("design:type",Array)],F.prototype,"value",void 0),r([y("string"),s("design:type",String)],F.prototype,"name",void 0),r([y("string"),s("design:type",String)],F.prototype,"label",void 0),r([y("string"),s("design:type",String)],F.prototype,"dropZoneLabel",void 0),r([y("string"),s("design:type",String)],F.prototype,"description",void 0),r([y("string"),s("design:type",String)],F.prototype,"invalidText",void 0),r([x(f),s("design:type",String)],F.prototype,"color",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"invalid",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"multiple",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"disabled",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"readonly",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"loading",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"required",void 0),r([y("string"),s("design:type",String)],F.prototype,"accept",void 0),r([y("number"),s("design:type",Number)],F.prototype,"maxFiles",void 0),r([y("number"),s("design:type",Number)],F.prototype,"maxFileSize",void 0),r([y("number"),s("design:type",Number)],F.prototype,"maxBundleSize",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"hasFileList",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"autoInvalidOff",void 0),r([_(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],F.prototype,"configChanged",null);let L=0;const B=F,C=function(){"undefined"!=typeof customElements&&["ds-file-upload","ds-brand-icon","ds-button","ds-content","ds-icon","ds-spinner","ds-stack"].forEach((e=>{switch(e){case"ds-file-upload":customElements.get(a(e))||customElements.define(a(e),F);break;case"ds-brand-icon":customElements.get(a(e))||h();break;case"ds-button":customElements.get(a(e))||u();break;case"ds-content":customElements.get(a(e))||b();break;case"ds-icon":customElements.get(a(e))||v();break;case"ds-spinner":customElements.get(a(e))||m();break;case"ds-stack":customElements.get(a(e))||g()}}))};export{B as DsFileUpload,C as defineCustomElement}
+import{p as e,H as o,e as i,h as l,t as a}from"./p-D_rQ-1tV.js";import{_ as r,L as t,a as s}from"./p-DnNWN90x.js";import{a as d}from"./p-BpGTOihR.js";import{s as n}from"./p-CcE-lfae.js";import{w as c}from"./p-BvNfYE1d.js";import{F as p}from"./p-DVX9w2ld.js";import{I as f}from"./p-B28K7zBb.js";import{d as h}from"./p-DxfQopAD.js";import{d as u}from"./p-CCZcjYyi.js";import{d as b}from"./p-DxZ-rfGs.js";import{d as v}from"./p-mahwWXn2.js";import{d as m}from"./p-oyOklwcz.js";import{d as g}from"./p-D5xcWCOJ.js";import{d as z}from"./p-yDxcfq5h.js";import{T as y}from"./p-CdB59TNI.js";import{O as x}from"./p-BchWICdx.js";import{L as _}from"./p-D2--7hMh.js";const k=e=>{const o=new DataTransfer;return e&&e.length>0&&e.forEach((e=>o.items.add(e))),o.files},w={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"}},F=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-"+L++,this.initialValue=[],this.files=[],this.focused=!1,this.isDragOver=!1,this.language=z.language,this.region=z.region,this.hasInvalidTextSlotContent=!1,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=[],a=[...e],r=[];for(let t=0;t<o.length;t++){const s=o[t];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 t=a.map((e=>e.size)).reduce(((e,o)=>e+o),0);void 0!==i.maxBundleSize&&t+s.size>i.maxBundleSize&&o.push("FILE_SIZE_SUM_TOO_BIG"),void 0!==i.maxFiles&&a.length+1>i.maxFiles&&o.push("TOO_MANY_FILES");const d=(e,o)=>e.size===o.size&&e.name===o.name&&e.type===o.type&&e.lastModified===o.lastModified;e.filter((e=>d(e,s))).length>0&&o.push("DUPLICATED_FILE"),o.length>0?r.push({file:s,reasons:o}):(a.push(s),l.push(s))}}return{validFiles:l,invalidFiles:r}})(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=k(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||[];d(this.files,e)||(this.files=[...e])}componentWillLoad(){this.valueChanged()}connectedCallback(){this.initialValue=[...this.value||[]],this.disconnectInvalidTextSlotWatcher=c(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}componentDidLoad(){this.addDragListeners()}disconnectedCallback(){var e;this.removeDragListeners(),null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.files=[...this.initialValue],setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=k(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||w[this.language].dropZoneLabel,i=w[this.language].selectedFilesLabel,a=w[this.language].removeFileLabel,r=this.invalid||this.hasInvalidTextSlotContent;return l(p,{key:"d8d52ceff5997721222bc1e5611f7ad03ede9e91",color:this.color,disabled:this.disabled,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.fileUploadId},l("div",{key:"b15da0bcdf55de2f591e72292fa70bf71a8ec6d8",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:"974484b45f2a8bdb02770f16f2fe4e73c93bafb3",id:"drop-zone-status",role:"status","aria-live":"polite"},this.isDragOver?"Drop files here":""),l("input",{key:"8260339f8d22f370bdeb1f10f92f045e1aba82e7",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":r?"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:"366b17cfabd3731f44b2cb2cb4c0ea6409d73a60",id:"drop-zone-content",class:{"is-disabled":e}},l("slot",{key:"17e2fe0c22ddc983489268cbecd90e77983227d0"},l("div",{key:"62cd16b3d5dba3beff8615f1d23e8321a8d147e6",id:"drop-zone-placeholder",class:{"is-disabled":e}},!this.loading&&l("ds-icon",{key:"ecaa07458add12dca20a66f4b7ca969a758937a3",name:"upload",size:"lg"}),this.loading&&l("ds-spinner",{key:"7fc10a51c15ff9becf3c1c720f13b8bfaaf7ce25",variation:"circle"}),l("span",{key:"432007bedeb6d9efcf432251bfbf736966738b67"},o))))),this.hasFileList&&this.files.length>0&&l("ul",{key:"fda56d7f439f592b00ddeca5860893bfb12cf32d",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",title:`${a} ${o.name}`,a11yLabel:`${a} ${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:1}]}}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-text)));--_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)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-text)));--_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-surface-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-surface-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-surface-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-interaction-focus-color-border)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-surface-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-surface-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-default-control-typo-font-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-default-control-typo-font-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-default-control-typo-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-default-control-typo-font-size)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-default-control-value-color)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-default-control-placeholder-color)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}: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;--_spinner-circle-background-color:var(--ds-global-color-grey-3)}: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-text);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base);text-align:center}: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 .ds-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)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs)}: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-form-danger-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-file-upload-description-color:var(--ds-form-success-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-form-warning-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-warning)}"}},[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],hasInvalidTextSlotContent:[32],configChanged:[64],clear:[64],setFocus:[64]},[[6,"reset","listenToReset"]],{value:[{valueChanged:1}]}]);r([t("file-upload"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],F.prototype,"createLogger",null),r([y("array"),s("design:type",Array)],F.prototype,"value",void 0),r([y("string"),s("design:type",String)],F.prototype,"name",void 0),r([y("string"),s("design:type",String)],F.prototype,"label",void 0),r([y("string"),s("design:type",String)],F.prototype,"dropZoneLabel",void 0),r([y("string"),s("design:type",String)],F.prototype,"description",void 0),r([y("string"),s("design:type",String)],F.prototype,"invalidText",void 0),r([x(f),s("design:type",String)],F.prototype,"color",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"invalid",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"multiple",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"disabled",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"readonly",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"loading",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"required",void 0),r([y("string"),s("design:type",String)],F.prototype,"accept",void 0),r([y("number"),s("design:type",Number)],F.prototype,"maxFiles",void 0),r([y("number"),s("design:type",Number)],F.prototype,"maxFileSize",void 0),r([y("number"),s("design:type",Number)],F.prototype,"maxBundleSize",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"hasFileList",void 0),r([y("boolean"),s("design:type",Boolean)],F.prototype,"autoInvalidOff",void 0),r([_(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],F.prototype,"configChanged",null);let L=0;const j=F,B=function(){"undefined"!=typeof customElements&&["ds-file-upload","ds-brand-icon","ds-button","ds-content","ds-icon","ds-spinner","ds-stack"].forEach((e=>{switch(e){case"ds-file-upload":customElements.get(a(e))||customElements.define(a(e),F);break;case"ds-brand-icon":customElements.get(a(e))||h();break;case"ds-button":customElements.get(a(e))||u();break;case"ds-content":customElements.get(a(e))||b();break;case"ds-icon":customElements.get(a(e))||v();break;case"ds-spinner":customElements.get(a(e))||m();break;case"ds-stack":customElements.get(a(e))||g()}}))};export{j as DsFileUpload,B 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 s,d as o}from"./p-CN5nsQSG.js";const p=s,r=o;export{p as DsHeading,r as defineCustomElement}
+import{H as o,d as s}from"./p-wwsneo3e.js";const e=o,p=s;export{e as DsHeading,p as defineCustomElement}

package/components/ds-hint-text.js

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

package/components/ds-hint-title.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as e,h as s,c as n,t as i}from"./p-D_rQ-1tV.js";import{_ as c,L as o,a as r}from"./p-DnNWN90x.js";const d=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:"339dd5679d95a750f541d0d2e67e183e68260f5d",style:{display:"contents"}},s("slot",{key:"ebcb497763835bf38cf755971ebf93e7001acc55"}))}get el(){return this}},[260,"ds-hint-title"]);c([o("hint-title"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null);const a=d,l=function(){"undefined"!=typeof customElements&&["ds-hint-title"].forEach((t=>{"ds-hint-title"===t&&(customElements.get(i(t))||customElements.define(i(t),d))}))};export{a as DsHintTitle,l as defineCustomElement}
+import{p as t,H as e,h as s,c as n,t as i}from"./p-D_rQ-1tV.js";import{_ as o,L as r,a}from"./p-DnNWN90x.js";const c=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:"51e10abad99fe4652c91809388f116caa8128177",style:{display:"contents"}},s("slot",{key:"608b6bb7921defbba19d7e0ba164b8e2eb43f959"}))}get el(){return this}},[260,"ds-hint-title"]);o([r("hint-title"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],c.prototype,"createLogger",null);const l=c,d=function(){"undefined"!=typeof customElements&&["ds-hint-title"].forEach((t=>{"ds-hint-title"===t&&(customElements.get(i(t))||customElements.define(i(t),c))}))};export{l as DsHintTitle,d as defineCustomElement}

package/components/ds-hint.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as i,H as t,h as r,c as n,t as e}from"./p-D_rQ-1tV.js";import{_ as o,L as a,a as s}from"./p-DnNWN90x.js";import{i as h}from"./p-BeR87vGa.js";import{d,P as l}from"./p-CQ-B_pAe.js";import{d as g}from"./p-BxX78Fro.js";import{d as c}from"./p-C4ZDDS_m.js";import{d as m}from"./p-LWV6sif8.js";import{d as v}from"./p-Bcp_wCH3.js";import{d as p}from"./p-B5CqWYLV.js";import{d as b}from"./p-C971cVzE.js";import{d as f}from"./p-BRVmctrW.js";import{O as u}from"./p-BchWICdx.js";import{T as y}from"./p-CdB59TNI.js";import{L as _}from"./p-D2--7hMh.js";import{L as k}from"./p-4MGWudvh.js";const w={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"}},x=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=f.language,this.region=f.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()}listenToKeyDown(i){this.isOpen&&!this.isTouch&&h(i)&&(i.stopPropagation(),this.dismiss())}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 r=this.el.querySelector('[slot="title"]');return null!==r&&(null!==(t=null===(i=r.textContent)||void 0===i?void 0:i.trim().length)&&void 0!==t?t:0)>0}render(){const i=this.closeLabel||this.innerCloseLabel;return r(n,{key:"d27470debac5dae396292312ef0089e07f83b29f"},r("button",{key:"8478223566986335d0df50ae3f73d256100c72f8",part:"trigger",type:"button","aria-expanded":this.isOpen+"","aria-haspopup":"dialog","aria-label":this.triggerLabel||w[this.language].triggerLabel,ref:i=>this.triggerButtonEl=i,onClick:this.handleTriggerClick},r("ds-icon",{key:"528f0356caaca7478a0c6b250ec9b3b5e060040e",name:"info-circle","aria-hidden":"true"})),this.isTouch?r("ds-drawer",{ref:i=>this.drawerEl=i,closable:!1,backdropDismiss:!0,onDsWillPresent:this.handleWillPresent,onDsWillDismiss:this.handleWillDismiss},r("div",{class:"hint-content"},(this.label||this.hasTitle())&&r("div",{class:"hint-header"},r("div",{class:"hint-title"},this.label||r("slot",{name:"title"}))),r("div",{class:"hint-body"},r("slot",null))),r("ds-button",{color:"primary",class:"hint-close-btn",onClick:this.handleCloseClick},i)):r("ds-popup",{ref:i=>this.popupEl=i,closable:!1,placement:this.placement,backdropDismiss:!0,role:"dialog",onDsWillPresent:this.handleWillPresent,onDsWillDismiss:this.handleWillDismiss},r("div",{class:"hint-content"},(this.label||this.hasTitle())&&r("div",{class:"hint-header"},r("div",{class:"hint-title"},this.label||r("slot",{name:"title"})),r("ds-close",{onClick:this.handleCloseClick})),r("div",{class:"hint-body"},r("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-trigger-color-background-base:var(--hint-trigger-color-background-base, var(--mod-hint-trigger-color-background-base, var(--ds-hint-trigger-color-background-base)));--_hint-trigger-color-background-hover:var(--hint-trigger-color-background-hover, var(--mod-hint-trigger-color-background-hover, var(--ds-hint-trigger-color-background-hover)));--_hint-trigger-radius:var(--hint-trigger-radius, var(--mod-hint-trigger-radius, var(--ds-hint-trigger-radius)));--_hint-trigger-p:var(--hint-trigger-p, var(--mod-hint-trigger-p, var(--ds-hint-trigger-padding)));--_hint-trigger-size:var(--hint-trigger-size, var(--mod-hint-trigger-size, var(--ds-hint-trigger-size)));--_hint-color-focus:var(--hint-color-focus, var(--mod-hint-color-focus, var(--ds-hint-color-focus)));--_hint-heading-font-family:var(--hint-heading-font-family, var(--mod-hint-heading-font-family, var(--ds-hint-heading-font-family)));--_hint-heading-font-weight:var(--hint-heading-font-weight, var(--mod-hint-heading-font-weight, var(--ds-hint-heading-font-weight)));--_hint-heading-font-size:var(--hint-heading-font-size, var(--mod-hint-heading-font-size, var(--ds-hint-heading-font-size)));--_hint-heading-line-height:var(--hint-heading-line-height, var(--mod-hint-heading-line-height, var(--ds-hint-heading-line-height)));--_hint-color-heading:var(--hint-color-heading, var(--mod-hint-color-heading, var(--ds-hint-color-heading)));--_hint-body-font-family:var(--hint-body-font-family, var(--mod-hint-body-font-family, var(--ds-hint-body-font-family)));--_hint-body-font-weight:var(--hint-body-font-weight, var(--mod-hint-body-font-weight, var(--ds-hint-body-font-weight)));--_hint-body-font-size:var(--hint-body-font-size, var(--mod-hint-body-font-size, var(--ds-hint-body-font-size)));--_hint-body-line-height:var(--hint-body-line-height, var(--mod-hint-body-line-height, var(--ds-hint-body-line-height)));--_hint-color-body:var(--hint-color-body, var(--mod-hint-color-body, var(--ds-hint-color-body)));--_hint-color-background:var(--hint-color-background, var(--mod-hint-color-background, var(--ds-hint-color-background)));--_hint-radius:var(--hint-radius, var(--mod-hint-radius, var(--ds-hint-radius)));--_hint-gap:var(--hint-gap, var(--mod-hint-gap, var(--ds-hint-gap)))}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle}: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:var(--_hint-trigger-p);width:var(--_hint-trigger-size);height:var(--_hint-trigger-size);border-radius:var(--_hint-trigger-radius);cursor:pointer;color:var(--_hint-trigger-color-background-base);line-height:0}@media (hover: hover)and (pointer: fine){:host [part=trigger]:hover{color:var(--_hint-trigger-color-background-hover);--icon-color:var(--_hint-trigger-color-background-hover)}}:host [part=trigger]:active{color:var(--_hint-trigger-color-background-active);--icon-color:var(--_hint-trigger-color-background-active)}@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:calc(var(--_hint-trigger-size) - var(--_hint-trigger-p));--icon-inner-size:calc(var(--_hint-trigger-size) - var(--_hint-trigger-p))}:host ds-popup{--popup-background:var(--_hint-color-background);--popup-radius:var(--_hint-radius);--popup-max-width:20rem}:host ds-drawer{--drawer-background:var(--_hint-color-background);--drawer-radius:var(--_hint-radius)}:host .hint-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_hint-gap)}: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(--_hint-gap)}:host .hint-title{font-family:var(--_hint-heading-font-family);font-weight:var(--_hint-heading-font-weight);font-size:var(--_hint-heading-font-size);line-height:var(--_hint-heading-line-height);color:var(--_hint-color-heading)}:host .hint-body{font-family:var(--_hint-body-font-family);font-weight:var(--_hint-body-font-weight);font-size:var(--_hint-body-font-size);line-height:var(--_hint-body-line-height);color:var(--_hint-color-body)}:host .hint-close-btn{margin-top:var(--_hint-gap);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"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),o([u(l),s("design:type",String)],x.prototype,"placement",void 0),o([y("string"),s("design:type",Object)],x.prototype,"label",void 0),o([y("string"),s("design:type",Object)],x.prototype,"closeLabel",void 0),o([y("string"),s("design:type",Object)],x.prototype,"triggerLabel",void 0),o([_(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null),o([k(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null);const j=x,z=function(){"undefined"!=typeof customElements&&["ds-hint","ds-brand-icon","ds-button","ds-close","ds-drawer","ds-icon","ds-popup","ds-spinner"].forEach((i=>{switch(i){case"ds-hint":customElements.get(e(i))||customElements.define(e(i),x);break;case"ds-brand-icon":customElements.get(e(i))||g();break;case"ds-button":customElements.get(e(i))||c();break;case"ds-close":customElements.get(e(i))||m();break;case"ds-drawer":customElements.get(e(i))||v();break;case"ds-icon":customElements.get(e(i))||p();break;case"ds-popup":customElements.get(e(i))||d();break;case"ds-spinner":customElements.get(e(i))||b()}}))};export{j as DsHint,z as defineCustomElement}
+import{p as i,H as t,h as r,c as n,t as e}from"./p-D_rQ-1tV.js";import{_ as o,L as a,a as s}from"./p-DnNWN90x.js";import{i as h}from"./p-BeR87vGa.js";import{d,P as l}from"./p-XvusBTPw.js";import{d as g}from"./p-DxfQopAD.js";import{d as c}from"./p-CCZcjYyi.js";import{d as m}from"./p-DH2edJBY.js";import{d as v}from"./p--lHz7LHt.js";import{d as p}from"./p-mahwWXn2.js";import{d as b}from"./p-oyOklwcz.js";import{d as f}from"./p-yDxcfq5h.js";import{O as u}from"./p-BchWICdx.js";import{T as y}from"./p-CdB59TNI.js";import{L as _}from"./p-D2--7hMh.js";import{L as k}from"./p-4MGWudvh.js";const w={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"}},x=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=f.language,this.region=f.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()}listenToKeyDown(i){this.isOpen&&!this.isTouch&&h(i)&&(i.stopPropagation(),this.dismiss())}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 r=this.el.querySelector('[slot="title"]');return null!==r&&(null!==(t=null===(i=r.textContent)||void 0===i?void 0:i.trim().length)&&void 0!==t?t:0)>0}render(){const i=this.closeLabel||this.innerCloseLabel;return r(n,{key:"1f179a8d66f676405699236e3ee06edc8ccddb08"},r("button",{key:"1389354186c9df5729b4cf35072ba9c295001179",part:"trigger",type:"button","aria-expanded":this.isOpen+"","aria-haspopup":"dialog","aria-label":this.triggerLabel||w[this.language].triggerLabel,ref:i=>this.triggerButtonEl=i,onClick:this.handleTriggerClick},r("ds-icon",{key:"fd3701741b25edb942282839ebf5b23f6464e2e4",name:"info-circle","aria-hidden":"true"})),this.isTouch?r("ds-drawer",{ref:i=>this.drawerEl=i,closable:!1,backdropDismiss:!0,onDsWillPresent:this.handleWillPresent,onDsWillDismiss:this.handleWillDismiss},r("div",{class:"hint-content"},(this.label||this.hasTitle())&&r("div",{class:"hint-header"},r("div",{class:"hint-title"},this.label||r("slot",{name:"title"}))),r("div",{class:"hint-body"},r("slot",null))),r("ds-button",{color:"primary",class:"hint-close-btn",onClick:this.handleCloseClick},i)):r("ds-popup",{ref:i=>this.popupEl=i,closable:!1,placement:this.placement,backdropDismiss:!0,role:"dialog",onDsWillPresent:this.handleWillPresent,onDsWillDismiss:this.handleWillDismiss},r("div",{class:"hint-content"},(this.label||this.hasTitle())&&r("div",{class:"hint-header"},r("div",{class:"hint-title"},this.label||r("slot",{name:"title"})),r("ds-close",{onClick:this.handleCloseClick})),r("div",{class:"hint-body"},r("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-trigger-color-background-base:var(--hint-trigger-color-background-base, var(--mod-hint-trigger-color-background-base, var(--ds-hint-trigger-color-background-base)));--_hint-trigger-color-background-hover:var(--hint-trigger-color-background-hover, var(--mod-hint-trigger-color-background-hover, var(--ds-hint-trigger-color-background-hover)));--_hint-trigger-radius:var(--hint-trigger-radius, var(--mod-hint-trigger-radius, var(--ds-hint-trigger-radius)));--_hint-trigger-p:var(--hint-trigger-p, var(--mod-hint-trigger-p, var(--ds-hint-trigger-padding)));--_hint-trigger-size:var(--hint-trigger-size, var(--mod-hint-trigger-size, var(--ds-hint-trigger-size)));--_hint-color-focus:var(--hint-color-focus, var(--mod-hint-color-focus, var(--ds-hint-color-focus)));--_hint-heading-font-family:var(--hint-heading-font-family, var(--mod-hint-heading-font-family, var(--ds-hint-heading-font-family)));--_hint-heading-font-weight:var(--hint-heading-font-weight, var(--mod-hint-heading-font-weight, var(--ds-hint-heading-font-weight)));--_hint-heading-font-size:var(--hint-heading-font-size, var(--mod-hint-heading-font-size, var(--ds-hint-heading-font-size)));--_hint-heading-line-height:var(--hint-heading-line-height, var(--mod-hint-heading-line-height, var(--ds-hint-heading-line-height)));--_hint-color-heading:var(--hint-color-heading, var(--mod-hint-color-heading, var(--ds-hint-color-heading)));--_hint-body-font-family:var(--hint-body-font-family, var(--mod-hint-body-font-family, var(--ds-hint-body-font-family)));--_hint-body-font-weight:var(--hint-body-font-weight, var(--mod-hint-body-font-weight, var(--ds-hint-body-font-weight)));--_hint-body-font-size:var(--hint-body-font-size, var(--mod-hint-body-font-size, var(--ds-hint-body-font-size)));--_hint-body-line-height:var(--hint-body-line-height, var(--mod-hint-body-line-height, var(--ds-hint-body-line-height)));--_hint-color-body:var(--hint-color-body, var(--mod-hint-color-body, var(--ds-hint-color-body)));--_hint-color-background:var(--hint-color-background, var(--mod-hint-color-background, var(--ds-hint-color-background)));--_hint-radius:var(--hint-radius, var(--mod-hint-radius, var(--ds-hint-radius)));--_hint-gap:var(--hint-gap, var(--mod-hint-gap, var(--ds-hint-gap)))}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle}: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:var(--_hint-trigger-p);width:var(--_hint-trigger-size);height:var(--_hint-trigger-size);border-radius:var(--_hint-trigger-radius);cursor:pointer;color:var(--_hint-trigger-color-background-base);line-height:0}@media (hover: hover)and (pointer: fine){:host [part=trigger]:hover{color:var(--_hint-trigger-color-background-hover);--icon-color:var(--_hint-trigger-color-background-hover)}}:host [part=trigger]:active{color:var(--_hint-trigger-color-background-active);--icon-color:var(--_hint-trigger-color-background-active)}@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:calc(var(--_hint-trigger-size) - var(--_hint-trigger-p));--icon-inner-size:calc(var(--_hint-trigger-size) - var(--_hint-trigger-p))}:host ds-popup{--popup-background:var(--_hint-color-background);--popup-radius:var(--_hint-radius);--popup-max-width:20rem}:host ds-drawer{--drawer-background:var(--_hint-color-background);--drawer-radius:var(--_hint-radius)}:host .hint-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_hint-gap)}: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(--_hint-gap)}:host .hint-title{font-family:var(--_hint-heading-font-family);font-weight:var(--_hint-heading-font-weight);font-size:var(--_hint-heading-font-size);line-height:var(--_hint-heading-line-height);color:var(--_hint-color-heading)}:host .hint-body{font-family:var(--_hint-body-font-family);font-weight:var(--_hint-body-font-weight);font-size:var(--_hint-body-font-size);line-height:var(--_hint-body-line-height);color:var(--_hint-color-body)}:host .hint-close-btn{margin-top:var(--_hint-gap);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"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),o([u(l),s("design:type",String)],x.prototype,"placement",void 0),o([y("string"),s("design:type",Object)],x.prototype,"label",void 0),o([y("string"),s("design:type",Object)],x.prototype,"closeLabel",void 0),o([y("string"),s("design:type",Object)],x.prototype,"triggerLabel",void 0),o([_(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null),o([k(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null);const j=x,z=function(){"undefined"!=typeof customElements&&["ds-hint","ds-brand-icon","ds-button","ds-close","ds-drawer","ds-icon","ds-popup","ds-spinner"].forEach((i=>{switch(i){case"ds-hint":customElements.get(e(i))||customElements.define(e(i),x);break;case"ds-brand-icon":customElements.get(e(i))||g();break;case"ds-button":customElements.get(e(i))||c();break;case"ds-close":customElements.get(e(i))||m();break;case"ds-drawer":customElements.get(e(i))||v();break;case"ds-icon":customElements.get(e(i))||p();break;case"ds-popup":customElements.get(e(i))||d();break;case"ds-spinner":customElements.get(e(i))||b()}}))};export{j as DsHint,z 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 s}from"./p-B5CqWYLV.js";const p=o,r=s;export{p as DsIcon,r as defineCustomElement}
+import{I as o,d as s}from"./p-mahwWXn2.js";const a=o,m=s;export{a as DsIcon,m as defineCustomElement}