npm - @baloise/ds-core - Versions diffs - 20.0.0-next.6 → 20.0.0-next.7 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (460) hide show

package/components/ds-drawer.js CHANGED Viewed

@@ -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-DokkRjWC.js";const p=o,r=s;export{p as DsDrawer,r as defineCustomElement}
+import{D as s,d as o}from"./p-VsWv65bD.js";const p=s,r=o;export{p as DsDrawer,r as defineCustomElement}

package/components/ds-file-upload.js CHANGED Viewed

@@ -1,4 +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}
+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-DSeYzuO7.js";import{d as f}from"./p-CA7G72wZ.js";import{d as u}from"./p-Du7QOHtz.js";import{d as b}from"./p-qaSW94OG.js";import{d as v}from"./p-CWDuQL1i.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.js CHANGED Viewed

@@ -1,4 +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}
+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-u5aa74vh.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 CHANGED Viewed

@@ -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-DsvYY32v.js";const p=s,r=o;export{p as DsHeading,r as defineCustomElement}
+import{H as o,d as s}from"./p--EKmxaBS.js";const a=o,m=s;export{a as DsHeading,m as defineCustomElement}

package/components/ds-hint.js CHANGED Viewed

@@ -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 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}
+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-ABj0eATe.js";import{d as c}from"./p-DSeYzuO7.js";import{d as m}from"./p-DY0y8uLL.js";import{d as p}from"./p-VsWv65bD.js";import{d as g}from"./p-Du7QOHtz.js";import{d as v}from"./p-qaSW94OG.js";import{d as b}from"./p-CvaNxQtw.js";import{O as u}from"./p-BhbWmCTu.js";import{T as f}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([u(d),n("design:type",String)],_.prototype,"placement",void 0),o([f("string"),n("design:type",Object)],_.prototype,"label",void 0),o([f("string"),n("design:type",Object)],_.prototype,"closeLabel",void 0),o([f("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-input-slider.d.ts ADDED Viewed

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

