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

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

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

Files changed (488) hide show

package/dist/design-system/p-faf75173db.entry.js DELETED Viewed

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import{B as e,I as o,v as i,E as l,G as r}from"./p-B-v2Wm-V.js";import{_ as a,L as d,a as t}from"./p-Y0rKqVvm.js";import{a as s}from"./p-CGHN-3RC.js";import{s as n}from"./p-C5Rtikeh.js";import{F as c}from"./p-DYPX3A8m.js";import{I as p}from"./p-BMM6Nxeh.js";import{T as h}from"./p-Z0zrglhd.js";import{O as f}from"./p-DypNSUAh.js";import{L as b}from"./p-x2KazRjl.js";import"./p-Duhf3ymL.js";import"./p-dziB1ufg.js";import"./p-CDhvZoCt.js";import"./p-B8PCdo6e.js";import"./p-CYHzHtnv.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-Dk0GEN2t.js";import"./p-CrYAd3JT.js";const u=e=>{const o=new DataTransfer;return e&&e.length>0&&e.forEach((e=>o.items.add(e))),o.files},v={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"}},m=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-"+g++,this.initialValue=[],this.files=[],this.focused=!1,this.isDragOver=!1,this.language=i.language,this.region=i.region,this.value=[],this.name=this.fileUploadId,this.label="Choose or drop a file...",this.dropZoneLabel="",this.description="",this.invalidText="",this.color="primary",this.invalid=!1,this.multiple=!0,this.disabled=!1,this.readonly=!1,this.loading=!1,this.required=!1,this.accept="",this.hasFileList=!0,this.autoInvalidOff=!1,this.addDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.addEventListener("dragenter",this.handleDragenter),this.dropZoneEl.addEventListener("dragover",this.handleDragover),this.dropZoneEl.addEventListener("dragleave",this.handleDragleave),this.dropZoneEl.addEventListener("drop",this.handleDrop))},this.removeDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.removeEventListener("dragenter",this.handleDragenter),this.dropZoneEl.removeEventListener("dragover",this.handleDragover),this.dropZoneEl.removeEventListener("dragleave",this.handleDragleave),this.dropZoneEl.removeEventListener("drop",this.handleDrop))},this.handleFiles=e=>{const o=(i=e,Array.from(null!=i?i:[]));var i;const l=((e,o,i)=>{const l=[],r=[...e],a=[];for(let d=0;d<o.length;d++){const t=o[d];if(t){const o=[];i.accept&&-1===i.accept.split(" ").join("").split(",").indexOf(t.type)&&o.push("BAD_EXTENSION"),void 0!==i.maxFileSize&&t.size>i.maxFileSize&&o.push("FILE_TOO_BIG");const d=r.map((e=>e.size)).reduce(((e,o)=>e+o),0);void 0!==i.maxBundleSize&&d+t.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,t))).length>0&&o.push("DUPLICATED_FILE"),o.length>0?a.push({file:t,reasons:o}):(r.push(t),l.push(t))}}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=u(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||[]]}componentDidLoad(){this.addDragListeners()}disconnectedCallback(){this.removeDragListeners()}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.files=[...this.initialValue],setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=u(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||v[this.language].dropZoneLabel,i=v[this.language].selectedFilesLabel,r=v[this.language].removeFileLabel;return l(c,{key:"0262acd3da4ebb07ab1207c456eb49e2b7abd638",color:this.color,disabled:this.disabled,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.fileUploadId},l("div",{key:"53ef4c5d329415ccd17d0be52ab73aadd1845612",id:"drop-zone",part:"drop-zone",ref:e=>this.dropZoneEl=e,class:{"file-upload-drop-zone":!0,"is-dragover":this.isDragOver,"is-disabled":e},onClick:()=>{var o;return!e&&(null===(o=this.nativeInput)||void 0===o?void 0:o.click())}},l("span",{key:"a4a362449b720986bbd9d6d82032c0004c760b19",id:"drop-zone-status",role:"status","aria-live":"polite"},this.isDragOver?"Drop files here":""),l("input",{key:"456e17b2975c5ee0755b16d07a8ab3c2fa4f66d6",part:"input",ref:e=>this.nativeInput=e,id:this.fileUploadId,type:"file",name:this.name,multiple:this.multiple,disabled:e,required:this.required,accept:this.accept||void 0,"aria-invalid":this.invalid?"true":"false","aria-describedby":"description",onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,"data-testid":"ds-file-upload-input"}),l("div",{key:"dfe3c5972da1593bef6c0aa94cc79851b6fe7b44",id:"drop-zone-content",class:{"is-disabled":e}},l("slot",{key:"a76bb47e49f108cf9c054cba02a78110869870ce"},l("div",{key:"bc52009e955c1267d28f097a37e64019caaf364d",id:"drop-zone-placeholder",class:{"is-disabled":e}},!this.loading&&l("ds-icon",{key:"dcab355b1cb4a89a8c8b2d67e3ab3f22d4a0eb7a",name:"upload",size:"lg"}),this.loading&&l("ds-spinner",{key:"8e5451696abcdb8679d6741b53ce8267234b6435",variation:"circle"}),l("span",{key:"e7989e8a8d431d0cb3709e890929d9fc59f01fef"},o))))),this.hasFileList&&this.files.length>0&&l("ul",{key:"973570b4094cad00ee06b6dd1ca4ffbc55e76fee",id:"file-list",part:"file-list",role:"list","aria-label":i,class:{"file-list":!0,"is-disabled":e}},this.files.map(((o,i)=>{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",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:0}]}}};a([d("file-upload"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],m.prototype,"createLogger",null),a([h("array"),t("design:type",Array)],m.prototype,"value",void 0),a([h("string"),t("design:type",String)],m.prototype,"name",void 0),a([h("string"),t("design:type",String)],m.prototype,"label",void 0),a([h("string"),t("design:type",String)],m.prototype,"dropZoneLabel",void 0),a([h("string"),t("design:type",String)],m.prototype,"description",void 0),a([h("string"),t("design:type",String)],m.prototype,"invalidText",void 0),a([f(p),t("design:type",String)],m.prototype,"color",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"invalid",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"multiple",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"disabled",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"readonly",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"loading",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"required",void 0),a([h("string"),t("design:type",String)],m.prototype,"accept",void 0),a([h("number"),t("design:type",Number)],m.prototype,"maxFiles",void 0),a([h("number"),t("design:type",Number)],m.prototype,"maxFileSize",void 0),a([h("number"),t("design:type",Number)],m.prototype,"maxBundleSize",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"hasFileList",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"autoInvalidOff",void 0),a([b(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",Promise)],m.prototype,"configChanged",null);let g=0;m.style=":host{--_file-upload-label-family:var(--file-upload-label-family, var(--mod-file-upload-label-family, var(--ds-alias-text-family-body)));--_file-upload-label-weight:var(--file-upload-label-weight, var(--mod-file-upload-label-weight, var(--ds-alias-text-weight-bold)));--_file-upload-label-size:var(--file-upload-label-size, var(--mod-file-upload-label-size, var(--ds-alias-text-size-base-device)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-body)));--_file-upload-drop-zone-border-color:var(--file-upload-drop-zone-border-color, var(--mod-file-upload-drop-zone-border-color, var(--ds-alias-border-color-grey)));--_file-upload-drop-zone-background:var(--file-upload-drop-zone-background, var(--mod-file-upload-drop-zone-background, var(--ds-alias-background-color-transparent)));--_file-upload-drop-zone-hover-background:var(--file-upload-drop-zone-hover-background, var(--mod-file-upload-drop-zone-hover-background, var(--ds-alias-background-color-grey-lighter)));--_file-upload-drop-zone-hover-border-color:var(--file-upload-drop-zone-hover-border-color, var(--mod-file-upload-drop-zone-hover-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-hover-text-color:var(--file-upload-drop-zone-hover-text-color, var(--mod-file-upload-drop-zone-hover-text-color, var(--ds-alias-text-color-primary-hover)));--_file-upload-drop-zone-active-background:var(--file-upload-drop-zone-active-background, var(--mod-file-upload-drop-zone-active-background, var(--ds-alias-background-color-grey-light)));--_file-upload-drop-zone-active-border-color:var(--file-upload-drop-zone-active-border-color, var(--mod-file-upload-drop-zone-active-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-active-text-color:var(--file-upload-drop-zone-active-text-color, var(--mod-file-upload-drop-zone-active-text-color, var(--ds-alias-text-color-primary-active)));--_file-upload-drop-zone-focus-border-color:var(--file-upload-drop-zone-focus-border-color, var(--mod-file-upload-drop-zone-focus-border-color, var(--ds-alias-border-focus)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-background-color-grey-light)));--_file-upload-drop-zone-disabled-border-color:var(--file-upload-drop-zone-disabled-border-color, var(--mod-file-upload-drop-zone-disabled-border-color, var(--ds-button-color-disabled-base-text)));--_file-upload-drop-zone-disabled-text-color:var(--file-upload-drop-zone-disabled-text-color, var(--mod-file-upload-drop-zone-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-file-list-background:var(--file-upload-file-list-background, var(--mod-file-upload-file-list-background, var(--ds-alias-background-color-grey-light)));--_file-upload-file-name-color:var(--file-upload-file-name-color, var(--mod-file-upload-file-name-color, var(--ds-alias-text-color-primary)));--_file-upload-file-size-color:var(--file-upload-file-size-color, var(--mod-file-upload-file-size-color, var(--ds-alias-text-color-primary-light)));--_file-upload-disabled-icon-color:var(--file-upload-disabled-icon-color, var(--mod-file-upload-disabled-icon-color, var(--ds-button-color-disabled-base-text)));--_file-upload-disabled-text-color:var(--file-upload-disabled-text-color, var(--mod-file-upload-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-family:var(--file-upload-family, var(--mod-file-upload-family, var(--ds-form-control-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-control-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-control-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-control-size-device)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-control-color-value-base)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-control-color-placeholder-base)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{position:relative;display:block;width:100%}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host input[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-base);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base-device)}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base-device)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs-device)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-input-description-color-danger);--mod-file-upload-drop-zone-border-color:var(--ds-input-container-color-danger-border);--mod-file-upload-drop-zone-hover-border-color:var(--ds-input-container-color-danger-border);--mod-file-upload-drop-zone-active-border-color:var(--ds-input-container-color-danger-border)}:host(.is-success){--mod-file-upload-description-color:var(--ds-input-description-color-success);--mod-file-upload-drop-zone-border-color:var(--ds-input-container-color-success-border);--mod-file-upload-drop-zone-hover-border-color:var(--ds-input-container-color-success-border);--mod-file-upload-drop-zone-active-border-color:var(--ds-input-container-color-success-border)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-input-description-color-warning);--mod-file-upload-drop-zone-border-color:var(--ds-input-container-color-warning-border);--mod-file-upload-drop-zone-hover-border-color:var(--ds-input-container-color-warning-border);--mod-file-upload-drop-zone-active-border-color:var(--ds-input-container-color-warning-border)}";export{m as ds_file_upload}

package/dist/design-system/p-fff38e1ca7.entry.js DELETED Viewed

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import{B as e,I as t,v as i,f as o,E as s,G as r}from"./p-B-v2Wm-V.js";import{_ as n,L as a,a as l}from"./p-Y0rKqVvm.js";import{s as d}from"./p-C5Rtikeh.js";import{F as c}from"./p-DYPX3A8m.js";import{T as m}from"./p-Z0zrglhd.js";import{L as g}from"./p-x2KazRjl.js";import{L as p}from"./p-DoHCSvjl.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-Dk0GEN2t.js";import"./p-CrYAd3JT.js";import"./p-Chgme2NJ.js";const h=class{constructor(o){e(this,o),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inputId="ds-sg-"+v++,this.language=i.language,this.region=i.region,this.items=[],this.autoVertical=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),this.internals.setFormValue(this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),this.internals.setFormValue(null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!o)return;const s=i.querySelector("label:has(input:checked)");s?(o.style.display="block",o.style.left=`${s.offsetLeft}px`,o.style.top=`${s.offsetTop}px`,o.style.width=`${s.offsetWidth}px`,o.style.height=`${s.offsetHeight}px`):o.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.value,this.internals.setFormValue(this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){o(this.el,e.target)&&(d(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){return s(c,{key:"3623376042c1133c3c27368913914b7e3626761c",role:"fieldset",disabled:this.disabled,color:"primary",invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},s("div",{key:"b175ee856735bd12278ab68610792d8f35db0d50",id:"group"},s("div",{key:"37ecfcd8b782e67b612fa9d0a799fafe98bf54ae",id:"pill"}),this.items.map((e=>s("label",Object.assign({key:e.value,class:{"is-selected":e.value===this.value},"aria-invalid":this.invalid?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${e.label}${e.description?`- ${e.description}`:""}`,title:`${e.label}${e.description?`- ${e.description}`:""}`}:{}),s("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:e.value,checked:e.value===this.value,onClick:t=>this.handleInputClick(t,e.value),onChange:()=>this.handleInputChange(e.value),"aria-invalid":this.invalid?"true":null}),e.icon&&s("ds-icon",{name:e.icon}),e.svg&&s("ds-icon",{svg:e.svg}),!this.iconOnly&&s("span",{id:"content"},s("span",{class:"label"},e.label),e.description&&s("span",{class:"description"},e.description)))))),s("div",{key:"f0815ad652c00b772f97d335c9c03d6518116bbc"},s("slot",{key:"1bab00d80378d7ab2c5d3a8e50df85195287fb34",onSlotchange:()=>this.handleSlotChange()})))}static get formAssociated(){return!0}get el(){return r(this)}};n([a("segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],h.prototype,"createLogger",null),n([m("boolean"),l("design:type",Boolean)],h.prototype,"allowEmptySelection",void 0),n([m("string"),l("design:type",String)],h.prototype,"description",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"disabled",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"iconOnly",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"invalid",void 0),n([m("string"),l("design:type",String)],h.prototype,"invalidText",void 0),n([m("string"),l("design:type",String)],h.prototype,"label",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"loading",void 0),n([m("string"),l("design:type",String)],h.prototype,"name",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"readonly",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"required",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"vertical",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"verticalOnMobile",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"wide",void 0),n([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],h.prototype,"configChanged",null),n([p(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",Promise)],h.prototype,"listenToResize",null);let v=0;h.style=":host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-padding:var(--segment-padding, var(--mod-segment-padding, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-padding-inline:var(--segment-item-padding-inline, var(--mod-segment-item-padding-inline, var(--ds-segment-item-padding-inline)));--_segment-item-padding-block:var(--segment-item-padding-block, var(--mod-segment-item-padding-block, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-focus-color:var(--segment-focus-color, var(--mod-segment-focus-color, var(--ds-segment-focus-color)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}: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)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-padding);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{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;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-padding-block));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-padding-inline);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer}#group label input[type=radio]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--_segment-focus-color);outline-offset:2px;border-radius:inherit}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-padding-inline);padding-inline-start:var(--_segment-item-padding-inline);-webkit-padding-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-padding-inline)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-padding-inline);padding-inline-start:var(--_segment-item-padding-inline);-webkit-padding-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-padding-inline)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}";export{h as ds_segment}