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

package/dist/design-system/p-d8c362c21f.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as e,J as o,x as i,F as l,I as r}from"./p-DxEN1zze.js";import{_ as a,L as t,a as d}from"./p-C4x_tAIC.js";import{a as s}from"./p-Dx9AKVXh.js";import{s as n}from"./p-BKh0Vkl1.js";import{w as p}from"./p-BvNfYE1d.js";import{F as c}from"./p-Bm_jsWv8.js";import{I as f}from"./p-BRYPu0SP.js";import{T as h}from"./p-DUF2uMuK.js";import{O as u}from"./p-B_GE_aHN.js";import{L as v}from"./p-Cy9j3Fev.js";import"./p-ZG7-AWt8.js";import"./p-969JOO-P.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-CnwtEwKG.js";const b=e=>{const o=new DataTransfer;return e&&e.length>0&&e.forEach((e=>o.items.add(e))),o.files},m={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"}},g=class{constructor(l){e(this,l),this.dsChange=o(this,"dsChange"),this.dsFilesAdded=o(this,"dsFilesAdded"),this.dsFilesRemoved=o(this,"dsFilesRemoved"),this.dsRejectedFile=o(this,"dsRejectedFile"),this.dsInputClick=o(this,"dsInputClick"),this.dsBlur=o(this,"dsBlur"),this.dsFocus=o(this,"dsFocus"),this.fileUploadId="ds-file-upload-"+z++,this.initialValue=[],this.files=[],this.focused=!1,this.isDragOver=!1,this.language=i.language,this.region=i.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=(i=e,Array.from(null!=i?i:[]));var i;const l=((e,o,i)=>{const l=[],r=[...e],a=[];for(let t=0;t<o.length;t++){const d=o[t];if(d){const o=[];i.accept&&-1===i.accept.split(" ").join("").split(",").indexOf(d.type)&&o.push("BAD_EXTENSION"),void 0!==i.maxFileSize&&d.size>i.maxFileSize&&o.push("FILE_TOO_BIG");const t=r.map((e=>e.size)).reduce(((e,o)=>e+o),0);void 0!==i.maxBundleSize&&t+d.size>i.maxBundleSize&&o.push("FILE_SIZE_SUM_TOO_BIG"),void 0!==i.maxFiles&&r.length+1>i.maxFiles&&o.push("TOO_MANY_FILES");const s=(e,o)=>e.size===o.size&&e.name===o.name&&e.type===o.type&&e.lastModified===o.lastModified;e.filter((e=>s(e,d))).length>0&&o.push("DUPLICATED_FILE"),o.length>0?a.push({file:d,reasons:o}):(r.push(d),l.push(d))}}return{validFiles:l,invalidFiles:a}})(this.files,o,{accept:this.accept,maxFileSize:this.maxFileSize,maxBundleSize:this.maxBundleSize,maxFiles:this.maxFiles});l.invalidFiles.length>0&&l.invalidFiles.forEach((e=>this.dsRejectedFile.emit(e))),l.validFiles.length>0&&(this.files=[...this.files,...l.validFiles],this.dsChange.emit(this.files),this.dsFilesAdded.emit(l.validFiles)),this.updateFileInput()},this.updateFileInput=()=>{this.nativeInput&&(this.nativeInput.files=b(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||[];s(this.files,e)||(this.files=[...e])}componentWillLoad(){this.valueChanged()}connectedCallback(){this.initialValue=[...this.value||[]],this.disconnectInvalidTextSlotWatcher=p(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=b(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||m[this.language].dropZoneLabel,i=m[this.language].selectedFilesLabel,r=m[this.language].removeFileLabel,a=this.invalid||this.hasInvalidTextSlotContent;return l(c,{key:"d8d52ceff5997721222bc1e5611f7ad03ede9e91",color:this.color,disabled:this.disabled,invalid:a,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":a?"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)=>{return 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"},(a=o.size)<1024?`${a} B`:a<1048576?`${(a/1024).toFixed(1)} KB`:`${(a/1048576).toFixed(1)} MB`)),l("ds-button",{size:"sm",icon:"trash",square:!0,color:"secondary",title:`${r} ${o.name}`,a11yLabel:`${r} ${o.name}`,disabled:e,onKeyDown:e=>{"Delete"===e.key&&this.handleRemoveFile(e,i)},onClick:e=>this.handleRemoveFile(e,i)})));var a}))))}get el(){return r(this)}static get watchers(){return{value:[{valueChanged:1}]}}};a([t("file-upload"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),a([h("array"),d("design:type",Array)],g.prototype,"value",void 0),a([h("string"),d("design:type",String)],g.prototype,"name",void 0),a([h("string"),d("design:type",String)],g.prototype,"label",void 0),a([h("string"),d("design:type",String)],g.prototype,"dropZoneLabel",void 0),a([h("string"),d("design:type",String)],g.prototype,"description",void 0),a([h("string"),d("design:type",String)],g.prototype,"invalidText",void 0),a([u(f),d("design:type",String)],g.prototype,"color",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"invalid",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"multiple",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"disabled",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"readonly",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"loading",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"required",void 0),a([h("string"),d("design:type",String)],g.prototype,"accept",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxFiles",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxFileSize",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxBundleSize",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"hasFileList",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),a([v(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],g.prototype,"configChanged",null);let z=0;g.style=":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)}";export{g as ds_file_upload}

package/dist/design-system/p-dded738638.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as o,J as r,x as t,M as i,F as e,I as n}from"./p-DxEN1zze.js";import{_ as a,L as s,a as d}from"./p-C4x_tAIC.js";import{i as l}from"./p-ZG7-AWt8.js";import{i as c,N as h,A as m}from"./p-D86WpWIE.js";import{i as u}from"./p-B62ocg4Q.js";import{s as f,F as p}from"./p-BKh0Vkl1.js";import{h as v}from"./p-CZJ32hZb.js";import{w as g}from"./p-BvNfYE1d.js";import{F as b}from"./p-Bm_jsWv8.js";import{I as y,b as w,a as _,c as $,d as k,e as x}from"./p-BRYPu0SP.js";import{T as z}from"./p-DUF2uMuK.js";import{O as j}from"./p-B_GE_aHN.js";import{L as B}from"./p-Cy9j3Fev.js";import"./p-CnwtEwKG.js";import"./p-969JOO-P.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";class C{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 D=[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 i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(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 i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(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 i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=i.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=r.substring(0,9),i=r.substring(9,10),e=this.formatOffer(t);return i?`${e}-${i}`:e}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 i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=i.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(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 i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){var r;if(c(o))return;const t=o.target,i=null!==(r=null==t?void 0:t.value.replace(/[^\dXx]/g,"").length)&&void 0!==r?r:0;("X"===o.key||"x"===o.key)&&i>=this.maxLength-1||[...h,...m].includes(o.key)||f(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 i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(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 i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(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]}`}}}],S=class{constructor(i){o(this,i),this.dsBlur=r(this,"dsBlur"),this.dsKeyPress=r(this,"dsKeyPress"),this.dsFocus=r(this,"dsFocus"),this.dsClick=r(this,"dsClick"),this.dsInput=r(this,"dsInput"),this.dsChange=r(this,"dsChange"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.control=new p(this),this.maskUtil=new C(this),this.inputId="ds-input-"+I++,this.focused=!1,this.language=t.language,this.region=t.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||l(o)||c(o)||new RegExp("^"+this.allowedKeyPress+"$").test(o.key)||[...m].includes(o.key)?void 0:f(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=i(this.dsChange,this.debounce)}maskChanged(){var o;this.maskUtil.setFormatter((o=this.mask,D.find((r=>r.name===o))))}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=u(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||"").toString()}getFormattedValue(){const o=this.getRawValue();return`${o}${v(this.suffix)&&v(o)?" "+this.suffix:""}`}render(){var o;let r;r=v(this.mask)?null!==(o=this.maskUtil.format(this.getRawValue()))&&void 0!==o?o:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let t={};v(this.pattern)&&(t={pattern:this.pattern});const i=this.invalid||this.hasInvalidTextSlotContent;return e(b,{key:"40b70b3a01a7569c67e3da6020db922fd3da9fb9",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:"4b43fe8759f73a21227041052cfa708aed8337b9",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 n(this)}static get watchers(){return{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}}};a([s("input"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],S.prototype,"createLogger",null),a([z("string"),d("design:type",Object)],S.prototype,"value",void 0),a([z("string"),d("design:type",String)],S.prototype,"name",void 0),a([z("string"),d("design:type",String)],S.prototype,"label",void 0),a([z("string"),d("design:type",String)],S.prototype,"description",void 0),a([j(y),d("design:type",String)],S.prototype,"color",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"loading",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"invalid",void 0),a([z("string"),d("design:type",String)],S.prototype,"invalidText",void 0),a([j(w),d("design:type",String)],S.prototype,"type",void 0),a([z("string"),d("design:type",String)],S.prototype,"accept",void 0),a([z("string"),d("design:type",String)],S.prototype,"autocapitalize",void 0),a([j(_),d("design:type",String)],S.prototype,"autocomplete",void 0),a([j($),d("design:type",String)],S.prototype,"autocorrect",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"autofocus",void 0),a([z("number"),d("design:type",Number)],S.prototype,"debounce",void 0),a([z("string"),d("design:type",String)],S.prototype,"placeholder",void 0),a([z("string"),d("design:type",String)],S.prototype,"max",void 0),a([z("number"),d("design:type",Number)],S.prototype,"maxLength",void 0),a([z("string"),d("design:type",String)],S.prototype,"min",void 0),a([z("number"),d("design:type",Number)],S.prototype,"minLength",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"multiple",void 0),a([z("string"),d("design:type",String)],S.prototype,"pattern",void 0),a([z("string"),d("design:type",String)],S.prototype,"allowedKeyPress",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"required",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"spellcheck",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"disabled",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"readonly",void 0),a([z("string"),d("design:type",String)],S.prototype,"suffix",void 0),a([j(k),d("design:type",String)],S.prototype,"inputmode",void 0),a([j(x),d("design:type",String)],S.prototype,"mask",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"autoInvalidOff",void 0),a([B(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],S.prototype,"configChanged",null);let I=0;S.style=":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)}";export{S as ds_input}

package/dist/design-system/p-e401998af1.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as s,F as t,G as e,I as a}from"./p-DxEN1zze.js";import{_ as n,L as o,a as r}from"./p-C4x_tAIC.js";import{h as c}from"./p-CZJ32hZb.js";import{O as i}from"./p-B_GE_aHN.js";import{n as d}from"./p-DR5LIaCn.js";import{T as l}from"./p-DUF2uMuK.js";import"./p-CnwtEwKG.js";const g=["auto","none","2xs","xs","sm","base","md","lg","xl","xxl"],k=["none","2xs","xs","sm","base","md","lg","xl","xxl"],p=["top start","top center","top end","start","center","end","bottom start","bottom center","bottom end"],h=["start","center","end"],w=class{constructor(t){s(this,t)}createLogger(s){this.log=s}render(){var s;const a=c(this.alignment),n=c(this.align);let o=null===(s=this.align)||void 0===s?void 0:s.split(" ").join("-");this.alignment&&(o=this.alignment.split(" ").join("-"));let r=this.direction;return c(this.layout)&&("horizontal"===this.layout?r="row":"vertical"===this.layout?r="column":"vertical-reverse"===this.layout?r="column-reverse":"horizontal-reverse"===this.layout&&(r="row-reverse")),t(e,{key:"9db1ada951bdf32a045b624204f528d9b815b402",class:{"ds-stack-content":!0,"as-row":"row"===r,"as-col":"column"===r,[`align-${o}`]:n||a,[`text-${this.textAlign}`]:c(this.textAlign),[`has-space-${this.space}`]:c(this.space)}},t("slot",{key:"abc5e0b224522a742635ce58f701c55b8bf2f65a"}))}get el(){return a(this)}};n([o("content"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],w.prototype,"createLogger",null),n([i(["horizontal","vertical","horizontal-reverse","vertical-reverse"]),r("design:type",String)],w.prototype,"layout",void 0),n([i(["column","row"]),r("design:type",String)],w.prototype,"direction",void 0),n([i(h),r("design:type",String)],w.prototype,"align",void 0),n([i(h),r("design:type",String)],w.prototype,"textAlign",void 0),n([i(["none","3xs","2xs","xs","sm","base"]),r("design:type",String)],w.prototype,"space",void 0),n([i(p),r("design:type",String)],w.prototype,"alignment",void 0),w.style=".ds-stack,.ds-stack-content{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.ds-stack{gap:1rem}.ds-stack-content{-ms-flex:1;flex:1;height:100%;gap:.25rem}.ds-stack>.ds-stack,.ds-stack>.ds-stack-content{-ms-flex-item-align:stretch;align-self:stretch}.ds-stack.is-horizontal>.ds-stack-content{-ms-flex-item-align:center;align-self:center}.ds-stack.has-wrap,.ds-stack-content.has-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.ds-stack.as-row,.ds-stack.is-horizontal,.ds-stack.has-direction-row,.ds-stack-content.as-row,.ds-stack-content.is-horizontal,.ds-stack-content.has-direction-row{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center}.ds-stack.as-row-reverse,.ds-stack.is-horizontal-reverse,.ds-stack.has-direction-row-reverse,.ds-stack-content.as-row-reverse,.ds-stack-content.is-horizontal-reverse,.ds-stack-content.has-direction-row-reverse{-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-ms-flex-align:center;align-items:center}.ds-stack.as-col-reverse,.ds-stack.is-vertical-reverse,.ds-stack.has-direction-column-reverse,.ds-stack-content.as-col-reverse,.ds-stack-content.is-vertical-reverse,.ds-stack-content.has-direction-column-reverse{-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:end;align-items:flex-end}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:start;align-items:flex-start}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}.ds-stack.as-row.align-top-left,.ds-stack.as-row.align-top-start,.ds-stack.is-horizontal.align-top-left,.ds-stack.is-horizontal.align-top-start,.ds-stack.has-direction-row.align-top-left,.ds-stack.has-direction-row.align-top-start,.ds-stack.as-row-reverse.align-top-left,.ds-stack.as-row-reverse.align-top-start,.ds-stack.is-horizontal-reverse.align-top-left,.ds-stack.is-horizontal-reverse.align-top-start,.ds-stack.has-direction-row-reverse.align-top-left,.ds-stack.has-direction-row-reverse.align-top-start,.ds-stack-content.as-row.align-top-left,.ds-stack-content.as-row.align-top-start,.ds-stack-content.is-horizontal.align-top-left,.ds-stack-content.is-horizontal.align-top-start,.ds-stack-content.has-direction-row.align-top-left,.ds-stack-content.has-direction-row.align-top-start,.ds-stack-content.as-row-reverse.align-top-left,.ds-stack-content.as-row-reverse.align-top-start,.ds-stack-content.is-horizontal-reverse.align-top-left,.ds-stack-content.is-horizontal-reverse.align-top-start,.ds-stack-content.has-direction-row-reverse.align-top-left,.ds-stack-content.has-direction-row-reverse.align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ds-stack.as-row.align-top,.ds-stack.as-row.align-top-center,.ds-stack.is-horizontal.align-top,.ds-stack.is-horizontal.align-top-center,.ds-stack.has-direction-row.align-top,.ds-stack.has-direction-row.align-top-center,.ds-stack.as-row-reverse.align-top,.ds-stack.as-row-reverse.align-top-center,.ds-stack.is-horizontal-reverse.align-top,.ds-stack.is-horizontal-reverse.align-top-center,.ds-stack.has-direction-row-reverse.align-top,.ds-stack.has-direction-row-reverse.align-top-center,.ds-stack-content.as-row.align-top,.ds-stack-content.as-row.align-top-center,.ds-stack-content.is-horizontal.align-top,.ds-stack-content.is-horizontal.align-top-center,.ds-stack-content.has-direction-row.align-top,.ds-stack-content.has-direction-row.align-top-center,.ds-stack-content.as-row-reverse.align-top,.ds-stack-content.as-row-reverse.align-top-center,.ds-stack-content.is-horizontal-reverse.align-top,.ds-stack-content.is-horizontal-reverse.align-top-center,.ds-stack-content.has-direction-row-reverse.align-top,.ds-stack-content.has-direction-row-reverse.align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.ds-stack.as-row.align-top-right,.ds-stack.as-row.align-top-end,.ds-stack.is-horizontal.align-top-right,.ds-stack.is-horizontal.align-top-end,.ds-stack.has-direction-row.align-top-right,.ds-stack.has-direction-row.align-top-end,.ds-stack.as-row-reverse.align-top-right,.ds-stack.as-row-reverse.align-top-end,.ds-stack.is-horizontal-reverse.align-top-right,.ds-stack.is-horizontal-reverse.align-top-end,.ds-stack.has-direction-row-reverse.align-top-right,.ds-stack.has-direction-row-reverse.align-top-end,.ds-stack-content.as-row.align-top-right,.ds-stack-content.as-row.align-top-end,.ds-stack-content.is-horizontal.align-top-right,.ds-stack-content.is-horizontal.align-top-end,.ds-stack-content.has-direction-row.align-top-right,.ds-stack-content.has-direction-row.align-top-end,.ds-stack-content.as-row-reverse.align-top-right,.ds-stack-content.as-row-reverse.align-top-end,.ds-stack-content.is-horizontal-reverse.align-top-right,.ds-stack-content.is-horizontal-reverse.align-top-end,.ds-stack-content.has-direction-row-reverse.align-top-right,.ds-stack-content.has-direction-row-reverse.align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.ds-stack.as-row.align-start,.ds-stack.as-row.align-center-left,.ds-stack.as-row.align-center-start,.ds-stack.is-horizontal.align-start,.ds-stack.is-horizontal.align-center-left,.ds-stack.is-horizontal.align-center-start,.ds-stack.has-direction-row.align-start,.ds-stack.has-direction-row.align-center-left,.ds-stack.has-direction-row.align-center-start,.ds-stack.as-row-reverse.align-start,.ds-stack.as-row-reverse.align-center-left,.ds-stack.as-row-reverse.align-center-start,.ds-stack.is-horizontal-reverse.align-start,.ds-stack.is-horizontal-reverse.align-center-left,.ds-stack.is-horizontal-reverse.align-center-start,.ds-stack.has-direction-row-reverse.align-start,.ds-stack.has-direction-row-reverse.align-center-left,.ds-stack.has-direction-row-reverse.align-center-start,.ds-stack-content.as-row.align-start,.ds-stack-content.as-row.align-center-left,.ds-stack-content.as-row.align-center-start,.ds-stack-content.is-horizontal.align-start,.ds-stack-content.is-horizontal.align-center-left,.ds-stack-content.is-horizontal.align-center-start,.ds-stack-content.has-direction-row.align-start,.ds-stack-content.has-direction-row.align-center-left,.ds-stack-content.has-direction-row.align-center-start,.ds-stack-content.as-row-reverse.align-start,.ds-stack-content.as-row-reverse.align-center-left,.ds-stack-content.as-row-reverse.align-center-start,.ds-stack-content.is-horizontal-reverse.align-start,.ds-stack-content.is-horizontal-reverse.align-center-left,.ds-stack-content.is-horizontal-reverse.align-center-start,.ds-stack-content.has-direction-row-reverse.align-start,.ds-stack-content.has-direction-row-reverse.align-center-left,.ds-stack-content.has-direction-row-reverse.align-center-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.ds-stack.as-row.align-center,.ds-stack.is-horizontal.align-center,.ds-stack.has-direction-row.align-center,.ds-stack.as-row-reverse.align-center,.ds-stack.is-horizontal-reverse.align-center,.ds-stack.has-direction-row-reverse.align-center,.ds-stack-content.as-row.align-center,.ds-stack-content.is-horizontal.align-center,.ds-stack-content.has-direction-row.align-center,.ds-stack-content.as-row-reverse.align-center,.ds-stack-content.is-horizontal-reverse.align-center,.ds-stack-content.has-direction-row-reverse.align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.ds-stack.as-row.align-end,.ds-stack.as-row.align-center-right,.ds-stack.as-row.align-center-end,.ds-stack.is-horizontal.align-end,.ds-stack.is-horizontal.align-center-right,.ds-stack.is-horizontal.align-center-end,.ds-stack.has-direction-row.align-end,.ds-stack.has-direction-row.align-center-right,.ds-stack.has-direction-row.align-center-end,.ds-stack.as-row-reverse.align-end,.ds-stack.as-row-reverse.align-center-right,.ds-stack.as-row-reverse.align-center-end,.ds-stack.is-horizontal-reverse.align-end,.ds-stack.is-horizontal-reverse.align-center-right,.ds-stack.is-horizontal-reverse.align-center-end,.ds-stack.has-direction-row-reverse.align-end,.ds-stack.has-direction-row-reverse.align-center-right,.ds-stack.has-direction-row-reverse.align-center-end,.ds-stack-content.as-row.align-end,.ds-stack-content.as-row.align-center-right,.ds-stack-content.as-row.align-center-end,.ds-stack-content.is-horizontal.align-end,.ds-stack-content.is-horizontal.align-center-right,.ds-stack-content.is-horizontal.align-center-end,.ds-stack-content.has-direction-row.align-end,.ds-stack-content.has-direction-row.align-center-right,.ds-stack-content.has-direction-row.align-center-end,.ds-stack-content.as-row-reverse.align-end,.ds-stack-content.as-row-reverse.align-center-right,.ds-stack-content.as-row-reverse.align-center-end,.ds-stack-content.is-horizontal-reverse.align-end,.ds-stack-content.is-horizontal-reverse.align-center-right,.ds-stack-content.is-horizontal-reverse.align-center-end,.ds-stack-content.has-direction-row-reverse.align-end,.ds-stack-content.has-direction-row-reverse.align-center-right,.ds-stack-content.has-direction-row-reverse.align-center-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.ds-stack.as-row.align-bottom-left,.ds-stack.as-row.align-bottom-start,.ds-stack.is-horizontal.align-bottom-left,.ds-stack.is-horizontal.align-bottom-start,.ds-stack.has-direction-row.align-bottom-left,.ds-stack.has-direction-row.align-bottom-start,.ds-stack.as-row-reverse.align-bottom-left,.ds-stack.as-row-reverse.align-bottom-start,.ds-stack.is-horizontal-reverse.align-bottom-left,.ds-stack.is-horizontal-reverse.align-bottom-start,.ds-stack.has-direction-row-reverse.align-bottom-left,.ds-stack.has-direction-row-reverse.align-bottom-start,.ds-stack-content.as-row.align-bottom-left,.ds-stack-content.as-row.align-bottom-start,.ds-stack-content.is-horizontal.align-bottom-left,.ds-stack-content.is-horizontal.align-bottom-start,.ds-stack-content.has-direction-row.align-bottom-left,.ds-stack-content.has-direction-row.align-bottom-start,.ds-stack-content.as-row-reverse.align-bottom-left,.ds-stack-content.as-row-reverse.align-bottom-start,.ds-stack-content.is-horizontal-reverse.align-bottom-left,.ds-stack-content.is-horizontal-reverse.align-bottom-start,.ds-stack-content.has-direction-row-reverse.align-bottom-left,.ds-stack-content.has-direction-row-reverse.align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.ds-stack.as-row.align-bottom,.ds-stack.as-row.align-bottom-center,.ds-stack.is-horizontal.align-bottom,.ds-stack.is-horizontal.align-bottom-center,.ds-stack.has-direction-row.align-bottom,.ds-stack.has-direction-row.align-bottom-center,.ds-stack.as-row-reverse.align-bottom,.ds-stack.as-row-reverse.align-bottom-center,.ds-stack.is-horizontal-reverse.align-bottom,.ds-stack.is-horizontal-reverse.align-bottom-center,.ds-stack.has-direction-row-reverse.align-bottom,.ds-stack.has-direction-row-reverse.align-bottom-center,.ds-stack-content.as-row.align-bottom,.ds-stack-content.as-row.align-bottom-center,.ds-stack-content.is-horizontal.align-bottom,.ds-stack-content.is-horizontal.align-bottom-center,.ds-stack-content.has-direction-row.align-bottom,.ds-stack-content.has-direction-row.align-bottom-center,.ds-stack-content.as-row-reverse.align-bottom,.ds-stack-content.as-row-reverse.align-bottom-center,.ds-stack-content.is-horizontal-reverse.align-bottom,.ds-stack-content.is-horizontal-reverse.align-bottom-center,.ds-stack-content.has-direction-row-reverse.align-bottom,.ds-stack-content.has-direction-row-reverse.align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.ds-stack.as-row.align-bottom-right,.ds-stack.as-row.align-bottom-end,.ds-stack.is-horizontal.align-bottom-right,.ds-stack.is-horizontal.align-bottom-end,.ds-stack.has-direction-row.align-bottom-right,.ds-stack.has-direction-row.align-bottom-end,.ds-stack.as-row-reverse.align-bottom-right,.ds-stack.as-row-reverse.align-bottom-end,.ds-stack.is-horizontal-reverse.align-bottom-right,.ds-stack.is-horizontal-reverse.align-bottom-end,.ds-stack.has-direction-row-reverse.align-bottom-right,.ds-stack.has-direction-row-reverse.align-bottom-end,.ds-stack-content.as-row.align-bottom-right,.ds-stack-content.as-row.align-bottom-end,.ds-stack-content.is-horizontal.align-bottom-right,.ds-stack-content.is-horizontal.align-bottom-end,.ds-stack-content.has-direction-row.align-bottom-right,.ds-stack-content.has-direction-row.align-bottom-end,.ds-stack-content.as-row-reverse.align-bottom-right,.ds-stack-content.as-row-reverse.align-bottom-end,.ds-stack-content.is-horizontal-reverse.align-bottom-right,.ds-stack-content.is-horizontal-reverse.align-bottom-end,.ds-stack-content.has-direction-row-reverse.align-bottom-right,.ds-stack-content.has-direction-row-reverse.align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ds-stack-content,.ds-stack-content.align-top-left,.ds-stack-content.align-top-start,.ds-stack-content.align-start,.ds-stack-content.align-center-left,.ds-stack-content.align-center-start,.ds-stack-content.align-bottom-left,.ds-stack-content.align-bottom-start{text-align:left}.ds-stack-content.align-top,.ds-stack-content.align-top-center,.ds-stack-content.align-center,.ds-stack-content.align-bottom,.ds-stack-content.align-bottom-center{text-align:center}.ds-stack-content.align-top-right,.ds-stack-content.align-top-end,.ds-stack-content.align-end,.ds-stack-content.align-center-right,.ds-stack-content.align-center-end,.ds-stack-content.align-bottom-right,.ds-stack-content.align-bottom-end{text-align:right}.ds-stack-content.text-left{text-align:left !important}.ds-stack-content.text-center{text-align:center !important}.ds-stack-content.text-right{text-align:right !important}.ds-stack.fit-content,.ds-stack-content.fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ds-stack.p-2xs,.ds-stack-content.p-2xs{padding:var(--ds-device-space-2xs)}.ds-stack.p-xs,.ds-stack-content.p-xs{padding:var(--ds-device-space-xs)}.ds-stack.p-sm,.ds-stack-content.p-sm{padding:var(--ds-device-space-sm)}.ds-stack.p-base,.ds-stack-content.p-base{padding:var(--ds-device-space-base)}.ds-stack.p-md,.ds-stack-content.p-md{padding:var(--ds-device-space-md)}.ds-stack.p-lg,.ds-stack-content.p-lg{padding:var(--ds-device-space-lg)}.ds-stack.p-xl,.ds-stack-content.p-xl{padding:var(--ds-device-space-xl)}.ds-stack.p-2xl,.ds-stack-content.p-2xl{padding:var(--ds-device-space-2xl)}.ds-stack.px-2xs,.ds-stack-content.px-2xs{padding-left:var(--ds-device-space-2xs);padding-right:var(--ds-device-space-2xs)}.ds-stack.px-xs,.ds-stack-content.px-xs{padding-left:var(--ds-device-space-xs);padding-right:var(--ds-device-space-xs)}.ds-stack.px-sm,.ds-stack-content.px-sm{padding-left:var(--ds-device-space-sm);padding-right:var(--ds-device-space-sm)}.ds-stack.px-base,.ds-stack-content.px-base{padding-left:var(--ds-device-space-base);padding-right:var(--ds-device-space-base)}.ds-stack.px-md,.ds-stack-content.px-md{padding-left:var(--ds-device-space-md);padding-right:var(--ds-device-space-md)}.ds-stack.px-lg,.ds-stack-content.px-lg{padding-left:var(--ds-device-space-lg);padding-right:var(--ds-device-space-lg)}.ds-stack.px-xl,.ds-stack-content.px-xl{padding-left:var(--ds-device-space-xl);padding-right:var(--ds-device-space-xl)}.ds-stack.px-2xl,.ds-stack-content.px-2xl{padding-left:var(--ds-device-space-2xl);padding-right:var(--ds-device-space-2xl)}.ds-stack.py-2xs,.ds-stack-content.py-2xs{padding-top:var(--ds-device-space-2xs);padding-bottom:var(--ds-device-space-2xs)}.ds-stack.py-xs,.ds-stack-content.py-xs{padding-top:var(--ds-device-space-xs);padding-bottom:var(--ds-device-space-xs)}.ds-stack.py-sm,.ds-stack-content.py-sm{padding-top:var(--ds-device-space-sm);padding-bottom:var(--ds-device-space-sm)}.ds-stack.py-base,.ds-stack-content.py-base{padding-top:var(--ds-device-space-base);padding-bottom:var(--ds-device-space-base)}.ds-stack.py-md,.ds-stack-content.py-md{padding-top:var(--ds-device-space-md);padding-bottom:var(--ds-device-space-md)}.ds-stack.py-lg,.ds-stack-content.py-lg{padding-top:var(--ds-device-space-lg);padding-bottom:var(--ds-device-space-lg)}.ds-stack.py-xl,.ds-stack-content.py-xl{padding-top:var(--ds-device-space-xl);padding-bottom:var(--ds-device-space-xl)}.ds-stack.py-2xl,.ds-stack-content.py-2xl{padding-top:var(--ds-device-space-2xl);padding-bottom:var(--ds-device-space-2xl)}.ds-stack.p-none,.ds-stack-content.p-none{padding:0}.ds-stack.px-none,.ds-stack-content.px-none{padding-left:0;padding-right:0}.ds-stack.py-none,.ds-stack-content.py-none{padding-top:0;padding-bottom:0}.ds-stack.gap-auto,.ds-stack.gap-x-auto,.ds-stack.gap-col-auto,.ds-stack.gap-y-auto,.ds-stack.gap-row-auto,.ds-stack.has-space-auto,.ds-stack.has-space-col-auto,.ds-stack.has-space-row-auto,.ds-stack-content.gap-auto,.ds-stack-content.gap-x-auto,.ds-stack-content.gap-col-auto,.ds-stack-content.gap-y-auto,.ds-stack-content.gap-row-auto,.ds-stack-content.has-space-auto,.ds-stack-content.has-space-col-auto,.ds-stack-content.has-space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.ds-stack.gap-none,.ds-stack.has-space-none,.ds-stack-content.gap-none,.ds-stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.ds-stack.gap-none,.ds-stack.has-space-none,.ds-stack-content.gap-none,.ds-stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.ds-stack.gap-none,.ds-stack.has-space-none,.ds-stack-content.gap-none,.ds-stack-content.has-space-none{gap:0}}.ds-stack.gap-x-none,.ds-stack.gap-col-none,.ds-stack.has-space-col-none,.ds-stack-content.gap-x-none,.ds-stack-content.gap-col-none,.ds-stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px){.ds-stack.gap-x-none,.ds-stack.gap-col-none,.ds-stack.has-space-col-none,.ds-stack-content.gap-x-none,.ds-stack-content.gap-col-none,.ds-stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.ds-stack.gap-x-none,.ds-stack.gap-col-none,.ds-stack.has-space-col-none,.ds-stack-content.gap-x-none,.ds-stack-content.gap-col-none,.ds-stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.ds-stack.gap-y-none,.ds-stack.gap-row-none,.ds-stack.has-space-row-none,.ds-stack-content.gap-y-none,.ds-stack-content.gap-row-none,.ds-stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.ds-stack.gap-y-none,.ds-stack.gap-row-none,.ds-stack.has-space-row-none,.ds-stack-content.gap-y-none,.ds-stack-content.gap-row-none,.ds-stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.ds-stack.gap-y-none,.ds-stack.gap-row-none,.ds-stack.has-space-row-none,.ds-stack-content.gap-y-none,.ds-stack-content.gap-row-none,.ds-stack-content.has-space-row-none{row-gap:0}}.ds-stack.gap-2xs,.ds-stack.has-space-2xs,.ds-stack-content.gap-2xs,.ds-stack-content.has-space-2xs{gap:var(--ds-device-space-2xs)}.ds-stack.gap-xs,.ds-stack.has-space-xs,.ds-stack-content.gap-xs,.ds-stack-content.has-space-xs{gap:var(--ds-device-space-xs)}.ds-stack.gap-sm,.ds-stack.has-space-sm,.ds-stack-content.gap-sm,.ds-stack-content.has-space-sm{gap:var(--ds-device-space-sm)}.ds-stack.gap-base,.ds-stack.has-space-base,.ds-stack-content.gap-base,.ds-stack-content.has-space-base{gap:var(--ds-device-space-base)}.ds-stack.gap-md,.ds-stack.has-space-md,.ds-stack-content.gap-md,.ds-stack-content.has-space-md{gap:var(--ds-device-space-md)}.ds-stack.gap-lg,.ds-stack.has-space-lg,.ds-stack-content.gap-lg,.ds-stack-content.has-space-lg{gap:var(--ds-device-space-lg)}.ds-stack.gap-xl,.ds-stack.has-space-xl,.ds-stack-content.gap-xl,.ds-stack-content.has-space-xl{gap:var(--ds-device-space-xl)}.ds-stack.gap-2xl,.ds-stack.has-space-2xl,.ds-stack-content.gap-2xl,.ds-stack-content.has-space-2xl{gap:var(--ds-device-space-2xl)}.ds-stack.gap-x-2xs,.ds-stack.gap-col-2xs,.ds-stack.has-space-col-2xs,.ds-stack-content.gap-x-2xs,.ds-stack-content.gap-col-2xs,.ds-stack-content.has-space-col-2xs{-webkit-column-gap:var(--ds-device-space-2xs);-moz-column-gap:var(--ds-device-space-2xs);column-gap:var(--ds-device-space-2xs)}.ds-stack.gap-x-xs,.ds-stack.gap-col-xs,.ds-stack.has-space-col-xs,.ds-stack-content.gap-x-xs,.ds-stack-content.gap-col-xs,.ds-stack-content.has-space-col-xs{-webkit-column-gap:var(--ds-device-space-xs);-moz-column-gap:var(--ds-device-space-xs);column-gap:var(--ds-device-space-xs)}.ds-stack.gap-x-sm,.ds-stack.gap-col-sm,.ds-stack.has-space-col-sm,.ds-stack-content.gap-x-sm,.ds-stack-content.gap-col-sm,.ds-stack-content.has-space-col-sm{-webkit-column-gap:var(--ds-device-space-sm);-moz-column-gap:var(--ds-device-space-sm);column-gap:var(--ds-device-space-sm)}.ds-stack.gap-x-base,.ds-stack.gap-col-base,.ds-stack.has-space-col-base,.ds-stack-content.gap-x-base,.ds-stack-content.gap-col-base,.ds-stack-content.has-space-col-base{-webkit-column-gap:var(--ds-device-space-base);-moz-column-gap:var(--ds-device-space-base);column-gap:var(--ds-device-space-base)}.ds-stack.gap-x-md,.ds-stack.gap-col-md,.ds-stack.has-space-col-md,.ds-stack-content.gap-x-md,.ds-stack-content.gap-col-md,.ds-stack-content.has-space-col-md{-webkit-column-gap:var(--ds-device-space-md);-moz-column-gap:var(--ds-device-space-md);column-gap:var(--ds-device-space-md)}.ds-stack.gap-x-lg,.ds-stack.gap-col-lg,.ds-stack.has-space-col-lg,.ds-stack-content.gap-x-lg,.ds-stack-content.gap-col-lg,.ds-stack-content.has-space-col-lg{-webkit-column-gap:var(--ds-device-space-lg);-moz-column-gap:var(--ds-device-space-lg);column-gap:var(--ds-device-space-lg)}.ds-stack.gap-x-xl,.ds-stack.gap-col-xl,.ds-stack.has-space-col-xl,.ds-stack-content.gap-x-xl,.ds-stack-content.gap-col-xl,.ds-stack-content.has-space-col-xl{-webkit-column-gap:var(--ds-device-space-xl);-moz-column-gap:var(--ds-device-space-xl);column-gap:var(--ds-device-space-xl)}.ds-stack.gap-x-2xl,.ds-stack.gap-col-2xl,.ds-stack.has-space-col-2xl,.ds-stack-content.gap-x-2xl,.ds-stack-content.gap-col-2xl,.ds-stack-content.has-space-col-2xl{-webkit-column-gap:var(--ds-device-space-2xl);-moz-column-gap:var(--ds-device-space-2xl);column-gap:var(--ds-device-space-2xl)}.ds-stack.gap-y-2xs,.ds-stack.gap-row-2xs,.ds-stack.has-space-row-2xs,.ds-stack-content.gap-y-2xs,.ds-stack-content.gap-row-2xs,.ds-stack-content.has-space-row-2xs{row-gap:var(--ds-device-space-2xs)}.ds-stack.gap-y-xs,.ds-stack.gap-row-xs,.ds-stack.has-space-row-xs,.ds-stack-content.gap-y-xs,.ds-stack-content.gap-row-xs,.ds-stack-content.has-space-row-xs{row-gap:var(--ds-device-space-xs)}.ds-stack.gap-y-sm,.ds-stack.gap-row-sm,.ds-stack.has-space-row-sm,.ds-stack-content.gap-y-sm,.ds-stack-content.gap-row-sm,.ds-stack-content.has-space-row-sm{row-gap:var(--ds-device-space-sm)}.ds-stack.gap-y-base,.ds-stack.gap-row-base,.ds-stack.has-space-row-base,.ds-stack-content.gap-y-base,.ds-stack-content.gap-row-base,.ds-stack-content.has-space-row-base{row-gap:var(--ds-device-space-base)}.ds-stack.gap-y-md,.ds-stack.gap-row-md,.ds-stack.has-space-row-md,.ds-stack-content.gap-y-md,.ds-stack-content.gap-row-md,.ds-stack-content.has-space-row-md{row-gap:var(--ds-device-space-md)}.ds-stack.gap-y-lg,.ds-stack.gap-row-lg,.ds-stack.has-space-row-lg,.ds-stack-content.gap-y-lg,.ds-stack-content.gap-row-lg,.ds-stack-content.has-space-row-lg{row-gap:var(--ds-device-space-lg)}.ds-stack.gap-y-xl,.ds-stack.gap-row-xl,.ds-stack.has-space-row-xl,.ds-stack-content.gap-y-xl,.ds-stack-content.gap-row-xl,.ds-stack-content.has-space-row-xl{row-gap:var(--ds-device-space-xl)}.ds-stack.gap-y-2xl,.ds-stack.gap-row-2xl,.ds-stack.has-space-row-2xl,.ds-stack-content.gap-y-2xl,.ds-stack-content.gap-row-2xl,.ds-stack-content.has-space-row-2xl{row-gap:var(--ds-device-space-2xl)}.ds-stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.ds-stack-content>ds-text,ds-content>.ds-text,.ds-stack-content>.ds-text,.ds-stack>ds-text,.ds-stack>ds-label,.ds-stack>ds-heading,.ds-stack>ds-heading:not(:last-child),.ds-stack>.ds-label,.ds-stack>.ds-heading,.ds-stack>.ds-heading:not(:last-child),.ds-stack>.ds-title,.ds-stack>.ds-title:not(:last-child),.ds-stack>.ds-subtitle,.ds-stack>.ds-subtitle:not(:last-child),.ds-stack>.ds-link,.ds-stack>.is-link,.ds-stack>p{margin:0}ds-content{position:static}";const v=class{constructor(t){s(this,t),this.fitContent=!1,this.space="base",this.useWrap=!1}createLogger(s){this.log=s}render(){const s=c(this.align),a=c(this.alignment),n=d(this.space)||"",o=d(this.spaceRow)||"",r=d(this.spaceColumn)||"",i=d(this.p)||"",l=d(this.px)||"",g=d(this.py)||"";let k=this.align?this.align.split(" ").join("-"):void 0;return this.alignment&&(k=this.alignment.split(" ").join("-")),t(e,{key:"9d2f5fd3de8f6cf59064882572af921214b1e046",class:{"ds-stack":!0,"as-row":"row"===this.direction,"as-col":"column"===this.direction,"has-wrap":!0===this.useWrap,"fit-content":!0===this.fitContent,[`align-${k}`]:s||a,[`has-space-${n}`]:c(this.space),[`has-space-row-${o}`]:c(this.spaceRow),[`has-space-col-${r}`]:c(this.spaceColumn),[`p-${i}`]:c(this.p),[`px-${l}`]:c(this.px),[`py-${g}`]:c(this.py)}},t("slot",{key:"1dfe4af03e413819e9f0091fed1045806e2ea858"}))}get el(){return a(this)}};n([o("stack"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],v.prototype,"createLogger",null),n([i(p),r("design:type",String)],v.prototype,"align",void 0),n([i(p),r("design:type",String)],v.prototype,"alignment",void 0),n([i(["row","column","row-reverse","column-reverse"]),r("design:type",String)],v.prototype,"direction",void 0),n([l("boolean"),r("design:type",Boolean)],v.prototype,"fitContent",void 0),n([i(k),r("design:type",String)],v.prototype,"p",void 0),n([i(k),r("design:type",String)],v.prototype,"px",void 0),n([i(k),r("design:type",String)],v.prototype,"py",void 0),n([i(g),r("design:type",String)],v.prototype,"space",void 0),n([i(g),r("design:type",String)],v.prototype,"spaceColumn",void 0),n([i(g),r("design:type",String)],v.prototype,"spaceRow",void 0),n([l("boolean"),r("design:type",Boolean)],v.prototype,"useWrap",void 0),v.style=".ds-stack,.ds-stack-content{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.ds-stack{gap:1rem}.ds-stack-content{-ms-flex:1;flex:1;height:100%;gap:.25rem}.ds-stack>.ds-stack,.ds-stack>.ds-stack-content{-ms-flex-item-align:stretch;align-self:stretch}.ds-stack.is-horizontal>.ds-stack-content{-ms-flex-item-align:center;align-self:center}.ds-stack.has-wrap,.ds-stack-content.has-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.ds-stack.as-row,.ds-stack.is-horizontal,.ds-stack.has-direction-row,.ds-stack-content.as-row,.ds-stack-content.is-horizontal,.ds-stack-content.has-direction-row{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center}.ds-stack.as-row-reverse,.ds-stack.is-horizontal-reverse,.ds-stack.has-direction-row-reverse,.ds-stack-content.as-row-reverse,.ds-stack-content.is-horizontal-reverse,.ds-stack-content.has-direction-row-reverse{-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-ms-flex-align:center;align-items:center}.ds-stack.as-col-reverse,.ds-stack.is-vertical-reverse,.ds-stack.has-direction-column-reverse,.ds-stack-content.as-col-reverse,.ds-stack-content.is-vertical-reverse,.ds-stack-content.has-direction-column-reverse{-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:end;align-items:flex-end}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:start;align-items:flex-start}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.ds-stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.ds-stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}.ds-stack.as-row.align-top-left,.ds-stack.as-row.align-top-start,.ds-stack.is-horizontal.align-top-left,.ds-stack.is-horizontal.align-top-start,.ds-stack.has-direction-row.align-top-left,.ds-stack.has-direction-row.align-top-start,.ds-stack.as-row-reverse.align-top-left,.ds-stack.as-row-reverse.align-top-start,.ds-stack.is-horizontal-reverse.align-top-left,.ds-stack.is-horizontal-reverse.align-top-start,.ds-stack.has-direction-row-reverse.align-top-left,.ds-stack.has-direction-row-reverse.align-top-start,.ds-stack-content.as-row.align-top-left,.ds-stack-content.as-row.align-top-start,.ds-stack-content.is-horizontal.align-top-left,.ds-stack-content.is-horizontal.align-top-start,.ds-stack-content.has-direction-row.align-top-left,.ds-stack-content.has-direction-row.align-top-start,.ds-stack-content.as-row-reverse.align-top-left,.ds-stack-content.as-row-reverse.align-top-start,.ds-stack-content.is-horizontal-reverse.align-top-left,.ds-stack-content.is-horizontal-reverse.align-top-start,.ds-stack-content.has-direction-row-reverse.align-top-left,.ds-stack-content.has-direction-row-reverse.align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ds-stack.as-row.align-top,.ds-stack.as-row.align-top-center,.ds-stack.is-horizontal.align-top,.ds-stack.is-horizontal.align-top-center,.ds-stack.has-direction-row.align-top,.ds-stack.has-direction-row.align-top-center,.ds-stack.as-row-reverse.align-top,.ds-stack.as-row-reverse.align-top-center,.ds-stack.is-horizontal-reverse.align-top,.ds-stack.is-horizontal-reverse.align-top-center,.ds-stack.has-direction-row-reverse.align-top,.ds-stack.has-direction-row-reverse.align-top-center,.ds-stack-content.as-row.align-top,.ds-stack-content.as-row.align-top-center,.ds-stack-content.is-horizontal.align-top,.ds-stack-content.is-horizontal.align-top-center,.ds-stack-content.has-direction-row.align-top,.ds-stack-content.has-direction-row.align-top-center,.ds-stack-content.as-row-reverse.align-top,.ds-stack-content.as-row-reverse.align-top-center,.ds-stack-content.is-horizontal-reverse.align-top,.ds-stack-content.is-horizontal-reverse.align-top-center,.ds-stack-content.has-direction-row-reverse.align-top,.ds-stack-content.has-direction-row-reverse.align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.ds-stack.as-row.align-top-right,.ds-stack.as-row.align-top-end,.ds-stack.is-horizontal.align-top-right,.ds-stack.is-horizontal.align-top-end,.ds-stack.has-direction-row.align-top-right,.ds-stack.has-direction-row.align-top-end,.ds-stack.as-row-reverse.align-top-right,.ds-stack.as-row-reverse.align-top-end,.ds-stack.is-horizontal-reverse.align-top-right,.ds-stack.is-horizontal-reverse.align-top-end,.ds-stack.has-direction-row-reverse.align-top-right,.ds-stack.has-direction-row-reverse.align-top-end,.ds-stack-content.as-row.align-top-right,.ds-stack-content.as-row.align-top-end,.ds-stack-content.is-horizontal.align-top-right,.ds-stack-content.is-horizontal.align-top-end,.ds-stack-content.has-direction-row.align-top-right,.ds-stack-content.has-direction-row.align-top-end,.ds-stack-content.as-row-reverse.align-top-right,.ds-stack-content.as-row-reverse.align-top-end,.ds-stack-content.is-horizontal-reverse.align-top-right,.ds-stack-content.is-horizontal-reverse.align-top-end,.ds-stack-content.has-direction-row-reverse.align-top-right,.ds-stack-content.has-direction-row-reverse.align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.ds-stack.as-row.align-start,.ds-stack.as-row.align-center-left,.ds-stack.as-row.align-center-start,.ds-stack.is-horizontal.align-start,.ds-stack.is-horizontal.align-center-left,.ds-stack.is-horizontal.align-center-start,.ds-stack.has-direction-row.align-start,.ds-stack.has-direction-row.align-center-left,.ds-stack.has-direction-row.align-center-start,.ds-stack.as-row-reverse.align-start,.ds-stack.as-row-reverse.align-center-left,.ds-stack.as-row-reverse.align-center-start,.ds-stack.is-horizontal-reverse.align-start,.ds-stack.is-horizontal-reverse.align-center-left,.ds-stack.is-horizontal-reverse.align-center-start,.ds-stack.has-direction-row-reverse.align-start,.ds-stack.has-direction-row-reverse.align-center-left,.ds-stack.has-direction-row-reverse.align-center-start,.ds-stack-content.as-row.align-start,.ds-stack-content.as-row.align-center-left,.ds-stack-content.as-row.align-center-start,.ds-stack-content.is-horizontal.align-start,.ds-stack-content.is-horizontal.align-center-left,.ds-stack-content.is-horizontal.align-center-start,.ds-stack-content.has-direction-row.align-start,.ds-stack-content.has-direction-row.align-center-left,.ds-stack-content.has-direction-row.align-center-start,.ds-stack-content.as-row-reverse.align-start,.ds-stack-content.as-row-reverse.align-center-left,.ds-stack-content.as-row-reverse.align-center-start,.ds-stack-content.is-horizontal-reverse.align-start,.ds-stack-content.is-horizontal-reverse.align-center-left,.ds-stack-content.is-horizontal-reverse.align-center-start,.ds-stack-content.has-direction-row-reverse.align-start,.ds-stack-content.has-direction-row-reverse.align-center-left,.ds-stack-content.has-direction-row-reverse.align-center-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.ds-stack.as-row.align-center,.ds-stack.is-horizontal.align-center,.ds-stack.has-direction-row.align-center,.ds-stack.as-row-reverse.align-center,.ds-stack.is-horizontal-reverse.align-center,.ds-stack.has-direction-row-reverse.align-center,.ds-stack-content.as-row.align-center,.ds-stack-content.is-horizontal.align-center,.ds-stack-content.has-direction-row.align-center,.ds-stack-content.as-row-reverse.align-center,.ds-stack-content.is-horizontal-reverse.align-center,.ds-stack-content.has-direction-row-reverse.align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.ds-stack.as-row.align-end,.ds-stack.as-row.align-center-right,.ds-stack.as-row.align-center-end,.ds-stack.is-horizontal.align-end,.ds-stack.is-horizontal.align-center-right,.ds-stack.is-horizontal.align-center-end,.ds-stack.has-direction-row.align-end,.ds-stack.has-direction-row.align-center-right,.ds-stack.has-direction-row.align-center-end,.ds-stack.as-row-reverse.align-end,.ds-stack.as-row-reverse.align-center-right,.ds-stack.as-row-reverse.align-center-end,.ds-stack.is-horizontal-reverse.align-end,.ds-stack.is-horizontal-reverse.align-center-right,.ds-stack.is-horizontal-reverse.align-center-end,.ds-stack.has-direction-row-reverse.align-end,.ds-stack.has-direction-row-reverse.align-center-right,.ds-stack.has-direction-row-reverse.align-center-end,.ds-stack-content.as-row.align-end,.ds-stack-content.as-row.align-center-right,.ds-stack-content.as-row.align-center-end,.ds-stack-content.is-horizontal.align-end,.ds-stack-content.is-horizontal.align-center-right,.ds-stack-content.is-horizontal.align-center-end,.ds-stack-content.has-direction-row.align-end,.ds-stack-content.has-direction-row.align-center-right,.ds-stack-content.has-direction-row.align-center-end,.ds-stack-content.as-row-reverse.align-end,.ds-stack-content.as-row-reverse.align-center-right,.ds-stack-content.as-row-reverse.align-center-end,.ds-stack-content.is-horizontal-reverse.align-end,.ds-stack-content.is-horizontal-reverse.align-center-right,.ds-stack-content.is-horizontal-reverse.align-center-end,.ds-stack-content.has-direction-row-reverse.align-end,.ds-stack-content.has-direction-row-reverse.align-center-right,.ds-stack-content.has-direction-row-reverse.align-center-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.ds-stack.as-row.align-bottom-left,.ds-stack.as-row.align-bottom-start,.ds-stack.is-horizontal.align-bottom-left,.ds-stack.is-horizontal.align-bottom-start,.ds-stack.has-direction-row.align-bottom-left,.ds-stack.has-direction-row.align-bottom-start,.ds-stack.as-row-reverse.align-bottom-left,.ds-stack.as-row-reverse.align-bottom-start,.ds-stack.is-horizontal-reverse.align-bottom-left,.ds-stack.is-horizontal-reverse.align-bottom-start,.ds-stack.has-direction-row-reverse.align-bottom-left,.ds-stack.has-direction-row-reverse.align-bottom-start,.ds-stack-content.as-row.align-bottom-left,.ds-stack-content.as-row.align-bottom-start,.ds-stack-content.is-horizontal.align-bottom-left,.ds-stack-content.is-horizontal.align-bottom-start,.ds-stack-content.has-direction-row.align-bottom-left,.ds-stack-content.has-direction-row.align-bottom-start,.ds-stack-content.as-row-reverse.align-bottom-left,.ds-stack-content.as-row-reverse.align-bottom-start,.ds-stack-content.is-horizontal-reverse.align-bottom-left,.ds-stack-content.is-horizontal-reverse.align-bottom-start,.ds-stack-content.has-direction-row-reverse.align-bottom-left,.ds-stack-content.has-direction-row-reverse.align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.ds-stack.as-row.align-bottom,.ds-stack.as-row.align-bottom-center,.ds-stack.is-horizontal.align-bottom,.ds-stack.is-horizontal.align-bottom-center,.ds-stack.has-direction-row.align-bottom,.ds-stack.has-direction-row.align-bottom-center,.ds-stack.as-row-reverse.align-bottom,.ds-stack.as-row-reverse.align-bottom-center,.ds-stack.is-horizontal-reverse.align-bottom,.ds-stack.is-horizontal-reverse.align-bottom-center,.ds-stack.has-direction-row-reverse.align-bottom,.ds-stack.has-direction-row-reverse.align-bottom-center,.ds-stack-content.as-row.align-bottom,.ds-stack-content.as-row.align-bottom-center,.ds-stack-content.is-horizontal.align-bottom,.ds-stack-content.is-horizontal.align-bottom-center,.ds-stack-content.has-direction-row.align-bottom,.ds-stack-content.has-direction-row.align-bottom-center,.ds-stack-content.as-row-reverse.align-bottom,.ds-stack-content.as-row-reverse.align-bottom-center,.ds-stack-content.is-horizontal-reverse.align-bottom,.ds-stack-content.is-horizontal-reverse.align-bottom-center,.ds-stack-content.has-direction-row-reverse.align-bottom,.ds-stack-content.has-direction-row-reverse.align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.ds-stack.as-row.align-bottom-right,.ds-stack.as-row.align-bottom-end,.ds-stack.is-horizontal.align-bottom-right,.ds-stack.is-horizontal.align-bottom-end,.ds-stack.has-direction-row.align-bottom-right,.ds-stack.has-direction-row.align-bottom-end,.ds-stack.as-row-reverse.align-bottom-right,.ds-stack.as-row-reverse.align-bottom-end,.ds-stack.is-horizontal-reverse.align-bottom-right,.ds-stack.is-horizontal-reverse.align-bottom-end,.ds-stack.has-direction-row-reverse.align-bottom-right,.ds-stack.has-direction-row-reverse.align-bottom-end,.ds-stack-content.as-row.align-bottom-right,.ds-stack-content.as-row.align-bottom-end,.ds-stack-content.is-horizontal.align-bottom-right,.ds-stack-content.is-horizontal.align-bottom-end,.ds-stack-content.has-direction-row.align-bottom-right,.ds-stack-content.has-direction-row.align-bottom-end,.ds-stack-content.as-row-reverse.align-bottom-right,.ds-stack-content.as-row-reverse.align-bottom-end,.ds-stack-content.is-horizontal-reverse.align-bottom-right,.ds-stack-content.is-horizontal-reverse.align-bottom-end,.ds-stack-content.has-direction-row-reverse.align-bottom-right,.ds-stack-content.has-direction-row-reverse.align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ds-stack-content,.ds-stack-content.align-top-left,.ds-stack-content.align-top-start,.ds-stack-content.align-start,.ds-stack-content.align-center-left,.ds-stack-content.align-center-start,.ds-stack-content.align-bottom-left,.ds-stack-content.align-bottom-start{text-align:left}.ds-stack-content.align-top,.ds-stack-content.align-top-center,.ds-stack-content.align-center,.ds-stack-content.align-bottom,.ds-stack-content.align-bottom-center{text-align:center}.ds-stack-content.align-top-right,.ds-stack-content.align-top-end,.ds-stack-content.align-end,.ds-stack-content.align-center-right,.ds-stack-content.align-center-end,.ds-stack-content.align-bottom-right,.ds-stack-content.align-bottom-end{text-align:right}.ds-stack-content.text-left{text-align:left !important}.ds-stack-content.text-center{text-align:center !important}.ds-stack-content.text-right{text-align:right !important}.ds-stack.fit-content,.ds-stack-content.fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ds-stack.p-2xs,.ds-stack-content.p-2xs{padding:var(--ds-device-space-2xs)}.ds-stack.p-xs,.ds-stack-content.p-xs{padding:var(--ds-device-space-xs)}.ds-stack.p-sm,.ds-stack-content.p-sm{padding:var(--ds-device-space-sm)}.ds-stack.p-base,.ds-stack-content.p-base{padding:var(--ds-device-space-base)}.ds-stack.p-md,.ds-stack-content.p-md{padding:var(--ds-device-space-md)}.ds-stack.p-lg,.ds-stack-content.p-lg{padding:var(--ds-device-space-lg)}.ds-stack.p-xl,.ds-stack-content.p-xl{padding:var(--ds-device-space-xl)}.ds-stack.p-2xl,.ds-stack-content.p-2xl{padding:var(--ds-device-space-2xl)}.ds-stack.px-2xs,.ds-stack-content.px-2xs{padding-left:var(--ds-device-space-2xs);padding-right:var(--ds-device-space-2xs)}.ds-stack.px-xs,.ds-stack-content.px-xs{padding-left:var(--ds-device-space-xs);padding-right:var(--ds-device-space-xs)}.ds-stack.px-sm,.ds-stack-content.px-sm{padding-left:var(--ds-device-space-sm);padding-right:var(--ds-device-space-sm)}.ds-stack.px-base,.ds-stack-content.px-base{padding-left:var(--ds-device-space-base);padding-right:var(--ds-device-space-base)}.ds-stack.px-md,.ds-stack-content.px-md{padding-left:var(--ds-device-space-md);padding-right:var(--ds-device-space-md)}.ds-stack.px-lg,.ds-stack-content.px-lg{padding-left:var(--ds-device-space-lg);padding-right:var(--ds-device-space-lg)}.ds-stack.px-xl,.ds-stack-content.px-xl{padding-left:var(--ds-device-space-xl);padding-right:var(--ds-device-space-xl)}.ds-stack.px-2xl,.ds-stack-content.px-2xl{padding-left:var(--ds-device-space-2xl);padding-right:var(--ds-device-space-2xl)}.ds-stack.py-2xs,.ds-stack-content.py-2xs{padding-top:var(--ds-device-space-2xs);padding-bottom:var(--ds-device-space-2xs)}.ds-stack.py-xs,.ds-stack-content.py-xs{padding-top:var(--ds-device-space-xs);padding-bottom:var(--ds-device-space-xs)}.ds-stack.py-sm,.ds-stack-content.py-sm{padding-top:var(--ds-device-space-sm);padding-bottom:var(--ds-device-space-sm)}.ds-stack.py-base,.ds-stack-content.py-base{padding-top:var(--ds-device-space-base);padding-bottom:var(--ds-device-space-base)}.ds-stack.py-md,.ds-stack-content.py-md{padding-top:var(--ds-device-space-md);padding-bottom:var(--ds-device-space-md)}.ds-stack.py-lg,.ds-stack-content.py-lg{padding-top:var(--ds-device-space-lg);padding-bottom:var(--ds-device-space-lg)}.ds-stack.py-xl,.ds-stack-content.py-xl{padding-top:var(--ds-device-space-xl);padding-bottom:var(--ds-device-space-xl)}.ds-stack.py-2xl,.ds-stack-content.py-2xl{padding-top:var(--ds-device-space-2xl);padding-bottom:var(--ds-device-space-2xl)}.ds-stack.p-none,.ds-stack-content.p-none{padding:0}.ds-stack.px-none,.ds-stack-content.px-none{padding-left:0;padding-right:0}.ds-stack.py-none,.ds-stack-content.py-none{padding-top:0;padding-bottom:0}.ds-stack.gap-auto,.ds-stack.gap-x-auto,.ds-stack.gap-col-auto,.ds-stack.gap-y-auto,.ds-stack.gap-row-auto,.ds-stack.has-space-auto,.ds-stack.has-space-col-auto,.ds-stack.has-space-row-auto,.ds-stack-content.gap-auto,.ds-stack-content.gap-x-auto,.ds-stack-content.gap-col-auto,.ds-stack-content.gap-y-auto,.ds-stack-content.gap-row-auto,.ds-stack-content.has-space-auto,.ds-stack-content.has-space-col-auto,.ds-stack-content.has-space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.ds-stack.gap-none,.ds-stack.has-space-none,.ds-stack-content.gap-none,.ds-stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.ds-stack.gap-none,.ds-stack.has-space-none,.ds-stack-content.gap-none,.ds-stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.ds-stack.gap-none,.ds-stack.has-space-none,.ds-stack-content.gap-none,.ds-stack-content.has-space-none{gap:0}}.ds-stack.gap-x-none,.ds-stack.gap-col-none,.ds-stack.has-space-col-none,.ds-stack-content.gap-x-none,.ds-stack-content.gap-col-none,.ds-stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px){.ds-stack.gap-x-none,.ds-stack.gap-col-none,.ds-stack.has-space-col-none,.ds-stack-content.gap-x-none,.ds-stack-content.gap-col-none,.ds-stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.ds-stack.gap-x-none,.ds-stack.gap-col-none,.ds-stack.has-space-col-none,.ds-stack-content.gap-x-none,.ds-stack-content.gap-col-none,.ds-stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.ds-stack.gap-y-none,.ds-stack.gap-row-none,.ds-stack.has-space-row-none,.ds-stack-content.gap-y-none,.ds-stack-content.gap-row-none,.ds-stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.ds-stack.gap-y-none,.ds-stack.gap-row-none,.ds-stack.has-space-row-none,.ds-stack-content.gap-y-none,.ds-stack-content.gap-row-none,.ds-stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.ds-stack.gap-y-none,.ds-stack.gap-row-none,.ds-stack.has-space-row-none,.ds-stack-content.gap-y-none,.ds-stack-content.gap-row-none,.ds-stack-content.has-space-row-none{row-gap:0}}.ds-stack.gap-2xs,.ds-stack.has-space-2xs,.ds-stack-content.gap-2xs,.ds-stack-content.has-space-2xs{gap:var(--ds-device-space-2xs)}.ds-stack.gap-xs,.ds-stack.has-space-xs,.ds-stack-content.gap-xs,.ds-stack-content.has-space-xs{gap:var(--ds-device-space-xs)}.ds-stack.gap-sm,.ds-stack.has-space-sm,.ds-stack-content.gap-sm,.ds-stack-content.has-space-sm{gap:var(--ds-device-space-sm)}.ds-stack.gap-base,.ds-stack.has-space-base,.ds-stack-content.gap-base,.ds-stack-content.has-space-base{gap:var(--ds-device-space-base)}.ds-stack.gap-md,.ds-stack.has-space-md,.ds-stack-content.gap-md,.ds-stack-content.has-space-md{gap:var(--ds-device-space-md)}.ds-stack.gap-lg,.ds-stack.has-space-lg,.ds-stack-content.gap-lg,.ds-stack-content.has-space-lg{gap:var(--ds-device-space-lg)}.ds-stack.gap-xl,.ds-stack.has-space-xl,.ds-stack-content.gap-xl,.ds-stack-content.has-space-xl{gap:var(--ds-device-space-xl)}.ds-stack.gap-2xl,.ds-stack.has-space-2xl,.ds-stack-content.gap-2xl,.ds-stack-content.has-space-2xl{gap:var(--ds-device-space-2xl)}.ds-stack.gap-x-2xs,.ds-stack.gap-col-2xs,.ds-stack.has-space-col-2xs,.ds-stack-content.gap-x-2xs,.ds-stack-content.gap-col-2xs,.ds-stack-content.has-space-col-2xs{-webkit-column-gap:var(--ds-device-space-2xs);-moz-column-gap:var(--ds-device-space-2xs);column-gap:var(--ds-device-space-2xs)}.ds-stack.gap-x-xs,.ds-stack.gap-col-xs,.ds-stack.has-space-col-xs,.ds-stack-content.gap-x-xs,.ds-stack-content.gap-col-xs,.ds-stack-content.has-space-col-xs{-webkit-column-gap:var(--ds-device-space-xs);-moz-column-gap:var(--ds-device-space-xs);column-gap:var(--ds-device-space-xs)}.ds-stack.gap-x-sm,.ds-stack.gap-col-sm,.ds-stack.has-space-col-sm,.ds-stack-content.gap-x-sm,.ds-stack-content.gap-col-sm,.ds-stack-content.has-space-col-sm{-webkit-column-gap:var(--ds-device-space-sm);-moz-column-gap:var(--ds-device-space-sm);column-gap:var(--ds-device-space-sm)}.ds-stack.gap-x-base,.ds-stack.gap-col-base,.ds-stack.has-space-col-base,.ds-stack-content.gap-x-base,.ds-stack-content.gap-col-base,.ds-stack-content.has-space-col-base{-webkit-column-gap:var(--ds-device-space-base);-moz-column-gap:var(--ds-device-space-base);column-gap:var(--ds-device-space-base)}.ds-stack.gap-x-md,.ds-stack.gap-col-md,.ds-stack.has-space-col-md,.ds-stack-content.gap-x-md,.ds-stack-content.gap-col-md,.ds-stack-content.has-space-col-md{-webkit-column-gap:var(--ds-device-space-md);-moz-column-gap:var(--ds-device-space-md);column-gap:var(--ds-device-space-md)}.ds-stack.gap-x-lg,.ds-stack.gap-col-lg,.ds-stack.has-space-col-lg,.ds-stack-content.gap-x-lg,.ds-stack-content.gap-col-lg,.ds-stack-content.has-space-col-lg{-webkit-column-gap:var(--ds-device-space-lg);-moz-column-gap:var(--ds-device-space-lg);column-gap:var(--ds-device-space-lg)}.ds-stack.gap-x-xl,.ds-stack.gap-col-xl,.ds-stack.has-space-col-xl,.ds-stack-content.gap-x-xl,.ds-stack-content.gap-col-xl,.ds-stack-content.has-space-col-xl{-webkit-column-gap:var(--ds-device-space-xl);-moz-column-gap:var(--ds-device-space-xl);column-gap:var(--ds-device-space-xl)}.ds-stack.gap-x-2xl,.ds-stack.gap-col-2xl,.ds-stack.has-space-col-2xl,.ds-stack-content.gap-x-2xl,.ds-stack-content.gap-col-2xl,.ds-stack-content.has-space-col-2xl{-webkit-column-gap:var(--ds-device-space-2xl);-moz-column-gap:var(--ds-device-space-2xl);column-gap:var(--ds-device-space-2xl)}.ds-stack.gap-y-2xs,.ds-stack.gap-row-2xs,.ds-stack.has-space-row-2xs,.ds-stack-content.gap-y-2xs,.ds-stack-content.gap-row-2xs,.ds-stack-content.has-space-row-2xs{row-gap:var(--ds-device-space-2xs)}.ds-stack.gap-y-xs,.ds-stack.gap-row-xs,.ds-stack.has-space-row-xs,.ds-stack-content.gap-y-xs,.ds-stack-content.gap-row-xs,.ds-stack-content.has-space-row-xs{row-gap:var(--ds-device-space-xs)}.ds-stack.gap-y-sm,.ds-stack.gap-row-sm,.ds-stack.has-space-row-sm,.ds-stack-content.gap-y-sm,.ds-stack-content.gap-row-sm,.ds-stack-content.has-space-row-sm{row-gap:var(--ds-device-space-sm)}.ds-stack.gap-y-base,.ds-stack.gap-row-base,.ds-stack.has-space-row-base,.ds-stack-content.gap-y-base,.ds-stack-content.gap-row-base,.ds-stack-content.has-space-row-base{row-gap:var(--ds-device-space-base)}.ds-stack.gap-y-md,.ds-stack.gap-row-md,.ds-stack.has-space-row-md,.ds-stack-content.gap-y-md,.ds-stack-content.gap-row-md,.ds-stack-content.has-space-row-md{row-gap:var(--ds-device-space-md)}.ds-stack.gap-y-lg,.ds-stack.gap-row-lg,.ds-stack.has-space-row-lg,.ds-stack-content.gap-y-lg,.ds-stack-content.gap-row-lg,.ds-stack-content.has-space-row-lg{row-gap:var(--ds-device-space-lg)}.ds-stack.gap-y-xl,.ds-stack.gap-row-xl,.ds-stack.has-space-row-xl,.ds-stack-content.gap-y-xl,.ds-stack-content.gap-row-xl,.ds-stack-content.has-space-row-xl{row-gap:var(--ds-device-space-xl)}.ds-stack.gap-y-2xl,.ds-stack.gap-row-2xl,.ds-stack.has-space-row-2xl,.ds-stack-content.gap-y-2xl,.ds-stack-content.gap-row-2xl,.ds-stack-content.has-space-row-2xl{row-gap:var(--ds-device-space-2xl)}.ds-stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.ds-stack-content>ds-text,ds-content>.ds-text,.ds-stack-content>.ds-text,.ds-stack>ds-text,.ds-stack>ds-label,.ds-stack>ds-heading,.ds-stack>ds-heading:not(:last-child),.ds-stack>.ds-label,.ds-stack>.ds-heading,.ds-stack>.ds-heading:not(:last-child),.ds-stack>.ds-title,.ds-stack>.ds-title:not(:last-child),.ds-stack>.ds-subtitle,.ds-stack>.ds-subtitle:not(:last-child),.ds-stack>.ds-link,.ds-stack>.is-link,.ds-stack>p{margin:0}:host{position:static}";export{w as ds_content,v as ds_stack}

package/dist/design-system/p-f9771c0502.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as i,J as t,w as a,F as s,G as o,I as e,d as r}from"./p-DxEN1zze.js";import{_ as p,L as n,a as d}from"./p-C4x_tAIC.js";import{S as h}from"./p-Bw8JQ-9n.js";import{T as c}from"./p-DUF2uMuK.js";import{O as l}from"./p-B_GE_aHN.js";import{L as u}from"./p-Cy9j3Fev.js";import{a as b,c as m,s as v,f as g,o as w,b as f}from"./p-BqY0KzJC.js";import{F as y}from"./p-DJ2Pimd2.js";import{i as k}from"./p-BeR87vGa.js";import{P as x,a as _}from"./p-BAY6Z8bT.js";import"./p-CnwtEwKG.js";const z=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.scrollHandler=new h,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.closable=!0,this.backdropDismiss=!0,this.label="",this.container="default",this.handleCancel=i=>{i.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var i;this.open&&(null===(i=this.dialogEl)||void 0===i||i.showModal())},this.handleBackdropClick=i=>{this.backdropDismiss&&i.target===this.dialogEl&&(this.open=!1)},this.handleCloseClick=()=>{this.open=!1}}createLogger(i){this.log=i}openChanged(i){i?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var i,t;null===(i=this.dialogEl)||void 0===i||i.addEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var i,t;null===(i=this.dialogEl)||void 0===i||i.removeEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(i){this.animated=i.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)||(this.dsWillPresent.emit(),null===(t=this.dialogEl)||void 0===t||t.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await a(300),this.dsDidPresent.emit())}async doClose(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await a(300),null===(t=this.dialogEl)||void 0===t||t.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return s(o,{key:"148b3071e52aa73f5860894c0498d3eccbcb7424",class:{"is-open":this.isOpen,"is-animated":this.animated}},s("dialog",{key:"120491d7a155d06ce44131823176eab806f8e692",part:"dialog",ref:i=>this.dialogEl=i,"aria-label":this.label||void 0,onClick:this.handleBackdropClick},s("div",{key:"63768e5098b1312368667d5a589c5bd2d657ca82",class:{"ds-container":!0,"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},this.closable&&s("ds-close",{key:"a7e3ff650ebe73948027d41859c98a92639a4389",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"7769da23ecd0d903909cfe4b333ff8f41e100ad3"}))))}get el(){return e(this)}static get watchers(){return{open:[{openChanged:0}]}}};p([n("drawer"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],z.prototype,"createLogger",null),p([c("boolean"),d("design:type",Boolean)],z.prototype,"open",void 0),p([c("boolean"),d("design:type",Boolean)],z.prototype,"closable",void 0),p([c("boolean"),d("design:type",Boolean)],z.prototype,"backdropDismiss",void 0),p([c("string"),d("design:type",String)],z.prototype,"label",void 0),p([l(["default","fluid","compact"]),d("design:type",String)],z.prototype,"container",void 0),p([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],z.prototype,"configChanged",null),z.style=":host{--_drawer-background:var(--drawer-background, var(--mod-drawer-background, var(--ds-drawer-background)));--_drawer-radius:var(--drawer-radius, var(--mod-drawer-radius, var(--ds-drawer-radius)));--_drawer-max-height:var(--drawer-max-height, var(--mod-drawer-max-height, var(--ds-drawer-max-height)));--_drawer-p:var(--drawer-p, var(--mod-drawer-p, var(--ds-drawer-padding)));--_drawer-backdrop-opacity:var(--drawer-backdrop-opacity, var(--mod-drawer-backdrop-opacity, var(--ds-backdrop-opacity)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:var(--_drawer-max-height);overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);pointer-events:none}:host(.is-open) dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);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}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host .ds-container ds-close{position:absolute;top:1rem;right:1rem}:host .ds-container{-ms-flex:1;flex:1;width:100%;margin:0 auto;max-width:var(--ds-alias-container-width-default);background:var(--_drawer-background);border-radius:var(--_drawer-radius) var(--_drawer-radius) 0 0;padding:var(--_drawer-p);position:relative}:host .ds-container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .ds-container.is-compact{max-width:var(--ds-alias-container-width-compact)}@media (prefers-reduced-motion: reduce){:host(.is-animated) dialog{-webkit-transition:none !important;transition:none !important}}";const C=new Map,D=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.currentTrigger=void 0,this.focusHandler=new y,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.trigger=void 0,this.placement="bottom",this.offset=8,this.role="dialog",this.closable=!1,this.backdropDismiss=!1,this.backdrop=!1,this.group=void 0,this.label="",this.arrow=!1,this.trapFocus=void 0,this.handleCloseClick=()=>{this.dismiss()}}createLogger(i){this.log=i}openChanged(i){i?this.runPresent():this.runDismiss()}triggerChanged(i,t){t&&(t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded")),i&&(i.setAttribute("aria-haspopup",this.role),i.setAttribute("aria-expanded","false"))}connectedCallback(){this.registerGroup()}componentDidLoad(){this.trigger&&(this.trigger.setAttribute("aria-haspopup",this.role),this.trigger.setAttribute("aria-expanded","false")),this.open&&this.runPresent()}disconnectedCallback(){var i;null===(i=this.cleanupPositioner)||void 0===i||i.call(this),this.focusHandler.disconnect(),this.trigger&&(this.trigger.removeAttribute("aria-haspopup"),this.trigger.removeAttribute("aria-expanded")),this.unregisterGroup()}async listenToClick(i){var t;if(this.el.id){const t=i.target.closest(`[data-popup="${this.el.id}"]`);if(t)return this.currentTrigger=t,void await this.toggle()}if(this.backdropDismiss&&this.isOpen){const a=i.composedPath(),s=a.includes(this.panelEl),o=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger,e=!!o&&a.includes(o);s||e||await this.dismiss()}}listenToKeyDown(i){this.isOpen&&this.closable&&k(i)&&(i.stopPropagation(),this.dismiss())}async present(){this.open=!0}async dismiss(){this.open=!1}async toggle(){this.open?this.dismiss():this.present()}async configChanged(i){this.animated=i.animated}get shouldTrapFocus(){return void 0!==this.trapFocus?this.trapFocus:this.backdrop}runPresent(){this.transitionQueue=this.transitionQueue.then((()=>this.doPresent())).catch((()=>{}))}runDismiss(){this.transitionQueue=this.transitionQueue.then((()=>this.doDismiss())).catch((()=>{}))}async doPresent(){var i;if(this.isOpen)return;const t=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;await this.dismissGroupSiblings(),this.dsWillPresent.emit({trigger:t}),t&&(t.setAttribute("aria-expanded","true"),await this.updatePosition(t),this.startPositioner(t)),this.isOpen=!0,this.animated&&await a(300),this.shouldTrapFocus?this.focusHandler.enable({target:this.panelEl,restoreElement:null!=t?t:null}):this.focusPanel(),this.dsDidPresent.emit({trigger:t})}async doDismiss(){var i,t;if(!this.isOpen)return;const s=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;this.dsWillDismiss.emit({trigger:s}),null===(t=this.cleanupPositioner)||void 0===t||t.call(this),this.cleanupPositioner=void 0,s&&s.setAttribute("aria-expanded","false"),this.isOpen=!1,this.animated&&await a(300),this.shouldTrapFocus?(this.focusHandler.disable(),this.focusHandler.restoreFocus()):null==s||s.focus(),this.dsDidDismiss.emit({trigger:s})}startPositioner(i){this.panelEl&&(this.cleanupPositioner=b(i,this.panelEl,(()=>this.updatePosition(i)),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!1}))}async updatePosition(i){if(!this.panelEl)return;const{x:t,y:a,placement:s,middlewareData:o}=await m(i,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[r.hasWindow&&!window.frameElement?v():void 0,g(),w(this.offset),this.arrow&&this.arrowEl?f({element:this.arrowEl}):void 0].filter(Boolean)});if(Object.assign(this.panelEl.style,{left:`${t}px`,top:`${a}px`}),this.panelEl.dataset.placement=s.split("-")[0],this.arrow&&this.arrowEl&&o.arrow){const{x:i,y:t}=o.arrow;Object.assign(this.arrowEl.style,{left:null!=i?`${i}px`:"",top:null!=t?`${t}px`:""})}}focusPanel(){if(!this.panelEl)return;const i=Array.from(this.panelEl.querySelectorAll('button:not([disabled]):not([tabindex^="-"]),input:not([type=hidden]):not([disabled]):not([tabindex^="-"]),select:not([disabled]):not([tabindex^="-"]),textarea:not([disabled]):not([tabindex^="-"]),a[href]:not([tabindex^="-"]),[tabindex]:not([tabindex^="-"])'));i.length>0?i[0].focus({preventScroll:!0}):this.panelEl.focus({preventScroll:!0})}registerGroup(){this.group&&(C.has(this.group)||C.set(this.group,new Set),C.get(this.group).add(this.el))}unregisterGroup(){var i;this.group&&(null===(i=C.get(this.group))||void 0===i||i.delete(this.el))}async dismissGroupSiblings(){if(!this.group)return;const i=C.get(this.group);if(i)for(const t of i)t!==this.el&&await t.dismiss()}render(){return s(o,{key:"fbcc73545dbe44938d0a26ece77f85858c652b71",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-closable":this.closable}},this.backdrop&&s("div",{key:"6c78f88d7af762d56b580fac1ba9aa264ae69073",part:"backdrop"}),s("div",{key:"31f233c1a59254655c8b90aa9c42cd99a9a57fa0",part:"panel",ref:i=>this.panelEl=i,role:this.role,"aria-modal":"dialog"===this.role?"true":void 0,"aria-label":this.label||void 0,tabindex:"-1","data-testid":"ds-popup-panel"},this.arrow&&s("div",{key:"8ac2486a85fbf11448c851493ba3d452059fa65e",part:"arrow",ref:i=>this.arrowEl=i}),this.closable&&s("ds-close",{key:"83393ec4be0971eb48dcadf76b2341b6e94e71e7",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"53a0d290554605dbafd3192c7bf086b752e81808"})))}get el(){return e(this)}static get watchers(){return{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}}};p([n("popup"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],D.prototype,"createLogger",null),p([c("boolean"),d("design:type",Boolean)],D.prototype,"open",void 0),p([l(x),d("design:type",String)],D.prototype,"placement",void 0),p([c("number"),d("design:type",Number)],D.prototype,"offset",void 0),p([l(_),d("design:type",String)],D.prototype,"role",void 0),p([c("boolean"),d("design:type",Boolean)],D.prototype,"closable",void 0),p([c("boolean"),d("design:type",Boolean)],D.prototype,"backdropDismiss",void 0),p([c("boolean"),d("design:type",Boolean)],D.prototype,"backdrop",void 0),p([c("string"),d("design:type",Object)],D.prototype,"group",void 0),p([c("string"),d("design:type",String)],D.prototype,"label",void 0),p([c("boolean"),d("design:type",Boolean)],D.prototype,"arrow",void 0),p([c("boolean"),d("design:type",Object)],D.prototype,"trapFocus",void 0),p([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],D.prototype,"configChanged",null),D.style=":host{--_popup-background:var(--popup-background, var(--mod-popup-background, var(--ds-popup-color-background)));--_popup-radius:var(--popup-radius, var(--mod-popup-radius, var(--ds-popup-radius)));--_popup-shadow:var(--popup-shadow, var(--mod-popup-shadow, var(--ds-popup-shadow)));--_popup-p:var(--popup-p, var(--mod-popup-p, var(--ds-popup-padding)));--_popup-min-width:var(--popup-min-width, var(--mod-popup-min-width, var(--ds-popup-min-width)));--_popup-max-width:var(--popup-max-width, var(--mod-popup-max-width, none));--_popup-z-index:var(--popup-z-index, var(--mod-popup-z-index, var(--ds-popup-z-index)));--_popup-backdrop-background:var(--popup-backdrop-background, var(--mod-popup-backdrop-background, var(--ds-popup-backdrop-background)));--_popup-backdrop-opacity:var(--popup-backdrop-opacity, var(--mod-popup-backdrop-opacity, var(--ds-popup-backdrop-opacity)));--_popup-arrow-size:var(--popup-arrow-size, var(--mod-popup-arrow-size, var(--ds-popup-arrow-size, 8px)));display:contents}[part=backdrop]{position:fixed;inset:0;z-index:calc(var(--_popup-z-index) - 1);background:var(--_popup-backdrop-background);opacity:0;pointer-events:none;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}:host(.is-open) [part=backdrop]{opacity:var(--_popup-backdrop-opacity);pointer-events:auto}:host(.is-animated) [part=backdrop]{-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}[part=panel]{position:fixed;z-index:var(--_popup-z-index);background:var(--_popup-background);border-radius:var(--_popup-radius);-webkit-box-shadow:var(--_popup-shadow);box-shadow:var(--_popup-shadow);padding:var(--_popup-p);min-width:var(--_popup-min-width);max-width:var(--_popup-max-width);opacity:0;visibility:hidden;pointer-events:none;outline:none !important}[part=panel]::-moz-focus-inner{border:0}:host(.is-open) [part=panel]{opacity:1;visibility:visible;pointer-events:auto}:host(.is-animated) [part=panel]{-webkit-transition:opacity 200ms ease,visibility 200ms ease;transition:opacity 200ms ease,visibility 200ms ease}[part=close]{position:absolute;top:.5rem;right:.5rem}:host(.is-closable) [part=panel]{padding-right:calc(var(--_popup-p) + var(--_popup-p))}[part=arrow]{position:absolute;width:var(--_popup-arrow-size);height:var(--_popup-arrow-size);background:var(--_popup-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}[part=panel][data-placement=bottom] [part=arrow]{top:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=top] [part=arrow]{bottom:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=right] [part=arrow]{left:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=left] [part=arrow]{right:calc(var(--_popup-arrow-size)/-2)}@media (prefers-reduced-motion: reduce){:host(.is-animated) [part=panel],:host(.is-animated) [part=backdrop]{-webkit-transition:none !important;transition:none !important}}";export{z as ds_drawer,D as ds_popup}

package/dist/design-system/p-fb7871f395.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as t,J as o,d as i,F as e,G as r,I as a}from"./p-DxEN1zze.js";import{_ as s,L as n,a as l}from"./p-C4x_tAIC.js";import{a as p,c as m,s as d,f as c,o as h}from"./p-BqY0KzJC.js";import{T as b}from"./p-DUF2uMuK.js";import{O as v}from"./p-B_GE_aHN.js";import"./p-CnwtEwKG.js";let f=0;const x=class{constructor(i){t(this,i),this.dsWillAnimate=o(this,"dsWillAnimate"),this.dsDidAnimate=o(this,"dsDidAnimate"),this.tooltipId="ds-tooltip-"+f++,this.presented=!1,this.reference="",this.placement="bottom",this.offset=8,this.contentWidth=void 0,this.open=!1}createLogger(t){this.log=t}contentWidthChanged(t){void 0===t?this.el.style.removeProperty("--tooltip-max-width"):this.el.style.setProperty("--tooltip-max-width",`${t}px`)}componentDidLoad(){this.contentWidthChanged(this.contentWidth);const t=this.triggerElement;t&&(t.setAttribute("aria-describedby",this.tooltipId),t.addEventListener("mouseenter",(()=>this.present())),t.addEventListener("focus",(()=>this.present())),t.addEventListener("mouseleave",(()=>this.dismiss())),t.addEventListener("blur",(()=>this.dismiss())),this.open&&this.present())}disconnectedCallback(){this.cleanup&&this.cleanup();const t=this.triggerElement;t&&t.removeAttribute("aria-describedby")}async present(){const t=this.triggerElement;return!(!t||!this.containerEl||(this.dsWillAnimate.emit(!0),this.presented=!0,this.cleanup=p(t,this.containerEl,(()=>this.update()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!1}),this.dsDidAnimate.emit(!0),0))}async dismiss(){return!!this.containerEl&&(this.dsWillAnimate.emit(!1),this.cleanup&&(this.cleanup(),this.cleanup=void 0),this.presented=!1,this.dsDidAnimate.emit(!1),!0)}async update(){const t=this.triggerElement;if(!t||!this.containerEl)return!1;const{x:o,y:e,placement:r}=await m(t,this.containerEl,{placement:this.placement,strategy:"fixed",middleware:[i.hasWindow&&!window.frameElement?d():void 0,c(),h(this.offset)].filter(Boolean)});return Object.assign(this.containerEl.style,{left:`${o}px`,top:`${e}px`}),this.containerEl.dataset.placement=r.split("-")[0],!0}get triggerElement(){return i.hasDocument?document.querySelector(`[id="${this.reference}"]`):null}render(){return e(r,{key:"98d98b3c21a36b553866471d923ea5ff5e1ffbba",id:this.tooltipId,role:"tooltip","aria-hidden":`${!this.presented}`},e("div",{key:"3d87df3d592dd0dd93e479b48a7c461f0efd0a07",part:"container",ref:t=>this.containerEl=t},e("div",{key:"ce982cbb10088794bc1c62f7df04b3063568a37f",part:"content","data-testid":"ds-tooltip-content"},e("slot",{key:"35ec3c9d7ab6bf80cbd25c3b7914ff084f87c5fa"}))))}get el(){return a(this)}static get watchers(){return{contentWidth:[{contentWidthChanged:0}]}}};s([n("tooltip"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],x.prototype,"createLogger",null),s([b("string"),l("design:type",String)],x.prototype,"reference",void 0),s([v(["top","right","bottom","left"]),l("design:type",String)],x.prototype,"placement",void 0),s([b("number"),l("design:type",Number)],x.prototype,"offset",void 0),s([b("number"),l("design:type",Object)],x.prototype,"contentWidth",void 0),s([b("boolean"),l("design:type",Boolean)],x.prototype,"open",void 0),x.style=":host{--_tooltip-position:var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top:var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right:var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom:var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left:var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m:var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my:var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx:var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml:var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr:var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt:var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb:var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-color-background:var(--tooltip-color-background, var(--mod-tooltip-color-background, var(--ds-tooltip-color-background)));--_tooltip-color-text:var(--tooltip-color-text, var(--mod-tooltip-color-text, var(--ds-tooltip-color-text)));--_tooltip-max-width:var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius:var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow:var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px:var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-padding-x)));--_tooltip-py:var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-padding-y)));--_tooltip-text-font-family:var(--tooltip-text-font-family, var(--mod-tooltip-text-font-family, var(--ds-tooltip-text-font-family)));--_tooltip-text-font-weight:var(--tooltip-text-font-weight, var(--mod-tooltip-text-font-weight, var(--ds-tooltip-text-font-weight)));--_tooltip-text-font-size:var(--tooltip-text-font-size, var(--mod-tooltip-text-font-size, var(--ds-tooltip-text-font-size)));--_tooltip-text-line-height:var(--tooltip-text-line-height, var(--mod-tooltip-text-line-height, var(--ds-tooltip-text-line-height)));--_tooltip-z-index:var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-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;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform;position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-color-background);border-radius:var(--_tooltip-radius);-webkit-box-shadow:var(--_tooltip-shadow);box-shadow:var(--_tooltip-shadow);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}[part=container][data-placement=top]{-webkit-transform:translateY(4px);transform:translateY(4px)}[part=container][data-placement=right]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[part=container][data-placement=left]{-webkit-transform:translateX(4px);transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem);color:var(--_tooltip-color-text);font-family:var(--_tooltip-text-font-family);font-weight:var(--_tooltip-text-font-weight);font-size:var(--_tooltip-text-font-size);line-height:var(--_tooltip-text-line-height)}::slotted(span),::slotted(p){color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit}";export{x as ds_tooltip}

package/dist/design-system/p-ff290ae85b.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{D as i,J as o,x as t,h as s,K as e,F as r,I as a}from"./p-DxEN1zze.js";import{_ as n,L as l,a as d}from"./p-C4x_tAIC.js";import{a as h,s as p}from"./p-BKh0Vkl1.js";import{w as m}from"./p-BvNfYE1d.js";import{F as c}from"./p-Bm_jsWv8.js";import{I as f}from"./p-BRYPu0SP.js";import{R as g,a as v,b}from"./p-BOs0zxHi.js";import{T as y}from"./p-DUF2uMuK.js";import{O as u}from"./p-B_GE_aHN.js";import{L as w}from"./p-Cy9j3Fev.js";import"./p-969JOO-P.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-CnwtEwKG.js";const x=class{constructor(s){i(this,s),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.language=t.language,this.region=t.region,this.hasInvalidTextSlotContent=!1,this.inputId="ds-rg-"+_++,this.allowEmptySelection=!1,this.autoInvalidOff=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.hideTrigger=!1,this.vertical=!1,this.handleValueChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.handleSlotChange=()=>{this.passDownAttributes(),this.handleValueChange()},this.handleClick=i=>{if(i.target.href)return;i.preventDefault();const o=i.target&&i.target.closest("ds-radio");if(o&&!o.disabled&&!o.readonly){const i=o.value;i!==this.value?this.value=i:this.allowEmptySelection&&(this.value=void 0),this.dsChange.emit(this.value),h(this.internals,this.value)}}}createLogger(i){this.log=i}valueChanged(){this.handleValueChange()}connectedCallback(){this.initialValue=this.value,h(this.internals,this.value),this.disconnectInvalidTextSlotWatcher=m(this.el,(i=>{this.hasInvalidTextSlotContent=i})),this.passDownAttributes()}disconnectedCallback(){var i;null===(i=this.disconnectInvalidTextSlotWatcher)||void 0===i||i.call(this)}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}componentDidLoad(){this.handleSlotChange()}listenToDsChange(i){s(this.el,i.target)&&p(i)}listenToDsFocus(i){const{target:o}=i;o&&s(this.el,o)&&e(o,"ds-radio")&&p(i)}listenToDsBlur(i){const{target:o}=i;o&&s(this.el,o)&&e(o,"ds-radio")&&p(i)}listenToFocusOut(i){const o=i.relatedTarget;o&&s(this.el,o)||this.dsBlur.emit(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}listenToKeydown(i){if(i.target&&!this.el.contains(i.target))return;const o=this.getRadios().filter((i=>!i.disabled)),t=i.target.closest("ds-radio");if(t&&o.includes(t)){const s=o.findIndex((i=>i===t)),e=o[s];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=s===o.length-1?o[0]:o[s+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===s?o[o.length-1]:o[s-1]),r&&o.includes(r)&&(r.setFocus(),this.value=r.value,this.dsChange.emit(this.value),h(this.internals,this.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:e.value,this.dsChange.emit(this.value),h(this.internals,this.value),i.preventDefault())}}async setValue(i){this.value=i}async configChanged(i){this.language=i.language,this.region=i.region}passDownAttributes(){const i=this.invalid||this.hasInvalidTextSlotContent;this.getRadios().forEach((o=>{var t;void 0!==this.disabled&&(o.disabled=this.disabled),void 0!==this.readonly&&(o.readonly=this.readonly),o.invalid=i,o.labelPosition=this.labelPosition,o.tile=this.tile,o.hideTrigger=this.hideTrigger,o.tileColor=null!==(t=o.getAttribute("tile-color"))&&void 0!==t?t:this.tileColor,o.cols=this.cols,o.colsTablet=this.colsTablet,o.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),t=o.find((i=>!i.disabled)),s=o.find((o=>o.value===i&&!o.disabled));if(!t&&!s)return;const e=s||t;for(const i of o)i.setButtonTabindex(i===e?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return r(c,{key:"616a7ea2bbf1e25e64bd9952d80e2863c093175a",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid||this.hasInvalidTextSlotContent,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile},onClick:this.handleClick},r("slot",{key:"72a97e481089b45a943b3309268e20c88ccc49c3",onSlotchange:this.handleSlotChange}))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{valueChanged:0}]}}};n([l("radio-group"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],x.prototype,"createLogger",null),n([y("boolean"),d("design:type",Boolean)],x.prototype,"allowEmptySelection",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"autoInvalidOff",void 0),n([u(f),d("design:type",String)],x.prototype,"color",void 0),n([u(g),d("design:type",Number)],x.prototype,"cols",void 0),n([u(g),d("design:type",Number)],x.prototype,"colsMobile",void 0),n([u(g),d("design:type",Number)],x.prototype,"colsTablet",void 0),n([y("string"),d("design:type",String)],x.prototype,"description",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"disabled",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"invalid",void 0),n([y("string"),d("design:type",String)],x.prototype,"invalidText",void 0),n([y("string"),d("design:type",String)],x.prototype,"label",void 0),n([u(v),d("design:type",String)],x.prototype,"labelPosition",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"loading",void 0),n([y("string"),d("design:type",String)],x.prototype,"name",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"readonly",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"required",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"tile",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"hideTrigger",void 0),n([u(b),d("design:type",String)],x.prototype,"tileColor",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"vertical",void 0),n([w(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],x.prototype,"configChanged",null);let _=0;x.style=":host{--_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{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-radio-group-description-color:var(--ds-form-danger-description-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-radio-group-label-color:var(--ds-form-disabled-label-color);--mod-radio-group-description-color:var(--ds-form-disabled-description-color)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}";export{x as ds_radio_group}

package/dist/esm/array-BuADVVBi.js

@@ -0,0 +1,23 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { T as isEqual } from './index-DxEN1zze.js';
+import { i as isNil } from './isNil-DxRbUK54.js';
+
+/**
+ * Returns `true` if the arrays are equal
+ *
+ * ```typescript
+ * areArraysEqual(['a', 'b'], ['b', 'a']) // true
+ * ```
+ */
+function areArraysEqual(a, b) {
+    if (isNil(a) || isNil(b)) {
+        return false;
+    }
+    const copyA = [...a].sort();
+    const copyB = [...b].sort();
+    return isEqual(copyA, copyB);
+}
+
+export { areArraysEqual as a };

package/dist/esm/breakpoints.decorator-BVrXmMXt.js

@@ -0,0 +1,20 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { a as dsBreakpointSubject } from './breakpoints.subject-Dft-o__O.js';
+
+function ListenToBreakpoints() {
+    return function (target, _propertyKey, _descriptor) {
+        const { connectedCallback, disconnectedCallback } = target;
+        target.connectedCallback = function () {
+            dsBreakpointSubject.attach(this);
+            return connectedCallback && connectedCallback.call(this);
+        };
+        target.disconnectedCallback = function () {
+            dsBreakpointSubject.detach(this);
+            return disconnectedCallback && disconnectedCallback.call(this);
+        };
+    };
+}
+
+export { ListenToBreakpoints as L };