package/components/ds-input-slider.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as i,H as t,f as r,h as o,t as e}from"./p-WO0X5Vmy.js";import{_ as n,L as a,a as s}from"./p-J0mxIuTt.js";import{i as l}from"./p-gz0Nxl39.js";import{i as d}from"./p-B62ocg4Q.js";import{h as u}from"./p-BrIcCcce.js";import{o as c}from"./p-BgzU1loG.js";import{F as h}from"./p-FBQaJyH0.js";import{I as f}from"./p-DU7t9H9h.js";import{d as b}from"./p-Du7QOHtz.js";import{d as p}from"./p-qaSW94OG.js";import{d as m}from"./p-CvaNxQtw.js";import{T as v}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";import{L as w}from"./p-DIK6Zkg6.js";function x(i,t,r){const o=Math.min(t,r),e=Math.max(t,r);return Math.min(Math.max(i,o),e)}var y,U;function k(i){return"object"==typeof i&&"function"==typeof i.to}function z(i){i.parentElement.removeChild(i)}function S(i){return null!=i}function _(i){i.preventDefault()}function E(i){return"number"==typeof i&&!isNaN(i)&&isFinite(i)}function C(i,t,r){r>0&&(O(i,t),setTimeout((function(){D(i,t)}),r))}function N(i){return Math.max(Math.min(i,100),0)}function M(i){return Array.isArray(i)?i:[i]}function j(i){var t=(i+="").split(".");return t.length>1?t[1].length:0}function O(i,t){i.classList&&!/\s/.test(t)?i.classList.add(t):i.className+=" "+t}function D(i,t){i.classList&&!/\s/.test(t)?i.classList.remove(t):i.className=i.className.replace(RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," ")}function P(i){var t=void 0!==window.pageXOffset,r="CSS1Compat"===(i.compatMode||"");return{x:t?window.pageXOffset:r?i.documentElement.scrollLeft:i.body.scrollLeft,y:t?window.pageYOffset:r?i.documentElement.scrollTop:i.body.scrollTop}}function T(i,t){return 100/(t-i)}function A(i,t,r){return 100*t/(i[r+1]-i[r])}function B(i,t){for(var r=1;i>=t[r];)r+=1;return r}!function(i){i.Range="range",i.Steps="steps",i.Positions="positions",i.Count="count",i.Values="values"}(y||(y={})),function(i){i[i.None=-1]="None",i[i.NoValue=0]="NoValue",i[i.LargeValue=1]="LargeValue",i[i.SmallValue=2]="SmallValue"}(U||(U={}));var F=function(){function i(i,t,r){var o;this.xPct=[],this.xVal=[],this.xSteps=[],this.xNumSteps=[],this.xHighestCompleteStep=[],this.xSteps=[r||!1],this.xNumSteps=[!1],this.snap=t;var e=[];for(Object.keys(i).forEach((function(t){e.push([M(i[t]),t])})),e.sort((function(i,t){return i[0][0]-t[0][0]})),o=0;o<e.length;o++)this.handleEntryPoint(e[o][1],e[o][0]);for(this.xNumSteps=this.xSteps.slice(0),o=0;o<this.xNumSteps.length;o++)this.handleStepPoint(o,this.xNumSteps[o])}return i.prototype.getDistance=function(i){for(var t=[],r=0;r<this.xNumSteps.length-1;r++)t[r]=A(this.xVal,i,r);return t},i.prototype.getAbsoluteDistance=function(i,t,r){var o,e=0;if(i<this.xPct[this.xPct.length-1])for(;i>this.xPct[e+1];)e++;else i===this.xPct[this.xPct.length-1]&&(e=this.xPct.length-2);r||i!==this.xPct[e+1]||e++,null===t&&(t=[]);var n=1,a=t[e],s=0,l=0,d=0,u=0;for(o=r?(i-this.xPct[e])/(this.xPct[e+1]-this.xPct[e]):(this.xPct[e+1]-i)/(this.xPct[e+1]-this.xPct[e]);a>0;)s=this.xPct[e+1+u]-this.xPct[e+u],t[e+u]*n+100-100*o>100?(l=s*o,n=(a-100*o)/t[e+u],o=1):(l=t[e+u]*s/100*n,n=0),r?(d-=l,this.xPct.length+u>=1&&u--):(d+=l,this.xPct.length-u>=1&&u++),a=t[e+u]*n;return i+d},i.prototype.toStepping=function(i){return function(i,t,r){if(r>=i.slice(-1)[0])return 100;var o=B(r,i),e=t[o-1],n=t[o];return e+function(i,t){return A(i,i[0]<0?t+Math.abs(i[0]):t-i[0],0)}([i[o-1],i[o]],r)/T(e,n)}(this.xVal,this.xPct,i)},i.prototype.fromStepping=function(i){return function(i,t,r){if(r>=100)return i.slice(-1)[0];var o=B(r,t),e=t[o-1];return function(i,t){return t*(i[1]-i[0])/100+i[0]}([i[o-1],i[o]],(r-e)*T(e,t[o]))}(this.xVal,this.xPct,i)},i.prototype.getStep=function(i){return function(i,t,r,o){if(100===o)return o;var e=B(o,i),n=i[e-1],a=i[e];return r?o-n>(a-n)/2?a:n:t[e-1]?i[e-1]+function(i,t){return Math.round(i/t)*t}(o-i[e-1],t[e-1]):o}(this.xPct,this.xSteps,this.snap,i)},i.prototype.getDefaultStep=function(i,t,r){var o=B(i,this.xPct);return(100===i||t&&i===this.xPct[o-1])&&(o=Math.max(o-1,1)),(this.xVal[o]-this.xVal[o-1])/r},i.prototype.getNearbySteps=function(i){var t=B(i,this.xPct);return{stepBefore:{startValue:this.xVal[t-2],step:this.xNumSteps[t-2],highestStep:this.xHighestCompleteStep[t-2]},thisStep:{startValue:this.xVal[t-1],step:this.xNumSteps[t-1],highestStep:this.xHighestCompleteStep[t-1]},stepAfter:{startValue:this.xVal[t],step:this.xNumSteps[t],highestStep:this.xHighestCompleteStep[t]}}},i.prototype.countStepDecimals=function(){var i=this.xNumSteps.map(j);return Math.max.apply(null,i)},i.prototype.hasNoSize=function(){return this.xVal[0]===this.xVal[this.xVal.length-1]},i.prototype.convert=function(i){return this.getStep(this.toStepping(i))},i.prototype.handleEntryPoint=function(i,t){var r;if(!E(r="min"===i?0:"max"===i?100:parseFloat(i))||!E(t[0]))throw Error("noUiSlider: 'range' value isn't numeric.");this.xPct.push(r),this.xVal.push(t[0]);var o=Number(t[1]);r?this.xSteps.push(!isNaN(o)&&o):isNaN(o)||(this.xSteps[0]=o),this.xHighestCompleteStep.push(0)},i.prototype.handleStepPoint=function(i,t){t&&(this.xVal[i]!==this.xVal[i+1]?(this.xSteps[i]=A([this.xVal[i],this.xVal[i+1]],t,0)/T(this.xPct[i],this.xPct[i+1]),this.xHighestCompleteStep[i]=this.xVal[i]+this.xNumSteps[i]*Math.ceil(Number(((this.xVal[i+1]-this.xVal[i])/this.xNumSteps[i]).toFixed(3))-1)):this.xSteps[i]=this.xHighestCompleteStep[i]=this.xVal[i])},i}(),L={to:function(i){return void 0===i?"":i.toFixed(2)},from:Number},I={target:"target",base:"base",origin:"origin",handle:"handle",handleLower:"handle-lower",handleUpper:"handle-upper",touchArea:"touch-area",horizontal:"horizontal",vertical:"vertical",background:"background",connect:"connect",connects:"connects",ltr:"ltr",rtl:"rtl",textDirectionLtr:"txt-dir-ltr",textDirectionRtl:"txt-dir-rtl",draggable:"draggable",drag:"state-drag",tap:"state-tap",active:"active",tooltip:"tooltip",pips:"pips",pipsHorizontal:"pips-horizontal",pipsVertical:"pips-vertical",marker:"marker",markerHorizontal:"marker-horizontal",markerVertical:"marker-vertical",markerNormal:"marker-normal",markerLarge:"marker-large",markerSub:"marker-sub",value:"value",valueHorizontal:"value-horizontal",valueVertical:"value-vertical",valueNormal:"value-normal",valueLarge:"value-large",valueSub:"value-sub"},V=".__tooltips",H=".__aria";function q(i,t){if(!E(t))throw Error("noUiSlider: 'step' is not numeric.");i.singleStep=t}function R(i,t){if(!E(t))throw Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");i.keyboardPageMultiplier=t}function W(i,t){if(!E(t))throw Error("noUiSlider: 'keyboardMultiplier' is not numeric.");i.keyboardMultiplier=t}function Q(i,t){if(!E(t))throw Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");i.keyboardDefaultStep=t}function G(i,t){if("object"!=typeof t||Array.isArray(t))throw Error("noUiSlider: 'range' is not an object.");if(void 0===t.min||void 0===t.max)throw Error("noUiSlider: Missing 'min' or 'max' in 'range'.");i.spectrum=new F(t,i.snap||!1,i.singleStep)}function J(i,t){if(t=M(t),!Array.isArray(t)||!t.length)throw Error("noUiSlider: 'start' option is incorrect.");i.handles=t.length,i.start=t}function K(i,t){if("boolean"!=typeof t)throw Error("noUiSlider: 'snap' option must be a boolean.");i.snap=t}function X(i,t){if("boolean"!=typeof t)throw Error("noUiSlider: 'animate' option must be a boolean.");i.animate=t}function Y(i,t){if("number"!=typeof t)throw Error("noUiSlider: 'animationDuration' option must be a number.");i.animationDuration=t}function Z(i,t){var r,o=[!1];if("lower"===t?t=[!0,!1]:"upper"===t&&(t=[!1,!0]),!0===t||!1===t){for(r=1;r<i.handles;r++)o.push(t);o.push(!1)}else{if(!Array.isArray(t)||!t.length||t.length!==i.handles+1)throw Error("noUiSlider: 'connect' option doesn't match handle count.");o=t}i.connect=o}function $(i,t){switch(t){case"horizontal":i.ort=0;break;case"vertical":i.ort=1;break;default:throw Error("noUiSlider: 'orientation' option is invalid.")}}function ii(i,t){if(!E(t))throw Error("noUiSlider: 'margin' option must be numeric.");0!==t&&(i.margin=i.spectrum.getDistance(t))}function ti(i,t){if(!E(t))throw Error("noUiSlider: 'limit' option must be numeric.");if(i.limit=i.spectrum.getDistance(t),!i.limit||i.handles<2)throw Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.")}function ri(i,t){var r;if(!E(t)&&!Array.isArray(t))throw Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(Array.isArray(t)&&2!==t.length&&!E(t[0])&&!E(t[1]))throw Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(0!==t){for(Array.isArray(t)||(t=[t,t]),i.padding=[i.spectrum.getDistance(t[0]),i.spectrum.getDistance(t[1])],r=0;r<i.spectrum.xNumSteps.length-1;r++)if(i.padding[0][r]<0||i.padding[1][r]<0)throw Error("noUiSlider: 'padding' option must be a positive number(s).");if((t[0]+t[1])/(i.spectrum.xVal[i.spectrum.xVal.length-1]-i.spectrum.xVal[0])>1)throw Error("noUiSlider: 'padding' option must not exceed 100% of the range.")}}function oi(i,t){switch(t){case"ltr":i.dir=0;break;case"rtl":i.dir=1;break;default:throw Error("noUiSlider: 'direction' option was not recognized.")}}function ei(i,t){if("string"!=typeof t)throw Error("noUiSlider: 'behaviour' must be a string containing options.");var r=t.indexOf("tap")>=0,o=t.indexOf("drag")>=0,e=t.indexOf("fixed")>=0,n=t.indexOf("snap")>=0,a=t.indexOf("hover")>=0,s=t.indexOf("unconstrained")>=0,l=t.indexOf("invert-connects")>=0,d=t.indexOf("drag-all")>=0,u=t.indexOf("smooth-steps")>=0;if(e){if(2!==i.handles)throw Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");ii(i,i.start[1]-i.start[0])}if(l&&2!==i.handles)throw Error("noUiSlider: 'invert-connects' behaviour must be used with 2 handles");if(s&&(i.margin||i.limit))throw Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");i.events={tap:r||n,drag:o,dragAll:d,smoothSteps:u,fixed:e,snap:n,hover:a,unconstrained:s,invertConnects:l}}function ni(i,t){if(!1!==t)if(!0===t||k(t)){i.tooltips=[];for(var r=0;r<i.handles;r++)i.tooltips.push(t)}else{if((t=M(t)).length!==i.handles)throw Error("noUiSlider: must pass a formatter for all handles.");t.forEach((function(i){if("boolean"!=typeof i&&!k(i))throw Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.")})),i.tooltips=t}}function ai(i,t){if(t.length!==i.handles)throw Error("noUiSlider: must pass a attributes for all handles.");i.handleAttributes=t}function si(i,t){if(!k(t))throw Error("noUiSlider: 'ariaFormat' requires 'to' method.");i.ariaFormat=t}function li(i,t){if(!function(i){return k(i)&&"function"==typeof i.from}(t))throw Error("noUiSlider: 'format' requires 'to' and 'from' methods.");i.format=t}function di(i,t){if("boolean"!=typeof t)throw Error("noUiSlider: 'keyboardSupport' option must be a boolean.");i.keyboardSupport=t}function ui(i,t){i.documentElement=t}function ci(i,t){if("string"!=typeof t&&!1!==t)throw Error("noUiSlider: 'cssPrefix' must be a string or `false`.");i.cssPrefix=t}function hi(i,t){if("object"!=typeof t)throw Error("noUiSlider: 'cssClasses' must be an object.");"string"==typeof i.cssPrefix?(i.cssClasses={},Object.keys(t).forEach((function(r){i.cssClasses[r]=i.cssPrefix+t[r]}))):i.cssClasses=t}function fi(i){var t={margin:null,limit:null,padding:null,animate:!0,animationDuration:300,ariaFormat:L,format:L},r={step:{r:!1,t:q},keyboardPageMultiplier:{r:!1,t:R},keyboardMultiplier:{r:!1,t:W},keyboardDefaultStep:{r:!1,t:Q},start:{r:!0,t:J},connect:{r:!0,t:Z},direction:{r:!0,t:oi},snap:{r:!1,t:K},animate:{r:!1,t:X},animationDuration:{r:!1,t:Y},range:{r:!0,t:G},orientation:{r:!1,t:$},margin:{r:!1,t:ii},limit:{r:!1,t:ti},padding:{r:!1,t:ri},behaviour:{r:!0,t:ei},ariaFormat:{r:!1,t:si},format:{r:!1,t:li},tooltips:{r:!1,t:ni},keyboardSupport:{r:!0,t:di},documentElement:{r:!1,t:ui},cssPrefix:{r:!0,t:ci},cssClasses:{r:!0,t:hi},handleAttributes:{r:!1,t:ai}},o={connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal",keyboardSupport:!0,cssPrefix:"noUi-",cssClasses:I,keyboardPageMultiplier:5,keyboardMultiplier:1,keyboardDefaultStep:10};i.format&&!i.ariaFormat&&(i.ariaFormat=i.format),Object.keys(r).forEach((function(e){if(S(i[e])||void 0!==o[e])r[e].t(t,S(i[e])?i[e]:o[e]);else if(r[e].r)throw Error("noUiSlider: '"+e+"' is required.")})),t.pips=i.pips;var e=document.createElement("div");return t.transformRule=void 0!==e.style.transform?"transform":void 0!==e.style.msTransform?"msTransform":"webkitTransform",t.style=[["left","top"],["right","bottom"]][t.dir][t.ort],t}function bi(i,t,r){var o,e,n,a,s,l,d=window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"},u=window.CSS&&CSS.supports&&CSS.supports("touch-action","none")&&function(){var i=!1;try{var t=Object.defineProperty({},"passive",{get:function(){i=!0}});window.addEventListener("test",null,t)}catch(i){}return i}(),c=i,h=t.spectrum,f=[],b=[],p=[],m=0,v={},g=!1,w=i.ownerDocument,x=t.documentElement||w.documentElement,k=w.body,E="rtl"===w.dir||1===t.ort?0:100;function j(i,t){var r=w.createElement("div");return t&&O(r,t),i.appendChild(r),r}function T(i,r){var o=j(i,t.cssClasses.origin),e=j(o,t.cssClasses.handle);if(j(e,t.cssClasses.touchArea),e.setAttribute("data-handle",r+""),t.keyboardSupport&&(e.setAttribute("tabindex","0"),e.addEventListener("keydown",(function(i){return function(i,r){if(F()||L(r))return!1;var o=["Left","Right"],e=["Down","Up"],n=["PageDown","PageUp"],a=["Home","End"];t.dir&&!t.ort?o.reverse():t.ort&&!t.dir&&(e.reverse(),n.reverse());var s,l=i.key.replace("Arrow",""),d=l===n[0],u=l===n[1],c=l===e[0]||l===o[0]||d,p=l===e[1]||l===o[1]||u,m=l===a[1];if(!(c||p||l===a[0]||m))return!0;if(i.preventDefault(),p||c){var v=c?0:1,g=gi(r)[v];if(null===g)return!1;!1===g&&(g=h.getDefaultStep(b[r],c,t.keyboardDefaultStep)),g=Math.max(g*=u||d?t.keyboardPageMultiplier:t.keyboardMultiplier,1e-7),s=f[r]+(g*=c?-1:1)}else s=m?t.spectrum.xVal[t.spectrum.xVal.length-1]:t.spectrum.xVal[0];return hi(r,h.toStepping(s),!0,!0),ai("slide",r),ai("update",r),ai("change",r),ai("set",r),!1}(i,r)}))),void 0!==t.handleAttributes){var n=t.handleAttributes[r];Object.keys(n).forEach((function(i){e.setAttribute(i,n[i])}))}return e.setAttribute("role","slider"),e.setAttribute("aria-orientation",t.ort?"vertical":"horizontal"),0===r?O(e,t.cssClasses.handleLower):r===t.handles-1&&O(e,t.cssClasses.handleUpper),o.handle=e,o}function A(i,r){return!!r&&j(i,t.cssClasses.connect)}function B(i,r){return!(!t.tooltips||!t.tooltips[r])&&j(i.firstChild,t.cssClasses.tooltip)}function F(){return c.hasAttribute("disabled")}function L(i){return n[i].hasAttribute("disabled")}function I(){l&&(ni("update"+V),l.forEach((function(i){i&&z(i)})),l=null)}function q(){I(),l=n.map(B),ei("update"+V,(function(i,r,o){if(l&&t.tooltips&&!1!==l[r]){var e=i[r];!0!==t.tooltips[r]&&(e=t.tooltips[r].to(o[r])),l[r].innerHTML=e}}))}function R(i,t){return i.map((function(i){return h.fromStepping(t?h.getStep(i):i)}))}function W(){s&&(z(s),s=null)}function Q(i){W();var r=function(i){function t(i,t){return Number((i+t).toFixed(7))}var r=function(i){if(i.mode===y.Range||i.mode===y.Steps)return h.xVal;if(i.mode===y.Count){if(i.values<2)throw Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");for(var t=i.values-1,r=100/t,o=[];t--;)o[t]=t*r;return o.push(100),R(o,i.stepped)}return i.mode===y.Positions?R(i.values,i.stepped):i.mode===y.Values?i.stepped?i.values.map((function(i){return h.fromStepping(h.getStep(h.toStepping(i)))})):i.values:[]}(i),o={},e=h.xVal[0],n=h.xVal[h.xVal.length-1],a=!1,s=!1,l=0;return(r=function(i){return i.filter((function(i){return!this[i]&&(this[i]=!0)}),{})}(r.slice().sort((function(i,t){return i-t}))))[0]!==e&&(r.unshift(e),a=!0),r[r.length-1]!==n&&(r.push(n),s=!0),r.forEach((function(e,n){var d,u,c,f,b,p,m,v,g,w=e,x=r[n+1],k=i.mode===y.Steps;for(k&&(d=h.xNumSteps[n]),d||(d=x-w),void 0===x&&(x=w),d=Math.max(d,1e-7),u=w;u<=x;u=t(u,d)){for(g=(b=(f=h.toStepping(u))-l)/(v=Math.round(b/(i.density||1))),c=1;c<=v;c+=1)o[(p=l+c*g).toFixed(5)]=[h.fromStepping(p),0];m=r.indexOf(u)>-1?U.LargeValue:k?U.SmallValue:U.NoValue,!n&&a&&u!==x&&(m=0),u===x&&s||(o[f.toFixed(5)]=[u,m]),l=f}})),o}(i);return s=c.appendChild(function(i,r,o){var e,n,a=w.createElement("div"),s=((e={})[U.None]="",e[U.NoValue]=t.cssClasses.valueNormal,e[U.LargeValue]=t.cssClasses.valueLarge,e[U.SmallValue]=t.cssClasses.valueSub,e),l=((n={})[U.None]="",n[U.NoValue]=t.cssClasses.markerNormal,n[U.LargeValue]=t.cssClasses.markerLarge,n[U.SmallValue]=t.cssClasses.markerSub,n),d=[t.cssClasses.valueHorizontal,t.cssClasses.valueVertical],u=[t.cssClasses.markerHorizontal,t.cssClasses.markerVertical];function c(i,r){var o=r===t.cssClasses.value;return r+" "+(o?d:u)[t.ort]+" "+(o?s:l)[i]}return O(a,t.cssClasses.pips),O(a,0===t.ort?t.cssClasses.pipsHorizontal:t.cssClasses.pipsVertical),Object.keys(i).forEach((function(e){!function(i,e,n){if((n=r?r(e,n):n)!==U.None){var s=j(a,!1);s.className=c(n,t.cssClasses.marker),s.style[t.style]=i+"%",n>U.NoValue&&((s=j(a,!1)).className=c(n,t.cssClasses.value),s.setAttribute("data-value",e+""),s.style[t.style]=i+"%",s.innerHTML=o.to(e)+"")}}(e,i[e][0],i[e][1])})),a}(r,i.filter,i.format||{to:function(i){return Math.round(i)+""}}))}function G(){var i=o.getBoundingClientRect(),r="offset"+["Width","Height"][t.ort];return 0===t.ort?i.width||o[r]:i.height||o[r]}function J(i,r,o,e){var n=function(n){var a=function(i,t,r){var o=0===i.type.indexOf("touch"),e=0===i.type.indexOf("mouse"),n=0===i.type.indexOf("pointer"),a=0,s=0;if(0===i.type.indexOf("MSPointer")&&(n=!0),"mousedown"===i.type&&!i.buttons&&!i.touches)return!1;if(o){var l=function(t){var o=t.target;return o===r||r.contains(o)||i.composed&&i.composedPath().shift()===r};if("touchstart"===i.type){var d=Array.prototype.filter.call(i.touches,l);if(d.length>1)return!1;a=d[0].pageX,s=d[0].pageY}else{var u=Array.prototype.find.call(i.changedTouches,l);if(!u)return!1;a=u.pageX,s=u.pageY}}return t=t||P(w),(e||n)&&(a=i.clientX+t.x,s=i.clientY+t.y),i.pageOffset=t,i.points=[a,s],i.cursor=e||n,i}(n,e.pageOffset,e.target||r);return!!a&&!(F()&&!e.doNotReject)&&!(function(i,t){return i.classList?i.classList.contains(t):RegExp("\\b"+t+"\\b").test(i.className)}(c,t.cssClasses.tap)&&!e.doNotReject)&&!(i===d.start&&void 0!==a.buttons&&a.buttons>1)&&(!e.hover||!a.buttons)&&(u||a.preventDefault(),a.calcPoint=a.points[t.ort],void o(a,e))},a=[];return i.split(" ").forEach((function(i){r.addEventListener(i,n,!!u&&{passive:!0}),a.push([i,n])})),a}function K(i){var r=100*(i-function(i,t){var r=i.getBoundingClientRect(),o=i.ownerDocument,e=o.documentElement,n=P(o);return/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)&&(n.x=0),t?r.top+n.y-e.clientTop:r.left+n.x-e.clientLeft}(o,t.ort))/G();return r=N(r),t.dir?100-r:r}function X(i,t){"mouseout"===i.type&&"HTML"===i.target.nodeName&&null===i.relatedTarget&&$(i,t)}function Y(i,r){if(-1===navigator.appVersion.indexOf("MSIE 9")&&0===i.buttons&&0!==r.buttonsProperty)return $(i,r);var o=(t.dir?-1:1)*(i.calcPoint-r.startCalcPoint);di(o>0,100*o/r.baseSize,r.locations,r.handleNumbers,r.connect)}function $(i,r){r.handle&&(D(r.handle,t.cssClasses.active),m-=1),r.listeners.forEach((function(i){x.removeEventListener(i[0],i[1])})),0===m&&(D(c,t.cssClasses.drag),ci(),i.cursor&&(k.style.cursor="",k.removeEventListener("selectstart",_))),t.events.smoothSteps&&(r.handleNumbers.forEach((function(i){hi(i,b[i],!0,!0,!1,!1)})),r.handleNumbers.forEach((function(i){ai("update",i)}))),r.handleNumbers.forEach((function(i){ai("change",i),ai("set",i),ai("end",i)}))}function ii(i,r){if(!r.handleNumbers.some(L)){var o;1===r.handleNumbers.length&&(m+=1,O(o=n[r.handleNumbers[0]].children[0],t.cssClasses.active)),i.stopPropagation();var e=[],a=J(d.move,x,Y,{target:i.target,handle:o,connect:r.connect,listeners:e,startCalcPoint:i.calcPoint,baseSize:G(),pageOffset:i.pageOffset,handleNumbers:r.handleNumbers,buttonsProperty:i.buttons,locations:b.slice()}),s=J(d.end,x,$,{target:i.target,handle:o,listeners:e,doNotReject:!0,handleNumbers:r.handleNumbers}),l=J("mouseout",x,X,{target:i.target,handle:o,listeners:e,doNotReject:!0,handleNumbers:r.handleNumbers});e.push.apply(e,a.concat(s,l)),i.cursor&&(k.style.cursor=getComputedStyle(i.target).cursor,n.length>1&&O(c,t.cssClasses.drag),k.addEventListener("selectstart",_,!1)),r.handleNumbers.forEach((function(i){ai("start",i)}))}}function ti(i){i.stopPropagation();var r=K(i.calcPoint),o=function(i){var t=100,r=!1;return n.forEach((function(o,e){if(!L(e)){var n=b[e],a=Math.abs(n-i);(a<t||a<=t&&i>n||100===a&&100===t)&&(r=e,t=a)}})),r}(r);!1!==o&&(t.events.snap||C(c,t.cssClasses.tap,t.animationDuration),hi(o,r,!0,!0),ci(),ai("slide",o,!0),ai("update",o,!0),t.events.snap?ii(i,{handleNumbers:[o]}):(ai("change",o,!0),ai("set",o,!0)))}function ri(i){var t=K(i.calcPoint),r=h.getStep(t),o=h.fromStepping(r);Object.keys(v).forEach((function(i){"hover"===i.split(".")[0]&&v[i].forEach((function(i){i.call(xi,o)}))}))}function oi(i){i.fixed||n.forEach((function(i,t){J(d.start,i.children[0],ii,{handleNumbers:[t]})})),i.tap&&J(d.start,o,ti,{}),i.hover&&J(d.move,o,ri,{hover:!0}),i.drag&&a.forEach((function(r,o){if(!1!==r&&0!==o&&o!==a.length-1){var e=n[o-1],s=n[o],l=[r],u=[e,s],c=[o-1,o];O(r,t.cssClasses.draggable),i.fixed&&(l.push(e.children[0]),l.push(s.children[0])),i.dragAll&&(u=n,c=p),l.forEach((function(i){J(d.start,i,ii,{handles:u,handleNumbers:c,connect:r})}))}}))}function ei(i,t){v[i]=v[i]||[],v[i].push(t),"update"===i.split(".")[0]&&n.forEach((function(i,t){ai("update",t)}))}function ni(i){var t=i&&i.split(".")[0],r=t?i.substring(t.length):i;Object.keys(v).forEach((function(i){var o=i.split(".")[0],e=i.substring(o.length);t&&t!==o||r&&r!==e||function(i){return i===H||i===V}(e)&&r!==e||delete v[i]}))}function ai(i,r,o){Object.keys(v).forEach((function(e){var n=e.split(".")[0];i===n&&v[e].forEach((function(i){i.call(xi,f.map(t.format.to),r,f.slice(),o||!1,b.slice(),xi)}))}))}function si(i,r,o,e,a,s,l){var d;return n.length>1&&!t.events.unconstrained&&(e&&r>0&&(d=h.getAbsoluteDistance(i[r-1],t.margin,!1),o=Math.max(o,d)),a&&r<n.length-1&&(d=h.getAbsoluteDistance(i[r+1],t.margin,!0),o=Math.min(o,d))),n.length>1&&t.limit&&(e&&r>0&&(d=h.getAbsoluteDistance(i[r-1],t.limit,!1),o=Math.min(o,d)),a&&r<n.length-1&&(d=h.getAbsoluteDistance(i[r+1],t.limit,!0),o=Math.max(o,d))),t.padding&&(0===r&&(d=h.getAbsoluteDistance(0,t.padding[0],!1),o=Math.max(o,d)),r===n.length-1&&(d=h.getAbsoluteDistance(100,t.padding[1],!0),o=Math.min(o,d))),l||(o=h.getStep(o)),!((o=N(o))===i[r]&&!s)&&o}function li(i,r){var o=t.ort;return(o?r:i)+", "+(o?i:r)}function di(i,r,o,e,n){var a=o.slice(),s=e[0],l=t.events.smoothSteps,d=[!i,i],u=[i,!i];e=e.slice(),i&&e.reverse(),e.length>1?e.forEach((function(i,t){var o=si(a,i,a[i]+r,d[t],u[t],!1,l);!1===o?r=0:(r=o-a[i],a[i]=o)})):d=u=[!0];var c=!1;e.forEach((function(i,t){c=hi(i,o[i]+r,d[t],u[t],!1,l)||c})),c&&(e.forEach((function(i){ai("update",i),ai("slide",i)})),null!=n&&ai("drag",s))}function ui(i,r){return t.dir?100-i-r:i}function ci(){p.forEach((function(i){n[i].style.zIndex=3+(n.length+(b[i]>50?-1:1)*i)+""}))}function hi(i,r,o,e,a,s){return a||(r=si(b,i,r,o,e,!1,s)),!1!==r&&(function(i,r){b[i]=r,f[i]=h.fromStepping(r);var o="translate("+li(ui(r,0)-E+"%","0")+")";if(n[i].style[t.transformRule]=o,t.events.invertConnects&&b.length>1){var e=b.every((function(i,t,r){return 0===t||i>=r[t-1]}));if(g!==!e)return g=!g,Z(t,t.connect.map((function(i){return!i}))),void wi()}bi(i),bi(i+1),g&&(bi(i-1),bi(i+2))}(i,r),!0)}function bi(i){if(a[i]){var r=b.slice();g&&r.sort((function(i,t){return i-t}));var o=0,e=100;0!==i&&(o=r[i-1]),i!==a.length-1&&(e=r[i]);var n=e-o,s="translate("+li(ui(o,n)+"%","0")+")",l="scale("+li(n/100,"1")+")";a[i].style[t.transformRule]=s+" "+l}}function pi(i,r){return null===i||!1===i||void 0===i?b[r]:("number"==typeof i&&(i+=""),!1!==(i=t.format.from(i))&&(i=h.toStepping(i)),!1===i||isNaN(i)?b[r]:i)}function mi(i,r,o){var e=M(i),n=void 0===b[0];r=void 0===r||r,t.animate&&!n&&C(c,t.cssClasses.tap,t.animationDuration),p.forEach((function(i){hi(i,pi(e[i],i),!0,!1,o)}));var a=1===p.length?0:1;if(n&&h.hasNoSize()&&(o=!0,b[0]=0,p.length>1)){var s=100/(p.length-1);p.forEach((function(i){b[i]=i*s}))}for(;a<p.length;++a)p.forEach((function(i){hi(i,b[i],!0,!0,o)}));ci(),p.forEach((function(i){ai("update",i),null!==e[i]&&r&&ai("set",i)}))}function vi(i){if(void 0===i&&(i=!1),i)return 1===f.length?f[0]:f.slice(0);var r=f.map(t.format.to);return 1===r.length?r[0]:r}function gi(i){var r=b[i],o=h.getNearbySteps(r),e=f[i],n=o.thisStep.step,a=null;if(t.snap)return[e-o.stepBefore.startValue||null,o.stepAfter.startValue-e||null];!1!==n&&e+n>o.stepAfter.startValue&&(n=o.stepAfter.startValue-e),a=e>o.thisStep.startValue?o.thisStep.step:!1!==o.stepBefore.step&&e-o.stepBefore.highestStep,100===r?n=null:0===r&&(a=null);var s=h.countStepDecimals();return null!==n&&!1!==n&&(n=Number(n.toFixed(s))),null!==a&&!1!==a&&(a=Number(a.toFixed(s))),[a,n]}function wi(){for(;e.firstChild;)e.removeChild(e.firstChild);for(var i=0;i<=t.handles;i++)a[i]=A(e,t.connect[i]),bi(i);oi({drag:t.events.drag,fixed:!0})}o=function(i){return O(i,t.cssClasses.target),O(i,0===t.dir?t.cssClasses.ltr:t.cssClasses.rtl),O(i,0===t.ort?t.cssClasses.horizontal:t.cssClasses.vertical),O(i,"rtl"===getComputedStyle(i).direction?t.cssClasses.textDirectionRtl:t.cssClasses.textDirectionLtr),j(i,t.cssClasses.base)}(c),function(i,r){e=j(r,t.cssClasses.connects),n=[],(a=[]).push(A(e,i[0]));for(var o=0;o<t.handles;o++)n.push(T(r,o)),p[o]=o,a.push(A(e,i[o+1]))}(t.connect,o),oi(t.events),mi(t.start),t.pips&&Q(t.pips),t.tooltips&&q(),ni("update"+H),ei("update"+H,(function(i,r,o,e,a){p.forEach((function(i){var r=n[i],e=si(b,i,0,!0,!0,!0),s=si(b,i,100,!0,!0,!0),l=a[i],d=t.ariaFormat.to(o[i])+"";e=h.fromStepping(e).toFixed(1),s=h.fromStepping(s).toFixed(1),l=h.fromStepping(l).toFixed(1),r.children[0].setAttribute("aria-valuemin",e),r.children[0].setAttribute("aria-valuemax",s),r.children[0].setAttribute("aria-valuenow",l),r.children[0].setAttribute("aria-valuetext",d)}))}));var xi={destroy:function(){for(ni(H),ni(V),Object.keys(t.cssClasses).forEach((function(i){D(c,t.cssClasses[i])}));c.firstChild;)c.removeChild(c.firstChild);delete c.noUiSlider},steps:function(){return p.map(gi)},on:ei,off:ni,get:vi,set:mi,setHandle:function(i,t,r,o){if(!((i=Number(i))>=0&&i<p.length))throw Error("noUiSlider: invalid handle number, got: "+i);hi(i,pi(t,i),!0,!0,o),ai("update",i),r&&ai("set",i)},reset:function(i){mi(t.start,i)},disable:function(i){null!=i?(n[i].setAttribute("disabled",""),n[i].handle.removeAttribute("tabindex")):(c.setAttribute("disabled",""),n.forEach((function(i){i.handle.removeAttribute("tabindex")})))},enable:function(i){null!=i?(n[i].removeAttribute("disabled"),n[i].handle.setAttribute("tabindex","0")):(c.removeAttribute("disabled"),n.forEach((function(i){i.removeAttribute("disabled"),i.handle.setAttribute("tabindex","0")})))},__moveHandles:function(i,t,r){di(i,t,b,r)},options:r,updateOptions:function(i,o){var e=vi(),n=["margin","limit","padding","range","animate","snap","step","format","pips","tooltips","connect"];n.forEach((function(t){void 0!==i[t]&&(r[t]=i[t])}));var a=fi(r);n.forEach((function(r){void 0!==i[r]&&(t[r]=a[r])})),h=a.spectrum,t.margin=a.margin,t.limit=a.limit,t.padding=a.padding,t.pips?Q(t.pips):W(),t.tooltips?q():I(),b=[],mi(S(i.start)?i.start:e,o),i.connect&&wi()},target:c,removePips:W,removeTooltips:I,getPositions:function(){return b.slice()},getTooltips:function(){return l},getOrigins:function(){return n},pips:Q};return xi}var pi=function(i,t){if(!i||!i.nodeName)throw Error("noUiSlider: create requires a single element, got: "+i);if(i.noUiSlider)throw Error("noUiSlider: Slider was already initialized.");var r=bi(i,fi(t),t);return i.noUiSlider=r,r};class mi{constructor(i){this.suppressEvents=!1,this.config=i,this.init()}setValue(i){var t,r;(null===(t=this.slider)||void 0===t?void 0:t.get())!==i&&(this.suppressEvents=!0,null===(r=this.slider)||void 0===r||r.set(i),this.suppressEvents=!1)}setDisabled(i){var t,r;i?null===(t=this.slider)||void 0===t||t.disable():null===(r=this.slider)||void 0===r||r.enable()}setInvalid(i){var t;null===(t=this.handleEl)||void 0===t||t.setAttribute("aria-invalid",i?"true":"false")}updateRange(i,t,r){var o;null===(o=this.slider)||void 0===o||o.updateOptions({range:{min:Math.min(i,t),max:Math.max(i,t)},step:vi(r),format:gi(r)},!1)}focus(){var i;null===(i=this.handleEl)||void 0===i||i.focus()}blur(){var i;null===(i=this.handleEl)||void 0===i||i.blur()}get handleEl(){var i;return null!==(i=this.config.targetEl.querySelector(".noUi-handle"))&&void 0!==i?i:void 0}destroy(){var i;null===(i=this.slider)||void 0===i||i.destroy(),this.slider=void 0}init(){const{targetEl:i,min:t,max:r,step:o,value:e,disabled:n,invalid:a}=this.config;this.slider=pi(i,{range:{min:Math.min(t,r),max:Math.max(t,r)},start:e,step:vi(o),format:gi(o),connect:"lower",tooltips:!0,keyboardSupport:!0}),n&&this.slider.disable(),this.slider.on("update",(i=>{this.suppressEvents||this.config.onInput(Number(i[0]))})),this.slider.on("set",(i=>{this.suppressEvents||this.config.onChange(Number(i[0]))})),this.connectLabelToHandle(),this.setInvalid(a)}connectLabelToHandle(){const i=this.handleEl;i&&(i.setAttribute("aria-labelledby",this.config.labelId),i.setAttribute("aria-describedby","description"))}}function vi(i){if("any"===i)return;const t=Number(i);return Number.isFinite(t)&&t>0?t:void 0}function gi(i){const t=function(i){if("any"===i)return 2;const[,t=""]=i.split(".");return t.length}(i);return{to:i=>Number(i.toFixed(t)),from:i=>Number(i)}}const wi=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsInput=r(this,"dsInput"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),this.dsClick=r(this,"dsClick"),this.dsChange=r(this,"dsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.initialValue=NaN,this.inputSliderId="ds-input-slider-"+xi++,this.focused=!1,this.language=m.language,this.region=m.region,this.value=NaN,this.name=this.inputSliderId,this.label="",this.description="",this.color="primary",this.brandColor="",this.invalid=!1,this.invalidText="",this.min=0,this.max=100,this.step="1",this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleFocus=i=>{this.focused=!0,this.disabled||this.readonly||this.dsFocus.emit(i)},this.handleBlur=i=>{this.focused=!1,this.disabled||this.readonly||this.dsBlur.emit(i)},this.handleClick=i=>{this.disabled||this.readonly||this.dsClick.emit(i)}}createLogger(i){this.log=i}valueChanged(i){var t;null===(t=this.picker)||void 0===t||t.setValue(i),this.syncFormValue(i)}invalidChanged(){var i;null===(i=this.picker)||void 0===i||i.setInvalid(this.invalid)}minChanged(){var i;l(this.value)||(this.value=x(this.value,this.min,this.max)),null===(i=this.picker)||void 0===i||i.updateRange(this.min,this.max,this.step)}stepChanged(){var i;null===(i=this.picker)||void 0===i||i.updateRange(this.min,this.max,this.step)}debounceChanged(){this.dsChange=c(this.dsChange,this.debounce)}disabledChanged(){this.syncDisabledState()}readonlyChanged(){this.syncDisabledState()}connectedCallback(){this.debounceChanged(),this.value=x(function(i,t){return isNaN(i)?t:i}(this.value,this.min),this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value)}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"])}componentDidLoad(){var i,t;this.sliderEl&&(this.picker=new mi({targetEl:this.sliderEl,labelId:"label",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled||this.readonly,invalid:this.invalid,onInput:i=>{this.dsInput.emit(i)},onChange:i=>{this.setValue(i)}}),null===(i=this.picker.handleEl)||void 0===i||i.addEventListener("focus",this.handleFocus),null===(t=this.picker.handleEl)||void 0===t||t.addEventListener("blur",this.handleBlur))}disconnectedCallback(){var i;null===(i=this.picker)||void 0===i||i.destroy(),this.picker=void 0}listenToClick(i){(this.disabled||this.readonly)&&i.target===this.el&&(i.preventDefault(),i.stopPropagation())}listenToReset(i){const t=i.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}async configChanged(i){this.language=i.language,this.region=i.region}async setFocus(){var i;null===(i=this.picker)||void 0===i||i.focus()}async setBlur(){var i;null===(i=this.picker)||void 0===i||i.blur()}async getInputElement(){var i;return null===(i=this.picker)||void 0===i?void 0:i.handleEl}setValue(i){this.value!==i&&(this.value=i,this.dsChange.emit(i))}syncFormValue(i){this.internals.setFormValue(i+"")}syncDisabledState(){var i;null===(i=this.picker)||void 0===i||i.setDisabled(this.disabled||this.readonly)}render(){return o(h,{key:"673117fa1520455f38ee39c6f2218468e6ca8150",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-brand-yellow":u(this.brandColor)&&"yellow"===this.brandColor,"is-brand-purple":u(this.brandColor)&&"purple"===this.brandColor,"is-brand-red":u(this.brandColor)&&"red"===this.brandColor,"is-brand-green":u(this.brandColor)&&"green"===this.brandColor}},o("div",Object.assign({key:"b760944d8141876484054f1454b453e087bc7eda",id:"slider",part:"slider",ref:i=>this.sliderEl=i,onClick:this.handleClick},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],invalid:[{invalidChanged:0}],min:[{minChanged:0}],max:[{minChanged:0}],step:[{stepChanged:0}],debounce:[{debounceChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}]}}static get style(){return'.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;-webkit-box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%, 0);transform:translate(50%, 0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0, -18px);transform:translate(0, -18px);top:auto;right:28px}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_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-slider-track-height:var(--input-slider-track-height, var(--mod-input-slider-track-height, 0.75rem));--_input-slider-track-radius:var(--input-slider-track-radius, var(--mod-input-slider-track-radius, var(--ds-alias-radius-rounded)));--_input-slider-track-color:var(--input-slider-track-color, var(--mod-input-slider-track-color, var(--ds-global-color-grey-2)));--_input-slider-connect-color:var(--input-slider-connect-color, var(--mod-input-slider-connect-color, var(--ds-global-color-primary-5)));--_input-slider-thumb-size:var(--input-slider-thumb-size, var(--mod-input-slider-thumb-size, 1.5rem));--_input-slider-thumb-radius:var(--input-slider-thumb-radius, var(--mod-input-slider-thumb-radius, var(--ds-alias-radius-rounded)));--_input-slider-thumb-color:var(--input-slider-thumb-color, var(--mod-input-slider-thumb-color, var(--ds-global-color-white)));--_input-slider-thumb-hover-color:var(--input-slider-thumb-hover-color, var(--mod-input-slider-thumb-hover-color, var(--ds-global-color-sky-1)));--_input-slider-thumb-active-color:var(--input-slider-thumb-active-color, var(--mod-input-slider-thumb-active-color, var(--ds-global-color-sky-1)));--_input-slider-thumb-border-color:var(--input-slider-thumb-border-color, var(--mod-input-slider-thumb-border-color, var(--ds-global-color-primary-5)));--_input-slider-thumb-border-color-hover:var(--input-slider-thumb-border-color-hover, var(--mod-input-slider-thumb-border-color-hover, var(--ds-global-color-sky-5)));--_input-slider-thumb-border-color-active:var(--input-slider-thumb-border-color-active, var(--mod-input-slider-thumb-border-color-active, var(--ds-global-color-primary-6)))}: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}: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 #container{padding-inline:calc(var(--_input-slider-thumb-size)/2)}:host #slider{width:100%;cursor:pointer;height:var(--_input-slider-track-height);background:var(--_input-slider-track-color);border:none;border-radius:var(--_input-slider-track-radius);-webkit-box-shadow:none;box-shadow:none}:host .noUi-connects{border-radius:var(--_input-slider-track-radius)}:host .noUi-connect{background:var(--_input-slider-connect-color)}:host .noUi-handle{width:var(--_input-slider-thumb-size);height:var(--_input-slider-thumb-size);top:calc((var(--_input-slider-track-height) - var(--_input-slider-thumb-size))/2);right:calc(var(--_input-slider-thumb-size)/-2);background:var(--_input-slider-thumb-color);border:2px solid var(--_input-slider-thumb-border-color);border-radius:var(--_input-slider-thumb-radius);-webkit-box-shadow:#fff 0 0 0 2px;box-shadow:#fff 0 0 0 2px;cursor:-webkit-grab;cursor:grab}:host .noUi-handle::before,:host .noUi-handle::after{display:none}@media (hover: hover)and (pointer: fine){:host .noUi-handle:hover{background:var(--_input-slider-thumb-hover-color);border-color:var(--_input-slider-thumb-border-color-hover)}}:host .noUi-handle:active,:host .noUi-handle.noUi-active{background:var(--_input-slider-thumb-active-color);border-color:var(--_input-slider-thumb-border-color-active);cursor:-webkit-grabbing;cursor:grabbing}:host .noUi-handle:focus-visible{outline:none}@media (hover: hover)and (pointer: fine){:host .noUi-handle:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .noUi-tooltip{background:var(--ds-global-color-primary-5);color:var(--ds-global-color-white);font-size:var(--ds-alias-font-size-small);font-weight:var(--ds-alias-text-weight-bold);font-family:var(--ds-alias-text-family-body);border-radius:var(--ds-alias-radius-rounded);line-height:1;padding:.4rem .4rem;bottom:130%;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translate(-50%, 4px);transform:translate(-50%, 4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform}:host .noUi-handle.noUi-active .noUi-tooltip,:host .noUi-handle:hover .noUi-tooltip,:host .noUi-handle:active .noUi-tooltip,:host .noUi-handle:focus-visible .noUi-tooltip{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){:host .noUi-tooltip{-webkit-transition:none !important;transition:none !important}}:host(.is-danger){--mod-form-description-color:var(--ds-form-description-color-danger);--mod-input-slider-connect-color:var(--ds-form-container-color-danger-border);--mod-input-slider-thumb-border-color:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-description-color:var(--ds-form-description-color-success);--mod-input-slider-connect-color:var(--ds-form-container-color-success-border);--mod-input-slider-thumb-border-color:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-description-color:var(--ds-form-description-color-warning);--mod-input-slider-connect-color:var(--ds-form-container-color-warning-border);--mod-input-slider-thumb-border-color:var(--ds-form-container-color-warning-border)}:host(.is-brand-yellow){--mod-input-slider-track-color:var(--ds-global-color-yellow-2);--mod-input-slider-connect-color:var(--ds-global-color-yellow-4)}:host(.is-brand-purple){--mod-input-slider-track-color:var(--ds-global-color-purple-2);--mod-input-slider-connect-color:var(--ds-global-color-purple-4)}:host(.is-brand-red){--mod-input-slider-track-color:var(--ds-global-color-red-2);--mod-input-slider-connect-color:var(--ds-global-color-red-4)}:host(.is-brand-green){--mod-input-slider-track-color:var(--ds-global-color-green-2);--mod-input-slider-connect-color:var(--ds-global-color-green-4)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #slider{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-slider-track-color:var(--ds-global-color-grey-1);--mod-input-slider-connect-color:var(--ds-global-color-grey-3);--mod-input-slider-thumb-color:var(--ds-global-color-grey-3);--mod-input-slider-thumb-border-color:var(--ds-global-color-grey-3)}:host(.is-disabled) .noUi-handle{cursor:default}'}},[65,"ds-input-slider",{value:[1538],name:[513],label:[1],description:[1],color:[1],brandColor:[1,"brand-color"],invalid:[516],invalidText:[1,"invalid-text"],min:[2],max:[2],step:[1],debounce:[2],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],language:[32],region:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}],invalid:[{invalidChanged:0}],min:[{minChanged:0}],max:[{minChanged:0}],step:[{stepChanged:0}],debounce:[{debounceChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}]}]);n([a("input-slider"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],wi.prototype,"createLogger",null),n([v("number"),s("design:type",Number)],wi.prototype,"value",void 0),n([v("string"),s("design:type",String)],wi.prototype,"name",void 0),n([v("string"),s("design:type",String)],wi.prototype,"label",void 0),n([v("string"),s("design:type",String)],wi.prototype,"description",void 0),n([g(f),s("design:type",String)],wi.prototype,"color",void 0),n([g(["yellow","purple","red","green",""]),s("design:type",String)],wi.prototype,"brandColor",void 0),n([v("boolean"),s("design:type",Boolean)],wi.prototype,"invalid",void 0),n([v("string"),s("design:type",String)],wi.prototype,"invalidText",void 0),n([v("number"),s("design:type",Number)],wi.prototype,"min",void 0),n([v("number"),s("design:type",Number)],wi.prototype,"max",void 0),n([v("string"),s("design:type",String)],wi.prototype,"step",void 0),n([v("number"),s("design:type",Number)],wi.prototype,"debounce",void 0),n([v("boolean"),s("design:type",Boolean)],wi.prototype,"disabled",void 0),n([v("boolean"),s("design:type",Boolean)],wi.prototype,"readonly",void 0),n([v("boolean"),s("design:type",Boolean)],wi.prototype,"required",void 0),n([v("boolean"),s("design:type",Boolean)],wi.prototype,"autoInvalidOff",void 0),n([w(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],wi.prototype,"configChanged",null);let xi=0;const yi=wi,Ui=function(){"undefined"!=typeof customElements&&["ds-input-slider","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-input-slider":customElements.get(e(i))||customElements.define(e(i),wi);break;case"ds-icon":customElements.get(e(i))||b();break;case"ds-spinner":customElements.get(e(i))||p()}}))};export{yi as DsInputSlider,Ui as defineCustomElement}

package/components/ds-input.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as o,H as r,f as e,h as t,t as i}from"./p-WO0X5Vmy.js";import{_ as n,L as s,a}from"./p-J0mxIuTt.js";import{i as d}from"./p-CYHzHtnv.js";import{i as c}from"./p-B62ocg4Q.js";import{s as l,F as h}from"./p-BwfAXfmz.js";import{h as m}from"./p-BrIcCcce.js";import{o as u}from"./p-BgzU1loG.js";import{i as f,N as p,A as v}from"./p-D86WpWIE.js";import{F as g}from"./p-FBQaJyH0.js";import{I as b,b as y,a as w,c as _,d as $,e as k}from"./p-DU7t9H9h.js";import{d as x}from"./p-Du7QOHtz.js";import{d as z}from"./p-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}
+import{p as o,H as r,f as e,h as t,t as i}from"./p-WO0X5Vmy.js";import{_ as n,L as s,a}from"./p-J0mxIuTt.js";import{i as d}from"./p-CYHzHtnv.js";import{i as c}from"./p-B62ocg4Q.js";import{s as l,F as h}from"./p-BwfAXfmz.js";import{h as m}from"./p-BrIcCcce.js";import{o as u}from"./p-BgzU1loG.js";import{i as f,N as p,A as v}from"./p-D86WpWIE.js";import{F as g}from"./p-FBQaJyH0.js";import{I as b,b as y,a as w,c as _,d as $,e as k}from"./p-DU7t9H9h.js";import{d as x}from"./p-Du7QOHtz.js";import{d as z}from"./p-qaSW94OG.js";import{d as B}from"./p-CvaNxQtw.js";import{T as j}from"./p-DAYd9ty0.js";import{O as C}from"./p-BhbWmCTu.js";import{L as D}from"./p-DIK6Zkg6.js";class S{constructor(o){this.component=o}setFormatter(o){o&&(this.formatter=o)}format(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.format(o)}onInput(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onInput(o)}onKeydown(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onKeydown(o)}}const I=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,3),r.substring(3,6),r.substring(6,9),r.substring(9,12)].filter((o=>o.length>0));switch(e.length){case 1:return e[0];case 2:return`${e[0]}.${e[1]}`;case 3:return`${e[0]}.${e[1]}.${e[2]}`;default:return`${e[0]}.${e[1]}.${e[2]}.${e[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}/${e[1]}`;case 3:return`${e[0]}/${e[1]}.${e[2]}`;default:return`${e[0]}/${e[1]}.${e[2]}.${e[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0;let s=t.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=r.substring(0,9),t=r.substring(9,10),i=this.formatOffer(e);return t?`${i}-${t}`:i}formatOffer(o){const r=[o.substring(0,2),o.substring(2,3),o.substring(3,6),o.substring(6,9)].filter((o=>o.length>0));switch(r.length){case 1:return o;case 2:return`${r[0]}/${r[1]}`;case 3:return`${r[0]}/${r[1]}.${r[2]}`;default:return`${r[0]}/${r[1]}.${r[2]}.${r[3]}`}}},new class{constructor(){this.name="basic-contract-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0;let s=t.value.replace(/\D/g,"");"0"===s.charAt(0)&&(s=s.substring(1)),s=s.substring(0,this.maxLength),t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}/${e[1]}`;case 3:return`${e[0]}/${e[1]}.${e[2]}`;default:return`${e[0]}/${e[1]}.${e[2]}.${e[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){var r;if(f(o))return;const e=o.target,t=null!==(r=null==e?void 0:e.value.replace(/[^\dXx]/g,"").length)&&void 0!==r?r:0;("X"===o.key||"x"===o.key)&&t>=this.maxLength-1||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.trim().toUpperCase(),e=[r.substring(0,2),r.substring(2,8),r.substring(8,10),r.substring(10,11)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}/${e[1]}`;case 3:return`${e[0]}/${e[1]}/${e[2]}`;default:return`${e[0]}/${e[1]}/${e[2]}.${e[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,4),r.substring(4,7),r.substring(7,10)].filter((o=>o.length>0));switch(e.length){case 1:return r;case 2:return`${e[0]}.${e[1]}`;default:return`${e[0]}.${e[1]}.${e[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(o){return o?this.formatValue(o):o}onInput(o){var r,e;const t=o.target;if(!t)return;const i=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(e=o.target.selectionEnd)&&void 0!==e?e:0,s=t.value.replace(/\D/g,"").substring(0,this.maxLength);t.value=this.formatValue(s),i<s.length&&t.setSelectionRange(i,n)}onKeydown(o){f(o)||[...p,...v].includes(o.key)||l(o)}formatValue(o){const r=o.replace(/\D/g,""),e=[r.substring(0,2),r.substring(2,6),r.substring(6,10),r.substring(10,14)].filter((o=>o.length>0));switch(e.length){case 1:return"BE"+r;case 2:return`BE${e[0]} ${e[1]}`;case 3:return`BE${e[0]} ${e[1]} ${e[2]}`;default:return`BE${e[0]} ${e[1]} ${e[2]} ${e[3]}`}}}],K=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsKeyPress=e(this,"dsKeyPress"),this.dsFocus=e(this,"dsFocus"),this.dsClick=e(this,"dsClick"),this.dsInput=e(this,"dsInput"),this.dsChange=e(this,"dsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.control=new h(this),this.maskUtil=new S(this),this.inputId="ds-input-"+E++,this.focused=!1,this.language=B.language,this.region=B.region,this.value=null,this.name=this.inputId,this.label="",this.description="",this.color="primary",this.loading=!1,this.invalid=!1,this.invalidText="",this.type="text",this.accept="",this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder="",this.max="",this.min="",this.pattern="",this.allowedKeyPress="",this.required=!0,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.suffix="",this.mask=void 0,this.autoInvalidOff=!1,this.handleKeydown=o=>void 0!==this.mask?this.maskUtil.onKeydown(o):!this.allowedKeyPress||d(o)||f(o)||RegExp("^"+this.allowedKeyPress+"$").test(o.key)||[...v].includes(o.key)?void 0:l(o),this.handleClick=o=>{this.control.onClick(o)},this.handleFocus=o=>{this.control.onFocus(o)},this.handleBlur=o=>{this.control.onBlur(o)},this.handleInput=o=>{this.maskUtil.onInput(o),this.control.onInput(o)}}createLogger(o){this.log=o}debounceChanged(){this.dsChange=u(this.dsChange,this.debounce)}maskChanged(){this.maskUtil.setFormatter((o=>I.find((r=>r.name===o)))(this.mask))}listenToClick(o){this.control.listenOnClick(o)}listenToReset(o){this.control.listenOnReset(o)}async configChanged(o){this.language=o.language,this.region=o.region}connectedCallback(){this.debounceChanged(),this.maskChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}getRawValue(){return""+(this.value||"")}getFormattedValue(){const o=this.getRawValue();return`${o}${m(this.suffix)&&m(o)?" "+this.suffix:""}`}render(){var o;let r;r=m(this.mask)?null!==(o=this.maskUtil.format(this.getRawValue()))&&void 0!==o?o:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let e={};return m(this.pattern)&&(e={pattern:this.pattern}),t(g,{key:"babef5825e546b7b80315ed7b83240d2b82562c0",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("input",Object.assign({key:"57f52c5591d793be3c19ab144f497d793bffbeed",id:"input",part:"input",name:this.name,ref:o=>this.control.nativeEl=o,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:r,onClick:o=>this.handleClick(o),onFocus:o=>this.handleFocus(o),onBlur:o=>this.handleBlur(o),onInput:o=>this.handleInput(o),onKeyDown:o=>this.handleKeydown(o),onKeyPress:o=>this.dsKeyPress.emit(o)},e,this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[65,"ds-input",{value:[1537],name:[513],label:[1],description:[1],color:[1],loading:[4],invalid:[4],invalidText:[1,"invalid-text"],type:[1],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],debounce:[2],placeholder:[1],max:[1],maxLength:[2,"max-length"],min:[1],minLength:[2,"min-length"],multiple:[4],pattern:[1],allowedKeyPress:[1,"allowed-key-press"],required:[4],spellcheck:[4],disabled:[4],readonly:[4],suffix:[1],inputmode:[1],mask:[1],autoInvalidOff:[516,"auto-invalid-off"],focused:[32],language:[32],region:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}]);n([s("input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],K.prototype,"createLogger",null),n([j("string"),a("design:type",Object)],K.prototype,"value",void 0),n([j("string"),a("design:type",String)],K.prototype,"name",void 0),n([j("string"),a("design:type",String)],K.prototype,"label",void 0),n([j("string"),a("design:type",String)],K.prototype,"description",void 0),n([C(b),a("design:type",String)],K.prototype,"color",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"loading",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"invalid",void 0),n([j("string"),a("design:type",String)],K.prototype,"invalidText",void 0),n([C(y),a("design:type",String)],K.prototype,"type",void 0),n([j("string"),a("design:type",String)],K.prototype,"accept",void 0),n([j("string"),a("design:type",String)],K.prototype,"autocapitalize",void 0),n([C(w),a("design:type",String)],K.prototype,"autocomplete",void 0),n([C(_),a("design:type",String)],K.prototype,"autocorrect",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"autofocus",void 0),n([j("number"),a("design:type",Number)],K.prototype,"debounce",void 0),n([j("string"),a("design:type",String)],K.prototype,"placeholder",void 0),n([j("string"),a("design:type",String)],K.prototype,"max",void 0),n([j("number"),a("design:type",Number)],K.prototype,"maxLength",void 0),n([j("string"),a("design:type",String)],K.prototype,"min",void 0),n([j("number"),a("design:type",Number)],K.prototype,"minLength",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"multiple",void 0),n([j("string"),a("design:type",String)],K.prototype,"pattern",void 0),n([j("string"),a("design:type",String)],K.prototype,"allowedKeyPress",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"required",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"spellcheck",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"disabled",void 0),n([j("boolean"),a("design:type",Boolean)],K.prototype,"readonly",void 0),n([j("string"),a("design:type",String)],K.prototype,"suffix",void 0),n([C($),a("design:type",String)],K.prototype,"inputmode",void 0),n([C(k),a("design:type",String)],K.prototype,"mask",void 0),n([D(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],K.prototype,"configChanged",null);let E=0;const F=K,L=function(){"undefined"!=typeof customElements&&["ds-input","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-input":customElements.get(i(o))||customElements.define(i(o),K);break;case"ds-icon":customElements.get(i(o))||x();break;case"ds-spinner":customElements.get(i(o))||z()}}))};export{F as DsInput,L as defineCustomElement}