@helvetia-design/core 0.0.5 → 0.1.0

package/dist/design-system/{p-4eaac5ca6b.entry.js → p-72843320f7.entry.js}

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

package/dist/design-system/{p-2345e9fed5.entry.js → p-78fa42f19b.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as e,J as s,F as t,G as i,I as o}from"./p-vF16SDFF.js";import{_ as r,L as n,a}from"./p-nVdGbZYj.js";import{T as l}from"./p-C2tiilHE.js";import{R as c}from"./p-CYTkqxYD.js";import"./p-CnMdxr0m.js";const d=class{constructor(t){e(this,t),this.dsStepSelect=s(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?t("ds-icon",{name:"check",inverted:!0,"aria-hidden":"true"}):this.invalid?t("span",{class:"step-invalid","aria-hidden":"true"},"!"):t("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?t(i,{role:"listitem",class:e},t("span",{class:"circle","aria-hidden":"true"},s),t("slot",null),t("span",{class:"connector","aria-hidden":"true"})):t(i,{role:"tab",class:e,"aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},t("span",{class:"circle"},s),this.label&&t("span",{class:"step-label"},this.label),t("span",{class:"connector","aria-hidden":"true"}))}get el(){return o(this)}};r([n("step"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],d.prototype,"createLogger",null),r([l("number"),a("design:type",Number)],d.prototype,"activeIndex",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"disabled",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"done",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"hidden",void 0),r([l("number"),a("design:type",Number)],d.prototype,"index",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"invalid",void 0),r([l("string"),a("design:type",String)],d.prototype,"label",void 0),r([c(),l("string"),a("design:type",String)],d.prototype,"name",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"navigation",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"selected",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"vertical",void 0),d.style=":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-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;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1;-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-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;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:var(--_steps-step-line-height);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-done) .step-label{color:var(--_steps-step-color-done)}:host(.is-disabled) .step-label{color:var(--_steps-step-color-disabled);opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-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;display:block;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:var(--_steps-step-line-height);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation.is-disabled) ::slotted(a){color:var(--_steps-step-color-disabled);opacity:.4}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}";export{d as ds_step}
+import{D as e,J as s,F as t,G as i,I as o}from"./p-BZEWgXed.js";import{_ as r,L as n,a}from"./p-BZsCW9yV.js";import{T as l}from"./p-BaZBnuEF.js";import{R as c}from"./p-Dd1T3Uhf.js";import"./p-C0WbBTf4.js";const d=class{constructor(t){e(this,t),this.dsStepSelect=s(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?t("ds-icon",{name:"check",inverted:!0,"aria-hidden":"true"}):this.invalid?t("span",{class:"step-invalid","aria-hidden":"true"},"!"):t("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?t(i,{role:"listitem",class:e},t("span",{class:"circle","aria-hidden":"true"},s),t("slot",null),t("span",{class:"connector","aria-hidden":"true"})):t(i,{role:"tab",class:e,"aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},t("span",{class:"circle"},s),this.label&&t("span",{class:"step-label"},this.label),t("span",{class:"connector","aria-hidden":"true"}))}get el(){return o(this)}};r([n("step"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],d.prototype,"createLogger",null),r([l("number"),a("design:type",Number)],d.prototype,"activeIndex",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"disabled",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"done",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"hidden",void 0),r([l("number"),a("design:type",Number)],d.prototype,"index",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"invalid",void 0),r([l("string"),a("design:type",String)],d.prototype,"label",void 0),r([c(),l("string"),a("design:type",String)],d.prototype,"name",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"navigation",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"selected",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"vertical",void 0),d.style=":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-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;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1;-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-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;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:var(--_steps-step-line-height);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-done) .step-label{color:var(--_steps-step-color-done)}:host(.is-disabled) .step-label{color:var(--_steps-step-color-disabled);opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-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;display:block;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:var(--_steps-step-line-height);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation.is-disabled) ::slotted(a){color:var(--_steps-step-color-disabled);opacity:.4}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}";export{d as ds_step}

package/dist/design-system/{p-8d04a63919.entry.js → p-7c1ce160fe.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - 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-vF16SDFF.js";import{_ as p,L as n,a as d}from"./p-nVdGbZYj.js";import{S as h}from"./p-zuNnnG1x.js";import{T as c}from"./p-C2tiilHE.js";import{O as l}from"./p-Bo3ozMyW.js";import{L as u}from"./p-DqEwL34o.js";import{a as b,c as m,s as v,f as g,o as w,b as f}from"./p-C1kAmkEd.js";import{F as y}from"./p-BDn2kGoY.js";import{i as k}from"./p-BsFXlUpb.js";import{P as x,a as _}from"./p-xHQkg6ZE.js";import"./p-CnMdxr0m.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}
+import{D as i,J as t,w as a,F as s,G as o,I as e,d as r}from"./p-BZEWgXed.js";import{_ as p,L as n,a as d}from"./p-BZsCW9yV.js";import{S as h}from"./p-B8_nVD8J.js";import{T as c}from"./p-BaZBnuEF.js";import{O as l}from"./p-DE5aqD5-.js";import{L as u}from"./p-reH0cIhP.js";import{a as b,c as m,s as v,f as g,o as w,b as f}from"./p-C1kAmkEd.js";import{F as y}from"./p-B7VRmbiX.js";import{i as k}from"./p-BsFXlUpb.js";import{P as x,a as _}from"./p-xHQkg6ZE.js";import"./p-C0WbBTf4.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-14569675ee.entry.js → p-812fca6694.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as e,J as o,x as i,F as l,I as r}from"./p-vF16SDFF.js";import{_ as a,L as t,a as d}from"./p-nVdGbZYj.js";import{a as s}from"./p-BJZKXpi_.js";import{s as n}from"./p-BwDOnHtD.js";import{w as p}from"./p-CHZn7ODg.js";import{F as c}from"./p-bTeo6KbL.js";import{I as f}from"./p-tQJW0EmK.js";import{T as h}from"./p-C2tiilHE.js";import{O as u}from"./p-Bo3ozMyW.js";import{L as b}from"./p-DqEwL34o.js";import"./p-BVkfpg--.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-CnMdxr0m.js";const v=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=v(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=v(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([b(),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}
+import{D as e,J as o,x as i,F as l,I as r}from"./p-BZEWgXed.js";import{_ as a,L as t,a as d}from"./p-BZsCW9yV.js";import{a as s}from"./p-B0WMymhT.js";import{s as n}from"./p-D4hbhLgQ.js";import{w as p}from"./p-CHZn7ODg.js";import{F as c}from"./p-Bwb-pdM2.js";import{I as f}from"./p-tQJW0EmK.js";import{T as h}from"./p-BaZBnuEF.js";import{O as u}from"./p-DE5aqD5-.js";import{L as b}from"./p-reH0cIhP.js";import"./p-Dw7BDW7b.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";const v=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=v(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=v(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([b(),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;min-width:0;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host input[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default;--_spinner-circle-background-color:var(--ds-global-color-grey-3)}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base);text-align:center}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .ds-stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-form-danger-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-file-upload-description-color:var(--ds-form-success-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-form-warning-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-warning)}";export{g as ds_file_upload}

package/dist/design-system/{p-9cb2b5b812.entry.js → p-836ac75016.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as t,F as e,G as o,I as i}from"./p-vF16SDFF.js";import{_ as s,L as a,a as r}from"./p-nVdGbZYj.js";import{h as d}from"./p-DWaM_oN0.js";import{O as x}from"./p-Bo3ozMyW.js";import{T as l}from"./p-C2tiilHE.js";import"./p-CnMdxr0m.js";const n=class{constructor(e){t(this,e),this.bold=!1,this.disabled=!1,this.heading=!1,this.inline=!1,this.invalid=!1,this.inverted=!1,this.noWrap=!1,this.shadow=!1,this.subtitle=!1}createLogger(t){this.log=t}render(){const t=this.inline?"span":"p",i=(s={disabled:this.disabled,invalid:this.invalid,inverted:this.inverted,color:this.color}).disabled?"disabled":s.invalid?"danger":s.inverted?"inverted":d(s.color)?s.color:void 0;var s;return e(o,{key:"cdc56318f70a17adf4a4d1898adc6ae7df496dee",class:{[`is-${i}`]:d(i),"is-bold":this.bold,"has-shadow":this.shadow,"is-inline":this.inline,"is-heading":this.heading,"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,[`has-space-${this.space}`]:d(this.space),[`is-${this.size}`]:d(this.size)}},e(t,{key:"d74277ead0597c6912596c59476c8d5ba9c1e25a",id:"text",part:"text",class:{[`is-${this.align}`]:d(this.align)}},e("slot",{key:"cdbf0da1c75cf57d548699dbd035af702a110781"})))}get el(){return i(this)}};s([a("text"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],n.prototype,"createLogger",null),s([x(["left","right","center","justify"]),r("design:type",String)],n.prototype,"align",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"bold",void 0),s([x(["grey","primary","hint","success","warning","danger","placeholder"]),r("design:type",String)],n.prototype,"color",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"disabled",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"heading",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"inline",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"invalid",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"inverted",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"noWrap",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"shadow",void 0),s([x(["xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block"]),r("design:type",String)],n.prototype,"size",void 0),s([x(["none","bottom","top","all"]),r("design:type",String)],n.prototype,"space",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"subtitle",void 0),n.style=":host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-color:var(--text-color, var(--mod-text-color, var(--ds-body-color)));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-text-typo-paragraph-font-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-text-typo-paragraph-font-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-text-typo-paragraph-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-text-typo-paragraph-font-size)));--_text-margin:var(--text-margin, var(--mod-text-margin, var(--ds-text-margin-bottom)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-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;text-align:var(--_text-align);font-weight:var(--_text-weight);font-family:var(--_text-family);font-size:var(--_text-size);line-height:var(--_text-line-height);color:var(--_text-color);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-alias-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-text-shadow)}:host(.is-inline){display:inline}:host(.is-danger){--mod-text-color:var(--ds-text-color-danger)}:host(.is-disabled){--mod-text-color:var(--ds-text-color-disabled)}:host(.is-grey){--mod-text-color:var(--ds-text-color-grey)}:host(.is-info){--mod-text-color:var(--ds-text-color-info)}:host(.is-placeholder){--mod-text-color:var(--ds-text-color-placeholder)}:host(.is-primary){--mod-text-color:var(--ds-text-color-primary)}:host(.is-success){--mod-text-color:var(--ds-text-color-success)}:host(.is-warning){--mod-text-color:var(--ds-text-color-warning)}:host(.is-inverted){--mod-text-color:var(--ds-text-color-inverted)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-text-color-inverted-disabled)}:host(.is-xs){--mod-text-size:var(--ds-device-text-size-xs)}:host(.is-sm){--mod-text-size:var(--ds-device-text-size-sm)}:host(.is-base){--mod-text-size:var(--ds-device-text-size-base)}:host(.is-md){--mod-text-size:var(--ds-device-text-size-md)}:host(.is-lg){--mod-text-size:var(--ds-device-text-size-lg)}:host(.is-xl){--mod-text-size:var(--ds-device-text-size-xl)}:host(.is-2xl){--mod-text-size:var(--ds-device-text-size-2xl)}:host(.is-3xl){--mod-text-size:var(--ds-device-text-size-3xl)}:host(.is-4xl){--mod-text-size:var(--ds-device-text-size-4xl)}:host(.is-5xl){--mod-text-size:var(--ds-device-text-size-5xl)}:host(.is-small){--mod-text-size:var(--ds-device-text-size-sm)}:host(.is-lead){--mod-text-size:var(--ds-device-text-size-lg)}:host(.is-block){--mod-text-size:var(--ds-device-text-size-md)}:host(.is-heading){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-bold);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-light);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-margin);--text-mb:var(--_text-margin)}:host(.has-space-top){--text-mt:var(--_text-margin);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-margin)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}";export{n as ds_text}
+import{D as t,F as e,G as o,I as i}from"./p-BZEWgXed.js";import{_ as s,L as a,a as r}from"./p-BZsCW9yV.js";import{h as d}from"./p-BYD3IPs8.js";import{O as x}from"./p-DE5aqD5-.js";import{T as l}from"./p-BaZBnuEF.js";import"./p-C0WbBTf4.js";const n=class{constructor(e){t(this,e),this.bold=!1,this.disabled=!1,this.heading=!1,this.inline=!1,this.invalid=!1,this.inverted=!1,this.noWrap=!1,this.shadow=!1,this.subtitle=!1}createLogger(t){this.log=t}render(){const t=this.inline?"span":"p",i=(s={disabled:this.disabled,invalid:this.invalid,inverted:this.inverted,color:this.color}).disabled?"disabled":s.invalid?"danger":s.inverted?"inverted":d(s.color)?s.color:void 0;var s;return e(o,{key:"cdc56318f70a17adf4a4d1898adc6ae7df496dee",class:{[`is-${i}`]:d(i),"is-bold":this.bold,"has-shadow":this.shadow,"is-inline":this.inline,"is-heading":this.heading,"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,[`has-space-${this.space}`]:d(this.space),[`is-${this.size}`]:d(this.size)}},e(t,{key:"d74277ead0597c6912596c59476c8d5ba9c1e25a",id:"text",part:"text",class:{[`is-${this.align}`]:d(this.align)}},e("slot",{key:"cdbf0da1c75cf57d548699dbd035af702a110781"})))}get el(){return i(this)}};s([a("text"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],n.prototype,"createLogger",null),s([x(["left","right","center","justify"]),r("design:type",String)],n.prototype,"align",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"bold",void 0),s([x(["grey","primary","hint","success","warning","danger","placeholder"]),r("design:type",String)],n.prototype,"color",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"disabled",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"heading",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"inline",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"invalid",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"inverted",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"noWrap",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"shadow",void 0),s([x(["xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block"]),r("design:type",String)],n.prototype,"size",void 0),s([x(["none","bottom","top","all"]),r("design:type",String)],n.prototype,"space",void 0),s([l("boolean"),r("design:type",Boolean)],n.prototype,"subtitle",void 0),n.style=":host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-color:var(--text-color, var(--mod-text-color, var(--ds-body-color)));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-text-typo-paragraph-font-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-text-typo-paragraph-font-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-text-typo-paragraph-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-text-typo-paragraph-font-size)));--_text-margin:var(--text-margin, var(--mod-text-margin, var(--ds-text-margin-bottom)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-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;text-align:var(--_text-align);font-weight:var(--_text-weight);font-family:var(--_text-family);font-size:var(--_text-size);line-height:var(--_text-line-height);color:var(--_text-color);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-alias-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-text-shadow)}:host(.is-inline){display:inline}:host(.is-danger){--mod-text-color:var(--ds-text-color-danger)}:host(.is-disabled){--mod-text-color:var(--ds-text-color-disabled)}:host(.is-grey){--mod-text-color:var(--ds-text-color-grey)}:host(.is-info){--mod-text-color:var(--ds-text-color-info)}:host(.is-placeholder){--mod-text-color:var(--ds-text-color-placeholder)}:host(.is-primary){--mod-text-color:var(--ds-text-color-primary)}:host(.is-success){--mod-text-color:var(--ds-text-color-success)}:host(.is-warning){--mod-text-color:var(--ds-text-color-warning)}:host(.is-inverted){--mod-text-color:var(--ds-text-color-inverted)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-text-color-inverted-disabled)}:host(.is-xs){--mod-text-size:var(--ds-device-text-size-xs)}:host(.is-sm){--mod-text-size:var(--ds-device-text-size-sm)}:host(.is-base){--mod-text-size:var(--ds-device-text-size-base)}:host(.is-md){--mod-text-size:var(--ds-device-text-size-md)}:host(.is-lg){--mod-text-size:var(--ds-device-text-size-lg)}:host(.is-xl){--mod-text-size:var(--ds-device-text-size-xl)}:host(.is-2xl){--mod-text-size:var(--ds-device-text-size-2xl)}:host(.is-3xl){--mod-text-size:var(--ds-device-text-size-3xl)}:host(.is-4xl){--mod-text-size:var(--ds-device-text-size-4xl)}:host(.is-5xl){--mod-text-size:var(--ds-device-text-size-5xl)}:host(.is-small){--mod-text-size:var(--ds-device-text-size-sm)}:host(.is-lead){--mod-text-size:var(--ds-device-text-size-lg)}:host(.is-block){--mod-text-size:var(--ds-device-text-size-md)}:host(.is-heading){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-bold);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-light);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-margin);--text-mb:var(--_text-margin)}:host(.has-space-top){--text-mt:var(--_text-margin);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-margin)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}";export{n as ds_text}

