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

package/components/ds-item.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as i,f as e,h as s,e as o,t as r}from"./p-WO0X5Vmy.js";import{_ as a,L as n,a as l}from"./p-J0mxIuTt.js";import{d,a as c,b as m}from"./p-bGV2P6rT.js";import{c as h}from"./p-DQBzmbR6.js";import{d as b}from"./p-Du7QOHtz.js";import{T as v}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsClick=e(this,"dsClick"),this.dsAccordionToggle=e(this,"dsAccordionToggle"),this.dsAccordionOpened=e(this,"dsAccordionOpened"),this.dsAccordionClosed=e(this,"dsAccordionClosed"),this.accordionGroup="",this.accordionMarker="",this.accordionMarkerPosition="",this.accordionOpen=!1,this.actionIcon="",this.description="",this.disabled=!1,this.download="",this.href="",this.label="",this.labelLevel="",this.labelSize="",this.rel="",this.target="",this.variant="default",this.handleClick=t=>{this.dsClick.emit(t)}}createLogger(t){this.log=t}render(){const t="link"===this.variant?"a":"button"===this.variant?"button":"div",i=this.labelLevel?this.labelLevel:"h5",e=this.labelSize?this.labelSize:this.labelLevel,r="link"===this.variant||"button"===this.variant;let a="";r&&("link"===this.actionIcon?a="nav-go-right":"link-external"===this.actionIcon?a="link":"download"===this.actionIcon?a="download":"default"!==this.actionIcon&&""!==this.actionIcon||"link"!==this.variant&&"button"!==this.variant||(a="nav-go-right"));const n={};return"link"===this.variant&&(this.disabled&&(n.disabled=this.disabled),this.href&&(n.href=this.href),this.target&&(n.target=this.target),this.rel&&(n.rel=this.rel),this.download&&(n.download=this.download)),"button"===this.variant&&(this.disabled?n.disabled=this.disabled:n.onClick=this.handleClick),"accordion"===this.variant?s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-accordion":"accordion"===this.variant,["has-label-"+e]:!!e}},s("ds-accordion",Object.assign({part:"accordion"},n,{group:this.accordionGroup,open:this.accordionOpen,marker:this.accordionMarker,"marker-position":this.accordionMarkerPosition,onDsOpened:t=>{this.dsAccordionOpened.emit(t.detail)},onDsClosed:t=>{this.dsAccordionClosed.emit(t.detail)},onDsToggle:t=>{this.dsAccordionToggle.emit(t.detail)}}),s("div",{slot:"summary",id:"item",part:"item"},s("slot",{name:"icon"}),s("div",{id:"content"},this.label&&s(i,{id:"label",part:"label"},this.label),this.description&&s("p",{id:"description",part:"description"},this.description),s("slot",{name:"content"}),s("slot",null))),s("div",{slot:"content"},s("div",{id:"accordion-content",part:"accordion-content"},s("slot",{name:"accordion-content"}))))):s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-button":"button"===this.variant,"is-link":"link"===this.variant,["has-label-"+e]:!!e}},s(t,Object.assign({id:"item",part:"item"},n),s("slot",{name:"icon"}),s("div",{id:"content"},this.label&&s(i,{id:"label",part:"label"},this.label),this.description&&s("p",{id:"description",part:"description"},this.description),s("slot",{name:"content"}),s("slot",null)),r&&s("ds-icon",{name:a,part:"action-icon"})))}get el(){return this}static get style(){return':host{--_list-item-focus:var(--list-item-focus, var(--mod-list-item-focus, var(--ds-alias-interaction-focus-color-base)));--_list-item-grid-template-columns:var(--list-item-grid-template-columns, var(--mod-list-item-grid-template-columns, 1fr));--_list-item-min-height:var(--list-item-min-height, var(--mod-list-item-min-height, 3.5rem));--_list-item-gap:var(--list-item-gap, var(--mod-list-item-gap, 1rem));--_list-item-space:var(--list-item-space, var(--mod-list-item-space, 0.5rem));--_list-item-content-gap:var(--list-item-content-gap, var(--mod-list-item-content-gap, 1px));--_list-item-color:var(--list-item-color, var(--mod-list-item-color, inherit));--_list-item-border-color-base:var(--list-item-border-color-base, var(--mod-list-item-border-color-base, var(--ds-list-item-border-color)));--_list-item-border-color-hover:var(--list-item-border-color-hover, var(--mod-list-item-border-color-hover, var(--ds-link-color-base)));--_list-item-border-color-active:var(--list-item-border-color-active, var(--mod-list-item-border-color-active, var(--ds-link-color-base-active)));--_list-item-border-width:var(--list-item-border-width, var(--mod-list-item-border-width, var(--ds-list-item-border-width, 2px)));--_list-item-border-radius:var(--list-item-border-radius, var(--mod-list-item-border-radius, 12px));--_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-background-color-primary-lighter)));--_list-item-background-active:var(--list-item-background-active, var(--mod-list-item-background-active, var(--ds-alias-background-color-primary-lighter)));--_list-item-accordion-py:var(--list-item-accordion-py, var(--mod-list-item-accordion-py, var(--ds-alias-space-base-device)));--_list-item-action-icon-size:var(--list-item-action-icon-size, var(--mod-list-item-action-icon-size, var(--ds-icon-size-xs)));--_list-item-title-size:var(--list-item-title-size, var(--mod-list-item-title-size, var(--ds-heading-5-size-device)));--_list-item-title-weight:var(--list-item-title-weight, var(--mod-list-item-title-weight, var(--ds-alias-text-weight-bold)));--_list-item-title-family:var(--list-item-title-family, var(--mod-list-item-title-family, var(--ds-global-font-family-heading)));--_list-item-text-family:var(--list-item-text-family, var(--mod-list-item-text-family, var(--ds-global-font-family-body)));--_list-item-text-weight:var(--list-item-text-weight, var(--mod-list-item-text-weight, var(--ds-alias-text-weight-regular)));--_list-item-text-size:var(--list-item-text-size, var(--mod-list-item-text-size, var(--ds-text-size-sm-device)))}: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-space) .25rem;padding-bottom:calc(var(--_list-item-space) + 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);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);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)}:host(.has-label-h1){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-3xl){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-h2){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-2xl){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-h3){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-xl){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-h4){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-lg){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-h5){--mod-list-item-title-size:var(--ds-heading-5-size-device)}:host(.has-label-base){--mod-list-item-title-size:var(--ds-heading-5-size-device)}: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) #item::-moz-focus-inner,:host(.is-button) #item::-moz-focus-inner{border:0}:host(.is-link) #item #content,:host(.is-button) #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);color:var(--ds-link-color-base)}@media (hover: hover)and (pointer: fine){:host(.is-link) #item:hover,:host(.is-link) #item.is-hovered,:host(.is-button) #item:hover,:host(.is-button) #item.is-hovered{background:var(--_list-item-background-hover)}}:host(.is-link) #item:active,:host(.is-link) #item.is-pressed,:host(.is-button) #item:active,:host(.is-button) #item.is-pressed{background:var(--_list-item-background-active);color:var(--ds-link-color-base-active)}:host(.is-link) #item:active #content,:host(.is-link) #item.is-pressed #content,:host(.is-button) #item:active #content,:host(.is-button) #item.is-pressed #content{color:var(--ds-link-color-base-active)}:host(.is-link) #item:active ds-icon,:host(.is-link) #item:active ::slotted(ds-icon),:host(.is-link) #item:active ::slotted(ds-badge),:host(.is-link) #item.is-pressed ds-icon,:host(.is-link) #item.is-pressed ::slotted(ds-icon),:host(.is-link) #item.is-pressed ::slotted(ds-badge),:host(.is-button) #item:active ds-icon,:host(.is-button) #item:active ::slotted(ds-icon),:host(.is-button) #item:active ::slotted(ds-badge),:host(.is-button) #item.is-pressed ds-icon,:host(.is-button) #item.is-pressed ::slotted(ds-icon),:host(.is-button) #item.is-pressed ::slotted(ds-badge){--icon-color:var(--ds-link-color-base-active)}:host(.is-link) #item:before,:host(.is-button) #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) #item:focus-visible:not(:active):before,:host(.is-link) #item.is-focused:not(:active):before,:host(.is-button) #item:focus-visible:not(:active):before,:host(.is-button) #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) #item:hover:after,:host(.is-link) #item.is-hovered:after,:host(.is-button) #item:hover:after,:host(.is-button) #item.is-hovered:after,:host(.is-accordion) #item:hover:after,:host(.is-accordion) #item.is-hovered:after{background:var(--_list-item-border-color-hover)}}:host(.is-link) #item:active:after,:host(.is-link) #item.is-pressed:after,:host(.is-button) #item:active:after,:host(.is-button) #item.is-pressed:after,:host(.is-accordion) #item:active:after,:host(.is-accordion) #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(--ds-link-color-base)}: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(--ds-list-item-disabled)}:host(.is-disabled) #item #content{color:var(--ds-list-item-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(--ds-list-item-disabled)}:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-badge){--badge-color-background:var(--ds-badge-color-grey-background);--badge-color-text:var(--ds-badge-color-grey-text)}'}},[257,"ds-item",{accordionGroup:[1,"accordion-group"],accordionMarker:[1,"accordion-marker"],accordionMarkerPosition:[1,"accordion-marker-position"],accordionOpen:[516,"accordion-open"],actionIcon:[1,"action-icon"],description:[1],disabled:[516],download:[1],href:[1],label:[1],labelLevel:[1,"label-level"],labelSize:[1,"label-size"],rel:[1],target:[1],variant:[1]}]);a([n("item"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],p.prototype,"createLogger",null),a([v("string"),l("design:type",String)],p.prototype,"accordionGroup",void 0),a([g(c),l("design:type",String)],p.prototype,"accordionMarker",void 0),a([g(m),l("design:type",String)],p.prototype,"accordionMarkerPosition",void 0),a([v("boolean"),l("design:type",Boolean)],p.prototype,"accordionOpen",void 0),a([g(["","default","link","link-external","download"]),l("design:type",String)],p.prototype,"actionIcon",void 0),a([v("string"),l("design:type",String)],p.prototype,"description",void 0),a([v("boolean"),l("design:type",Boolean)],p.prototype,"disabled",void 0),a([v("string"),l("design:type",String)],p.prototype,"download",void 0),a([v("string"),l("design:type",String)],p.prototype,"href",void 0),a([v("string"),l("design:type",String)],p.prototype,"label",void 0),a([g(["","h1","h2","h3","h4","h5"]),l("design:type",String)],p.prototype,"labelLevel",void 0),a([g(["","h1","h2","h3","h4","h5","3xl","2xl","xl","lg","base"]),l("design:type",String)],p.prototype,"labelSize",void 0),a([v("string"),l("design:type",String)],p.prototype,"rel",void 0),a([g(h),l("design:type",String)],p.prototype,"target",void 0),a([g(["default","link","button","accordion"]),l("design:type",String)],p.prototype,"variant",void 0);const u=p,f=function(){"undefined"!=typeof customElements&&["ds-item","ds-accordion","ds-icon"].forEach((t=>{switch(t){case"ds-item":customElements.get(r(t))||customElements.define(r(t),p);break;case"ds-accordion":customElements.get(r(t))||d();break;case"ds-icon":customElements.get(r(t))||b()}}))};export{u as DsItem,f as defineCustomElement}
+import{p as t,H as i,f as e,h as s,e as o,t as r}from"./p-WO0X5Vmy.js";import{_ as a,L as n,a as l}from"./p-J0mxIuTt.js";import{d,a as c,b as m}from"./p-D5zw5ezD.js";import{c as h}from"./p-DQBzmbR6.js";import{d as b}from"./p-Du7QOHtz.js";import{T as v}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsClick=e(this,"dsClick"),this.dsAccordionToggle=e(this,"dsAccordionToggle"),this.dsAccordionOpened=e(this,"dsAccordionOpened"),this.dsAccordionClosed=e(this,"dsAccordionClosed"),this.accordionGroup="",this.accordionMarker="",this.accordionMarkerPosition="",this.accordionOpen=!1,this.actionIcon="",this.description="",this.disabled=!1,this.download="",this.href="",this.label="",this.labelLevel="",this.labelSize="",this.rel="",this.target="",this.variant="default",this.handleClick=t=>{this.dsClick.emit(t)}}createLogger(t){this.log=t}render(){const t="link"===this.variant?"a":"button"===this.variant?"button":"div",i=this.labelLevel?this.labelLevel:"h5",e=this.labelSize?this.labelSize:this.labelLevel,r="link"===this.variant||"button"===this.variant;let a="";r&&("link"===this.actionIcon?a="nav-go-right":"link-external"===this.actionIcon?a="link":"download"===this.actionIcon?a="download":"default"!==this.actionIcon&&""!==this.actionIcon||"link"!==this.variant&&"button"!==this.variant||(a="nav-go-right"));const n={};return"link"===this.variant&&(this.disabled&&(n.disabled=this.disabled),this.href&&(n.href=this.href),this.target&&(n.target=this.target),this.rel&&(n.rel=this.rel),this.download&&(n.download=this.download)),"button"===this.variant&&(this.disabled?n.disabled=this.disabled:n.onClick=this.handleClick),"accordion"===this.variant?s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-accordion":"accordion"===this.variant,["has-label-"+e]:!!e}},s("ds-accordion",Object.assign({part:"accordion"},n,{group:this.accordionGroup,open:this.accordionOpen,marker:this.accordionMarker,"marker-position":this.accordionMarkerPosition,onDsOpened:t=>{this.dsAccordionOpened.emit(t.detail)},onDsClosed:t=>{this.dsAccordionClosed.emit(t.detail)},onDsToggle:t=>{this.dsAccordionToggle.emit(t.detail)}}),s("div",{slot:"summary",id:"item",part:"item"},s("slot",{name:"icon"}),s("div",{id:"content"},this.label&&s(i,{id:"label",part:"label"},this.label),this.description&&s("p",{id:"description",part:"description"},this.description),s("slot",{name:"content"}),s("slot",null))),s("div",{slot:"content"},s("div",{id:"accordion-content",part:"accordion-content"},s("slot",{name:"accordion-content"}))))):s(o,{role:"listitem",class:{"is-disabled":this.disabled,"is-button":"button"===this.variant,"is-link":"link"===this.variant,["has-label-"+e]:!!e}},s(t,Object.assign({id:"item",part:"item"},n),s("slot",{name:"icon"}),s("div",{id:"content"},this.label&&s(i,{id:"label",part:"label"},this.label),this.description&&s("p",{id:"description",part:"description"},this.description),s("slot",{name:"content"}),s("slot",null)),r&&s("ds-icon",{name:a,part:"action-icon"})))}get el(){return this}static get style(){return':host{--_list-item-focus:var(--list-item-focus, var(--mod-list-item-focus, var(--ds-alias-interaction-focus-color-base)));--_list-item-grid-template-columns:var(--list-item-grid-template-columns, var(--mod-list-item-grid-template-columns, 1fr));--_list-item-min-height:var(--list-item-min-height, var(--mod-list-item-min-height, 3.5rem));--_list-item-gap:var(--list-item-gap, var(--mod-list-item-gap, 1rem));--_list-item-space:var(--list-item-space, var(--mod-list-item-space, 0.5rem));--_list-item-content-gap:var(--list-item-content-gap, var(--mod-list-item-content-gap, 1px));--_list-item-color:var(--list-item-color, var(--mod-list-item-color, inherit));--_list-item-border-color-base:var(--list-item-border-color-base, var(--mod-list-item-border-color-base, var(--ds-list-item-border-color)));--_list-item-border-color-hover:var(--list-item-border-color-hover, var(--mod-list-item-border-color-hover, var(--ds-link-color-base)));--_list-item-border-color-active:var(--list-item-border-color-active, var(--mod-list-item-border-color-active, var(--ds-link-color-base-active)));--_list-item-border-width:var(--list-item-border-width, var(--mod-list-item-border-width, var(--ds-list-item-border-width, 2px)));--_list-item-border-radius:var(--list-item-border-radius, var(--mod-list-item-border-radius, 12px));--_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-background-color-primary-lighter)));--_list-item-background-active:var(--list-item-background-active, var(--mod-list-item-background-active, var(--ds-alias-background-color-primary-lighter)));--_list-item-accordion-py:var(--list-item-accordion-py, var(--mod-list-item-accordion-py, var(--ds-alias-space-base-device)));--_list-item-action-icon-size:var(--list-item-action-icon-size, var(--mod-list-item-action-icon-size, var(--ds-icon-size-xs)));--_list-item-title-size:var(--list-item-title-size, var(--mod-list-item-title-size, var(--ds-heading-5-size-device)));--_list-item-title-weight:var(--list-item-title-weight, var(--mod-list-item-title-weight, var(--ds-alias-text-weight-bold)));--_list-item-title-family:var(--list-item-title-family, var(--mod-list-item-title-family, var(--ds-global-font-family-heading)));--_list-item-text-family:var(--list-item-text-family, var(--mod-list-item-text-family, var(--ds-global-font-family-body)));--_list-item-text-weight:var(--list-item-text-weight, var(--mod-list-item-text-weight, var(--ds-alias-text-weight-regular)));--_list-item-text-size:var(--list-item-text-size, var(--mod-list-item-text-size, var(--ds-alias-text-size-sm-device)))}: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-space) .25rem;padding-bottom:calc(var(--_list-item-space) + 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);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);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)}:host(.has-label-h1){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-3xl){--mod-list-item-title-size:var(--ds-heading-1-size-device)}:host(.has-label-h2){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-2xl){--mod-list-item-title-size:var(--ds-heading-2-size-device)}:host(.has-label-h3){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-xl){--mod-list-item-title-size:var(--ds-heading-3-size-device)}:host(.has-label-h4){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-lg){--mod-list-item-title-size:var(--ds-heading-4-size-device)}:host(.has-label-h5){--mod-list-item-title-size:var(--ds-heading-5-size-device)}:host(.has-label-base){--mod-list-item-title-size:var(--ds-heading-5-size-device)}: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) #item::-moz-focus-inner,:host(.is-button) #item::-moz-focus-inner{border:0}:host(.is-link) #item #content,:host(.is-button) #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);color:var(--ds-link-color-base)}@media (hover: hover)and (pointer: fine){:host(.is-link) #item:hover,:host(.is-link) #item.is-hovered,:host(.is-button) #item:hover,:host(.is-button) #item.is-hovered{background:var(--_list-item-background-hover)}}:host(.is-link) #item:active,:host(.is-link) #item.is-pressed,:host(.is-button) #item:active,:host(.is-button) #item.is-pressed{background:var(--_list-item-background-active);color:var(--ds-link-color-base-active)}:host(.is-link) #item:active #content,:host(.is-link) #item.is-pressed #content,:host(.is-button) #item:active #content,:host(.is-button) #item.is-pressed #content{color:var(--ds-link-color-base-active)}:host(.is-link) #item:active ds-icon,:host(.is-link) #item:active ::slotted(ds-icon),:host(.is-link) #item:active ::slotted(ds-badge),:host(.is-link) #item.is-pressed ds-icon,:host(.is-link) #item.is-pressed ::slotted(ds-icon),:host(.is-link) #item.is-pressed ::slotted(ds-badge),:host(.is-button) #item:active ds-icon,:host(.is-button) #item:active ::slotted(ds-icon),:host(.is-button) #item:active ::slotted(ds-badge),:host(.is-button) #item.is-pressed ds-icon,:host(.is-button) #item.is-pressed ::slotted(ds-icon),:host(.is-button) #item.is-pressed ::slotted(ds-badge){--icon-color:var(--ds-link-color-base-active)}:host(.is-link) #item:before,:host(.is-button) #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) #item:focus-visible:not(:active):before,:host(.is-link) #item.is-focused:not(:active):before,:host(.is-button) #item:focus-visible:not(:active):before,:host(.is-button) #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) #item:hover:after,:host(.is-link) #item.is-hovered:after,:host(.is-button) #item:hover:after,:host(.is-button) #item.is-hovered:after,:host(.is-accordion) #item:hover:after,:host(.is-accordion) #item.is-hovered:after{background:var(--_list-item-border-color-hover)}}:host(.is-link) #item:active:after,:host(.is-link) #item.is-pressed:after,:host(.is-button) #item:active:after,:host(.is-button) #item.is-pressed:after,:host(.is-accordion) #item:active:after,:host(.is-accordion) #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(--ds-link-color-base)}: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(--ds-list-item-disabled)}:host(.is-disabled) #item #content{color:var(--ds-list-item-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(--ds-list-item-disabled)}:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-badge){--badge-color-background:var(--ds-badge-color-grey-background);--badge-color-text:var(--ds-badge-color-grey-text)}'}},[257,"ds-item",{accordionGroup:[1,"accordion-group"],accordionMarker:[1,"accordion-marker"],accordionMarkerPosition:[1,"accordion-marker-position"],accordionOpen:[516,"accordion-open"],actionIcon:[1,"action-icon"],description:[1],disabled:[516],download:[1],href:[1],label:[1],labelLevel:[1,"label-level"],labelSize:[1,"label-size"],rel:[1],target:[1],variant:[1]}]);a([n("item"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],p.prototype,"createLogger",null),a([v("string"),l("design:type",String)],p.prototype,"accordionGroup",void 0),a([g(c),l("design:type",String)],p.prototype,"accordionMarker",void 0),a([g(m),l("design:type",String)],p.prototype,"accordionMarkerPosition",void 0),a([v("boolean"),l("design:type",Boolean)],p.prototype,"accordionOpen",void 0),a([g(["","default","link","link-external","download"]),l("design:type",String)],p.prototype,"actionIcon",void 0),a([v("string"),l("design:type",String)],p.prototype,"description",void 0),a([v("boolean"),l("design:type",Boolean)],p.prototype,"disabled",void 0),a([v("string"),l("design:type",String)],p.prototype,"download",void 0),a([v("string"),l("design:type",String)],p.prototype,"href",void 0),a([v("string"),l("design:type",String)],p.prototype,"label",void 0),a([g(["","h1","h2","h3","h4","h5"]),l("design:type",String)],p.prototype,"labelLevel",void 0),a([g(["","h1","h2","h3","h4","h5","3xl","2xl","xl","lg","base"]),l("design:type",String)],p.prototype,"labelSize",void 0),a([v("string"),l("design:type",String)],p.prototype,"rel",void 0),a([g(h),l("design:type",String)],p.prototype,"target",void 0),a([g(["default","link","button","accordion"]),l("design:type",String)],p.prototype,"variant",void 0);const u=p,f=function(){"undefined"!=typeof customElements&&["ds-item","ds-accordion","ds-icon"].forEach((t=>{switch(t){case"ds-item":customElements.get(r(t))||customElements.define(r(t),p);break;case"ds-accordion":customElements.get(r(t))||d();break;case"ds-icon":customElements.get(r(t))||b()}}))};export{u as DsItem,f as defineCustomElement}

package/components/ds-label.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as l,H as e,h as a,e as i,t as o}from"./p-WO0X5Vmy.js";import{_ as s,L as t,a as r}from"./p-J0mxIuTt.js";import{h as b}from"./p-BrIcCcce.js";import{n as d}from"./p-DR5LIaCn.js";import{I as m}from"./p-C7I7OlaM.js";import{d as n}from"./p-CvaNxQtw.js";import{T as h}from"./p-DAYd9ty0.js";import{O as v}from"./p-BhbWmCTu.js";import{L as g}from"./p-DIK6Zkg6.js";const p=l(class extends e{constructor(l){super(),!1!==l&&this.__registerHost(),this.__attachShadow(),this.language=n.language,this.region=n.region,this.disabled=!1,this.htmlFor="",this.htmlId="ds-lbl-"+c++,this.hovered=!1,this.invalid=!1,this.noWrap=!1,this.pressed=!1,this.required=!0,this.valid=!1}createLogger(l){this.log=l}async configChanged(l){this.language=l.language,this.region=l.region}render(){const l=!1===this.required&&m[this.language].optional||"",e=this.htmlId,o=this.htmlFor,s=d(this.size)||"";return a(i,{key:"9929eb29b4b0da3675aaa7e5506242fbd7627baf",class:{"is-hovered":this.hovered,"is-pressed":this.pressed,"is-disabled":this.disabled,"is-valid":this.valid,"is-invalid":this.invalid,"has-no-wrap":this.noWrap,["is-"+s]:b(this.size)}},a("label",{key:"638694c2e0dfd40260adba2be2fd812e60a89b1f",id:e,part:"label",htmlFor:o},a("slot",{key:"e3acc2817068c655b9d9874591545c49b904e993"}),l))}get el(){return this}static get style(){return":host{--_label-position:var(--label-position, var(--mod-label-position, static));--_label-top:var(--label-top, var(--mod-label-top));--_label-right:var(--label-right, var(--mod-label-right));--_label-bottom:var(--label-bottom, var(--mod-label-bottom));--_label-left:var(--label-left, var(--mod-label-left));position:var(--_label-position);top:var(--_label-top);right:var(--_label-right);bottom:var(--_label-bottom);left:var(--_label-left);--_label-m:var(--label-m, var(--mod-label-m, 0));--_label-my:var(--label-my, var(--mod-label-my));--_label-mx:var(--label-mx, var(--mod-label-mx));--_label-ml:var(--label-ml, var(--mod-label-ml));--_label-mr:var(--label-mr, var(--mod-label-mr));--_label-mt:var(--label-mt, var(--mod-label-mt));--_label-mb:var(--label-mb, var(--mod-label-mb));margin:var(--_label-m);margin-inline:var(--_label-mx);margin-block:var(--_label-my);margin-left:var(--_label-ml);margin-right:var(--_label-mr);margin-top:var(--_label-mt);margin-bottom:var(--_label-mb);--_label-color:var(--label-color, var(--mod-label-color, inherit));--_label-family:var(--label-family, var(--mod-label-family, var(--ds-label-family)));--_label-weight:var(--label-weight, var(--mod-label-weight, var(--ds-label-weight)));--_label-line-height:var(--label-line-height, var(--mod-label-line-height, var(--ds-label-line-height)));--_label-size:var(--label-size, var(--mod-label-size, var(--ds-label-size-base-device)))}: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(--_label-color);font-family:var(--_label-family);font-weight:var(--_label-weight);font-size:var(--_label-size);line-height:var(--_label-line-height)}:host(.has-no-wrap) label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-lg){--mod-label-family:var(--ds-text-family-heading)}:host(.is-xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-2xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-3xl){--mod-label-family:var(--ds-text-family-heading)}:host(.is-sm){--mod-label-size:var(--ds-label-size-sm-device)}:host(.is-base){--mod-label-size:var(--ds-label-size-base-device)}:host(.is-lg){--mod-label-size:var(--ds-label-size-lg-device)}:host(.is-xl){--mod-label-size:var(--ds-label-size-xl-device)}:host(.is-2xl){--mod-label-size:var(--ds-label-size-2xl-device)}:host(.is-3xl){--mod-label-size:var(--ds-label-size-3xl-device)}:host(.is-hovered){--mod-label-color:var(--ds-label-color-base-hover)}:host(.is-pressed){--mod-label-color:var(--ds-label-color-base-active)}:host(.is-valid){--mod-label-color:var(--ds-label-color-success)}:host(.is-invalid){--mod-label-color:var(--ds-label-color-danger)}:host(.is-disabled){--mod-label-color:var(--ds-label-color-disabled) !important}:host{display:block}"}},[257,"ds-label",{disabled:[516],htmlFor:[1,"html-for"],htmlId:[1,"html-id"],hovered:[4],invalid:[516],noWrap:[4,"no-wrap"],pressed:[4],required:[516],size:[1],valid:[516],language:[32],region:[32],configChanged:[64]}]);s([t("label"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],p.prototype,"createLogger",null),s([h("boolean"),r("design:type",Boolean)],p.prototype,"disabled",void 0),s([h("string"),r("design:type",String)],p.prototype,"htmlFor",void 0),s([h("string"),r("design:type",String)],p.prototype,"htmlId",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"hovered",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"invalid",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"noWrap",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"pressed",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"required",void 0),s([v(["","sm","lg","xl","2xl","3xl","small","large","x-large","xx-large","xxx-large"]),r("design:type",String)],p.prototype,"size",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"valid",void 0),s([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],p.prototype,"configChanged",null);let c=0;const f=p,y=function(){"undefined"!=typeof customElements&&["ds-label"].forEach((l=>{"ds-label"===l&&(customElements.get(o(l))||customElements.define(o(l),p))}))};export{f as DsLabel,y as defineCustomElement}
+import{p as l,H as e,h as a,e as i,t as o}from"./p-WO0X5Vmy.js";import{_ as s,L as t,a as r}from"./p-J0mxIuTt.js";import{h as b}from"./p-BrIcCcce.js";import{n as d}from"./p-DR5LIaCn.js";import{I as m}from"./p-C7I7OlaM.js";import{d as n}from"./p-CvaNxQtw.js";import{T as h}from"./p-DAYd9ty0.js";import{O as v}from"./p-BhbWmCTu.js";import{L as g}from"./p-DIK6Zkg6.js";const p=l(class extends e{constructor(l){super(),!1!==l&&this.__registerHost(),this.__attachShadow(),this.language=n.language,this.region=n.region,this.disabled=!1,this.htmlFor="",this.htmlId="ds-lbl-"+c++,this.hovered=!1,this.invalid=!1,this.noWrap=!1,this.pressed=!1,this.required=!0,this.valid=!1}createLogger(l){this.log=l}async configChanged(l){this.language=l.language,this.region=l.region}render(){const l=!1===this.required&&m[this.language].optional||"",e=this.htmlId,o=this.htmlFor,s=d(this.size)||"";return a(i,{key:"fc8da311fddaf6d546b260a8bf2ae9cec5f39321",class:{"is-hovered":this.hovered,"is-pressed":this.pressed,"is-disabled":this.disabled,"is-valid":this.valid,"is-invalid":this.invalid,"has-no-wrap":this.noWrap,["is-"+s]:b(this.size)}},a("label",{key:"56e31495cbe7d6fd512a0fb5a6b708774116ae25",id:e,part:"label",htmlFor:o},a("slot",{key:"062163754a076d54d253c895d5d3d54de0be0127"}),l))}get el(){return this}static get style(){return":host{--_label-position:var(--label-position, var(--mod-label-position, static));--_label-top:var(--label-top, var(--mod-label-top));--_label-right:var(--label-right, var(--mod-label-right));--_label-bottom:var(--label-bottom, var(--mod-label-bottom));--_label-left:var(--label-left, var(--mod-label-left));position:var(--_label-position);top:var(--_label-top);right:var(--_label-right);bottom:var(--_label-bottom);left:var(--_label-left);--_label-m:var(--label-m, var(--mod-label-m, 0));--_label-my:var(--label-my, var(--mod-label-my));--_label-mx:var(--label-mx, var(--mod-label-mx));--_label-ml:var(--label-ml, var(--mod-label-ml));--_label-mr:var(--label-mr, var(--mod-label-mr));--_label-mt:var(--label-mt, var(--mod-label-mt));--_label-mb:var(--label-mb, var(--mod-label-mb));margin:var(--_label-m);margin-inline:var(--_label-mx);margin-block:var(--_label-my);margin-left:var(--_label-ml);margin-right:var(--_label-mr);margin-top:var(--_label-mt);margin-bottom:var(--_label-mb);--_label-color:var(--label-color, var(--mod-label-color, inherit));--_label-family:var(--label-family, var(--mod-label-family, var(--ds-label-family)));--_label-weight:var(--label-weight, var(--mod-label-weight, var(--ds-label-weight)));--_label-line-height:var(--label-line-height, var(--mod-label-line-height, var(--ds-label-line-height)));--_label-size:var(--label-size, var(--mod-label-size, var(--ds-label-size-base-device)))}: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(--_label-color);font-family:var(--_label-family);font-weight:var(--_label-weight);font-size:var(--_label-size);line-height:var(--_label-line-height)}:host(.has-no-wrap) label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-lg){--mod-label-family:var(--ds-alias-text-family-heading)}:host(.is-xl){--mod-label-family:var(--ds-alias-text-family-heading)}:host(.is-2xl){--mod-label-family:var(--ds-alias-text-family-heading)}:host(.is-3xl){--mod-label-family:var(--ds-alias-text-family-heading)}:host(.is-sm){--mod-label-size:var(--ds-label-size-sm-device)}:host(.is-base){--mod-label-size:var(--ds-label-size-base-device)}:host(.is-lg){--mod-label-size:var(--ds-label-size-lg-device)}:host(.is-xl){--mod-label-size:var(--ds-label-size-xl-device)}:host(.is-2xl){--mod-label-size:var(--ds-label-size-2xl-device)}:host(.is-3xl){--mod-label-size:var(--ds-label-size-3xl-device)}:host(.is-hovered){--mod-label-color:var(--ds-label-color-base-hover)}:host(.is-pressed){--mod-label-color:var(--ds-label-color-base-active)}:host(.is-valid){--mod-label-color:var(--ds-label-color-success)}:host(.is-invalid){--mod-label-color:var(--ds-label-color-danger)}:host(.is-disabled){--mod-label-color:var(--ds-label-color-disabled) !important}:host{display:block}"}},[257,"ds-label",{disabled:[516],htmlFor:[1,"html-for"],htmlId:[1,"html-id"],hovered:[4],invalid:[516],noWrap:[4,"no-wrap"],pressed:[4],required:[516],size:[1],valid:[516],language:[32],region:[32],configChanged:[64]}]);s([t("label"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],p.prototype,"createLogger",null),s([h("boolean"),r("design:type",Boolean)],p.prototype,"disabled",void 0),s([h("string"),r("design:type",String)],p.prototype,"htmlFor",void 0),s([h("string"),r("design:type",String)],p.prototype,"htmlId",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"hovered",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"invalid",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"noWrap",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"pressed",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"required",void 0),s([v(["","sm","lg","xl","2xl","3xl","small","large","x-large","xx-large","xxx-large"]),r("design:type",String)],p.prototype,"size",void 0),s([h("boolean"),r("design:type",Boolean)],p.prototype,"valid",void 0),s([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],p.prototype,"configChanged",null);let c=0;const f=p,y=function(){"undefined"!=typeof customElements&&["ds-label"].forEach((l=>{"ds-label"===l&&(customElements.get(o(l))||customElements.define(o(l),p))}))};export{f as DsLabel,y as defineCustomElement}

package/components/ds-list.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as t,h as s,e as o,t as d}from"./p-WO0X5Vmy.js";import{_ as i,L as n,a as r}from"./p-J0mxIuTt.js";import{T as a}from"./p-DAYd9ty0.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ordered=!1}createLogger(e){this.log=e}render(){return s(o,{key:"915a10d31287e37f5c441d3717d724f654030415"},s(this.ordered?"ol":"ul",{key:"8d9813dde9199fc414bdc05878a4f6ba54553eb8",id:"list",part:"list"},s("slot",{key:"523bc1c0172e9ed3af963610e417bc522672ded5"})))}get el(){return this}static get style(){return":host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}"}},[257,"ds-list",{ordered:[4]}]);i([n("list"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],l.prototype,"createLogger",null),i([a("boolean"),r("design:type",Boolean)],l.prototype,"ordered",void 0);const c=l,p=function(){"undefined"!=typeof customElements&&["ds-list"].forEach((e=>{"ds-list"===e&&(customElements.get(d(e))||customElements.define(d(e),l))}))};export{c as DsList,p as defineCustomElement}
+import{p as e,H as t,h as s,e as o,t as i}from"./p-WO0X5Vmy.js";import{_ as n,L as d,a as r}from"./p-J0mxIuTt.js";import{T as a}from"./p-DAYd9ty0.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ordered=!1}createLogger(e){this.log=e}render(){return s(o,{key:"18a1ec534ee775626dd769eab44db3fc34e8081a"},s(this.ordered?"ol":"ul",{key:"5e79d69a0164b8061841ccaf3900b19eb1260f66",id:"list",part:"list"},s("slot",{key:"0274b66daeadd3c1675cce77ac75f2e26c69b9c0"})))}get el(){return this}static get style(){return":host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}"}},[257,"ds-list",{ordered:[4]}]);n([d("list"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],l.prototype,"createLogger",null),n([a("boolean"),r("design:type",Boolean)],l.prototype,"ordered",void 0);const c=l,p=function(){"undefined"!=typeof customElements&&["ds-list"].forEach((e=>{"ds-list"===e&&(customElements.get(i(e))||customElements.define(i(e),l))}))};export{c as DsList,p as defineCustomElement}

