@helvetia-design/core 0.0.6 → 0.1.0

package/components/ds-divider.js

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

package/components/ds-drawer.js

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

package/components/ds-file-upload.js

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

package/components/ds-heading.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{H as o,d as s}from"./p-B4PwKlaW.js";const a=o,p=s;export{a as DsHeading,p as defineCustomElement}
+import{b as o,d as s}from"./p-V50XCJTN.js";const p=o,r=s;export{p as DsHeading,r as defineCustomElement}

package/components/ds-hint.js

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

package/components/ds-icon.js

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

package/components/ds-input.js

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

package/components/ds-item.js

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

package/components/ds-modal.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as a,H as i,e as o,h as e,c as t,t as s}from"./p-DOP4fM2o.js";import{_ as d,L as r,a as l}from"./p-C8OqQuJ7.js";import{w as n}from"./p-Dbt7_-_D.js";import{S as m}from"./p-CDNe0ZaI.js";import{d as c}from"./p-Bd5NhwlZ.js";import{d as h}from"./p-VnJFXLI2.js";import{d as p}from"./p-BJK2OSM1.js";import{d as b}from"./p-BWrjPWjt.js";import{d as g}from"./p-D8RaAucx.js";import{T as f}from"./p-DEnVBHne.js";import{L as v}from"./p-B9OReveE.js";const u=a(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsWillPresent=o(this,"dsWillPresent"),this.dsDidPresent=o(this,"dsDidPresent"),this.dsWillDismiss=o(this,"dsWillDismiss"),this.dsDidDismiss=o(this,"dsDidDismiss"),this.scrollHandler=new m,this.animated=!0,this.isOpen=!1,this.transitionQueue=Promise.resolve(),this.suppressCloseWatch=!1,this.open=!1,this.closable=!0,this.modalWidth=640,this.fullscreen=!1,this.label="",this.handleCancel=a=>{a.preventDefault(),this.closable&&this.dismiss(void 0,"escape")},this.handleNativeClose=()=>{var a;this.open&&(null===(a=this.dialogEl)||void 0===a||a.showModal())},this.handleBackdropClick=a=>{this.closable&&a.target===this.dialogEl&&this.dismiss(void 0,"backdrop")}}createLogger(a){this.log=a}openChanged(a){a?this.runOpen():this.suppressCloseWatch||this.runClose(void 0,void 0)}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var a,i;null===(a=this.dialogEl)||void 0===a||a.addEventListener("cancel",this.handleCancel),null===(i=this.dialogEl)||void 0===i||i.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var a,i;null===(a=this.dialogEl)||void 0===a||a.removeEventListener("cancel",this.handleCancel),null===(i=this.dialogEl)||void 0===i||i.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(a,i){this.suppressCloseWatch=!0,this.open=!1,this.suppressCloseWatch=!1,await this.runClose(a,i)}async configChanged(a){this.animated=a.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(a,i){return this.transitionQueue=this.transitionQueue.then((()=>this.doClose(a,i))).catch((()=>{})),this.transitionQueue}async doOpen(){var a,i;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)||(this.dsWillPresent.emit(),null===(i=this.dialogEl)||void 0===i||i.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await n(300),this.dsDidPresent.emit())}async doClose(a,i){var o,e;if(!(null===(o=this.dialogEl)||void 0===o?void 0:o.open))return;const t={data:a,role:i};this.dsWillDismiss.emit(t),this.isOpen=!1,this.animated&&await n(300),null===(e=this.dialogEl)||void 0===e||e.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit(t)}render(){return e(t,{key:"3e8d629964a0d89b7c341921e63a769df222ae55",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":this.modalWidth+"px"}},e("dialog",{key:"938b4d38c5b3a476abefc3783e2d5808e24d0ad2",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":this.label?void 0:"modal-title","aria-label":this.label||void 0,"aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&e("ds-close",{key:"8acb3fd46431ddb06aeaffc6107b5cfe8981ad14",part:"close",onClick:()=>this.dismiss(void 0,"close")}),e("h2",{key:"e81f4c6b96bc5eab8c6e39a1dbe4fcfdb36e9a0c",id:"modal-title",part:"title"},e("slot",{key:"a4465d217be239758f446ea758b9df1db1f66c7b",name:"header"})),e("div",{key:"528bb9ff48c494ba39a55902b137ec9c89a470c4",id:"modal-body",part:"body"},e("slot",{key:"ea0f2c0c3a06e1819be149e319804a2100f1f97d",name:"body"})),e("div",{key:"7944e6bb447170e24aa399b12fd9d3038b6bb3fe",id:"modal-actions",part:"actions"},e("slot",{key:"543ac44b5550b0c5b0ae790c03e1102dfe198e25",name:"actions"}))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{--_modal-background:var(--modal-background, var(--mod-modal-background, var(--ds-modal-color-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-modal-backdrop-opacity)));--_modal-backdrop-filter:var(--modal-backdrop-filter, var(--mod-modal-backdrop-filter, var(--ds-modal-backdrop-filter)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-font-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-font-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-font-size)));--_modal-heading-line-height:var(--modal-heading-line-height, var(--mod-modal-heading-line-height, var(--ds-modal-heading-line-height)));--_modal-width:var(--modal-width, var(--mod-modal-width, var(--ds-modal-width)));--_modal-p:var(--modal-p, var(--mod-modal-p, var(--ds-modal-padding)));--_modal-gap:var(--modal-gap, var(--mod-modal-gap, var(--ds-modal-gap)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 1rem);max-height:calc(100vh - 1rem);overflow:hidden;background:var(--_modal-background);border-radius:var(--_modal-radius);padding:var(--_modal-p);opacity:0;-webkit-transform:translate(-50%, calc(-50% - 1rem));transform:translate(-50%, calc(-50% - 1rem));pointer-events:none}@media screen and (min-width: 769px){:host dialog{width:var(--_modal-width);max-height:calc(100vh - 6rem)}}:host(.is-open) dialog{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none !important;transition:none !important}}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--_modal-backdrop-filter);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--_modal-backdrop-filter);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host(.is-fullscreen) dialog{top:0;left:0;width:100%;max-height:100%;height:100%;border-radius:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}:host(.is-fullscreen.is-open) dialog{-webkit-transform:translateY(0);transform:translateY(0)}:host ds-close{position:absolute;top:var(--_modal-p);right:var(--_modal-p)}:host #modal-title{padding-right:calc(var(--_modal-p) + 2rem);margin:0 0 var(--_modal-gap);font-family:var(--_modal-heading-family);font-weight:var(--_modal-heading-weight);font-size:var(--_modal-heading-size);line-height:var(--_modal-heading-line-height)}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:calc(-1*var(--_modal-p));margin-right:calc(-1*var(--_modal-p));padding-left:var(--_modal-p);padding-right:var(--_modal-p)}:host #modal-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--_modal-gap)}:host #modal-actions:empty{display:none}::slotted(*){display:block}"}},[257,"ds-modal",{open:[1540],closable:[4],modalWidth:[2,"modal-width"],fullscreen:[4],label:[1],animated:[32],isOpen:[32],present:[64],dismiss:[64],configChanged:[64]},void 0,{open:[{openChanged:0}]}]);d([r("modal"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],u.prototype,"createLogger",null),d([f("boolean"),l("design:type",Boolean)],u.prototype,"open",void 0),d([f("boolean"),l("design:type",Boolean)],u.prototype,"closable",void 0),d([f("number"),l("design:type",Number)],u.prototype,"modalWidth",void 0),d([f("boolean"),l("design:type",Boolean)],u.prototype,"fullscreen",void 0),d([f("string"),l("design:type",String)],u.prototype,"label",void 0),d([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],u.prototype,"configChanged",null);const k=u,y=function(){"undefined"!=typeof customElements&&["ds-modal","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-modal":customElements.get(s(a))||customElements.define(s(a),u);break;case"ds-brand-icon":customElements.get(s(a))||c();break;case"ds-button":customElements.get(s(a))||h();break;case"ds-close":customElements.get(s(a))||p();break;case"ds-icon":customElements.get(s(a))||b();break;case"ds-spinner":customElements.get(s(a))||g()}}))};export{k as DsModal,y as defineCustomElement}
+import{p as a,H as i,e as o,h as e,c as t,t as s}from"./p-DOP4fM2o.js";import{_ as d,L as r,a as l}from"./p-C8OqQuJ7.js";import{w as n}from"./p-Dbt7_-_D.js";import{S as m}from"./p-CDNe0ZaI.js";import{d as c}from"./p-DyfdPmyS.js";import{d as h}from"./p-BB4SRrRj.js";import{d as p}from"./p-hhVbp_AN.js";import{d as b}from"./p-B0Z95Hj1.js";import{d as g}from"./p-D8RaAucx.js";import{T as f}from"./p-DEnVBHne.js";import{L as v}from"./p-B9OReveE.js";const u=a(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsWillPresent=o(this,"dsWillPresent"),this.dsDidPresent=o(this,"dsDidPresent"),this.dsWillDismiss=o(this,"dsWillDismiss"),this.dsDidDismiss=o(this,"dsDidDismiss"),this.scrollHandler=new m,this.animated=!0,this.isOpen=!1,this.transitionQueue=Promise.resolve(),this.suppressCloseWatch=!1,this.open=!1,this.closable=!0,this.modalWidth=640,this.fullscreen=!1,this.label="",this.handleCancel=a=>{a.preventDefault(),this.closable&&this.dismiss(void 0,"escape")},this.handleNativeClose=()=>{var a;this.open&&(null===(a=this.dialogEl)||void 0===a||a.showModal())},this.handleBackdropClick=a=>{this.closable&&a.target===this.dialogEl&&this.dismiss(void 0,"backdrop")}}createLogger(a){this.log=a}openChanged(a){a?this.runOpen():this.suppressCloseWatch||this.runClose(void 0,void 0)}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var a,i;null===(a=this.dialogEl)||void 0===a||a.addEventListener("cancel",this.handleCancel),null===(i=this.dialogEl)||void 0===i||i.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var a,i;null===(a=this.dialogEl)||void 0===a||a.removeEventListener("cancel",this.handleCancel),null===(i=this.dialogEl)||void 0===i||i.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(a,i){this.suppressCloseWatch=!0,this.open=!1,this.suppressCloseWatch=!1,await this.runClose(a,i)}async configChanged(a){this.animated=a.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(a,i){return this.transitionQueue=this.transitionQueue.then((()=>this.doClose(a,i))).catch((()=>{})),this.transitionQueue}async doOpen(){var a,i;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)||(this.dsWillPresent.emit(),null===(i=this.dialogEl)||void 0===i||i.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await n(300),this.dsDidPresent.emit())}async doClose(a,i){var o,e;if(!(null===(o=this.dialogEl)||void 0===o?void 0:o.open))return;const t={data:a,role:i};this.dsWillDismiss.emit(t),this.isOpen=!1,this.animated&&await n(300),null===(e=this.dialogEl)||void 0===e||e.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit(t)}render(){return e(t,{key:"3e8d629964a0d89b7c341921e63a769df222ae55",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":this.modalWidth+"px"}},e("dialog",{key:"938b4d38c5b3a476abefc3783e2d5808e24d0ad2",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":this.label?void 0:"modal-title","aria-label":this.label||void 0,"aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&e("ds-close",{key:"8acb3fd46431ddb06aeaffc6107b5cfe8981ad14",part:"close",onClick:()=>this.dismiss(void 0,"close")}),e("h2",{key:"e81f4c6b96bc5eab8c6e39a1dbe4fcfdb36e9a0c",id:"modal-title",part:"title"},e("slot",{key:"a4465d217be239758f446ea758b9df1db1f66c7b",name:"header"})),e("div",{key:"528bb9ff48c494ba39a55902b137ec9c89a470c4",id:"modal-body",part:"body"},e("slot",{key:"ea0f2c0c3a06e1819be149e319804a2100f1f97d",name:"body"})),e("div",{key:"7944e6bb447170e24aa399b12fd9d3038b6bb3fe",id:"modal-actions",part:"actions"},e("slot",{key:"543ac44b5550b0c5b0ae790c03e1102dfe198e25",name:"actions"}))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{--_modal-background:var(--modal-background, var(--mod-modal-background, var(--ds-modal-color-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-modal-backdrop-opacity)));--_modal-backdrop-filter:var(--modal-backdrop-filter, var(--mod-modal-backdrop-filter, var(--ds-modal-backdrop-filter)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-font-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-font-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-font-size)));--_modal-heading-line-height:var(--modal-heading-line-height, var(--mod-modal-heading-line-height, var(--ds-modal-heading-line-height)));--_modal-width:var(--modal-width, var(--mod-modal-width, var(--ds-modal-width)));--_modal-p:var(--modal-p, var(--mod-modal-p, var(--ds-modal-padding)));--_modal-gap:var(--modal-gap, var(--mod-modal-gap, var(--ds-modal-gap)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 1rem);max-height:calc(100vh - 1rem);overflow:hidden;background:var(--_modal-background);border-radius:var(--_modal-radius);padding:var(--_modal-p);opacity:0;-webkit-transform:translate(-50%, calc(-50% - 1rem));transform:translate(-50%, calc(-50% - 1rem));pointer-events:none}@media screen and (min-width: 769px){:host dialog{width:var(--_modal-width);max-height:calc(100vh - 6rem)}}:host(.is-open) dialog{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none !important;transition:none !important}}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--_modal-backdrop-filter);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--_modal-backdrop-filter);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host(.is-fullscreen) dialog{top:0;left:0;width:100%;max-height:100%;height:100%;border-radius:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}:host(.is-fullscreen.is-open) dialog{-webkit-transform:translateY(0);transform:translateY(0)}:host ds-close{position:absolute;top:var(--_modal-p);right:var(--_modal-p)}:host #modal-title{padding-right:calc(var(--_modal-p) + 2rem);margin:0 0 var(--_modal-gap);font-family:var(--_modal-heading-family);font-weight:var(--_modal-heading-weight);font-size:var(--_modal-heading-size);line-height:var(--_modal-heading-line-height)}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:calc(-1*var(--_modal-p));margin-right:calc(-1*var(--_modal-p));padding-left:var(--_modal-p);padding-right:var(--_modal-p)}:host #modal-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--_modal-gap)}:host #modal-actions:empty{display:none}::slotted(*){display:block}"}},[257,"ds-modal",{open:[1540],closable:[4],modalWidth:[2,"modal-width"],fullscreen:[4],label:[1],animated:[32],isOpen:[32],present:[64],dismiss:[64],configChanged:[64]},void 0,{open:[{openChanged:0}]}]);d([r("modal"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],u.prototype,"createLogger",null),d([f("boolean"),l("design:type",Boolean)],u.prototype,"open",void 0),d([f("boolean"),l("design:type",Boolean)],u.prototype,"closable",void 0),d([f("number"),l("design:type",Number)],u.prototype,"modalWidth",void 0),d([f("boolean"),l("design:type",Boolean)],u.prototype,"fullscreen",void 0),d([f("string"),l("design:type",String)],u.prototype,"label",void 0),d([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],u.prototype,"configChanged",null);const k=u,y=function(){"undefined"!=typeof customElements&&["ds-modal","ds-brand-icon","ds-button","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-modal":customElements.get(s(a))||customElements.define(s(a),u);break;case"ds-brand-icon":customElements.get(s(a))||c();break;case"ds-button":customElements.get(s(a))||h();break;case"ds-close":customElements.get(s(a))||p();break;case"ds-icon":customElements.get(s(a))||b();break;case"ds-spinner":customElements.get(s(a))||g()}}))};export{k as DsModal,y as defineCustomElement}