package/dist/design-system/{p-3543892968.entry.js → p-8734bc6735.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as s,J as e,F as t,G as o,I as r}from"./p-vF16SDFF.js";import{_ as l,L as c,a as i}from"./p-nVdGbZYj.js";import{d as p,b as a}from"./p-BbGwCnDa.js";import{s as d}from"./p-BwDOnHtD.js";import{O as n}from"./p-Bo3ozMyW.js";import{T as v}from"./p-C2tiilHE.js";import"./p-CnMdxr0m.js";const h=class{constructor(t){s(this,t),this.dsChange=e(this,"dsChange"),this.label="",this.vertical=!1,this.handleKeyDown=s=>{var e,t,o,r;if(this.isNavigation())return;const l=this.getSteps().filter((s=>!s.disabled&&!s.hidden)),c=l.findIndex((s=>s.name===this.value)),i=this.vertical?"ArrowDown"===s.key:"ArrowRight"===s.key,p=this.vertical?"ArrowUp"===s.key:"ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateStep(null===(e=l[0])||void 0===e?void 0:e.name)):"End"===s.key?(s.preventDefault(),this.activateStep(null===(t=l[l.length-1])||void 0===t?void 0:t.name)):i?(s.preventDefault(),this.activateStep(null===(o=l[(c+1)%l.length])||void 0===o?void 0:o.name)):p&&(s.preventDefault(),this.activateStep(null===(r=l[(c-1+l.length)%l.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(s){this.log=s}componentDidLoad(){this.setup()}componentDidUpdate(){this.updateChildren()}listenToDsStepSelect(s){d(s),this.activateStep(s.detail.name)}getSteps(){return p(this.el,a("DS-STEP"))}getPanels(){return p(this.el,a("DS-STEP-PANEL"))}isNavigation(){return 0===this.getPanels().length}setup(){const s=this.getSteps(),e=this.getPanels(),t=this.isNavigation();let o=0;if(s.forEach((s=>{if(s.slot="step",s.navigation=t,s.vertical=this.vertical,s.hidden?s.index=0:(o++,s.index=o),!t&&s.name){s.id||(s.id="ds-step-"+g++);const t=e.find((e=>e.for===s.name));t&&(t.id||(t.id="ds-step-panel-"+g++),s.setAttribute("aria-controls",t.id),t.setAttribute("aria-labelledby",s.id))}})),!t&&!this.value){const e=s.find((s=>!s.hidden&&!s.disabled));e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const s=this.isNavigation(),e=this.getSteps(),t=this.getPanels(),o=e.find(s?s=>s.querySelector("[aria-current]"):s=>s.name===this.value),r=o?o.index:0;e.forEach((e=>{e.navigation=s,e.vertical=this.vertical,e.selected=e===o,e.activeIndex=r})),t.forEach((s=>{s.selected=s.for===this.value}))}activateStep(s){if(s===this.value)return;const e=this.getSteps().find((e=>e.name===s));(null==e?void 0:e.disabled)||(this.value=s,this.dsChange.emit({value:s}),this.focusSelectedStep())}focusSelectedStep(){const s=this.getSteps().find((s=>s.name===this.value));null==s||s.focus()}render(){const s=this.isNavigation(),e=s=>{s&&(this.steplistEl=s)};return t(o,{class:{"is-vertical":this.vertical,"is-navigation":s,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color}},s?t("nav",{"aria-label":this.label||void 0},t("ol",{id:"steplist",part:"steplist",ref:e},t("slot",{name:"step",onSlotchange:this.handleSlotChange}))):t("div",{id:"steplist",part:"steplist",role:"tablist","aria-orientation":this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:e},t("slot",{name:"step",onSlotchange:this.handleSlotChange})),t("slot",{onSlotchange:this.handleSlotChange}))}get el(){return r(this)}};l([c("steps"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],h.prototype,"createLogger",null),l([n(["purple","green","red","yellow"]),i("design:type",String)],h.prototype,"color",void 0),l([v("string"),i("design:type",String)],h.prototype,"label",void 0),l([v("string"),i("design:type",Object)],h.prototype,"value",void 0),l([v("boolean"),i("design:type",Boolean)],h.prototype,"vertical",void 0);let g=0;h.style=':host{--_steps-connector-color:var(--steps-connector-color, var(--mod-steps-connector-color, var(--ds-steps-connector-color-base)));--_steps-connector-color-filled:var(--steps-connector-color-filled, var(--mod-steps-connector-color-filled, var(--ds-steps-connector-color-filled)));--_steps-connector-height:var(--steps-connector-height, var(--mod-steps-connector-height, var(--ds-steps-connector-height)));--_steps-circle-size:var(--steps-circle-size, var(--mod-steps-circle-size, var(--ds-steps-circle-size-base)));--_steps-circle-size-sm:var(--steps-circle-size-sm, var(--mod-steps-circle-size-sm, var(--ds-steps-circle-size-sm)));--_steps-circle-color-bg:var(--steps-circle-color-bg, var(--mod-steps-circle-color-bg, var(--ds-steps-circle-color-default-background)));--_steps-circle-color-bg-selected:var(--steps-circle-color-bg-selected, var(--mod-steps-circle-color-bg-selected, var(--ds-steps-circle-color-selected-background)));--_steps-circle-color-bg-done:var(--steps-circle-color-bg-done, var(--mod-steps-circle-color-bg-done, var(--ds-steps-circle-color-done-background)));--_steps-circle-color-bg-invalid:var(--steps-circle-color-bg-invalid, var(--mod-steps-circle-color-bg-invalid, var(--ds-steps-circle-color-invalid-background)));--_steps-circle-color-bg-disabled:var(--steps-circle-color-bg-disabled, var(--mod-steps-circle-color-bg-disabled, var(--ds-steps-circle-color-disabled-background)));--_steps-circle-color-text:var(--steps-circle-color-text, var(--mod-steps-circle-color-text, var(--ds-steps-circle-color-default-text)));--_steps-circle-color-text-selected:var(--steps-circle-color-text-selected, var(--mod-steps-circle-color-text-selected, var(--ds-steps-circle-color-selected-text)));--_steps-circle-color-text-done:var(--steps-circle-color-text-done, var(--mod-steps-circle-color-text-done, var(--ds-steps-circle-color-done-text)));--_steps-circle-color-text-invalid:var(--steps-circle-color-text-invalid, var(--mod-steps-circle-color-text-invalid, var(--ds-steps-circle-color-invalid-text)));--_steps-circle-color-text-disabled:var(--steps-circle-color-text-disabled, var(--mod-steps-circle-color-text-disabled, var(--ds-steps-circle-color-disabled-text)));--_steps-step-font-family:var(--steps-step-font-family, var(--mod-steps-step-font-family, var(--ds-steps-step-typo-base-font-family)));--_steps-step-font-size:var(--steps-step-font-size, var(--mod-steps-step-font-size, var(--ds-steps-step-typo-base-font-size)));--_steps-step-font-size-sm:var(--steps-step-font-size-sm, var(--mod-steps-step-font-size-sm, var(--ds-steps-step-typo-sm-font-size)));--_steps-step-font-weight:var(--steps-step-font-weight, var(--mod-steps-step-font-weight, var(--ds-steps-step-typo-base-font-weight)));--_steps-step-line-height:var(--steps-step-line-height, var(--mod-steps-step-line-height, var(--ds-steps-step-typo-base-line-height)));--_steps-step-color:var(--steps-step-color, var(--mod-steps-step-color, var(--ds-steps-step-color-base)));--_steps-step-color-done:var(--steps-step-color-done, var(--mod-steps-step-color-done, var(--ds-steps-step-color-done)));--_steps-step-color-selected:var(--steps-step-color-selected, var(--mod-steps-step-color-selected, var(--ds-steps-step-color-selected)));--_steps-step-color-disabled:var(--steps-step-color-disabled, var(--mod-steps-step-color-disabled, var(--ds-steps-step-color-disabled)));--_steps-step-color-focus:var(--steps-step-color-focus, var(--mod-steps-step-color-focus, var(--ds-steps-step-color-focus)));--_steps-panel-px:var(--steps-panel-px, var(--mod-steps-panel-px, var(--ds-steps-panel-padding-x)));--_steps-panel-py:var(--steps-panel-py, var(--mod-steps-panel-py, var(--ds-steps-panel-padding-y)));--_steps-color-purple:var(--steps-color-purple, var(--mod-steps-color-purple, var(--ds-steps-color-purple)));--_steps-color-green:var(--steps-color-green, var(--mod-steps-color-green, var(--ds-steps-color-green)));--_steps-color-red:var(--steps-color-red, var(--mod-steps-color-red, var(--ds-steps-color-red)));--_steps-color-yellow:var(--steps-color-yellow, var(--mod-steps-color-yellow, var(--ds-steps-color-yellow)));display:block}:host(.is-purple){--_steps-connector-color:var(--_steps-color-purple);--_steps-circle-color-bg:var(--_steps-color-purple);--_steps-circle-color-bg-disabled:var(--_steps-color-purple)}:host(.is-green){--_steps-connector-color:var(--_steps-color-green);--_steps-circle-color-bg:var(--_steps-color-green);--_steps-circle-color-bg-disabled:var(--_steps-color-green)}:host(.is-red){--_steps-connector-color:var(--_steps-color-red);--_steps-circle-color-bg:var(--_steps-color-red);--_steps-circle-color-bg-disabled:var(--_steps-color-red)}:host(.is-yellow){--_steps-connector-color:var(--_steps-color-yellow);--_steps-circle-color-bg:var(--_steps-color-yellow);--_steps-circle-color-bg-disabled:var(--_steps-color-yellow)}:host #steplist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;width:100%}:host(.is-navigation) nav,:host(.is-navigation) ol{display:contents}:host ::slotted(ds-step-panel){--step-panel-p:var(--_steps-panel-py) var(--_steps-panel-px)}:host(.is-vertical) #steplist{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;position:relative}:host(.is-vertical) #steplist::before{content:"";position:absolute;left:calc(var(--_steps-circle-size)/2);-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(var(--_steps-circle-size)/2);bottom:calc(var(--_steps-circle-size)/2);width:var(--_steps-connector-height);background-color:var(--_steps-connector-color);z-index:0}@media screen and (max-width: 768px){:host(.is-vertical) #steplist::before{left:calc(var(--_steps-circle-size-sm)/2);top:calc(var(--_steps-circle-size-sm)/2);bottom:calc(var(--_steps-circle-size-sm)/2)}}';export{h as ds_steps}
+import{D as s,J as e,F as t,G as o,I as r}from"./p-BZEWgXed.js";import{_ as l,L as c,a as i}from"./p-BZsCW9yV.js";import{d as p,b as a}from"./p-BbGwCnDa.js";import{s as d}from"./p-D4hbhLgQ.js";import{O as n}from"./p-DE5aqD5-.js";import{T as v}from"./p-BaZBnuEF.js";import"./p-C0WbBTf4.js";const h=class{constructor(t){s(this,t),this.dsChange=e(this,"dsChange"),this.label="",this.vertical=!1,this.handleKeyDown=s=>{var e,t,o,r;if(this.isNavigation())return;const l=this.getSteps().filter((s=>!s.disabled&&!s.hidden)),c=l.findIndex((s=>s.name===this.value)),i=this.vertical?"ArrowDown"===s.key:"ArrowRight"===s.key,p=this.vertical?"ArrowUp"===s.key:"ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateStep(null===(e=l[0])||void 0===e?void 0:e.name)):"End"===s.key?(s.preventDefault(),this.activateStep(null===(t=l[l.length-1])||void 0===t?void 0:t.name)):i?(s.preventDefault(),this.activateStep(null===(o=l[(c+1)%l.length])||void 0===o?void 0:o.name)):p&&(s.preventDefault(),this.activateStep(null===(r=l[(c-1+l.length)%l.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(s){this.log=s}componentDidLoad(){this.setup()}componentDidUpdate(){this.updateChildren()}listenToDsStepSelect(s){d(s),this.activateStep(s.detail.name)}getSteps(){return p(this.el,a("DS-STEP"))}getPanels(){return p(this.el,a("DS-STEP-PANEL"))}isNavigation(){return 0===this.getPanels().length}setup(){const s=this.getSteps(),e=this.getPanels(),t=this.isNavigation();let o=0;if(s.forEach((s=>{if(s.slot="step",s.navigation=t,s.vertical=this.vertical,s.hidden?s.index=0:(o++,s.index=o),!t&&s.name){s.id||(s.id="ds-step-"+g++);const t=e.find((e=>e.for===s.name));t&&(t.id||(t.id="ds-step-panel-"+g++),s.setAttribute("aria-controls",t.id),t.setAttribute("aria-labelledby",s.id))}})),!t&&!this.value){const e=s.find((s=>!s.hidden&&!s.disabled));e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const s=this.isNavigation(),e=this.getSteps(),t=this.getPanels(),o=e.find(s?s=>s.querySelector("[aria-current]"):s=>s.name===this.value),r=o?o.index:0;e.forEach((e=>{e.navigation=s,e.vertical=this.vertical,e.selected=e===o,e.activeIndex=r})),t.forEach((s=>{s.selected=s.for===this.value}))}activateStep(s){if(s===this.value)return;const e=this.getSteps().find((e=>e.name===s));(null==e?void 0:e.disabled)||(this.value=s,this.dsChange.emit({value:s}),this.focusSelectedStep())}focusSelectedStep(){const s=this.getSteps().find((s=>s.name===this.value));null==s||s.focus()}render(){const s=this.isNavigation(),e=s=>{s&&(this.steplistEl=s)};return t(o,{class:{"is-vertical":this.vertical,"is-navigation":s,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color}},s?t("nav",{"aria-label":this.label||void 0},t("ol",{id:"steplist",part:"steplist",ref:e},t("slot",{name:"step",onSlotchange:this.handleSlotChange}))):t("div",{id:"steplist",part:"steplist",role:"tablist","aria-orientation":this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:e},t("slot",{name:"step",onSlotchange:this.handleSlotChange})),t("slot",{onSlotchange:this.handleSlotChange}))}get el(){return r(this)}};l([c("steps"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],h.prototype,"createLogger",null),l([n(["purple","green","red","yellow"]),i("design:type",String)],h.prototype,"color",void 0),l([v("string"),i("design:type",String)],h.prototype,"label",void 0),l([v("string"),i("design:type",Object)],h.prototype,"value",void 0),l([v("boolean"),i("design:type",Boolean)],h.prototype,"vertical",void 0);let g=0;h.style=':host{--_steps-connector-color:var(--steps-connector-color, var(--mod-steps-connector-color, var(--ds-steps-connector-color-base)));--_steps-connector-color-filled:var(--steps-connector-color-filled, var(--mod-steps-connector-color-filled, var(--ds-steps-connector-color-filled)));--_steps-connector-height:var(--steps-connector-height, var(--mod-steps-connector-height, var(--ds-steps-connector-height)));--_steps-circle-size:var(--steps-circle-size, var(--mod-steps-circle-size, var(--ds-steps-circle-size-base)));--_steps-circle-size-sm:var(--steps-circle-size-sm, var(--mod-steps-circle-size-sm, var(--ds-steps-circle-size-sm)));--_steps-circle-color-bg:var(--steps-circle-color-bg, var(--mod-steps-circle-color-bg, var(--ds-steps-circle-color-default-background)));--_steps-circle-color-bg-selected:var(--steps-circle-color-bg-selected, var(--mod-steps-circle-color-bg-selected, var(--ds-steps-circle-color-selected-background)));--_steps-circle-color-bg-done:var(--steps-circle-color-bg-done, var(--mod-steps-circle-color-bg-done, var(--ds-steps-circle-color-done-background)));--_steps-circle-color-bg-invalid:var(--steps-circle-color-bg-invalid, var(--mod-steps-circle-color-bg-invalid, var(--ds-steps-circle-color-invalid-background)));--_steps-circle-color-bg-disabled:var(--steps-circle-color-bg-disabled, var(--mod-steps-circle-color-bg-disabled, var(--ds-steps-circle-color-disabled-background)));--_steps-circle-color-text:var(--steps-circle-color-text, var(--mod-steps-circle-color-text, var(--ds-steps-circle-color-default-text)));--_steps-circle-color-text-selected:var(--steps-circle-color-text-selected, var(--mod-steps-circle-color-text-selected, var(--ds-steps-circle-color-selected-text)));--_steps-circle-color-text-done:var(--steps-circle-color-text-done, var(--mod-steps-circle-color-text-done, var(--ds-steps-circle-color-done-text)));--_steps-circle-color-text-invalid:var(--steps-circle-color-text-invalid, var(--mod-steps-circle-color-text-invalid, var(--ds-steps-circle-color-invalid-text)));--_steps-circle-color-text-disabled:var(--steps-circle-color-text-disabled, var(--mod-steps-circle-color-text-disabled, var(--ds-steps-circle-color-disabled-text)));--_steps-step-font-family:var(--steps-step-font-family, var(--mod-steps-step-font-family, var(--ds-steps-step-typo-base-font-family)));--_steps-step-font-size:var(--steps-step-font-size, var(--mod-steps-step-font-size, var(--ds-steps-step-typo-base-font-size)));--_steps-step-font-size-sm:var(--steps-step-font-size-sm, var(--mod-steps-step-font-size-sm, var(--ds-steps-step-typo-sm-font-size)));--_steps-step-font-weight:var(--steps-step-font-weight, var(--mod-steps-step-font-weight, var(--ds-steps-step-typo-base-font-weight)));--_steps-step-line-height:var(--steps-step-line-height, var(--mod-steps-step-line-height, var(--ds-steps-step-typo-base-line-height)));--_steps-step-color:var(--steps-step-color, var(--mod-steps-step-color, var(--ds-steps-step-color-base)));--_steps-step-color-done:var(--steps-step-color-done, var(--mod-steps-step-color-done, var(--ds-steps-step-color-done)));--_steps-step-color-selected:var(--steps-step-color-selected, var(--mod-steps-step-color-selected, var(--ds-steps-step-color-selected)));--_steps-step-color-disabled:var(--steps-step-color-disabled, var(--mod-steps-step-color-disabled, var(--ds-steps-step-color-disabled)));--_steps-step-color-focus:var(--steps-step-color-focus, var(--mod-steps-step-color-focus, var(--ds-steps-step-color-focus)));--_steps-panel-px:var(--steps-panel-px, var(--mod-steps-panel-px, var(--ds-steps-panel-padding-x)));--_steps-panel-py:var(--steps-panel-py, var(--mod-steps-panel-py, var(--ds-steps-panel-padding-y)));--_steps-color-purple:var(--steps-color-purple, var(--mod-steps-color-purple, var(--ds-steps-color-purple)));--_steps-color-green:var(--steps-color-green, var(--mod-steps-color-green, var(--ds-steps-color-green)));--_steps-color-red:var(--steps-color-red, var(--mod-steps-color-red, var(--ds-steps-color-red)));--_steps-color-yellow:var(--steps-color-yellow, var(--mod-steps-color-yellow, var(--ds-steps-color-yellow)));display:block}:host(.is-purple){--_steps-connector-color:var(--_steps-color-purple);--_steps-circle-color-bg:var(--_steps-color-purple);--_steps-circle-color-bg-disabled:var(--_steps-color-purple)}:host(.is-green){--_steps-connector-color:var(--_steps-color-green);--_steps-circle-color-bg:var(--_steps-color-green);--_steps-circle-color-bg-disabled:var(--_steps-color-green)}:host(.is-red){--_steps-connector-color:var(--_steps-color-red);--_steps-circle-color-bg:var(--_steps-color-red);--_steps-circle-color-bg-disabled:var(--_steps-color-red)}:host(.is-yellow){--_steps-connector-color:var(--_steps-color-yellow);--_steps-circle-color-bg:var(--_steps-color-yellow);--_steps-circle-color-bg-disabled:var(--_steps-color-yellow)}:host #steplist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;width:100%}:host(.is-navigation) nav,:host(.is-navigation) ol{display:contents}:host ::slotted(ds-step-panel){--step-panel-p:var(--_steps-panel-py) var(--_steps-panel-px)}:host(.is-vertical) #steplist{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;position:relative}:host(.is-vertical) #steplist::before{content:"";position:absolute;left:calc(var(--_steps-circle-size)/2);-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(var(--_steps-circle-size)/2);bottom:calc(var(--_steps-circle-size)/2);width:var(--_steps-connector-height);background-color:var(--_steps-connector-color);z-index:0}@media screen and (max-width: 768px){:host(.is-vertical) #steplist::before{left:calc(var(--_steps-circle-size-sm)/2);top:calc(var(--_steps-circle-size-sm)/2);bottom:calc(var(--_steps-circle-size-sm)/2)}}';export{h as ds_steps}

package/dist/design-system/{p-03b95da587.entry.js → p-8d919b39a2.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{T as r,U as o,V as i,W as t,X as e,Y as n,Z as a,_ as s,N as d,D as l,J as c,x as h,M as m,F as f,I as p}from"./p-vF16SDFF.js";import{_ as u,L as v,a as b}from"./p-nVdGbZYj.js";import{i as g}from"./p-bAyVKTSh.js";import{i as y}from"./p-BVkfpg--.js";import{i as _}from"./p-ChyhE5ro.js";import{F as w,s as k}from"./p-BwDOnHtD.js";import{w as x}from"./p-CHZn7ODg.js";import{N as z,A as j}from"./p-Bb2t2bOa.js";import{g as C,a as B,b as F,f as S}from"./p-BLExC8Zo.js";import{F as K}from"./p-bTeo6KbL.js";import{I as T}from"./p-tQJW0EmK.js";import{T as D}from"./p-C2tiilHE.js";import{O as I}from"./p-Bo3ozMyW.js";import{L}from"./p-DqEwL34o.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-CnMdxr0m.js";var O,E,P=d(function(){if(E)return O;E=1;var d=r(),l=o(),c=i(),h=a(),m=t(),f=e(),p=s(),u=n(),v=Object.prototype.hasOwnProperty;return O=function(r){if(null==r)return!0;if(m(r)&&(h(r)||"string"==typeof r||"function"==typeof r.splice||f(r)||u(r)||c(r)))return!r.length;var o=l(r);if("[object Map]"==o||"[object Set]"==o)return!r.size;if(p(r))return!d(r).length;for(var i in r)if(v.call(r,i))return!1;return!0}}());function V(r){return"string"==typeof r&&"."!==F()}function M(r){const o=parseFloat(r);return"number"==typeof o&&!g(o)}function N(r,o=0){let i=r;if(""!==i&&null!=i&&!g(i)&&i!==C()&&i!==B()&&M(i))return V(i)&&(i=i.split(F()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(B(),".")),0===o?parseInt(i,10):parseFloat(i)}function W(r){return r.replace(".",B())}function q(r,o=0,i=""){if(y(r))return"";r.charAt(0)===B()&&(r=`0${r}`);const t=0===o?parseInt(r,10):parseFloat(r),e=""!==i?` ${i.trim()}`:"";return g(t)?"":S(t,o)+e}const G=class{constructor(r){l(this,r),this.dsInput=c(this,"dsInput"),this.dsChange=c(this,"dsChange"),this.dsBlur=c(this,"dsBlur"),this.dsFocus=c(this,"dsFocus"),this.dsClick=c(this,"dsClick"),this.dsKeyPress=c(this,"dsKeyPress"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.numberInputId="ds-number-input-"+H++,this.inheritedAttributes={},this.control=new w(this),this.lastValue="",this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=h.language,this.region=h.region,this.nativeInputValue="",this.inputPattern="",this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o,i;if(this.nativeInput&&!M(i=this.nativeInput.value)&&""!==i&&i!==C()&&i!==B())return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const t=null!==(o=N(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=t,this.dsInput.emit(t)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=W(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(y(i))return"";V(i)&&(i=i.split(F()).join("").split("`").join("").split("'").join("")),i.charAt(0)===B()&&(i=`0${i}`);const t=0===o?parseInt(i,10):parseFloat(i.replace(B(),"."));return g(t)?"":t.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=q(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=N(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",t=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,e=i.slice(0,t)+r.key+i.slice(t);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:t,selectionEnd:e,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if(!r||"Unidentified"===r||"Dead"===r||"Process"===r)return!0;if(r===C()){if(s)return!1;if(t&&t>0&&e&&e>0)return!1}const d=function(r){return r===B()||"."===r}(r);if(d){if(0===a)return!1;if((r=>{const o=B();return("."===o?[o]:[o,"."]).reduce(((o,i)=>o+((r.split(i)||[]).length-1||0)),0)})(n)>1)return!1}if(!d&&![...z,...j,C()].includes(r))return!1;if(0!==a&&z.includes(r)){const r=Math.max(n.lastIndexOf(B()),n.lastIndexOf("."));if(-1!==r&&n.slice(r+1).length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:e,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:k(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=m(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||g(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?W(o):q(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=x(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=_(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?W(this.lastValue):q(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(y(this.lastValue)||P(this.lastValue))?"0":this.lastValue}createPattern(){return this.pattern}render(){const r=this.invalid||this.hasInvalidTextSlotContent;return f(K,{key:"7b1c9504dc98f921b619676a000bae2edd338aec",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},f("input",Object.assign({key:"16ca58bb9a791e79b30a9981fc34da843d580e61",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern||void 0,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return p(this)}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:1}]}}};u([v("number-input"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],G.prototype,"createLogger",null),u([D("boolean"),b("design:type",Boolean)],G.prototype,"autoInvalidOff",void 0),u([I(T),b("design:type",String)],G.prototype,"color",void 0),u([D("number"),b("design:type",Number)],G.prototype,"debounce",void 0),u([D("number"),b("design:type",Number)],G.prototype,"decimal",void 0),u([D("string"),b("design:type",String)],G.prototype,"description",void 0),u([D("boolean"),b("design:type",Boolean)],G.prototype,"disabled",void 0),u([D("boolean"),b("design:type",Boolean)],G.prototype,"exactNumber",void 0),u([D("boolean"),b("design:type",Boolean)],G.prototype,"invalid",void 0),u([D("string"),b("design:type",String)],G.prototype,"invalidText",void 0),u([D("string"),b("design:type",String)],G.prototype,"label",void 0),u([D("string"),b("design:type",String)],G.prototype,"max",void 0),u([D("string"),b("design:type",String)],G.prototype,"min",void 0),u([D("string"),b("design:type",String)],G.prototype,"name",void 0),u([D("boolean"),b("design:type",Boolean)],G.prototype,"onlyPositive",void 0),u([D("string"),b("design:type",String)],G.prototype,"pattern",void 0),u([D("string"),b("design:type",String)],G.prototype,"placeholder",void 0),u([D("boolean"),b("design:type",Boolean)],G.prototype,"readonly",void 0),u([D("boolean"),b("design:type",Boolean)],G.prototype,"required",void 0),u([D("string"),b("design:type",String)],G.prototype,"suffix",void 0),u([D("number"),b("design:type",Object)],G.prototype,"value",void 0),u([L(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],G.prototype,"configChanged",null);let H=0;G.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{G as ds_number_input}
+import{T as r,U as o,V as i,W as t,X as e,Y as n,Z as a,_ as s,N as d,D as l,J as c,x as h,M as m,F as f,I as p}from"./p-BZEWgXed.js";import{_ as u,L as v,a as b}from"./p-BZsCW9yV.js";import{i as g}from"./p-D9mt3Oq6.js";import{i as y}from"./p-Dw7BDW7b.js";import{i as _}from"./p-ChyhE5ro.js";import{F as w,s as k}from"./p-D4hbhLgQ.js";import{w as x}from"./p-CHZn7ODg.js";import{N as z,A as j}from"./p-Bb2t2bOa.js";import{g as B,a as C,b as F,f as S}from"./p-BLExC8Zo.js";import{F as D}from"./p-Bwb-pdM2.js";import{I}from"./p-tQJW0EmK.js";import{T as K}from"./p-BaZBnuEF.js";import{O as T}from"./p-DE5aqD5-.js";import{L as E}from"./p-reH0cIhP.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";var L,O,P=d(function(){if(O)return L;O=1;var d=r(),l=o(),c=i(),h=a(),m=t(),f=e(),p=s(),u=n(),v=Object.prototype.hasOwnProperty;return L=function(r){if(null==r)return!0;if(m(r)&&(h(r)||"string"==typeof r||"function"==typeof r.splice||f(r)||u(r)||c(r)))return!r.length;var o=l(r);if("[object Map]"==o||"[object Set]"==o)return!r.size;if(p(r))return!d(r).length;for(var i in r)if(v.call(r,i))return!1;return!0}}());function W(r){return"string"==typeof r&&"."!==F()}function Z(r){const o=parseFloat(r);return"number"==typeof o&&!g(o)}function q(r,o=0){let i=r;if(""!==i&&null!=i&&!g(i)&&i!==B()&&i!==C()&&Z(i))return W(i)&&(i=i.split(F()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(C(),".")),0===o?parseInt(i,10):parseFloat(i)}function M(r){return r.replace(".",C())}function N(r,o=0,i=""){if(y(r))return"";r.charAt(0)===C()&&(r=`0${r}`);const t=0===o?parseInt(r,10):parseFloat(r),e=""!==i?` ${i.trim()}`:"";return g(t)?"":S(t,o)+e}const V=class{constructor(r){l(this,r),this.dsInput=c(this,"dsInput"),this.dsChange=c(this,"dsChange"),this.dsBlur=c(this,"dsBlur"),this.dsFocus=c(this,"dsFocus"),this.dsClick=c(this,"dsClick"),this.dsKeyPress=c(this,"dsKeyPress"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.numberInputId="ds-number-input-"+G++,this.inheritedAttributes={},this.control=new w(this),this.lastValue="",this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=h.language,this.region=h.region,this.nativeInputValue="",this.inputPattern="",this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o,i;if(this.nativeInput&&!Z(i=this.nativeInput.value)&&""!==i&&i!==B()&&i!==C())return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const t=null!==(o=q(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=t,this.dsInput.emit(t)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=M(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(y(i))return"";W(i)&&(i=i.split(F()).join("").split("`").join("").split("'").join("")),i.charAt(0)===C()&&(i=`0${i}`);const t=0===o?parseInt(i,10):parseFloat(i.replace(C(),"."));return g(t)?"":t.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=N(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=q(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",t=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,e=i.slice(0,t)+r.key+i.slice(t);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:t,selectionEnd:e,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if(!r||"Unidentified"===r||"Dead"===r||"Process"===r)return!0;if(r===B()){if(s)return!1;if(t&&t>0&&e&&e>0)return!1}const d=function(r){return r===C()||"."===r}(r);if(d){if(0===a)return!1;if((r=>{const o=C();return("."===o?[o]:[o,"."]).reduce(((o,i)=>o+((r.split(i)||[]).length-1||0)),0)})(n)>1)return!1}if(!d&&![...z,...j,B()].includes(r))return!1;if(0!==a&&z.includes(r)){const r=Math.max(n.lastIndexOf(C()),n.lastIndexOf("."));if(-1!==r&&n.slice(r+1).length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:e,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:k(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=m(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||g(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?M(o):N(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=x(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=_(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?M(this.lastValue):N(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(y(this.lastValue)||P(this.lastValue))?"0":this.lastValue}createPattern(){return this.pattern}render(){const r=this.invalid||this.hasInvalidTextSlotContent;return f(D,{key:"7b1c9504dc98f921b619676a000bae2edd338aec",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},f("input",Object.assign({key:"16ca58bb9a791e79b30a9981fc34da843d580e61",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern||void 0,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return p(this)}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:1}]}}};u([v("number-input"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],V.prototype,"createLogger",null),u([K("boolean"),b("design:type",Boolean)],V.prototype,"autoInvalidOff",void 0),u([T(I),b("design:type",String)],V.prototype,"color",void 0),u([K("number"),b("design:type",Number)],V.prototype,"debounce",void 0),u([K("number"),b("design:type",Number)],V.prototype,"decimal",void 0),u([K("string"),b("design:type",String)],V.prototype,"description",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"disabled",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"exactNumber",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"invalid",void 0),u([K("string"),b("design:type",String)],V.prototype,"invalidText",void 0),u([K("string"),b("design:type",String)],V.prototype,"label",void 0),u([K("string"),b("design:type",String)],V.prototype,"max",void 0),u([K("string"),b("design:type",String)],V.prototype,"min",void 0),u([K("string"),b("design:type",String)],V.prototype,"name",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"onlyPositive",void 0),u([K("string"),b("design:type",String)],V.prototype,"pattern",void 0),u([K("string"),b("design:type",String)],V.prototype,"placeholder",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"readonly",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"required",void 0),u([K("string"),b("design:type",String)],V.prototype,"suffix",void 0),u([K("number"),b("design:type",Object)],V.prototype,"value",void 0),u([E(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],V.prototype,"configChanged",null);let G=0;V.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;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}";export{V as ds_number_input}