package/components/ds-logo.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{L as o,d as s}from"./p-Btdh3fq7.js";const t=o,p=s;export{t as DsLogo,p as defineCustomElement}
+import{L as a,d as o}from"./p-u5aa74vh.js";const s=a,p=o;export{s as DsLogo,p as defineCustomElement}

package/components/ds-modal-body.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as t,h as s,e as o,t as n}from"./p-WO0X5Vmy.js";import{_ as d,L as a,a as c}from"./p-J0mxIuTt.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}createLogger(e){this.log=e}connectedCallback(){this.el.slot="body"}render(){return s(o,{key:"2e1c21ff62b36dc89b1589174b3ede2979eeb384"},s("slot",{key:"d1bb0237d1ac252c645da88b7375500b01c14ae1"}))}get el(){return this}static get style(){return":host{display:contents}"}},[257,"ds-modal-body"]);d([a("modal-body"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],r.prototype,"createLogger",null);const i=r,m=function(){"undefined"!=typeof customElements&&["ds-modal-body"].forEach((e=>{"ds-modal-body"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{i as DsModalBody,m as defineCustomElement}
+import{p as e,H as t,h as s,e as o,t as n}from"./p-WO0X5Vmy.js";import{_ as a,L as c,a as d}from"./p-J0mxIuTt.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}createLogger(e){this.log=e}connectedCallback(){this.el.slot="body"}render(){return s(o,{key:"17c373c9b96242ab98ec193642582c5418c5a24b"},s("slot",{key:"459e1ac594f03d23e9c9854501485f91aa148d0a"}))}get el(){return this}static get style(){return":host{display:contents}"}},[257,"ds-modal-body"]);a([c("modal-body"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],r.prototype,"createLogger",null);const i=r,m=function(){"undefined"!=typeof customElements&&["ds-modal-body"].forEach((e=>{"ds-modal-body"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{i as DsModalBody,m as defineCustomElement}

package/components/ds-modal-header.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as t,h as s,e as a,t as c}from"./p-WO0X5Vmy.js";import{_ as n,L as o,a as r}from"./p-J0mxIuTt.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}createLogger(e){this.log=e}connectedCallback(){this.el.slot="header"}render(){return s(a,{key:"05b088ad50f8c43b72b855cb240d0c2ca2b9466c",style:{display:"contents"}},s("slot",{key:"729c1b5a1891548bb0fe4436ae3d04c7cc7f1c10"}))}get el(){return this}},[260,"ds-modal-header"]);n([o("modal-header"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null);const m=d,l=function(){"undefined"!=typeof customElements&&["ds-modal-header"].forEach((e=>{"ds-modal-header"===e&&(customElements.get(c(e))||customElements.define(c(e),d))}))};export{m as DsModalHeader,l as defineCustomElement}
+import{p as e,H as t,h as s,e as a,t as n}from"./p-WO0X5Vmy.js";import{_ as o,L as r,a as c}from"./p-J0mxIuTt.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}createLogger(e){this.log=e}connectedCallback(){this.el.slot="header"}render(){return s(a,{key:"b164ba40c3979cc9639c0c3adaca67e14effa85e",style:{display:"contents"}},s("slot",{key:"20c51614ea66de41b838e7d411542011288c1985"}))}get el(){return this}},[260,"ds-modal-header"]);o([r("modal-header"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],d.prototype,"createLogger",null);const m=d,l=function(){"undefined"!=typeof customElements&&["ds-modal-header"].forEach((e=>{"ds-modal-header"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))};export{m as DsModalHeader,l as defineCustomElement}

package/components/ds-modal.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as e,f as i,h as t,e as o,t as s}from"./p-WO0X5Vmy.js";import{_ as d,L as r,a as n}from"./p-J0mxIuTt.js";import{w as l}from"./p-BgzU1loG.js";import{S as m}from"./p-3Mi9vpmB.js";import{d as h}from"./p-CjIxf5zy.js";import{d as c}from"./p-Ctnm_MBD.js";import{d as p}from"./p-Du7QOHtz.js";import{d as g}from"./p-CYWn3X22.js";import{T as b}from"./p-DAYd9ty0.js";import{L as f}from"./p-DIK6Zkg6.js";const u=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsWillPresent=i(this,"dsWillPresent"),this.dsDidPresent=i(this,"dsDidPresent"),this.dsWillDismiss=i(this,"dsWillDismiss"),this.dsDidDismiss=i(this,"dsDidDismiss"),this.scrollHandler=new m,this.animated=!0,this.isOpen=!1,this.transitionQueue=Promise.resolve(),this.open=!1,this.closable=!0,this.modalWidth=640,this.fullscreen=!1,this.handleCancel=a=>{a.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var a;this.open&&(null===(a=this.dialogEl)||void 0===a||a.showModal())},this.handleBackdropClick=a=>{this.closable&&a.target===this.dialogEl&&(this.open=!1)}}createLogger(a){this.log=a}openChanged(a){a?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var a,e;null===(a=this.dialogEl)||void 0===a||a.addEventListener("cancel",this.handleCancel),null===(e=this.dialogEl)||void 0===e||e.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var a,e;null===(a=this.dialogEl)||void 0===a||a.removeEventListener("cancel",this.handleCancel),null===(e=this.dialogEl)||void 0===e||e.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(a){this.animated=a.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var a,e;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)||(this.dsWillPresent.emit(),null===(e=this.dialogEl)||void 0===e||e.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await l(300),this.dsDidPresent.emit())}async doClose(){var a,e;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await l(300),null===(e=this.dialogEl)||void 0===e||e.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return t(o,{key:"62b900eb4c6d645d6ed18838b6e5f5230f34d2ba",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":this.modalWidth+"px"}},t("dialog",{key:"744edb0cc3a0af3bdc01fbaf2acd9108f1ea6ecf",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":"modal-title","aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&t("ds-close",{key:"e0328f19021f81ba7f1a4ccb4b9a7c444f623509",part:"close",onClick:()=>this.open=!1}),t("h2",{key:"c9e8363bf136aa21fbaae2120a32847ef6189dee",id:"modal-title",part:"title"},t("slot",{key:"3b061b840fd0b98c07ad22210c78a1d5390ec055",name:"header"})),t("div",{key:"9ca6ff7d5216ef7ee8f179ba73ed10531e6e3ccc",id:"modal-body",part:"body"},t("slot",{key:"dece7c125221ad7465f70ddd29bc47741b444b0a",name:"body"})),t("div",{key:"dc1980a3c0b1da4d8a37d50e2a4ab3e2e45516c3",id:"modal-actions",part:"actions"},t("slot",{key:"a79074f106e57cb89d39354b46a82842493c0a0c",name:"actions"}))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{--_modal-background:var(--modal-background, var(--mod-modal-background, var(--ds-modal-color-base-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius-base)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-backdrop-opacity)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-size-device)));--_modal-heading-line-height:var(--modal-heading-line-height, var(--mod-modal-heading-line-height, var(--ds-modal-heading-line-height)));--_modal-width:var(--modal-width, var(--mod-modal-width, var(--ds-modal-width)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 1rem);max-height:calc(100vh - 1rem);overflow:hidden;background:var(--_modal-background);border-radius:var(--_modal-radius);padding:1rem;opacity:0;-webkit-transform:translate(-50%, calc(-50% - 1rem));transform:translate(-50%, calc(-50% - 1rem));pointer-events:none}@media screen and (min-width: 769px){:host dialog{width:var(--_modal-width);max-height:calc(100vh - 6rem);padding:1.5rem}}@media screen and (min-width: 1024px){:host dialog{padding:2.5rem}}:host(.is-open) dialog{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none !important;transition:none !important}}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host(.is-fullscreen) dialog{top:0;left:0;width:100%;max-height:100%;height:100%;border-radius:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}:host(.is-fullscreen.is-open) dialog{-webkit-transform:translateY(0);transform:translateY(0)}:host ds-close{position:absolute;top:1rem;right:1rem}@media screen and (min-width: 769px){:host ds-close{top:1.5rem;right:1.5rem}}@media screen and (min-width: 1024px){:host ds-close{top:2.5rem;right:2.5rem}}:host #modal-title{padding-right:3rem;margin:0 0 1rem;font-family:var(--_modal-heading-family);font-weight:var(--_modal-heading-weight);font-size:var(--_modal-heading-size);line-height:var(--_modal-heading-line-height)}@media screen and (min-width: 769px){:host #modal-title{padding-right:3.5rem;margin-bottom:1.5rem}}@media screen and (min-width: 1024px){:host #modal-title{padding-right:4.5rem;margin-bottom:2.5rem}}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px){:host #modal-body{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){:host #modal-body{margin-left:-2.5rem;margin-right:-2.5rem;padding-left:2.5rem;padding-right:2.5rem}}:host #modal-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:1rem}@media screen and (min-width: 769px){:host #modal-actions{margin-top:1.5rem}}@media screen and (min-width: 1024px){:host #modal-actions{margin-top:2.5rem}}:host #modal-actions:empty{display:none}::slotted(*){display:block}"}},[257,"ds-modal",{open:[1540],closable:[4],modalWidth:[2,"modal-width"],fullscreen:[4],animated:[32],isOpen:[32],present:[64],dismiss:[64],configChanged:[64]},void 0,{open:[{openChanged:0}]}]);d([r("modal"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],u.prototype,"createLogger",null),d([b("boolean"),n("design:type",Boolean)],u.prototype,"open",void 0),d([b("boolean"),n("design:type",Boolean)],u.prototype,"closable",void 0),d([b("number"),n("design:type",Number)],u.prototype,"modalWidth",void 0),d([b("boolean"),n("design:type",Boolean)],u.prototype,"fullscreen",void 0),d([f(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],u.prototype,"configChanged",null);const y=u,v=function(){"undefined"!=typeof customElements&&["ds-modal","ds-button","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-modal":customElements.get(s(a))||customElements.define(s(a),u);break;case"ds-button":customElements.get(s(a))||h();break;case"ds-close":customElements.get(s(a))||c();break;case"ds-icon":customElements.get(s(a))||p();break;case"ds-spinner":customElements.get(s(a))||g()}}))};export{y as DsModal,v as defineCustomElement}
+import{p as a,H as e,f as i,h as t,e as o,t as s}from"./p-WO0X5Vmy.js";import{_ as d,L as r,a as n}from"./p-J0mxIuTt.js";import{w as l}from"./p-BgzU1loG.js";import{S as m}from"./p-3Mi9vpmB.js";import{d as h}from"./p-DSeYzuO7.js";import{d as c}from"./p-DY0y8uLL.js";import{d as p}from"./p-Du7QOHtz.js";import{d as g}from"./p-qaSW94OG.js";import{T as b}from"./p-DAYd9ty0.js";import{L as f}from"./p-DIK6Zkg6.js";const u=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsWillPresent=i(this,"dsWillPresent"),this.dsDidPresent=i(this,"dsDidPresent"),this.dsWillDismiss=i(this,"dsWillDismiss"),this.dsDidDismiss=i(this,"dsDidDismiss"),this.scrollHandler=new m,this.animated=!0,this.isOpen=!1,this.transitionQueue=Promise.resolve(),this.open=!1,this.closable=!0,this.modalWidth=640,this.fullscreen=!1,this.handleCancel=a=>{a.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var a;this.open&&(null===(a=this.dialogEl)||void 0===a||a.showModal())},this.handleBackdropClick=a=>{this.closable&&a.target===this.dialogEl&&(this.open=!1)}}createLogger(a){this.log=a}openChanged(a){a?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var a,e;null===(a=this.dialogEl)||void 0===a||a.addEventListener("cancel",this.handleCancel),null===(e=this.dialogEl)||void 0===e||e.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var a,e;null===(a=this.dialogEl)||void 0===a||a.removeEventListener("cancel",this.handleCancel),null===(e=this.dialogEl)||void 0===e||e.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(a){this.animated=a.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var a,e;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)||(this.dsWillPresent.emit(),null===(e=this.dialogEl)||void 0===e||e.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await l(300),this.dsDidPresent.emit())}async doClose(){var a,e;(null===(a=this.dialogEl)||void 0===a?void 0:a.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await l(300),null===(e=this.dialogEl)||void 0===e||e.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return t(o,{key:"9bbdd2e3675ebcdf8c9307124efd5a6dbf6ed3d2",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-fullscreen":this.fullscreen},style:{"--_modal-width":this.modalWidth+"px"}},t("dialog",{key:"dc18ceb8343d55b7a85d8a322d8f47fd2d8533a7",part:"dialog",ref:a=>this.dialogEl=a,"aria-labelledby":"modal-title","aria-describedby":"modal-body",onClick:this.handleBackdropClick},this.closable&&t("ds-close",{key:"4fcca7c147ab406deb3471c3d4a8c10b8a503c81",part:"close",onClick:()=>this.open=!1}),t("h2",{key:"5ee65427e9c4eeaea3e165bbd822df406b2229dd",id:"modal-title",part:"title"},t("slot",{key:"618d0ec490196852e4e55e2f6ed984e292c6f944",name:"header"})),t("div",{key:"6ac9a5ab80df8ae47e41867dbeceb8682cd61c0c",id:"modal-body",part:"body"},t("slot",{key:"65b86fa28a2c5bfb3c95d5a12f185dab36fd7c25",name:"body"})),t("div",{key:"49d632c6b1791c90e1acd89fc3004e0fc6bb3458",id:"modal-actions",part:"actions"},t("slot",{key:"4b6fb255556a20c37bb79fcab95b0619bdace7a8",name:"actions"}))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{--_modal-background:var(--modal-background, var(--mod-modal-background, var(--ds-modal-color-base-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius-base)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-backdrop-opacity)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-size-device)));--_modal-heading-line-height:var(--modal-heading-line-height, var(--mod-modal-heading-line-height, var(--ds-modal-heading-line-height)));--_modal-width:var(--modal-width, var(--mod-modal-width, var(--ds-modal-width)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 1rem);max-height:calc(100vh - 1rem);overflow:hidden;background:var(--_modal-background);border-radius:var(--_modal-radius);padding:1rem;opacity:0;-webkit-transform:translate(-50%, calc(-50% - 1rem));transform:translate(-50%, calc(-50% - 1rem));pointer-events:none}@media screen and (min-width: 769px){:host dialog{width:var(--_modal-width);max-height:calc(100vh - 6rem);padding:1.5rem}}@media screen and (min-width: 1024px){:host dialog{padding:2.5rem}}:host(.is-open) dialog{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none !important;transition:none !important}}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_modal-backdrop-opacity)}:host(.is-fullscreen) dialog{top:0;left:0;width:100%;max-height:100%;height:100%;border-radius:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}:host(.is-fullscreen.is-open) dialog{-webkit-transform:translateY(0);transform:translateY(0)}:host ds-close{position:absolute;top:1rem;right:1rem}@media screen and (min-width: 769px){:host ds-close{top:1.5rem;right:1.5rem}}@media screen and (min-width: 1024px){:host ds-close{top:2.5rem;right:2.5rem}}:host #modal-title{padding-right:3rem;margin:0 0 1rem;font-family:var(--_modal-heading-family);font-weight:var(--_modal-heading-weight);font-size:var(--_modal-heading-size);line-height:var(--_modal-heading-line-height)}@media screen and (min-width: 769px){:host #modal-title{padding-right:3.5rem;margin-bottom:1.5rem}}@media screen and (min-width: 1024px){:host #modal-title{padding-right:4.5rem;margin-bottom:2.5rem}}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px){:host #modal-body{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){:host #modal-body{margin-left:-2.5rem;margin-right:-2.5rem;padding-left:2.5rem;padding-right:2.5rem}}:host #modal-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:1rem}@media screen and (min-width: 769px){:host #modal-actions{margin-top:1.5rem}}@media screen and (min-width: 1024px){:host #modal-actions{margin-top:2.5rem}}:host #modal-actions:empty{display:none}::slotted(*){display:block}"}},[257,"ds-modal",{open:[1540],closable:[4],modalWidth:[2,"modal-width"],fullscreen:[4],animated:[32],isOpen:[32],present:[64],dismiss:[64],configChanged:[64]},void 0,{open:[{openChanged:0}]}]);d([r("modal"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],u.prototype,"createLogger",null),d([b("boolean"),n("design:type",Boolean)],u.prototype,"open",void 0),d([b("boolean"),n("design:type",Boolean)],u.prototype,"closable",void 0),d([b("number"),n("design:type",Number)],u.prototype,"modalWidth",void 0),d([b("boolean"),n("design:type",Boolean)],u.prototype,"fullscreen",void 0),d([f(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],u.prototype,"configChanged",null);const y=u,v=function(){"undefined"!=typeof customElements&&["ds-modal","ds-button","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-modal":customElements.get(s(a))||customElements.define(s(a),u);break;case"ds-button":customElements.get(s(a))||h();break;case"ds-close":customElements.get(s(a))||c();break;case"ds-icon":customElements.get(s(a))||p();break;case"ds-spinner":customElements.get(s(a))||g()}}))};export{y as DsModal,v as defineCustomElement}

package/components/ds-navbar.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as r,f as e,h as t,e as n,t as o}from"./p-WO0X5Vmy.js";import{_ as i,L as s,a as b}from"./p-J0mxIuTt.js";import{F as d}from"./p-DbM7ALm9.js";import{S as v}from"./p-3Mi9vpmB.js";import{d as c}from"./p-Du7QOHtz.js";import{L as l}from"./p-ByX1_7SF.js";import{d as u}from"./p-CvaNxQtw.js";import{d as m}from"./p-n3_2KEz0.js";import{T as h}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";import{L as p}from"./p-DbY6Pfeh.js";import{L as f}from"./p-DIK6Zkg6.js";const k={de:{mainNavigation:"Hauptnavigation",openMenu:"Navigationsmenu öffnen",closeMenu:"Navigationsmenu schließen",navigationMenu:"Navigationsmenü"},en:{mainNavigation:"Main navigation",openMenu:"Open navigation menu",closeMenu:"Close navigation menu",navigationMenu:"Navigation menu"},fr:{mainNavigation:"Navigation principale",openMenu:"Ouvrir le menu de navigation",closeMenu:"Fermer le menu de navigation",navigationMenu:"Menu de navigation"},it:{mainNavigation:"Navigazione principale",openMenu:"Apri menu di navigazione",closeMenu:"Chiudi menu di navigazione",navigationMenu:"Menu di navigazione"},nl:{mainNavigation:"Hoofdnavigatie",openMenu:"Navigatiemenu openen",closeMenu:"Navigatiemenu sluiten",navigationMenu:"Navigatiemenu"},es:{mainNavigation:"Navegación principal",openMenu:"Abrir menú de navegación",closeMenu:"Cerrar menú de navegación",navigationMenu:"Menú de navegación"},pl:{mainNavigation:"Nawigacja główna",openMenu:"Otwórz menu nawigacji",closeMenu:"Zamknij menu nawigacji",navigationMenu:"Menu nawigacji"},pt:{mainNavigation:"Navegação principal",openMenu:"Abrir menu de navegação",closeMenu:"Fechar menu de navegação",navigationMenu:"Menu de navegação"},sv:{mainNavigation:"Huvudnavigering",openMenu:"Öppna navigationsmeny",closeMenu:"Stäng navigationsmeny",navigationMenu:"Navigationsmeny"},fi:{mainNavigation:"Päänavigaatio",openMenu:"Avaa navigointivalikko",closeMenu:"Sulje navigointivalikko",navigationMenu:"Navigointivalikko"}},x=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsMenuOpenStart=e(this,"dsMenuOpenStart"),this.dsMenuOpenEnd=e(this,"dsMenuOpenEnd"),this.dsMenuCloseStart=e(this,"dsMenuCloseStart"),this.dsMenuCloseEnd=e(this,"dsMenuCloseEnd"),this.navEl=null,this.sidebarEl=null,this.burgerButton=null,this.containerEl=null,this.scrollHandler=new v,this.focusHandler=new d,this.burgerModeThresholdWidth=null,this.language=u.language,this.region=u.region,this.isTouch=m.isTouch,this.isSidebarOpen=!1,this.isOverflowing=!1,this.open=!1,this.light=!1,this.container="",this.handleHamburgerClick=()=>{this.toggleSidebar()},this.handleBackdropClick=()=>{this.closeSidebar()},this.handleDrawerClickBound=a=>{this.handleDrawerClick(a)},this.handleDrawerClick=a=>{const r=a.target;("A"===r.tagName||r.closest("a"))&&this.closeSidebar()},this.handleDocumentKeyDown=a=>{"Escape"===a.key&&this.isSidebarOpen&&(a.preventDefault(),this.closeSidebar())}}createLogger(a){this.log=a}openChanged(a){a?this.openSidebar():this.closeSidebar()}connectedCallback(){this.openChanged(this.open),this.scrollHandler.connect(),this.focusHandler.connect()}componentDidLoad(){this.checkNavbarOverflow()}disconnectedCallback(){this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disconnect(),this.scrollHandler.disconnect()}listenToBreakpoint(a){this.isTouch=a.touch,!this.isTouch&&!this.isOverflowing&&this.isSidebarOpen&&this.setIsSidebarOpen(!1)}async configChanged(a){this.language=a.language,this.region=a.region}async listenToResize(){this.checkNavbarOverflow()}async toggleSidebar(){await this.setIsSidebarOpen(!this.isSidebarOpen)}async openSidebar(){await this.setIsSidebarOpen(!0)}async closeSidebar(){await this.setIsSidebarOpen(!1)}attachKeyboardListener(){document.addEventListener("keydown",this.handleDocumentKeyDown)}detachKeyboardListener(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}attachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.addEventListener("click",this.handleDrawerClickBound)}detachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.removeEventListener("click",this.handleDrawerClickBound)}checkNavbarOverflow(){if(!this.navEl)return;if(!this.containerEl)return;const a=this.containerEl.clientWidth,r=this.containerEl.scrollWidth>a;r&&!this.isOverflowing?(this.burgerModeThresholdWidth=a,this.isOverflowing=!0,this.isSidebarOpen&&this.setIsSidebarOpen(!1)):!r&&this.isOverflowing&&this.burgerModeThresholdWidth&&a>this.burgerModeThresholdWidth+100&&(this.isOverflowing=!1,this.burgerModeThresholdWidth=null)}async setIsSidebarOpen(a){var r;if(a===this.isSidebarOpen)return;const e=this.isTouch||this.isOverflowing;a?(this.dsMenuOpenStart.emit(),this.isSidebarOpen=!0,e&&(this.attachKeyboardListener(),this.attachSidebarClickListener(),this.focusHandler.enable({target:this.navEl,restoreElement:this.burgerButton}),null===(r=this.burgerButton)||void 0===r||r.focus(),this.scrollHandler.disable()),this.dsMenuOpenEnd.emit()):(this.dsMenuCloseStart.emit(),e&&(this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disable(),this.focusHandler.restoreFocus(),this.scrollHandler.enable()),this.isSidebarOpen=!1,this.dsMenuCloseEnd.emit())}render(){const a=this.isSidebarOpen,r=this.isTouch||this.isOverflowing,e=k[this.language];return t(n,{key:"d1d6fe2b8427f6685b71ac943c6c25a77cc7d29a",class:{"is-open":a,"is-sidebar-mode":r,"is-light":this.light}},t("nav",{key:"ad444ede1a0403f07f444ea0690a462278c8cd2b",ref:a=>this.navEl=a,id:"nav",role:"navigation","aria-label":e.mainNavigation},t("div",{key:"1283a81c4aea12968c29ce7acea013e0f5bd9517",id:"container",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container},ref:a=>this.containerEl=a},t("slot",{key:"5ee4b6dfb635e7da66d997e32c888f9938f534ed",name:"brand"}),t("slot",{key:"1842957278e926ebbad94af2be4ed9e307514f15",name:"title"}),t("div",{key:"9a0d72133cfacf2ee5c2fc7b667eb5c3f8b4ff4c",id:"content"},!r&&t("div",{key:"888c531c11e5c6608037c3f2ed65fa70e092b3e1",id:"menu"},t("div",{key:"6c67c0a018968a4b876fb0649cf771a4bc3be8f3",id:"menu-start"},t("slot",{key:"36645b41db88550fba4d98d79f83f036136f2de1",name:"menu-start"})),t("div",{key:"01d1b694734f14b12893b6f9725d77bbd87494ea",id:"menu-end"},t("slot",{key:"98be249966e4f0139944631052e2fd0c8c1209b1",name:"menu-end"}))),t("div",{key:"78e6833390750a161561412abb2db338034a14a9",id:"actions"},t("slot",{key:"e8bf50d3790e69523952060fff33aaf61e1a80ad",name:"actions"}),r&&t("button",{key:"d7ed939c79ee98919a158e2b713386b031404550",ref:a=>this.burgerButton=a,id:"hamburger",type:"button",title:a?e.closeMenu:e.openMenu,"aria-label":a?e.closeMenu:e.openMenu,"aria-expanded":a,"aria-controls":"sidebar",onClick:()=>this.handleHamburgerClick()},t("ds-icon",{key:"0c8a7c53544d7c2c0b7aac5e91f7ab32bfa857a6",name:a?"close":"menu-bars",size:"",color:"white"}))))),r&&t("aside",{key:"40ac910cfa7c5610311883bd92cb743601570f04",id:"sidebar",role:"dialog","aria-modal":"true","aria-label":e.navigationMenu,class:{"is-open":a},ref:a=>this.sidebarEl=a},t("div",{key:"59262ffc7c7d40659584fe4ffcd41d32606e7501",id:"sidebar-backdrop",onClick:this.handleBackdropClick}),t("div",{key:"1debe69728a1868e0680066a6efd7ba9fa0a0a22",id:"sidebar-panel",tabindex:"-1"},t("div",{key:"f1d380906397ec3e959013284fb3feaa489800d7",id:"sidebar-content"},t("div",{key:"bbe972dc6f5e96d66473e4301706838dadb6e85e",id:"sidebar-start"},t("slot",{key:"7177345c52b8bc829417db81fb3d107de920ce15",name:"menu-start"})),t("div",{key:"a416d3e2a3b5fb87555e7b7bbe1020a4b1998bae",id:"sidebar-end"},t("slot",{key:"953903c4a9ae1007ae5cd3a294e3c091b534945b",name:"menu-end"})))))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return':host{--_link-focus:var(--link-focus, var(--mod-link-focus, var(--ds-alias-interaction-focus-color-base)));--_navbar-background:var(--navbar-background, var(--mod-navbar-background, var(--ds-navbar-base-layout-background)));--_navbar-padding:var(--navbar-padding, var(--mod-navbar-padding, var(--ds-navbar-base-layout-padding)));--_navbar-height:var(--navbar-height, var(--mod-navbar-height, var(--ds-navbar-base-layout-height)));--_navbar-shadow:var(--navbar-shadow, var(--mod-navbar-shadow, var(--ds-navbar-base-layout-shadow)));--_navbar-z-index:var(--navbar-z-index, var(--mod-navbar-z-index, var(--ds-navbar-base-layout-z-index)));--_navbar-brand-gap:var(--navbar-brand-gap, var(--mod-navbar-brand-gap, var(--ds-navbar-base-brand-gap)));--_navbar-brand-focus-radius:var(--navbar-brand-focus-radius, var(--mod-navbar-brand-focus-radius, var(--ds-navbar-base-brand-focus-radius)));--_navbar-title-color:var(--navbar-title-color, var(--mod-navbar-title-color, var(--ds-navbar-base-title-color)));--_navbar-title-font-family:var(--navbar-title-font-family, var(--mod-navbar-title-font-family, var(--ds-navbar-base-title-font-family)));--_navbar-title-font-size:var(--navbar-title-font-size, var(--mod-navbar-title-font-size, var(--ds-navbar-base-title-font-size)));--_navbar-title-font-weight:var(--navbar-title-font-weight, var(--mod-navbar-title-font-weight, var(--ds-navbar-base-title-font-weight)));--_navbar-hamburger-width:var(--navbar-hamburger-width, var(--mod-navbar-hamburger-width, var(--ds-navbar-base-hamburger-width)));--_navbar-hamburger-height:var(--navbar-hamburger-height, var(--mod-navbar-hamburger-height, var(--ds-navbar-base-hamburger-height)));--_navbar-hamburger-padding:var(--navbar-hamburger-padding, var(--mod-navbar-hamburger-padding, var(--ds-navbar-base-hamburger-padding)));--_navbar-hamburger-radius:var(--navbar-hamburger-radius, var(--mod-navbar-hamburger-radius, var(--ds-navbar-base-hamburger-radius)));--_navbar-hamburger-transition-duration:var(--navbar-hamburger-transition-duration, var(--mod-navbar-hamburger-transition-duration, var(--ds-navbar-base-hamburger-transition-duration)));--_navbar-sidebar-max-width:var(--navbar-sidebar-max-width, var(--mod-navbar-sidebar-max-width, var(--ds-navbar-base-sidebar-max-width)));--_navbar-sidebar-slide-duration:var(--navbar-sidebar-slide-duration, var(--mod-navbar-sidebar-slide-duration, var(--ds-navbar-base-sidebar-slide-duration)));--_navbar-sidebar-backdrop-color:var(--navbar-sidebar-backdrop-color, var(--mod-navbar-sidebar-backdrop-color, var(--ds-navbar-base-sidebar-backdrop-color)));--_navbar-sidebar-backdrop-opacity:var(--navbar-sidebar-backdrop-opacity, var(--mod-navbar-sidebar-backdrop-opacity, var(--ds-global-elevation-opacity-50)));--_navbar-sidebar-panel-background:var(--navbar-sidebar-panel-background, var(--mod-navbar-sidebar-panel-background, var(--ds-navbar-base-sidebar-panel-background)));--_navbar-sidebar-panel-shadow:var(--navbar-sidebar-panel-shadow, var(--mod-navbar-sidebar-panel-shadow, var(--ds-navbar-base-sidebar-panel-shadow)));--_navbar-sidebar-panel-border-top:var(--navbar-sidebar-panel-border-top, var(--mod-navbar-sidebar-panel-border-top, var(--ds-navbar-base-sidebar-panel-border-top)));--_navbar-sidebar-content-gap:var(--navbar-sidebar-content-gap, var(--mod-navbar-sidebar-content-gap, var(--ds-navbar-base-sidebar-content-gap)));--_navbar-sidebar-padding-inline:var(--navbar-sidebar-padding-inline, var(--mod-navbar-sidebar-padding-inline, var(--ds-navbar-base-sidebar-content-padding-inline)));--_navbar-sidebar-padding-block:var(--navbar-sidebar-padding-block, var(--mod-navbar-sidebar-padding-block, var(--ds-navbar-base-sidebar-content-padding-block)));--_navbar-sidebar-item-min-height:var(--navbar-sidebar-item-min-height, var(--mod-navbar-sidebar-item-min-height, var(--ds-navbar-base-sidebar-item-min-height)));--_navbar-sidebar-item-padding-block:var(--navbar-sidebar-item-padding-block, var(--mod-navbar-sidebar-item-padding-block, var(--ds-navbar-base-sidebar-item-padding-block)));--_navbar-sidebar-item-padding-inline:var(--navbar-sidebar-item-padding-inline, var(--mod-navbar-sidebar-item-padding-inline, var(--ds-navbar-base-sidebar-item-padding-inline)));--_navbar-sidebar-item-font-size:var(--navbar-sidebar-item-font-size, var(--mod-navbar-sidebar-item-font-size, var(--ds-navbar-base-sidebar-item-font-size)));--_navbar-sidebar-item-font-weight:var(--navbar-sidebar-item-font-weight, var(--mod-navbar-sidebar-item-font-weight, var(--ds-navbar-base-sidebar-item-font-weight)));--_navbar-sidebar-item-font-family:var(--navbar-sidebar-item-font-family, var(--mod-navbar-sidebar-item-font-family, var(--ds-navbar-base-sidebar-item-font-family)));--_navbar-sidebar-item-color:var(--navbar-sidebar-item-color, var(--mod-navbar-sidebar-item-color, var(--ds-navbar-base-sidebar-item-color-base)));--_navbar-sidebar-item-background-active:var(--navbar-sidebar-item-background-active, var(--mod-navbar-sidebar-item-background-active, var(--ds-navbar-base-sidebar-item-background-active)));--_navbar-sidebar-item-background-hover:var(--navbar-sidebar-item-background-hover, var(--mod-navbar-sidebar-item-background-hover, var(--ds-navbar-base-sidebar-item-background-hover)));--_navbar-sidebar-item-color-hover:var(--navbar-sidebar-item-color-hover, var(--mod-navbar-sidebar-item-color-hover, var(--ds-navbar-base-sidebar-item-color-hover)));--_navbar-sidebar-item-color-active:var(--navbar-sidebar-item-color-active, var(--mod-navbar-sidebar-item-color-active, var(--ds-navbar-base-sidebar-item-color-active)));--_navbar-sidebar-item-divider-color:var(--navbar-sidebar-item-divider-color, var(--mod-navbar-sidebar-item-divider-color, var(--ds-navbar-base-sidebar-item-divider-color)));--_navbar-sidebar-item-divider-color-active:var(--navbar-sidebar-item-divider-color-active, var(--mod-navbar-sidebar-item-divider-color-active, var(--ds-navbar-base-sidebar-item-divider-color-active)));--_navbar-sidebar-item-chevron-size:var(--navbar-sidebar-item-chevron-size, var(--mod-navbar-sidebar-item-chevron-size, var(--ds-navbar-base-sidebar-item-chevron-size)));--_navbar-sidebar-item-chevron-color:var(--navbar-sidebar-item-chevron-color, var(--mod-navbar-sidebar-item-chevron-color, var(--ds-navbar-base-sidebar-item-chevron-color)));--_navbar-menu-gap:var(--navbar-menu-gap, var(--mod-navbar-menu-gap, var(--ds-navbar-base-menu-gap)));--_navbar-menu-start-gap:var(--navbar-menu-start-gap, var(--mod-navbar-menu-start-gap, var(--ds-navbar-base-menu-start-gap)));--_navbar-menu-item-color:var(--navbar-menu-item-color, var(--mod-navbar-menu-item-color, var(--ds-navbar-base-menu-item-color-base)));--_navbar-menu-item-font-size:var(--navbar-menu-item-font-size, var(--mod-navbar-menu-item-font-size, var(--ds-navbar-base-menu-item-font-size)));--_navbar-menu-item-padding-block:var(--navbar-menu-item-padding-block, var(--mod-navbar-menu-item-padding-block, var(--ds-navbar-base-menu-item-padding-block)));--_navbar-menu-item-padding-inline:var(--navbar-menu-item-padding-inline, var(--mod-navbar-menu-item-padding-inline, var(--ds-navbar-base-menu-item-padding-inline)));--_navbar-menu-item-border-radius:var(--navbar-menu-item-border-radius, var(--mod-navbar-menu-item-border-radius, var(--ds-navbar-base-menu-item-border-radius)));--_navbar-menu-item-color-hover:var(--navbar-menu-item-color-hover, var(--mod-navbar-menu-item-color-hover, var(--ds-navbar-base-menu-item-color-hover)));--_navbar-menu-item-color-selected:var(--navbar-menu-item-color-selected, var(--mod-navbar-menu-item-color-selected, var(--ds-navbar-base-menu-item-color-selected)));--_navbar-menu-item-color-selected-hover:var(--navbar-menu-item-color-selected-hover, var(--mod-navbar-menu-item-color-selected-hover, var(--ds-navbar-base-menu-item-color-selected-hover)));--_navbar-menu-item-color-active:var(--navbar-menu-item-color-active, var(--mod-navbar-menu-item-color-active, var(--ds-navbar-base-menu-item-color-active)));--_navbar-menu-item-underline-height:var(--navbar-menu-item-underline-height, var(--mod-navbar-menu-item-underline-height, var(--ds-global-size-border-2)));--_navbar-menu-item-underline-border-radius:var(--navbar-menu-item-underline-border-radius, var(--mod-navbar-menu-item-underline-border-radius, var(--ds-alias-radius-rounded)));--_navbar-menu-item-transition-duration:var(--navbar-menu-item-transition-duration, var(--mod-navbar-menu-item-transition-duration, var(--ds-navbar-base-menu-item-transition-duration)));--_navbar-menu-end-gap:var(--navbar-menu-end-gap, var(--mod-navbar-menu-end-gap, var(--ds-navbar-base-menu-end-gap)));--_navbar-container-gap:var(--navbar-container-gap, var(--mod-navbar-container-gap, var(--ds-navbar-base-container-gap)));--_navbar-content-gap:var(--navbar-content-gap, var(--mod-navbar-content-gap, var(--ds-navbar-base-content-gap)));--_navbar-button-color-text:var(--navbar-button-color-text, var(--mod-navbar-button-color-text, var(--ds-navbar-base-button-color-text-base)));--_navbar-button-color-background:var(--navbar-button-color-background, var(--mod-navbar-button-color-background, var(--ds-navbar-base-button-color-background-base)));--_navbar-button-color-border:var(--navbar-button-color-border, var(--mod-navbar-button-color-border, var(--ds-navbar-base-button-color-border-base)));--_navbar-button-color-text-hover:var(--navbar-button-color-text-hover, var(--mod-navbar-button-color-text-hover, var(--ds-navbar-base-button-color-text-hover)));--_navbar-button-color-background-hover:var(--navbar-button-color-background-hover, var(--mod-navbar-button-color-background-hover, var(--ds-navbar-base-button-color-background-hover)));--_navbar-button-color-border-hover:var(--navbar-button-color-border-hover, var(--mod-navbar-button-color-border-hover, var(--ds-navbar-base-button-color-border-hover)));--_navbar-button-color-text-active:var(--navbar-button-color-text-active, var(--mod-navbar-button-color-text-active, var(--ds-navbar-base-button-color-text-active)));--_navbar-button-color-background-active:var(--navbar-button-color-background-active, var(--mod-navbar-button-color-background-active, var(--ds-navbar-base-button-color-background-active)));--_navbar-button-color-border-active:var(--navbar-button-color-border-active, var(--mod-navbar-button-color-border-active, var(--ds-navbar-base-button-color-border-active)));--_navbar-focus-color-start:var(--navbar-focus-color-start, var(--mod-navbar-focus-color-start, var(--ds-navbar-base-focus-color-start)));--_navbar-focus-color-end:var(--navbar-focus-color-end, var(--mod-navbar-focus-color-end, var(--ds-navbar-base-focus-color-end)))}:host{display:block;position:relative;z-index:var(--_navbar-z-index);width:100%;background-color:var(--_navbar-background);-webkit-box-shadow:var(--_navbar-shadow);box-shadow:var(--_navbar-shadow)}#nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--_navbar-height);max-height:var(--_navbar-height);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_navbar-container-gap);padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device);width:100%;max-width:var(--ds-alias-container-width-base)}#container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}#container.is-compact{max-width:var(--ds-alias-container-width-compact)}#content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:var(--_navbar-content-gap)}::slotted([slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_navbar-brand-gap)}::slotted(a[slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_navbar-brand-gap);outline:none}::slotted(a[slot=brand])::-moz-focus-inner{border:0}::slotted(a[slot=brand])::after{content:"";position:absolute;width:1px;height:1px;border-radius:var(--_navbar-brand-focus-radius);background-color:rgba(0,0,0,0);-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)}::slotted(a[slot=brand]:focus-visible)::after{padding:1rem;width:100%;height:100%;-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}::slotted([slot=title]){color:var(--_navbar-title-color);font-family:var(--_navbar-title-font-family);font-size:var(--_navbar-title-font-size);font-weight:var(--_navbar-title-font-weight);display:none}@media screen and (min-width: 769px){::slotted([slot=title]){display:block}}#hamburger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:none;border:none;padding:var(--_navbar-hamburger-padding);color:var(--_navbar-button-color-text);background-color:var(--_navbar-button-color-background);width:var(--_navbar-hamburger-width);height:var(--_navbar-hamburger-height);border-radius:var(--_navbar-hamburger-radius);margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;--icon-color:var(--_navbar-button-color-text);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--_navbar-hamburger-transition-duration);transition-duration:var(--_navbar-hamburger-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#hamburger::-moz-focus-inner{border:0}#hamburger:focus-visible{-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#hamburger:hover{color:var(--_navbar-button-color-text-hover);background-color:var(--_navbar-button-color-background-hover);--icon-color:var(--_navbar-button-color-text-hover)}#hamburger:active{color:var(--_navbar-button-color-text-active);background-color:var(--_navbar-button-color-background-active);--icon-color:var(--_navbar-button-color-text-active);translate:0 .5px}#sidebar{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:fixed;top:var(--_navbar-height);right:0;bottom:0;left:0;z-index:var(--ds-alias-z-index-navigation);pointer-events:none;-webkit-transition:visibility var(--_navbar-sidebar-slide-duration) ease;transition:visibility var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open{pointer-events:auto;visibility:visible}:host:not(.is-sidebar-mode) #sidebar{pointer-events:none !important;display:none !important;visibility:hidden !important}#sidebar-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-transition:opacity var(--_navbar-sidebar-slide-duration) ease;transition:opacity var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-backdrop{opacity:1}#sidebar-panel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;max-width:var(--_navbar-sidebar-max-width);height:100%;background-color:var(--_navbar-sidebar-panel-background);overflow-y:auto;outline:none;-webkit-box-shadow:var(--_navbar-shadow);box-shadow:var(--_navbar-shadow);border-top:var(--_navbar-sidebar-panel-border-top);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--_navbar-sidebar-slide-duration) ease;transition:-webkit-transform var(--_navbar-sidebar-slide-duration) ease;transition:transform var(--_navbar-sidebar-slide-duration) ease;transition:transform var(--_navbar-sidebar-slide-duration) ease, -webkit-transform var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-panel{-webkit-transform:translateX(0);transform:translateX(0)}#sidebar-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_navbar-sidebar-content-gap);padding-inline:var(--_navbar-sidebar-padding-inline);padding-block:var(--_navbar-sidebar-padding-block);overflow-y:auto}#sidebar-content ::slotted(a[slot=menu-start]),#sidebar-content ::slotted(.link[slot=menu-start]){position:relative;color:var(--_navbar-sidebar-item-color);--icon-color:var(--_navbar-sidebar-item-color);font-size:var(--_navbar-sidebar-item-font-size);font-weight:var(--_navbar-sidebar-item-font-weight);font-family:var(--_navbar-sidebar-item-font-family);text-decoration:none;min-height:var(--_navbar-sidebar-item-min-height);padding-block:var(--_navbar-sidebar-item-padding-block);padding-inline:var(--_navbar-sidebar-item-padding-inline);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,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)}#sidebar-content ::slotted(a[slot=menu-start])::-moz-focus-inner,#sidebar-content ::slotted(.link[slot=menu-start])::-moz-focus-inner{border:0}#sidebar-content ::slotted(a[slot=menu-start])::before,#sidebar-content ::slotted(.link[slot=menu-start])::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--ds-divider-width);border-radius:var(--ds-alias-radius-base);background-color:var(--_navbar-sidebar-item-divider-color);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:border-color,-webkit-box-shadow;transition-property:border-color,-webkit-box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,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);z-index:1}#sidebar-content ::slotted(a[slot=menu-start])::after,#sidebar-content ::slotted(.link[slot=menu-start])::after{content:"";position:absolute;right:.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_navbar-sidebar-item-chevron-size);height:var(--_navbar-sidebar-item-chevron-size);background-color:var(--_navbar-sidebar-item-chevron-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#sidebar-content ::slotted(.link[slot=menu-start][aria-current=page]),#sidebar-content ::slotted(a[slot=menu-start][aria-current=page]){background:var(--_navbar-sidebar-item-background-active)}#sidebar-content ::slotted(.link[slot=menu-start][aria-current=page])::before,#sidebar-content ::slotted(a[slot=menu-start][aria-current=page])::before{background-color:var(--_navbar-sidebar-item-divider-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:hover),#sidebar-content ::slotted(a[slot=menu-start]:hover){background:var(--_navbar-sidebar-item-background-hover);color:var(--_navbar-sidebar-item-color-hover);--icon-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:hover)::after,#sidebar-content ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:hover)::before,#sidebar-content ::slotted(a[slot=menu-start]:hover)::before{background-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:active),#sidebar-content ::slotted(a[slot=menu-start]:active){background:var(--_navbar-sidebar-item-background-active);color:var(--_navbar-sidebar-item-color-active);--icon-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:active)::after,#sidebar-content ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:active)::before,#sidebar-content ::slotted(a[slot=menu-start]:active)::before{background-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:focus-visible:not(:active))::before,#sidebar-content ::slotted(a[slot=menu-start]:focus-visible:not(:active))::before{border-radius:var(--ds-alias-radius-base);background-color:rgba(0,0,0,0);height:100%;width:100%;-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#sidebar-content #sidebar-end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_navbar-content-gap);margin-top:var(--ds-global-size-space-32)}#sidebar-content ::slotted(ds-button[slot=menu-end]),#sidebar-content ::slotted(button[slot=menu-end]),#sidebar-content ::slotted(button.button[slot=menu-end]){width:100%;--button-width:100%;--button-min-width:100%}#menu{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-gap)}#menu #menu-start{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-start-gap);-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}#menu #menu-start ::slotted(.link[slot=menu-start]),#menu #menu-start ::slotted(a[slot=menu-start]){-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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:var(--_navbar-menu-item-color);font-size:var(--_navbar-menu-item-font-size);border-radius:var(--_navbar-menu-item-border-radius);padding-inline:var(--_navbar-menu-item-padding-inline);padding-block:var(--_navbar-menu-item-padding-block);text-decoration:none;outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;cursor:pointer;-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:var(--_navbar-menu-item-transition-duration);transition-duration:var(--_navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.link[slot=menu-start])::after,#menu #menu-start ::slotted(a[slot=menu-start])::after{content:"";position:absolute;bottom:-0.5rem;left:0;right:0;height:var(--_navbar-menu-item-underline-height);border-radius:var(--_navbar-menu-item-underline-border-radius);background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}#menu #menu-start ::slotted([slot=menu-start].is-active),#menu #menu-start ::slotted([slot=menu-start][aria-current=page]){font-weight:var(--ds-alias-text-weight-bold)}#menu #menu-start ::slotted([slot=menu-start].is-active)::after,#menu #menu-start ::slotted([slot=menu-start][aria-current=page])::after{background-color:var(--_navbar-menu-item-color-selected)}#menu #menu-start ::slotted(.link[slot=menu-start]:hover),#menu #menu-start ::slotted(a[slot=menu-start]:hover){color:var(--_navbar-menu-item-color-hover);--icon-color:var(--_navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.link[slot=menu-start]:hover)::after,#menu #menu-start ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.link[slot=menu-start]:active),#menu #menu-start ::slotted(a[slot=menu-start]:active){color:var(--_navbar-menu-item-color-active);--icon-color:var(--_navbar-menu-item-color-active)}#menu #menu-start ::slotted(.link[slot=menu-start]:active)::after,#menu #menu-start ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_navbar-menu-item-color-active)}#menu #menu-start{-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:var(--_navbar-menu-item-transition-duration);transition-duration:var(--_navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.link[slot=menu-start]:focus-visible),#menu #menu-start ::slotted(a[slot=menu-start]:focus-visible){-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#menu #menu-end{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#menu #menu-end ::slotted(ds-button[slot=menu-end]),#menu #menu-end ::slotted(.button[slot=menu-end]),#menu #menu-end ::slotted(button[slot=menu-end]){--button-focus-shadow:var(--_navbar-focus-color-end);--button-color-text:var(--_navbar-button-color-text);--button-color-background:var(--_navbar-button-color-background);--button-color-border:var(--_navbar-button-color-border);--button-color-text-hover:var(--_navbar-button-color-text-hover);--button-color-background-hover:var(--_navbar-button-color-background-hover);--button-color-border-hover:var(--_navbar-button-color-border-hover);--button-color-text-active:var(--_navbar-button-color-text-active);--button-color-background-active:var(--_navbar-button-color-background-active);--button-color-border-active:var(--_navbar-button-color-border-active)}#actions{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#actions ::slotted(ds-button[slot=actions]),#actions ::slotted(.button[slot=actions]),#actions ::slotted(button[slot=actions]){--button-focus-shadow:var(--_navbar-focus-color-end);--button-color-text:var(--_navbar-button-color-text);--button-color-background:var(--_navbar-button-color-background);--button-color-border:var(--_navbar-button-color-border);--button-color-text-hover:var(--_navbar-button-color-text-hover);--button-color-background-hover:var(--_navbar-button-color-background-hover);--button-color-border-hover:var(--_navbar-button-color-border-hover);--button-color-text-active:var(--_navbar-button-color-text-active);--button-color-background-active:var(--_navbar-button-color-background-active);--button-color-border-active:var(--_navbar-button-color-border-active)}:host(.is-light){--logo-color:var(--ds-navbar-light-title-color);--mod-navbar-background:var(--ds-navbar-light-background);--mod-navbar-title-color:var(--ds-navbar-light-title-color);--_navbar-focus-color-start:var(--ds-navbar-light-focus-color-start);--_navbar-focus-color-end:var(--ds-navbar-light-focus-color-end);--mod-navbar-menu-item-color:var(--ds-navbar-light-menu-item-color-base);--mod-navbar-menu-item-color-hover:var(--ds-navbar-light-menu-item-color-hover);--mod-navbar-menu-item-color-active:var(--ds-navbar-light-menu-item-color-active);--mod-navbar-menu-item-color-selected:var(--ds-navbar-light-menu-item-color-selected);--mod-navbar-sidebar-panel-border-top:var(--ds-navbar-light-sidebar-panel-border-top);--mod-navbar-button-color-text:var(--ds-navbar-light-button-color-text-base);--mod-navbar-button-color-background:var(--ds-navbar-light-button-color-background-base);--mod-navbar-button-color-border:var(--ds-navbar-light-button-color-border-base);--mod-navbar-button-color-text-hover:var(--ds-navbar-light-button-color-text-hover);--mod-navbar-button-color-background-hover:var(--ds-navbar-light-button-color-background-hover);--mod-navbar-button-color-border-hover:var(--ds-navbar-light-button-color-border-hover);--mod-navbar-button-color-text-active:var(--ds-navbar-light-button-color-text-active);--mod-navbar-button-color-background-active:var(--ds-navbar-light-button-color-background-active);--mod-navbar-button-color-border-active:var(--ds-navbar-light-button-color-border-active)}'}},[257,"ds-navbar",{open:[516],light:[4],container:[1],language:[32],region:[32],isTouch:[32],isSidebarOpen:[32],isOverflowing:[32],configChanged:[64],listenToResize:[64],toggleSidebar:[64],openSidebar:[64],closeSidebar:[64]},void 0,{open:[{openChanged:0}]}]);i([s("navbar"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],x.prototype,"createLogger",null),i([h("boolean"),b("design:type",Boolean)],x.prototype,"open",void 0),i([h("boolean"),b("design:type",Boolean)],x.prototype,"light",void 0),i([g(["default","fluid","compact",""]),b("design:type",String)],x.prototype,"container",void 0),i([p(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null),i([f(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],x.prototype,"configChanged",null),i([l(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",Promise)],x.prototype,"listenToResize",null);const w=x,_=function(){"undefined"!=typeof customElements&&["ds-navbar","ds-icon"].forEach((a=>{switch(a){case"ds-navbar":customElements.get(o(a))||customElements.define(o(a),x);break;case"ds-icon":customElements.get(o(a))||c()}}))};export{w as DsNavbar,_ as defineCustomElement}
+import{p as a,H as r,f as e,h as t,e as n,t as o}from"./p-WO0X5Vmy.js";import{_ as i,L as s,a as b}from"./p-J0mxIuTt.js";import{F as d}from"./p-DbM7ALm9.js";import{S as v}from"./p-3Mi9vpmB.js";import{d as c}from"./p-Du7QOHtz.js";import{L as l}from"./p-ByX1_7SF.js";import{d as u}from"./p-CvaNxQtw.js";import{d as m}from"./p-n3_2KEz0.js";import{T as h}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";import{L as p}from"./p-DbY6Pfeh.js";import{L as f}from"./p-DIK6Zkg6.js";const k={de:{mainNavigation:"Hauptnavigation",openMenu:"Navigationsmenu öffnen",closeMenu:"Navigationsmenu schließen",navigationMenu:"Navigationsmenü"},en:{mainNavigation:"Main navigation",openMenu:"Open navigation menu",closeMenu:"Close navigation menu",navigationMenu:"Navigation menu"},fr:{mainNavigation:"Navigation principale",openMenu:"Ouvrir le menu de navigation",closeMenu:"Fermer le menu de navigation",navigationMenu:"Menu de navigation"},it:{mainNavigation:"Navigazione principale",openMenu:"Apri menu di navigazione",closeMenu:"Chiudi menu di navigazione",navigationMenu:"Menu di navigazione"},nl:{mainNavigation:"Hoofdnavigatie",openMenu:"Navigatiemenu openen",closeMenu:"Navigatiemenu sluiten",navigationMenu:"Navigatiemenu"},es:{mainNavigation:"Navegación principal",openMenu:"Abrir menú de navegación",closeMenu:"Cerrar menú de navegación",navigationMenu:"Menú de navegación"},pl:{mainNavigation:"Nawigacja główna",openMenu:"Otwórz menu nawigacji",closeMenu:"Zamknij menu nawigacji",navigationMenu:"Menu nawigacji"},pt:{mainNavigation:"Navegação principal",openMenu:"Abrir menu de navegação",closeMenu:"Fechar menu de navegação",navigationMenu:"Menu de navegação"},sv:{mainNavigation:"Huvudnavigering",openMenu:"Öppna navigationsmeny",closeMenu:"Stäng navigationsmeny",navigationMenu:"Navigationsmeny"},fi:{mainNavigation:"Päänavigaatio",openMenu:"Avaa navigointivalikko",closeMenu:"Sulje navigointivalikko",navigationMenu:"Navigointivalikko"}},x=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsMenuOpenStart=e(this,"dsMenuOpenStart"),this.dsMenuOpenEnd=e(this,"dsMenuOpenEnd"),this.dsMenuCloseStart=e(this,"dsMenuCloseStart"),this.dsMenuCloseEnd=e(this,"dsMenuCloseEnd"),this.navEl=null,this.sidebarEl=null,this.burgerButton=null,this.containerEl=null,this.scrollHandler=new v,this.focusHandler=new d,this.burgerModeThresholdWidth=null,this.language=u.language,this.region=u.region,this.isTouch=m.isTouch,this.isSidebarOpen=!1,this.isOverflowing=!1,this.open=!1,this.light=!1,this.container="",this.handleHamburgerClick=()=>{this.toggleSidebar()},this.handleBackdropClick=()=>{this.closeSidebar()},this.handleDrawerClickBound=a=>{this.handleDrawerClick(a)},this.handleDrawerClick=a=>{const r=a.target;("A"===r.tagName||r.closest("a"))&&this.closeSidebar()},this.handleDocumentKeyDown=a=>{"Escape"===a.key&&this.isSidebarOpen&&(a.preventDefault(),this.closeSidebar())}}createLogger(a){this.log=a}openChanged(a){a?this.openSidebar():this.closeSidebar()}connectedCallback(){this.openChanged(this.open),this.scrollHandler.connect(),this.focusHandler.connect()}componentDidLoad(){this.checkNavbarOverflow()}disconnectedCallback(){this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disconnect(),this.scrollHandler.disconnect()}listenToBreakpoint(a){this.isTouch=a.touch,!this.isTouch&&!this.isOverflowing&&this.isSidebarOpen&&this.setIsSidebarOpen(!1)}async configChanged(a){this.language=a.language,this.region=a.region}async listenToResize(){this.checkNavbarOverflow()}async toggleSidebar(){await this.setIsSidebarOpen(!this.isSidebarOpen)}async openSidebar(){await this.setIsSidebarOpen(!0)}async closeSidebar(){await this.setIsSidebarOpen(!1)}attachKeyboardListener(){document.addEventListener("keydown",this.handleDocumentKeyDown)}detachKeyboardListener(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}attachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.addEventListener("click",this.handleDrawerClickBound)}detachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.removeEventListener("click",this.handleDrawerClickBound)}checkNavbarOverflow(){if(!this.navEl)return;if(!this.containerEl)return;const a=this.containerEl.clientWidth,r=this.containerEl.scrollWidth>a;r&&!this.isOverflowing?(this.burgerModeThresholdWidth=a,this.isOverflowing=!0,this.isSidebarOpen&&this.setIsSidebarOpen(!1)):!r&&this.isOverflowing&&this.burgerModeThresholdWidth&&a>this.burgerModeThresholdWidth+100&&(this.isOverflowing=!1,this.burgerModeThresholdWidth=null)}async setIsSidebarOpen(a){var r;if(a===this.isSidebarOpen)return;const e=this.isTouch||this.isOverflowing;a?(this.dsMenuOpenStart.emit(),this.isSidebarOpen=!0,e&&(this.attachKeyboardListener(),this.attachSidebarClickListener(),this.focusHandler.enable({target:this.navEl,restoreElement:this.burgerButton}),null===(r=this.burgerButton)||void 0===r||r.focus(),this.scrollHandler.disable()),this.dsMenuOpenEnd.emit()):(this.dsMenuCloseStart.emit(),e&&(this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disable(),this.focusHandler.restoreFocus(),this.scrollHandler.enable()),this.isSidebarOpen=!1,this.dsMenuCloseEnd.emit())}render(){const a=this.isSidebarOpen,r=this.isTouch||this.isOverflowing,e=k[this.language];return t(n,{key:"4751141c9276638d58183322206828c49f38d67a",class:{"is-open":a,"is-sidebar-mode":r,"is-light":this.light}},t("nav",{key:"b142ac6bf25cdd48aff78158ebc49cd79889db0f",ref:a=>this.navEl=a,id:"nav",role:"navigation","aria-label":e.mainNavigation},t("div",{key:"056bda2d8ba50d01e34f4c000be406cc6ed546fe",id:"container",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container},ref:a=>this.containerEl=a},t("slot",{key:"837d06a2d3205deb6f155322cc5f1a9484835cbb",name:"brand"}),t("slot",{key:"c50410f1c714b5f6d9aa9603312d3642aae3f342",name:"title"}),t("div",{key:"047cf2da3762320ab02e1ab305b58f3c074c6c0d",id:"content"},!r&&t("div",{key:"2e0010d0470373050d84d0f099fc73156e3f3099",id:"menu"},t("div",{key:"f7b8c0e885f747ae2ee03f1ff223484be8699cf5",id:"menu-start"},t("slot",{key:"a7a172470428bfc5668f25d6387c33b281303aa1",name:"menu-start"})),t("div",{key:"a31d2061cc68cfba618b1f7efd9200bcb88a237a",id:"menu-end"},t("slot",{key:"2a7aa495db2db5313f84d4f98ab6f52151caaf95",name:"menu-end"}))),t("div",{key:"c596c26adaa4fdef8063fc36f1470e4b0afc8b9c",id:"actions"},t("slot",{key:"a7b4f6c2522715aeb5c536c8f022b74913839969",name:"actions"}),r&&t("button",{key:"844afe3c1617c51f913b2b7b155fadf7dd788caa",ref:a=>this.burgerButton=a,id:"hamburger",type:"button",title:a?e.closeMenu:e.openMenu,"aria-label":a?e.closeMenu:e.openMenu,"aria-expanded":a,"aria-controls":"sidebar",onClick:()=>this.handleHamburgerClick()},t("ds-icon",{key:"fea68d648cddd553deaea422f78738ffd33ae329",name:a?"close":"menu-bars",size:"",color:"white"}))))),r&&t("aside",{key:"d7cca3a0a9c98262baf322ad17c8480142c4856f",id:"sidebar",role:"dialog","aria-modal":"true","aria-label":e.navigationMenu,class:{"is-open":a},ref:a=>this.sidebarEl=a},t("div",{key:"e59e4562f388c3e17b757be5532292271bf97312",id:"sidebar-backdrop",onClick:this.handleBackdropClick}),t("div",{key:"7e1813c533e5ae1edb40b4a5f3cb89eff9198e2d",id:"sidebar-panel",tabindex:"-1"},t("div",{key:"20989ff5635db54ec7e6a6e6c4fb8d9f0f95ee01",id:"sidebar-content"},t("div",{key:"91b497cd27858444399806749434126d508551d7",id:"sidebar-start"},t("slot",{key:"3666487b26799818741b7e5022a0c90e7485adb3",name:"menu-start"})),t("div",{key:"f30d9b73f3b706acc184eb39b2e555d58259d813",id:"sidebar-end"},t("slot",{key:"36d1d16c15f23413a5fcd8af087b4c5a8bf4f2fc",name:"menu-end"})))))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return':host{--_link-focus:var(--link-focus, var(--mod-link-focus, var(--ds-alias-interaction-focus-color-base)));--_navbar-background:var(--navbar-background, var(--mod-navbar-background, var(--ds-navbar-base-layout-background)));--_navbar-padding:var(--navbar-padding, var(--mod-navbar-padding, var(--ds-navbar-base-layout-padding)));--_navbar-height:var(--navbar-height, var(--mod-navbar-height, var(--ds-navbar-base-layout-height)));--_navbar-shadow:var(--navbar-shadow, var(--mod-navbar-shadow, var(--ds-navbar-base-layout-shadow)));--_navbar-z-index:var(--navbar-z-index, var(--mod-navbar-z-index, var(--ds-navbar-base-layout-z-index)));--_navbar-brand-gap:var(--navbar-brand-gap, var(--mod-navbar-brand-gap, var(--ds-navbar-base-brand-gap)));--_navbar-brand-focus-radius:var(--navbar-brand-focus-radius, var(--mod-navbar-brand-focus-radius, var(--ds-navbar-base-brand-focus-radius)));--_navbar-title-color:var(--navbar-title-color, var(--mod-navbar-title-color, var(--ds-navbar-base-title-color)));--_navbar-title-font-family:var(--navbar-title-font-family, var(--mod-navbar-title-font-family, var(--ds-navbar-base-title-font-family)));--_navbar-title-font-size:var(--navbar-title-font-size, var(--mod-navbar-title-font-size, var(--ds-navbar-base-title-font-size)));--_navbar-title-font-weight:var(--navbar-title-font-weight, var(--mod-navbar-title-font-weight, var(--ds-navbar-base-title-font-weight)));--_navbar-hamburger-width:var(--navbar-hamburger-width, var(--mod-navbar-hamburger-width, var(--ds-navbar-base-hamburger-width)));--_navbar-hamburger-height:var(--navbar-hamburger-height, var(--mod-navbar-hamburger-height, var(--ds-navbar-base-hamburger-height)));--_navbar-hamburger-padding:var(--navbar-hamburger-padding, var(--mod-navbar-hamburger-padding, var(--ds-navbar-base-hamburger-padding)));--_navbar-hamburger-radius:var(--navbar-hamburger-radius, var(--mod-navbar-hamburger-radius, var(--ds-navbar-base-hamburger-radius)));--_navbar-hamburger-transition-duration:var(--navbar-hamburger-transition-duration, var(--mod-navbar-hamburger-transition-duration, var(--ds-navbar-base-hamburger-transition-duration)));--_navbar-sidebar-max-width:var(--navbar-sidebar-max-width, var(--mod-navbar-sidebar-max-width, var(--ds-navbar-base-sidebar-max-width)));--_navbar-sidebar-slide-duration:var(--navbar-sidebar-slide-duration, var(--mod-navbar-sidebar-slide-duration, var(--ds-navbar-base-sidebar-slide-duration)));--_navbar-sidebar-backdrop-color:var(--navbar-sidebar-backdrop-color, var(--mod-navbar-sidebar-backdrop-color, var(--ds-navbar-base-sidebar-backdrop-color)));--_navbar-sidebar-backdrop-opacity:var(--navbar-sidebar-backdrop-opacity, var(--mod-navbar-sidebar-backdrop-opacity, var(--ds-global-elevation-opacity-50)));--_navbar-sidebar-panel-background:var(--navbar-sidebar-panel-background, var(--mod-navbar-sidebar-panel-background, var(--ds-navbar-base-sidebar-panel-background)));--_navbar-sidebar-panel-shadow:var(--navbar-sidebar-panel-shadow, var(--mod-navbar-sidebar-panel-shadow, var(--ds-navbar-base-sidebar-panel-shadow)));--_navbar-sidebar-panel-border-top:var(--navbar-sidebar-panel-border-top, var(--mod-navbar-sidebar-panel-border-top, var(--ds-navbar-base-sidebar-panel-border-top)));--_navbar-sidebar-content-gap:var(--navbar-sidebar-content-gap, var(--mod-navbar-sidebar-content-gap, var(--ds-navbar-base-sidebar-content-gap)));--_navbar-sidebar-padding-inline:var(--navbar-sidebar-padding-inline, var(--mod-navbar-sidebar-padding-inline, var(--ds-navbar-base-sidebar-content-padding-inline)));--_navbar-sidebar-padding-block:var(--navbar-sidebar-padding-block, var(--mod-navbar-sidebar-padding-block, var(--ds-navbar-base-sidebar-content-padding-block)));--_navbar-sidebar-item-min-height:var(--navbar-sidebar-item-min-height, var(--mod-navbar-sidebar-item-min-height, var(--ds-navbar-base-sidebar-item-min-height)));--_navbar-sidebar-item-padding-block:var(--navbar-sidebar-item-padding-block, var(--mod-navbar-sidebar-item-padding-block, var(--ds-navbar-base-sidebar-item-padding-block)));--_navbar-sidebar-item-padding-inline:var(--navbar-sidebar-item-padding-inline, var(--mod-navbar-sidebar-item-padding-inline, var(--ds-navbar-base-sidebar-item-padding-inline)));--_navbar-sidebar-item-font-size:var(--navbar-sidebar-item-font-size, var(--mod-navbar-sidebar-item-font-size, var(--ds-navbar-base-sidebar-item-font-size)));--_navbar-sidebar-item-font-weight:var(--navbar-sidebar-item-font-weight, var(--mod-navbar-sidebar-item-font-weight, var(--ds-navbar-base-sidebar-item-font-weight)));--_navbar-sidebar-item-font-family:var(--navbar-sidebar-item-font-family, var(--mod-navbar-sidebar-item-font-family, var(--ds-navbar-base-sidebar-item-font-family)));--_navbar-sidebar-item-color:var(--navbar-sidebar-item-color, var(--mod-navbar-sidebar-item-color, var(--ds-navbar-base-sidebar-item-color-base)));--_navbar-sidebar-item-background-active:var(--navbar-sidebar-item-background-active, var(--mod-navbar-sidebar-item-background-active, var(--ds-navbar-base-sidebar-item-background-active)));--_navbar-sidebar-item-background-hover:var(--navbar-sidebar-item-background-hover, var(--mod-navbar-sidebar-item-background-hover, var(--ds-navbar-base-sidebar-item-background-hover)));--_navbar-sidebar-item-color-hover:var(--navbar-sidebar-item-color-hover, var(--mod-navbar-sidebar-item-color-hover, var(--ds-navbar-base-sidebar-item-color-hover)));--_navbar-sidebar-item-color-active:var(--navbar-sidebar-item-color-active, var(--mod-navbar-sidebar-item-color-active, var(--ds-navbar-base-sidebar-item-color-active)));--_navbar-sidebar-item-divider-color:var(--navbar-sidebar-item-divider-color, var(--mod-navbar-sidebar-item-divider-color, var(--ds-navbar-base-sidebar-item-divider-color)));--_navbar-sidebar-item-divider-color-active:var(--navbar-sidebar-item-divider-color-active, var(--mod-navbar-sidebar-item-divider-color-active, var(--ds-navbar-base-sidebar-item-divider-color-active)));--_navbar-sidebar-item-chevron-size:var(--navbar-sidebar-item-chevron-size, var(--mod-navbar-sidebar-item-chevron-size, var(--ds-navbar-base-sidebar-item-chevron-size)));--_navbar-sidebar-item-chevron-color:var(--navbar-sidebar-item-chevron-color, var(--mod-navbar-sidebar-item-chevron-color, var(--ds-navbar-base-sidebar-item-chevron-color)));--_navbar-menu-gap:var(--navbar-menu-gap, var(--mod-navbar-menu-gap, var(--ds-navbar-base-menu-gap)));--_navbar-menu-start-gap:var(--navbar-menu-start-gap, var(--mod-navbar-menu-start-gap, var(--ds-navbar-base-menu-start-gap)));--_navbar-menu-item-color:var(--navbar-menu-item-color, var(--mod-navbar-menu-item-color, var(--ds-navbar-base-menu-item-color-base)));--_navbar-menu-item-font-size:var(--navbar-menu-item-font-size, var(--mod-navbar-menu-item-font-size, var(--ds-navbar-base-menu-item-font-size)));--_navbar-menu-item-padding-block:var(--navbar-menu-item-padding-block, var(--mod-navbar-menu-item-padding-block, var(--ds-navbar-base-menu-item-padding-block)));--_navbar-menu-item-padding-inline:var(--navbar-menu-item-padding-inline, var(--mod-navbar-menu-item-padding-inline, var(--ds-navbar-base-menu-item-padding-inline)));--_navbar-menu-item-border-radius:var(--navbar-menu-item-border-radius, var(--mod-navbar-menu-item-border-radius, var(--ds-navbar-base-menu-item-border-radius)));--_navbar-menu-item-color-hover:var(--navbar-menu-item-color-hover, var(--mod-navbar-menu-item-color-hover, var(--ds-navbar-base-menu-item-color-hover)));--_navbar-menu-item-color-selected:var(--navbar-menu-item-color-selected, var(--mod-navbar-menu-item-color-selected, var(--ds-navbar-base-menu-item-color-selected)));--_navbar-menu-item-color-selected-hover:var(--navbar-menu-item-color-selected-hover, var(--mod-navbar-menu-item-color-selected-hover, var(--ds-navbar-base-menu-item-color-selected-hover)));--_navbar-menu-item-color-active:var(--navbar-menu-item-color-active, var(--mod-navbar-menu-item-color-active, var(--ds-navbar-base-menu-item-color-active)));--_navbar-menu-item-underline-height:var(--navbar-menu-item-underline-height, var(--mod-navbar-menu-item-underline-height, var(--ds-global-size-border-2)));--_navbar-menu-item-underline-border-radius:var(--navbar-menu-item-underline-border-radius, var(--mod-navbar-menu-item-underline-border-radius, var(--ds-alias-radius-rounded)));--_navbar-menu-item-transition-duration:var(--navbar-menu-item-transition-duration, var(--mod-navbar-menu-item-transition-duration, var(--ds-navbar-base-menu-item-transition-duration)));--_navbar-menu-end-gap:var(--navbar-menu-end-gap, var(--mod-navbar-menu-end-gap, var(--ds-navbar-base-menu-end-gap)));--_navbar-container-gap:var(--navbar-container-gap, var(--mod-navbar-container-gap, var(--ds-navbar-base-container-gap)));--_navbar-content-gap:var(--navbar-content-gap, var(--mod-navbar-content-gap, var(--ds-navbar-base-content-gap)));--_navbar-button-color-text:var(--navbar-button-color-text, var(--mod-navbar-button-color-text, var(--ds-navbar-base-button-color-text-base)));--_navbar-button-color-background:var(--navbar-button-color-background, var(--mod-navbar-button-color-background, var(--ds-navbar-base-button-color-background-base)));--_navbar-button-color-border:var(--navbar-button-color-border, var(--mod-navbar-button-color-border, var(--ds-navbar-base-button-color-border-base)));--_navbar-button-color-text-hover:var(--navbar-button-color-text-hover, var(--mod-navbar-button-color-text-hover, var(--ds-navbar-base-button-color-text-hover)));--_navbar-button-color-background-hover:var(--navbar-button-color-background-hover, var(--mod-navbar-button-color-background-hover, var(--ds-navbar-base-button-color-background-hover)));--_navbar-button-color-border-hover:var(--navbar-button-color-border-hover, var(--mod-navbar-button-color-border-hover, var(--ds-navbar-base-button-color-border-hover)));--_navbar-button-color-text-active:var(--navbar-button-color-text-active, var(--mod-navbar-button-color-text-active, var(--ds-navbar-base-button-color-text-active)));--_navbar-button-color-background-active:var(--navbar-button-color-background-active, var(--mod-navbar-button-color-background-active, var(--ds-navbar-base-button-color-background-active)));--_navbar-button-color-border-active:var(--navbar-button-color-border-active, var(--mod-navbar-button-color-border-active, var(--ds-navbar-base-button-color-border-active)));--_navbar-focus-color-start:var(--navbar-focus-color-start, var(--mod-navbar-focus-color-start, var(--ds-navbar-base-focus-color-start)));--_navbar-focus-color-end:var(--navbar-focus-color-end, var(--mod-navbar-focus-color-end, var(--ds-navbar-base-focus-color-end)))}:host{display:block;position:relative;z-index:var(--_navbar-z-index);width:100%;background-color:var(--_navbar-background);-webkit-box-shadow:var(--_navbar-shadow);box-shadow:var(--_navbar-shadow)}#nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--_navbar-height);max-height:var(--_navbar-height);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_navbar-container-gap);padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device);width:100%;max-width:var(--ds-alias-container-width-base)}#container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}#container.is-compact{max-width:var(--ds-alias-container-width-compact)}#content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:var(--_navbar-content-gap)}::slotted([slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_navbar-brand-gap)}::slotted(a[slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_navbar-brand-gap);outline:none}::slotted(a[slot=brand])::-moz-focus-inner{border:0}::slotted(a[slot=brand])::after{content:"";position:absolute;width:1px;height:1px;border-radius:var(--_navbar-brand-focus-radius);background-color:rgba(0,0,0,0);-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)}::slotted(a[slot=brand]:focus-visible)::after{padding:1rem;width:100%;height:100%;-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}::slotted([slot=title]){color:var(--_navbar-title-color);font-family:var(--_navbar-title-font-family);font-size:var(--_navbar-title-font-size);font-weight:var(--_navbar-title-font-weight);display:none}@media screen and (min-width: 769px){::slotted([slot=title]){display:block}}#hamburger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:none;border:none;padding:var(--_navbar-hamburger-padding);color:var(--_navbar-button-color-text);background-color:var(--_navbar-button-color-background);width:var(--_navbar-hamburger-width);height:var(--_navbar-hamburger-height);border-radius:var(--_navbar-hamburger-radius);margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;--icon-color:var(--_navbar-button-color-text);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--_navbar-hamburger-transition-duration);transition-duration:var(--_navbar-hamburger-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#hamburger::-moz-focus-inner{border:0}#hamburger:focus-visible{-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#hamburger:hover{color:var(--_navbar-button-color-text-hover);background-color:var(--_navbar-button-color-background-hover);--icon-color:var(--_navbar-button-color-text-hover)}#hamburger:active{color:var(--_navbar-button-color-text-active);background-color:var(--_navbar-button-color-background-active);--icon-color:var(--_navbar-button-color-text-active);translate:0 .5px}#sidebar{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:fixed;top:var(--_navbar-height);right:0;bottom:0;left:0;z-index:var(--ds-alias-z-index-navigation);pointer-events:none;-webkit-transition:visibility var(--_navbar-sidebar-slide-duration) ease;transition:visibility var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open{pointer-events:auto;visibility:visible}:host:not(.is-sidebar-mode) #sidebar{pointer-events:none !important;display:none !important;visibility:hidden !important}#sidebar-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-transition:opacity var(--_navbar-sidebar-slide-duration) ease;transition:opacity var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-backdrop{opacity:1}#sidebar-panel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;max-width:var(--_navbar-sidebar-max-width);height:100%;background-color:var(--_navbar-sidebar-panel-background);overflow-y:auto;outline:none;-webkit-box-shadow:var(--_navbar-shadow);box-shadow:var(--_navbar-shadow);border-top:var(--_navbar-sidebar-panel-border-top);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--_navbar-sidebar-slide-duration) ease;transition:-webkit-transform var(--_navbar-sidebar-slide-duration) ease;transition:transform var(--_navbar-sidebar-slide-duration) ease;transition:transform var(--_navbar-sidebar-slide-duration) ease, -webkit-transform var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-panel{-webkit-transform:translateX(0);transform:translateX(0)}#sidebar-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_navbar-sidebar-content-gap);padding-inline:var(--_navbar-sidebar-padding-inline);padding-block:var(--_navbar-sidebar-padding-block);overflow-y:auto}#sidebar-content ::slotted(a[slot=menu-start]),#sidebar-content ::slotted(.link[slot=menu-start]){position:relative;color:var(--_navbar-sidebar-item-color);--icon-color:var(--_navbar-sidebar-item-color);font-size:var(--_navbar-sidebar-item-font-size);font-weight:var(--_navbar-sidebar-item-font-weight);font-family:var(--_navbar-sidebar-item-font-family);text-decoration:none;min-height:var(--_navbar-sidebar-item-min-height);padding-block:var(--_navbar-sidebar-item-padding-block);padding-inline:var(--_navbar-sidebar-item-padding-inline);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,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)}#sidebar-content ::slotted(a[slot=menu-start])::-moz-focus-inner,#sidebar-content ::slotted(.link[slot=menu-start])::-moz-focus-inner{border:0}#sidebar-content ::slotted(a[slot=menu-start])::before,#sidebar-content ::slotted(.link[slot=menu-start])::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--ds-divider-width);border-radius:var(--ds-alias-radius-base);background-color:var(--_navbar-sidebar-item-divider-color);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:border-color,-webkit-box-shadow;transition-property:border-color,-webkit-box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,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);z-index:1}#sidebar-content ::slotted(a[slot=menu-start])::after,#sidebar-content ::slotted(.link[slot=menu-start])::after{content:"";position:absolute;right:.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_navbar-sidebar-item-chevron-size);height:var(--_navbar-sidebar-item-chevron-size);background-color:var(--_navbar-sidebar-item-chevron-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#sidebar-content ::slotted(.link[slot=menu-start][aria-current=page]),#sidebar-content ::slotted(a[slot=menu-start][aria-current=page]){background:var(--_navbar-sidebar-item-background-active)}#sidebar-content ::slotted(.link[slot=menu-start][aria-current=page])::before,#sidebar-content ::slotted(a[slot=menu-start][aria-current=page])::before{background-color:var(--_navbar-sidebar-item-divider-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:hover),#sidebar-content ::slotted(a[slot=menu-start]:hover){background:var(--_navbar-sidebar-item-background-hover);color:var(--_navbar-sidebar-item-color-hover);--icon-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:hover)::after,#sidebar-content ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:hover)::before,#sidebar-content ::slotted(a[slot=menu-start]:hover)::before{background-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:active),#sidebar-content ::slotted(a[slot=menu-start]:active){background:var(--_navbar-sidebar-item-background-active);color:var(--_navbar-sidebar-item-color-active);--icon-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:active)::after,#sidebar-content ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:active)::before,#sidebar-content ::slotted(a[slot=menu-start]:active)::before{background-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:focus-visible:not(:active))::before,#sidebar-content ::slotted(a[slot=menu-start]:focus-visible:not(:active))::before{border-radius:var(--ds-alias-radius-base);background-color:rgba(0,0,0,0);height:100%;width:100%;-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#sidebar-content #sidebar-end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_navbar-content-gap);margin-top:var(--ds-global-size-space-32)}#sidebar-content ::slotted(ds-button[slot=menu-end]),#sidebar-content ::slotted(button[slot=menu-end]),#sidebar-content ::slotted(button.button[slot=menu-end]){width:100%;--button-width:100%;--button-min-width:100%}#menu{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-gap)}#menu #menu-start{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-start-gap);-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}#menu #menu-start ::slotted(.link[slot=menu-start]),#menu #menu-start ::slotted(a[slot=menu-start]){-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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:var(--_navbar-menu-item-color);font-size:var(--_navbar-menu-item-font-size);border-radius:var(--_navbar-menu-item-border-radius);padding-inline:var(--_navbar-menu-item-padding-inline);padding-block:var(--_navbar-menu-item-padding-block);text-decoration:none;outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;cursor:pointer;-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:var(--_navbar-menu-item-transition-duration);transition-duration:var(--_navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.link[slot=menu-start])::after,#menu #menu-start ::slotted(a[slot=menu-start])::after{content:"";position:absolute;bottom:-0.5rem;left:0;right:0;height:var(--_navbar-menu-item-underline-height);border-radius:var(--_navbar-menu-item-underline-border-radius);background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}#menu #menu-start ::slotted([slot=menu-start].is-active),#menu #menu-start ::slotted([slot=menu-start][aria-current=page]){font-weight:var(--ds-alias-text-weight-bold)}#menu #menu-start ::slotted([slot=menu-start].is-active)::after,#menu #menu-start ::slotted([slot=menu-start][aria-current=page])::after{background-color:var(--_navbar-menu-item-color-selected)}#menu #menu-start ::slotted(.link[slot=menu-start]:hover),#menu #menu-start ::slotted(a[slot=menu-start]:hover){color:var(--_navbar-menu-item-color-hover);--icon-color:var(--_navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.link[slot=menu-start]:hover)::after,#menu #menu-start ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.link[slot=menu-start]:active),#menu #menu-start ::slotted(a[slot=menu-start]:active){color:var(--_navbar-menu-item-color-active);--icon-color:var(--_navbar-menu-item-color-active)}#menu #menu-start ::slotted(.link[slot=menu-start]:active)::after,#menu #menu-start ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_navbar-menu-item-color-active)}#menu #menu-start{-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:var(--_navbar-menu-item-transition-duration);transition-duration:var(--_navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.link[slot=menu-start]:focus-visible),#menu #menu-start ::slotted(a[slot=menu-start]:focus-visible){-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#menu #menu-end{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#menu #menu-end ::slotted(ds-button[slot=menu-end]),#menu #menu-end ::slotted(.button[slot=menu-end]),#menu #menu-end ::slotted(button[slot=menu-end]){--button-focus-shadow:var(--_navbar-focus-color-end);--button-color-text:var(--_navbar-button-color-text);--button-color-background:var(--_navbar-button-color-background);--button-color-border:var(--_navbar-button-color-border);--button-color-text-hover:var(--_navbar-button-color-text-hover);--button-color-background-hover:var(--_navbar-button-color-background-hover);--button-color-border-hover:var(--_navbar-button-color-border-hover);--button-color-text-active:var(--_navbar-button-color-text-active);--button-color-background-active:var(--_navbar-button-color-background-active);--button-color-border-active:var(--_navbar-button-color-border-active)}#actions{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#actions ::slotted(ds-button[slot=actions]),#actions ::slotted(.button[slot=actions]),#actions ::slotted(button[slot=actions]){--button-focus-shadow:var(--_navbar-focus-color-end);--button-color-text:var(--_navbar-button-color-text);--button-color-background:var(--_navbar-button-color-background);--button-color-border:var(--_navbar-button-color-border);--button-color-text-hover:var(--_navbar-button-color-text-hover);--button-color-background-hover:var(--_navbar-button-color-background-hover);--button-color-border-hover:var(--_navbar-button-color-border-hover);--button-color-text-active:var(--_navbar-button-color-text-active);--button-color-background-active:var(--_navbar-button-color-background-active);--button-color-border-active:var(--_navbar-button-color-border-active)}:host(.is-light){--logo-color:var(--ds-navbar-light-title-color);--mod-navbar-background:var(--ds-navbar-light-background);--mod-navbar-title-color:var(--ds-navbar-light-title-color);--_navbar-focus-color-start:var(--ds-navbar-light-focus-color-start);--_navbar-focus-color-end:var(--ds-navbar-light-focus-color-end);--mod-navbar-menu-item-color:var(--ds-navbar-light-menu-item-color-base);--mod-navbar-menu-item-color-hover:var(--ds-navbar-light-menu-item-color-hover);--mod-navbar-menu-item-color-active:var(--ds-navbar-light-menu-item-color-active);--mod-navbar-menu-item-color-selected:var(--ds-navbar-light-menu-item-color-selected);--mod-navbar-sidebar-panel-border-top:var(--ds-navbar-light-sidebar-panel-border-top);--mod-navbar-button-color-text:var(--ds-navbar-light-button-color-text-base);--mod-navbar-button-color-background:var(--ds-navbar-light-button-color-background-base);--mod-navbar-button-color-border:var(--ds-navbar-light-button-color-border-base);--mod-navbar-button-color-text-hover:var(--ds-navbar-light-button-color-text-hover);--mod-navbar-button-color-background-hover:var(--ds-navbar-light-button-color-background-hover);--mod-navbar-button-color-border-hover:var(--ds-navbar-light-button-color-border-hover);--mod-navbar-button-color-text-active:var(--ds-navbar-light-button-color-text-active);--mod-navbar-button-color-background-active:var(--ds-navbar-light-button-color-background-active);--mod-navbar-button-color-border-active:var(--ds-navbar-light-button-color-border-active)}'}},[257,"ds-navbar",{open:[516],light:[4],container:[1],language:[32],region:[32],isTouch:[32],isSidebarOpen:[32],isOverflowing:[32],configChanged:[64],listenToResize:[64],toggleSidebar:[64],openSidebar:[64],closeSidebar:[64]},void 0,{open:[{openChanged:0}]}]);i([s("navbar"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],x.prototype,"createLogger",null),i([h("boolean"),b("design:type",Boolean)],x.prototype,"open",void 0),i([h("boolean"),b("design:type",Boolean)],x.prototype,"light",void 0),i([g(["default","fluid","compact",""]),b("design:type",String)],x.prototype,"container",void 0),i([p(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null),i([f(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],x.prototype,"configChanged",null),i([l(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",Promise)],x.prototype,"listenToResize",null);const w=x,_=function(){"undefined"!=typeof customElements&&["ds-navbar","ds-icon"].forEach((a=>{switch(a){case"ds-navbar":customElements.get(o(a))||customElements.define(o(a),x);break;case"ds-icon":customElements.get(o(a))||c()}}))};export{w as DsNavbar,_ as defineCustomElement}

package/components/ds-notification.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as i,H as o,f as t,h as n,e as a,t as c}from"./p-WO0X5Vmy.js";import{_ as r,L as e,a as s}from"./p-J0mxIuTt.js";import{s as d}from"./p-BwfAXfmz.js";import{h as f}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{d as m}from"./p-CjIxf5zy.js";import{d as v}from"./p-Ctnm_MBD.js";import{d as g}from"./p-Du7QOHtz.js";import{d as p}from"./p-CYWn3X22.js";import{T as h}from"./p-DAYd9ty0.js";import{O as b}from"./p-BhbWmCTu.js";const u=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.dsDidLoad=t(this,"dsDidLoad"),this.didLoad=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.color="",this.heading="",this.noIcon=!1}createLogger(i){this.log=i}componentDidLoad(){this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=l(this.size)||"";return n(a,Object.assign({key:"1edcd6336e71620b77dcdcd17ad0cd35b42b3b30"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,["is-"+this.color]:f(this.color),["is-"+i]:f(this.size)}}),n("section",{key:"52d3b15486dc26950c64f4d20a6664abd2b98d79",id:"notification",part:"section"},this.closable&&n("ds-close",{key:"5102d95443bd14776df77ebc80f274cfe9af5e43",part:"close",onClick:i=>{d(i),this.close()}}),f(this.heading)&&n("h2",{key:"0805c258051a652a721a43e931a5592b59135dbc",part:"heading"},this.heading),n("span",{key:"611f25893c7c7654df1ea374bb075752bcd07b86"},n("slot",{key:"55724fb85349db975b4a089d7b433517572aad4f"}))))}get el(){return this}static get style(){return':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-color-base-background)));--_notification-color-border:var(--notification-color-border, var(--mod-notification-color-border, var(--ds-notification-color-base-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-color-base-text)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-text-family-heading)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-text-weight-bold)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-text-size-lg-device)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-text-line-height-heading)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-text-family-body)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, inherit));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-text-size-base-device)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-text-line-height-body)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-color-base-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-space:var(--notification-space, var(--mod-notification-space, var(--ds-card-space-base-device, 1.5rem)));--_notification-icon-space:var(--notification-icon-space, var(--mod-notification-icon-space, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-space)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-space)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--ds-alias-border-width-base) solid var(--_notification-color-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-space);padding-right:var(--_notification-space);padding-bottom:var(--_notification-space);padding-left:calc(var(--_notification-space) + var(--_notification-icon-space));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);margin:0 !important}#notification:has(.close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:-0.25rem;top:calc((var(--_notification-space)));-webkit-transform:translateX(var(--_notification-space));transform:translateX(var(--_notification-space));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-space:0rem}:host(.is-info){--mod-notification-color-text:var(--ds-notification-color-info-text);--mod-notification-color-border:var(--ds-notification-color-info-border);--mod-notification-color-background:var(--ds-notification-color-info-background);--mod-notification-icon:var(--ds-notification-color-info-icon)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-color-success-text);--mod-notification-color-border:var(--ds-notification-color-success-border);--mod-notification-color-background:var(--ds-notification-color-success-background);--mod-notification-icon:var(--ds-notification-color-success-icon)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-color-warning-text);--mod-notification-color-border:var(--ds-notification-color-warning-border);--mod-notification-color-background:var(--ds-notification-color-warning-background);--mod-notification-icon:var(--ds-notification-color-warning-icon)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-color-danger-text);--mod-notification-color-border:var(--ds-notification-color-danger-border);--mod-notification-color-background:var(--ds-notification-color-danger-background);--mod-notification-icon:var(--ds-notification-color-danger-icon)}:host(.is-outline-base){--mod-notification-color-text:var(--ds-notification-color-outline-base-text);--mod-notification-color-border:var(--ds-notification-color-outline-base-border);--mod-notification-color-background:var(--ds-notification-color-outline-base-background);--mod-notification-icon:var(--ds-notification-color-outline-base-icon)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-color-outline-purple-text);--mod-notification-color-border:var(--ds-notification-color-outline-purple-border);--mod-notification-color-background:var(--ds-notification-color-outline-purple-background);--mod-notification-icon:var(--ds-notification-color-outline-purple-icon)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-color-outline-green-text);--mod-notification-color-border:var(--ds-notification-color-outline-green-border);--mod-notification-color-background:var(--ds-notification-color-outline-green-background);--mod-notification-icon:var(--ds-notification-color-outline-green-icon)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-color-outline-yellow-text);--mod-notification-color-border:var(--ds-notification-color-outline-yellow-border);--mod-notification-color-background:var(--ds-notification-color-outline-yellow-background);--mod-notification-icon:var(--ds-notification-color-outline-yellow-icon)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-color-outline-red-text);--mod-notification-color-border:var(--ds-notification-color-outline-red-border);--mod-notification-color-background:var(--ds-notification-color-outline-red-background);--mod-notification-icon:var(--ds-notification-color-outline-red-icon)}:host(.is-sm){--mod-notification-space:var(--ds-card-space-sm-device)}:host(.is-md){--mod-notification-space:var(--ds-card-space-md-device)}:host(.is-lg){--mod-notification-space:var(--ds-card-space-lg-device)}:host{display:block}'}},[257,"ds-notification",{alert:[4],closable:[4],closeHandler:[16],color:[1],heading:[1],noIcon:[4,"no-icon"],size:[1],didLoad:[32],close:[64]}]);r([e("notification"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),r([h("boolean"),s("design:type",Boolean)],u.prototype,"alert",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"closable",void 0),r([b(["","base","info","success","warning","danger","outline-base","outline-purple","outline-green","outline-yellow","outline-red"]),s("design:type",String)],u.prototype,"color",void 0),r([h("string"),s("design:type",String)],u.prototype,"heading",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"noIcon",void 0),r([b(["sm","md","lg","","small","medium","large"]),s("design:type",String)],u.prototype,"size",void 0);const _=u,y=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-close","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-notification":customElements.get(c(i))||customElements.define(c(i),u);break;case"ds-button":customElements.get(c(i))||m();break;case"ds-close":customElements.get(c(i))||v();break;case"ds-icon":customElements.get(c(i))||g();break;case"ds-spinner":customElements.get(c(i))||p()}}))};export{_ as DsNotification,y as defineCustomElement}
+import{p as i,H as o,f as t,h as n,e as a,t as c}from"./p-WO0X5Vmy.js";import{_ as r,L as e,a as s}from"./p-J0mxIuTt.js";import{s as f}from"./p-BwfAXfmz.js";import{h as d}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{d as m}from"./p-DSeYzuO7.js";import{d as v}from"./p-DY0y8uLL.js";import{d as g}from"./p-Du7QOHtz.js";import{d as p}from"./p-qaSW94OG.js";import{T as h}from"./p-DAYd9ty0.js";import{O as b}from"./p-BhbWmCTu.js";const u=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.dsDidLoad=t(this,"dsDidLoad"),this.didLoad=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.color="",this.heading="",this.noIcon=!1}createLogger(i){this.log=i}componentDidLoad(){this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=l(this.size)||"";return n(a,Object.assign({key:"f3e829a86b22c64fe93b06b2664b398a7248d49f"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,["is-"+this.color]:d(this.color),["is-"+i]:d(this.size)}}),n("section",{key:"f8ff4cdc8379ec73ac00a6654478a0039dd746f1",id:"notification",part:"section"},this.closable&&n("ds-close",{key:"f72f440db26de1ef40ca24ec9c9f06015ce31126",part:"close",onClick:i=>{f(i),this.close()}}),d(this.heading)&&n("h2",{key:"adae5186e4009153c2d93645bdf8ab49e4da9df7",part:"heading"},this.heading),n("span",{key:"979fc05e46a6c9220826efeac704f87f23f9ce49"},n("slot",{key:"88929c8c561498c89755da6bd6d36819a7e6d390"}))))}get el(){return this}static get style(){return':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-color-base-background)));--_notification-color-border:var(--notification-color-border, var(--mod-notification-color-border, var(--ds-notification-color-base-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-color-base-text)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-alias-text-family-heading)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-alias-text-weight-bold)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-alias-text-size-lg-device)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-alias-text-line-height-heading)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-alias-text-family-body)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, inherit));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-alias-text-size-base-device)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-alias-text-line-height-body)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-color-base-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-space:var(--notification-space, var(--mod-notification-space, var(--ds-card-space-base-device, 1.5rem)));--_notification-icon-space:var(--notification-icon-space, var(--mod-notification-icon-space, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-space)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-space)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--ds-alias-border-width-base) solid var(--_notification-color-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-space);padding-right:var(--_notification-space);padding-bottom:var(--_notification-space);padding-left:calc(var(--_notification-space) + var(--_notification-icon-space));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);margin:0 !important}#notification:has(.close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:-0.25rem;top:calc((var(--_notification-space)));-webkit-transform:translateX(var(--_notification-space));transform:translateX(var(--_notification-space));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-space:0rem}:host(.is-info){--mod-notification-color-text:var(--ds-notification-color-info-text);--mod-notification-color-border:var(--ds-notification-color-info-border);--mod-notification-color-background:var(--ds-notification-color-info-background);--mod-notification-icon:var(--ds-notification-color-info-icon)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-color-success-text);--mod-notification-color-border:var(--ds-notification-color-success-border);--mod-notification-color-background:var(--ds-notification-color-success-background);--mod-notification-icon:var(--ds-notification-color-success-icon)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-color-warning-text);--mod-notification-color-border:var(--ds-notification-color-warning-border);--mod-notification-color-background:var(--ds-notification-color-warning-background);--mod-notification-icon:var(--ds-notification-color-warning-icon)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-color-danger-text);--mod-notification-color-border:var(--ds-notification-color-danger-border);--mod-notification-color-background:var(--ds-notification-color-danger-background);--mod-notification-icon:var(--ds-notification-color-danger-icon)}:host(.is-outline-base){--mod-notification-color-text:var(--ds-notification-color-outline-base-text);--mod-notification-color-border:var(--ds-notification-color-outline-base-border);--mod-notification-color-background:var(--ds-notification-color-outline-base-background);--mod-notification-icon:var(--ds-notification-color-outline-base-icon)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-color-outline-purple-text);--mod-notification-color-border:var(--ds-notification-color-outline-purple-border);--mod-notification-color-background:var(--ds-notification-color-outline-purple-background);--mod-notification-icon:var(--ds-notification-color-outline-purple-icon)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-color-outline-green-text);--mod-notification-color-border:var(--ds-notification-color-outline-green-border);--mod-notification-color-background:var(--ds-notification-color-outline-green-background);--mod-notification-icon:var(--ds-notification-color-outline-green-icon)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-color-outline-yellow-text);--mod-notification-color-border:var(--ds-notification-color-outline-yellow-border);--mod-notification-color-background:var(--ds-notification-color-outline-yellow-background);--mod-notification-icon:var(--ds-notification-color-outline-yellow-icon)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-color-outline-red-text);--mod-notification-color-border:var(--ds-notification-color-outline-red-border);--mod-notification-color-background:var(--ds-notification-color-outline-red-background);--mod-notification-icon:var(--ds-notification-color-outline-red-icon)}:host(.is-sm){--mod-notification-space:var(--ds-card-space-sm-device)}:host(.is-md){--mod-notification-space:var(--ds-card-space-md-device)}:host(.is-lg){--mod-notification-space:var(--ds-card-space-lg-device)}:host{display:block}'}},[257,"ds-notification",{alert:[4],closable:[4],closeHandler:[16],color:[1],heading:[1],noIcon:[4,"no-icon"],size:[1],didLoad:[32],close:[64]}]);r([e("notification"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),r([h("boolean"),s("design:type",Boolean)],u.prototype,"alert",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"closable",void 0),r([b(["","base","info","success","warning","danger","outline-base","outline-purple","outline-green","outline-yellow","outline-red"]),s("design:type",String)],u.prototype,"color",void 0),r([h("string"),s("design:type",String)],u.prototype,"heading",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"noIcon",void 0),r([b(["sm","md","lg","","small","medium","large"]),s("design:type",String)],u.prototype,"size",void 0);const _=u,y=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-close","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-notification":customElements.get(c(i))||customElements.define(c(i),u);break;case"ds-button":customElements.get(c(i))||m();break;case"ds-close":customElements.get(c(i))||v();break;case"ds-icon":customElements.get(c(i))||g();break;case"ds-spinner":customElements.get(c(i))||p()}}))};export{_ as DsNotification,y as defineCustomElement}

package/components/ds-number-input.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as r,H as o,f as i,h as e,t}from"./p-WO0X5Vmy.js";import{_ as n,L as a,a as s}from"./p-J0mxIuTt.js";import{g as d}from"./p-Duhf3ymL.js";import{e as c,g as l,b as h,f as m,c as f,d as u,h as p}from"./p-D9YYP2SG.js";import{b as v,e as b,c as g,d as y}from"./p-Du7QOHtz.js";import{i as _}from"./p-CYHzHtnv.js";import{i as w}from"./p-B62ocg4Q.js";import{F as k,s as x}from"./p-BwfAXfmz.js";import{h as z}from"./p-BrIcCcce.js";import{o as j}from"./p-BgzU1loG.js";import{a as C,d as I}from"./p-CvaNxQtw.js";import{u as B}from"./p-Dr4MUfss.js";import{N as F,A as S}from"./p-D86WpWIE.js";import{F as D}from"./p-FBQaJyH0.js";import{I as T}from"./p-DU7t9H9h.js";import{d as N}from"./p-CYWn3X22.js";import{O as E}from"./p-BhbWmCTu.js";import{T as P}from"./p-DAYd9ty0.js";import{L as K}from"./p-DIK6Zkg6.js";const H=()=>{const r=B();return r&&r.locale&&"fr-CH"===r.locale?"de-CH":r&&r.locale||C};function L(){return Intl.NumberFormat(H()).format(1.1).replace(/\p{Number}/gu,"")}function O(){return Intl.NumberFormat(H()).format(11111).replace(/\p{Number}/gu,"")}var W,V,Y,q,A,Q,$=d(function(){if(V)return W;V=1;var r=c(),o=l(),i=h(),e=v(),t=m(),n=f(),a=p(),s=u(),d=Object.prototype.hasOwnProperty;return W=function(c){if(null==c)return!0;if(t(c)&&(e(c)||"string"==typeof c||"function"==typeof c.splice||n(c)||s(c)||i(c)))return!c.length;var l=o(c);if("[object Map]"==l||"[object Set]"==l)return!c.size;if(a(c))return!r(c).length;for(var h in c)if(d.call(c,h))return!1;return!0}}()),G=function(){if(Q)return A;Q=1;var r=function(){if(q)return Y;q=1;var r=b(),o=g();return Y=function(i){return"number"==typeof i||o(i)&&"[object Number]"==r(i)}}();return A=function(o){return r(o)&&o!=+o}}(),M=d(G);function U(r){return"string"==typeof r&&"."!==O()}function X(r){const o=parseFloat(r);return"number"==typeof o&&!M(o)}function J(r,o=0){let i=r;if(""!==i&&null!=i&&!M(i)&&"-"!==i&&i!==L()&&X(i))return U(i)&&(i=i.split(O()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(L(),".")),0===o?parseInt(i,10):parseFloat(i)}function R(r){return r.replace(".",L())}function Z(r,o=0,i=""){if(_(r))return"";r.charAt(0)===L()&&(r="0"+r);const e=0===o?parseInt(r,10):parseFloat(r),t=""!==i?" "+i.trim():"";return M(e)?"":function(r,o){const i=void 0!==o?{minimumFractionDigits:o,maximumFractionDigits:o}:{},e=Intl.NumberFormat(H(),Object.assign({},i)).format(r);return"NaN"===e?"":e}(e,o)+t}const rr=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsBlur=i(this,"dsBlur"),this.dsFocus=i(this,"dsFocus"),this.dsClick=i(this,"dsClick"),this.dsKeyPress=i(this,"dsKeyPress"),this.internals=this.attachInternals(),this.numberInputId="ds-number-input-"+or++,this.inheritedAttributes={},this.control=new k(this),this.lastValue="",this.focused=!1,this.language=I.language,this.region=I.region,this.nativeInputValue="",this.inputPattern="",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;if(this.nativeInput&&function(r){return!X(r)&&""!==r&&"-"!==r&&r!==L()}(this.nativeInput.value))return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const i=null!==(o=J(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=i,this.dsInput.emit(i)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=R(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(_(i))return"";U(i)&&(i=i.split(O()).join("").split("`").join("").split("'").join("")),i.charAt(0)===L()&&(i="0"+i);const e=0===o?parseInt(i,10):parseFloat(i.replace(L(),"."));return M(e)?"":e.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=Z(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=J(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||"",e=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,t=i.slice(0,e)+r.key+i.slice(e);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:e,selectionEnd:t,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if("-"===r){if(s)return!1;if(e&&e>0&&t&&t>0)return!1}if(r===L()){if(0===a)return!1;if((r=>(r.split(L())||[]).length-1||0)(n)>1)return!1}if(![...F,...S,L(),"-"].includes(r))return!1;if(0!==a&&n.includes(L())&&[...F].includes(r)){const r=n.split(L());if(r[r.length-1].length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:t,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:x(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=j(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||M(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?R(o):Z(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=w(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?R(this.lastValue):Z(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&&(_(this.lastValue)||$(this.lastValue))?"0":this.lastValue}createPattern(){if(z(this.pattern))return this.pattern;let r=this.suffix||"";z(r)&&(r=" "+r);const o=O();let i=L();return","===i&&(i="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${o}\\d{3})*(?:\\${i}\\d{1,2})?(?:${r})?`}render(){return e(D,{key:"a8af3f272c3522c566a98904ebbc2dcfcd85352d",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"29f61a574130cef9184b4252b60fe8a69c8eadf5",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":!0===this.invalid?"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 this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[65,"ds-number-input",{color:[1],debounce:[2],decimal:[2],description:[1],disabled:[516],exactNumber:[4,"exact-number"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],max:[1],min:[1],name:[513],onlyPositive:[4,"only-positive"],pattern:[1],placeholder:[1],readonly:[516],required:[516],suffix:[1],value:[1538],focused:[32],language:[32],region:[32],nativeInputValue:[32],inputPattern:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}]);n([a("number-input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],rr.prototype,"createLogger",null),n([E(T),s("design:type",String)],rr.prototype,"color",void 0),n([P("number"),s("design:type",Number)],rr.prototype,"debounce",void 0),n([P("number"),s("design:type",Number)],rr.prototype,"decimal",void 0),n([P("string"),s("design:type",String)],rr.prototype,"description",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"disabled",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"exactNumber",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"invalid",void 0),n([P("string"),s("design:type",String)],rr.prototype,"invalidText",void 0),n([P("string"),s("design:type",String)],rr.prototype,"label",void 0),n([P("string"),s("design:type",String)],rr.prototype,"max",void 0),n([P("string"),s("design:type",String)],rr.prototype,"min",void 0),n([P("string"),s("design:type",String)],rr.prototype,"name",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"onlyPositive",void 0),n([P("string"),s("design:type",String)],rr.prototype,"pattern",void 0),n([P("string"),s("design:type",String)],rr.prototype,"placeholder",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"readonly",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"required",void 0),n([P("string"),s("design:type",String)],rr.prototype,"suffix",void 0),n([K(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],rr.prototype,"configChanged",null);let or=0;const ir=rr,er=function(){"undefined"!=typeof customElements&&["ds-number-input","ds-icon","ds-spinner"].forEach((r=>{switch(r){case"ds-number-input":customElements.get(t(r))||customElements.define(t(r),rr);break;case"ds-icon":customElements.get(t(r))||y();break;case"ds-spinner":customElements.get(t(r))||N()}}))};export{ir as DsNumberInput,er as defineCustomElement}
+import{p as r,H as o,f as i,h as e,t}from"./p-WO0X5Vmy.js";import{_ as n,L as a,a as s}from"./p-J0mxIuTt.js";import{g as d}from"./p-Duhf3ymL.js";import{e as c,g as l,b as h,f as m,c as f,d as u,h as p}from"./p-D9YYP2SG.js";import{b as v,d as b}from"./p-Du7QOHtz.js";import{i as g}from"./p-gz0Nxl39.js";import{i as y}from"./p-CYHzHtnv.js";import{i as _}from"./p-B62ocg4Q.js";import{F as w,s as k}from"./p-BwfAXfmz.js";import{h as x}from"./p-BrIcCcce.js";import{o as z}from"./p-BgzU1loG.js";import{a as j,d as C}from"./p-CvaNxQtw.js";import{u as I}from"./p-Dr4MUfss.js";import{N as B,A as F}from"./p-D86WpWIE.js";import{F as S}from"./p-FBQaJyH0.js";import{I as D}from"./p-DU7t9H9h.js";import{d as T}from"./p-qaSW94OG.js";import{O as N}from"./p-BhbWmCTu.js";import{T as E}from"./p-DAYd9ty0.js";import{L as P}from"./p-DIK6Zkg6.js";const K=()=>{const r=I();return r&&r.locale&&"fr-CH"===r.locale?"de-CH":r&&r.locale||j};function O(){return Intl.NumberFormat(K()).format(1.1).replace(/\p{Number}/gu,"")}function H(){return Intl.NumberFormat(K()).format(11111).replace(/\p{Number}/gu,"")}var L,W,q=d(function(){if(W)return L;W=1;var r=c(),o=l(),i=h(),e=v(),t=m(),n=f(),a=p(),s=u(),d=Object.prototype.hasOwnProperty;return L=function(c){if(null==c)return!0;if(t(c)&&(e(c)||"string"==typeof c||"function"==typeof c.splice||n(c)||s(c)||i(c)))return!c.length;var l=o(c);if("[object Map]"==l||"[object Set]"==l)return!c.size;if(a(c))return!r(c).length;for(var h in c)if(d.call(c,h))return!1;return!0}}());function V(r){return"string"==typeof r&&"."!==H()}function A(r){const o=parseFloat(r);return"number"==typeof o&&!g(o)}function G(r,o=0){let i=r;if(""!==i&&null!=i&&!g(i)&&"-"!==i&&i!==O()&&A(i))return V(i)&&(i=i.split(H()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(O(),".")),0===o?parseInt(i,10):parseFloat(i)}function Q(r){return r.replace(".",O())}function Y(r,o=0,i=""){if(y(r))return"";r.charAt(0)===O()&&(r="0"+r);const e=0===o?parseInt(r,10):parseFloat(r),t=""!==i?" "+i.trim():"";return g(e)?"":function(r,o){const i=void 0!==o?{minimumFractionDigits:o,maximumFractionDigits:o}:{},e=Intl.NumberFormat(K(),Object.assign({},i)).format(r);return"NaN"===e?"":e}(e,o)+t}const $=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsBlur=i(this,"dsBlur"),this.dsFocus=i(this,"dsFocus"),this.dsClick=i(this,"dsClick"),this.dsKeyPress=i(this,"dsKeyPress"),this.internals=this.attachInternals(),this.numberInputId="ds-number-input-"+M++,this.inheritedAttributes={},this.control=new w(this),this.lastValue="",this.focused=!1,this.language=C.language,this.region=C.region,this.nativeInputValue="",this.inputPattern="",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;if(this.nativeInput&&function(r){return!A(r)&&""!==r&&"-"!==r&&r!==O()}(this.nativeInput.value))return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const i=null!==(o=G(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=i,this.dsInput.emit(i)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=Q(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(H()).join("").split("`").join("").split("'").join("")),i.charAt(0)===O()&&(i="0"+i);const e=0===o?parseInt(i,10):parseFloat(i.replace(O(),"."));return g(e)?"":e.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=Y(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=G(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||"",e=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,t=i.slice(0,e)+r.key+i.slice(e);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:e,selectionEnd:t,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if("-"===r){if(s)return!1;if(e&&e>0&&t&&t>0)return!1}if(r===O()){if(0===a)return!1;if((r=>(r.split(O())||[]).length-1||0)(n)>1)return!1}if(![...B,...F,O(),"-"].includes(r))return!1;if(0!==a&&n.includes(O())&&[...B].includes(r)){const r=n.split(O());if(r[r.length-1].length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:t,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:k(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=z(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?Q(o):Y(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback()}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?Q(this.lastValue):Y(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)||q(this.lastValue))?"0":this.lastValue}createPattern(){if(x(this.pattern))return this.pattern;let r=this.suffix||"";x(r)&&(r=" "+r);const o=H();let i=O();return","===i&&(i="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${o}\\d{3})*(?:\\${i}\\d{1,2})?(?:${r})?`}render(){return e(S,{key:"a7ccea6d0b98bd447e9fac8af180019eddbaff7b",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"76078e54d6f2dbfa6ad348e09b9987b741b8bdc1",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":!0===this.invalid?"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 this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[65,"ds-number-input",{color:[1],debounce:[2],decimal:[2],description:[1],disabled:[516],exactNumber:[4,"exact-number"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],max:[1],min:[1],name:[513],onlyPositive:[4,"only-positive"],pattern:[1],placeholder:[1],readonly:[516],required:[516],suffix:[1],value:[1538],focused:[32],language:[32],region:[32],nativeInputValue:[32],inputPattern:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}]);n([a("number-input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],$.prototype,"createLogger",null),n([N(D),s("design:type",String)],$.prototype,"color",void 0),n([E("number"),s("design:type",Number)],$.prototype,"debounce",void 0),n([E("number"),s("design:type",Number)],$.prototype,"decimal",void 0),n([E("string"),s("design:type",String)],$.prototype,"description",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"disabled",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"exactNumber",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"invalid",void 0),n([E("string"),s("design:type",String)],$.prototype,"invalidText",void 0),n([E("string"),s("design:type",String)],$.prototype,"label",void 0),n([E("string"),s("design:type",String)],$.prototype,"max",void 0),n([E("string"),s("design:type",String)],$.prototype,"min",void 0),n([E("string"),s("design:type",String)],$.prototype,"name",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"onlyPositive",void 0),n([E("string"),s("design:type",String)],$.prototype,"pattern",void 0),n([E("string"),s("design:type",String)],$.prototype,"placeholder",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"readonly",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"required",void 0),n([E("string"),s("design:type",String)],$.prototype,"suffix",void 0),n([P(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],$.prototype,"configChanged",null);let M=0;const U=$,J=function(){"undefined"!=typeof customElements&&["ds-number-input","ds-icon","ds-spinner"].forEach((r=>{switch(r){case"ds-number-input":customElements.get(t(r))||customElements.define(t(r),$);break;case"ds-icon":customElements.get(t(r))||b();break;case"ds-spinner":customElements.get(t(r))||T()}}))};export{U as DsNumberInput,J as defineCustomElement}