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

package/components/ds-card.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as d,h as r,c as t,t as e}from"./p-D_rQ-1tV.js";import{_ as s,L as o,a as c}from"./p-DnNWN90x.js";import{h as i}from"./p-BabptNq4.js";import{C as n,a as l,b as g,c as m}from"./p-s8eOD7U6.js";import{T as h}from"./p-CdB59TNI.js";import{O as v}from"./p-BchWICdx.js";const b=a(class extends d{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.flat=!1,this.tile=!1,this.dense=!1,this.imageTeaser=void 0,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1}createLogger(a){this.log=a}get colorTypeClass(){const a=i(this.color)?""+(this.inverted?"primary":this.color):"";return{blue:"primary","purple-1":"purple-lighter","purple-2":"purple-light","purple-3":"purple","red-1":"red-lighter","red-2":"red-light","red-3":"red","green-1":"green-lighter","green-2":"green-light","green-3":"green","yellow-1":"yellow-lighter","yellow-2":"yellow-light","yellow-3":"yellow"}[a]||a}render(){const a=null!=this.imageTeaser;return r(t,{key:"e2ce9f4b51dcbedb62298188c7706b4df56cefb2",class:{"is-image-teaser":a,["is-image-teaser-"+this.imageTeaser]:a,"is-dense":this.dense,["is-"+this.colorTypeClass]:i(this.color)&&"white"!==this.colorTypeClass,["has-space-"+this.space]:i(this.space),"is-fullheight":this.fullheight,"is-flat":!!this.flat,"is-tile":!!this.tile}},r("slot",{key:"6d20c2c8a8602948b24102a2702575442a688131",name:"picture"}),r("article",{key:"410b682d369bd9a22ca85b92f0a4033ddb4ce7d4",id:"card",class:{"is-fullheight":this.fullheight,["align-"+this.align]:i(this.align)}},r("slot",{key:"c98a7257c121011883be5d2a0f5e1619fbc19404"})))}get el(){return this}static get style(){return':host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-default-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-default-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-default-border)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius)));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-gap-base)));--_card-pl:var(--card-pl, var(--mod-card-pl, var(--ds-card-padding-base)));--_card-pr:var(--card-pr, var(--mod-card-pr, var(--ds-card-padding-base)));--_card-pt:var(--card-pt, var(--mod-card-pt, var(--ds-card-padding-base)));--_card-pb:var(--card-pb, var(--mod-card-pb, var(--ds-card-padding-base)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, \'title .\' \'subtitle subtitle\') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border:var(--_card-color-border);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:var(--_card-pl);padding-right:var(--_card-pr);padding-top:var(--_card-pt);padding-bottom:var(--_card-pb);text-decoration:none}#card .ds-card-header{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .ds-card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .ds-card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .ds-card-header ds-icon,#card .ds-card-header ds-brand-icon,#card .ds-card-header ::slotted(ds-brand-icon),#card .ds-card-header ::slotted(ds-icon){grid-area:icon}#card .ds-card-header>.ds-tag,#card .ds-card-header>.ds-tags,#card .ds-card-header>ds-tag,#card .ds-card-header>ds-tag-group,#card .ds-card-header ::slotted(ds-tag),#card .ds-card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .ds-card-header .ds-title,#card .ds-card-header .ds-heading,#card .ds-card-header ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}#card .ds-card-header>p,#card .ds-card-header .ds-subtitle,#card .ds-card-header ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}#card .ds-card-header .ds-title,#card .ds-card-header .ds-subtitle,#card .ds-card-header .ds-heading{margin:0}#card .ds-card-content{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}#card .ds-card-content strong,#card .ds-card-content b{font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1,#card .ds-card-content h2,#card .ds-card-content h3,#card .ds-card-content h4,#card .ds-card-content h5,#card .ds-card-content h6,#card .ds-card-content ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1.ds-subtitle,#card .ds-card-content h2.ds-subtitle,#card .ds-card-content h3.ds-subtitle,#card .ds-card-content h4.ds-subtitle,#card .ds-card-content h5.ds-subtitle,#card .ds-card-content h6.ds-subtitle,#card .ds-card-content ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content h1,#card .ds-card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}#card .ds-card-content h2,#card .ds-card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}#card .ds-card-content h3,#card .ds-card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}#card .ds-card-content h4,#card .ds-card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}#card .ds-card-content h5,#card .ds-card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}#card .ds-card-content ds-heading:not(:last-child),#card .ds-card-content h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}#card .ds-card-content h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}#card .ds-card-content ds-text:not(:last-child),#card .ds-card-content p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}#card .ds-card-content p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}#card .ds-card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}#card .ds-card-actions.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){#card .ds-card-actions ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}#card .ds-card-actions ::slotted(ds-button:not(.is-square)),#card .ds-card-actions ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}#card .ds-card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .ds-card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .ds-card-actions.as-row{--mod-buttons-direction:row}#card .ds-card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .ds-card-actions.as-col ::slotted(.ds-button),#card .ds-card-actions.as-col .ds-button,#card .ds-card-actions.as-col ::slotted(ds-button),#card .ds-card-actions.as-col ds-button,#card .ds-card-actions.as-col-reverse ::slotted(.ds-button),#card .ds-card-actions.as-col-reverse .ds-button,#card .ds-card-actions.as-col-reverse ::slotted(ds-button),#card .ds-card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .ds-card-actions.as-col.is-center,#card .ds-card-actions.as-col.is-centered,#card .ds-card-actions.as-col-reverse.is-center,#card .ds-card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .ds-card-actions.as-col.is-left,#card .ds-card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .ds-card-actions.as-col.is-right,#card .ds-card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.as-row.is-center,#card .ds-card-actions.as-row.is-centered,#card .ds-card-actions.is-center:not(.as-col),#card .ds-card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .ds-card-actions.as-row.is-left,#card .ds-card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .ds-card-actions.as-row.is-right,#card .ds-card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.is-wide ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions.is-wide .ds-button:not(.is-square),#card .ds-card-actions.is-wide ::slotted(ds-button:not(.is-square)),#card .ds-card-actions.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-flat){--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-pl:0;--mod-card-pr:0;--mod-card-pt:0;--mod-card-pb:0}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, none)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, none)}:host(.is-dashed){--mod-card-color-background:var(--ds-card-color-dashed-background);--mod-card-color-text:var(--ds-card-color-dashed-text);--mod-card-color-border:var(--ds-card-color-dashed-border, none)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, none)}:host(.is-red-dark){--mod-card-color-background:var(--ds-card-color-red-dark-background);--mod-card-color-text:var(--ds-card-color-red-dark-text);--mod-card-color-border:var(--ds-card-color-red-dark-border, none)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, none)}:host(.is-green-dark){--mod-card-color-background:var(--ds-card-color-green-dark-background);--mod-card-color-text:var(--ds-card-color-green-dark-text);--mod-card-color-border:var(--ds-card-color-green-dark-border, none)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, none)}:host(.is-purple-dark){--mod-card-color-background:var(--ds-card-color-purple-dark-background);--mod-card-color-text:var(--ds-card-color-purple-dark-text);--mod-card-color-border:var(--ds-card-color-purple-dark-border, none)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, none)}:host(.is-yellow-dark){--mod-card-color-background:var(--ds-card-color-yellow-dark-background);--mod-card-color-text:var(--ds-card-color-yellow-dark-text);--mod-card-color-border:var(--ds-card-color-yellow-dark-border, none)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-gap-sm)}:host(.has-space-sm:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-sm);--mod-card-pr:var(--ds-card-padding-sm);--mod-card-pt:var(--ds-card-padding-sm);--mod-card-pb:var(--ds-card-padding-sm)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-gap-lg)}:host(.has-space-lg:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-lg);--mod-card-pr:var(--ds-card-padding-lg);--mod-card-pt:var(--ds-card-padding-lg);--mod-card-pb:var(--ds-card-padding-lg)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:\'icon title .\' \'icon subtitle subtitle\'}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.ds-image-link,button.ds-image-link{cursor:pointer}a.ds-image-link picture,button.ds-image-link picture{display:block;overflow:hidden}a.ds-image-link img,button.ds-image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.ds-image-link img:hover,a.ds-image-link img.is-hovered,button.ds-image-link img:hover,button.ds-image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.ds-image-link img:active,a.ds-image-link img.is-pressed,button.ds-image-link img:active,button.ds-image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}'}},[257,"ds-card",{flat:[4],tile:[4],dense:[4],imageTeaser:[1,"image-teaser"],inverted:[4],clickable:[4],selected:[4],fullheight:[4],align:[1],space:[1],color:[1]}]);s([o("card"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],b.prototype,"createLogger",null),s([h("boolean"),c("design:type",Boolean)],b.prototype,"flat",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"tile",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"dense",void 0),s([v(n),c("design:type",String)],b.prototype,"imageTeaser",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"inverted",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"clickable",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"selected",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"fullheight",void 0),s([v(l),c("design:type",String)],b.prototype,"align",void 0),s([v(g),c("design:type",String)],b.prototype,"space",void 0),s([v(m),c("design:type",String)],b.prototype,"color",void 0);const p=b,u=function(){"undefined"!=typeof customElements&&["ds-card"].forEach((a=>{"ds-card"===a&&(customElements.get(e(a))||customElements.define(e(a),b))}))};export{p as DsCard,u as defineCustomElement}
+import{p as a,H as d,h as r,c as t,t as e}from"./p-D_rQ-1tV.js";import{_ as s,L as o,a as c}from"./p-DnNWN90x.js";import{h as i}from"./p-BabptNq4.js";import{C as n,a as l,b as g,c as m}from"./p-s8eOD7U6.js";import{T as h}from"./p-CdB59TNI.js";import{O as v}from"./p-BchWICdx.js";const b=a(class extends d{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.flat=!1,this.tile=!1,this.dense=!1,this.imageTeaser=void 0,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1}createLogger(a){this.log=a}get colorTypeClass(){const a=i(this.color)?""+(this.inverted?"primary":this.color):"";return{blue:"primary","purple-1":"purple-lighter","purple-2":"purple-light","purple-3":"purple","red-1":"red-lighter","red-2":"red-light","red-3":"red","green-1":"green-lighter","green-2":"green-light","green-3":"green","yellow-1":"yellow-lighter","yellow-2":"yellow-light","yellow-3":"yellow"}[a]||a}render(){const a=null!=this.imageTeaser;return r(t,{key:"e98b792cb28096beb96be03a7124e8cb1c8d7000",class:{"is-image-teaser":a,["is-image-teaser-"+this.imageTeaser]:a,"is-dense":this.dense,["is-"+this.colorTypeClass]:i(this.color)&&"white"!==this.colorTypeClass,["has-space-"+this.space]:i(this.space),"is-fullheight":this.fullheight,"is-flat":!!this.flat,"is-tile":!!this.tile}},r("slot",{key:"0c7cc3d47a8c326b7540d2e1a6aec9d0c028d18d",name:"picture"}),r("article",{key:"7401e945456cb6d695dda0c7785d017d3a1f3ae3",id:"card",class:{"is-fullheight":this.fullheight,["align-"+this.align]:i(this.align)}},r("slot",{key:"4140732dbddc5dd4fabf4ee8c1d6001699388da5"})))}get el(){return this}static get style(){return':host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-default-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-default-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-default-border)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius)));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-gap-base)));--_card-pl:var(--card-pl, var(--mod-card-pl, var(--ds-card-padding-base)));--_card-pr:var(--card-pr, var(--mod-card-pr, var(--ds-card-padding-base)));--_card-pt:var(--card-pt, var(--mod-card-pt, var(--ds-card-padding-base)));--_card-pb:var(--card-pb, var(--mod-card-pb, var(--ds-card-padding-base)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, \'title .\' \'subtitle subtitle\') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border:var(--_card-color-border);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:var(--_card-pl);padding-right:var(--_card-pr);padding-top:var(--_card-pt);padding-bottom:var(--_card-pb);text-decoration:none}#card .ds-card-header{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .ds-card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .ds-card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .ds-card-header ds-icon,#card .ds-card-header ds-brand-icon,#card .ds-card-header ::slotted(ds-brand-icon),#card .ds-card-header ::slotted(ds-icon){grid-area:icon}#card .ds-card-header>.ds-tag,#card .ds-card-header>.ds-tags,#card .ds-card-header>ds-tag,#card .ds-card-header>ds-tag-group,#card .ds-card-header ::slotted(ds-tag),#card .ds-card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .ds-card-header .ds-title,#card .ds-card-header .ds-heading,#card .ds-card-header ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}#card .ds-card-header>p,#card .ds-card-header .ds-subtitle,#card .ds-card-header ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}#card .ds-card-header .ds-title,#card .ds-card-header .ds-subtitle,#card .ds-card-header .ds-heading{margin:0}#card .ds-card-content{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}#card .ds-card-content strong,#card .ds-card-content b{font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1,#card .ds-card-content h2,#card .ds-card-content h3,#card .ds-card-content h4,#card .ds-card-content h5,#card .ds-card-content h6,#card .ds-card-content ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1.ds-subtitle,#card .ds-card-content h2.ds-subtitle,#card .ds-card-content h3.ds-subtitle,#card .ds-card-content h4.ds-subtitle,#card .ds-card-content h5.ds-subtitle,#card .ds-card-content h6.ds-subtitle,#card .ds-card-content ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content h1,#card .ds-card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}#card .ds-card-content h2,#card .ds-card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}#card .ds-card-content h3,#card .ds-card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}#card .ds-card-content h4,#card .ds-card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}#card .ds-card-content h5,#card .ds-card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}#card .ds-card-content ds-heading:not(:last-child),#card .ds-card-content h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}#card .ds-card-content h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}#card .ds-card-content ds-text:not(:last-child),#card .ds-card-content p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}#card .ds-card-content p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}#card .ds-card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}#card .ds-card-actions.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){#card .ds-card-actions ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}#card .ds-card-actions ::slotted(ds-button:not(.is-square)),#card .ds-card-actions ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}#card .ds-card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .ds-card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .ds-card-actions.as-row{--mod-buttons-direction:row}#card .ds-card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .ds-card-actions.as-col ::slotted(.ds-button),#card .ds-card-actions.as-col .ds-button,#card .ds-card-actions.as-col ::slotted(ds-button),#card .ds-card-actions.as-col ds-button,#card .ds-card-actions.as-col-reverse ::slotted(.ds-button),#card .ds-card-actions.as-col-reverse .ds-button,#card .ds-card-actions.as-col-reverse ::slotted(ds-button),#card .ds-card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .ds-card-actions.as-col.is-center,#card .ds-card-actions.as-col.is-centered,#card .ds-card-actions.as-col-reverse.is-center,#card .ds-card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .ds-card-actions.as-col.is-left,#card .ds-card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .ds-card-actions.as-col.is-right,#card .ds-card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.as-row.is-center,#card .ds-card-actions.as-row.is-centered,#card .ds-card-actions.is-center:not(.as-col),#card .ds-card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .ds-card-actions.as-row.is-left,#card .ds-card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .ds-card-actions.as-row.is-right,#card .ds-card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.is-wide ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions.is-wide .ds-button:not(.is-square),#card .ds-card-actions.is-wide ::slotted(ds-button:not(.is-square)),#card .ds-card-actions.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-flat){--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-pl:0;--mod-card-pr:0;--mod-card-pt:0;--mod-card-pb:0}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, none)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, none)}:host(.is-dashed){--mod-card-color-background:var(--ds-card-color-dashed-background);--mod-card-color-text:var(--ds-card-color-dashed-text);--mod-card-color-border:var(--ds-card-color-dashed-border, none)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, none)}:host(.is-red-dark){--mod-card-color-background:var(--ds-card-color-red-dark-background);--mod-card-color-text:var(--ds-card-color-red-dark-text);--mod-card-color-border:var(--ds-card-color-red-dark-border, none)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, none)}:host(.is-green-dark){--mod-card-color-background:var(--ds-card-color-green-dark-background);--mod-card-color-text:var(--ds-card-color-green-dark-text);--mod-card-color-border:var(--ds-card-color-green-dark-border, none)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, none)}:host(.is-purple-dark){--mod-card-color-background:var(--ds-card-color-purple-dark-background);--mod-card-color-text:var(--ds-card-color-purple-dark-text);--mod-card-color-border:var(--ds-card-color-purple-dark-border, none)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, none)}:host(.is-yellow-dark){--mod-card-color-background:var(--ds-card-color-yellow-dark-background);--mod-card-color-text:var(--ds-card-color-yellow-dark-text);--mod-card-color-border:var(--ds-card-color-yellow-dark-border, none)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-gap-sm)}:host(.has-space-sm:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-sm);--mod-card-pr:var(--ds-card-padding-sm);--mod-card-pt:var(--ds-card-padding-sm);--mod-card-pb:var(--ds-card-padding-sm)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-gap-lg)}:host(.has-space-lg:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-lg);--mod-card-pr:var(--ds-card-padding-lg);--mod-card-pt:var(--ds-card-padding-lg);--mod-card-pb:var(--ds-card-padding-lg)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:\'icon title .\' \'icon subtitle subtitle\'}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.ds-image-link,button.ds-image-link{cursor:pointer}a.ds-image-link picture,button.ds-image-link picture{display:block;overflow:hidden}a.ds-image-link img,button.ds-image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.ds-image-link img:hover,a.ds-image-link img.is-hovered,button.ds-image-link img:hover,button.ds-image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.ds-image-link img:active,a.ds-image-link img.is-pressed,button.ds-image-link img:active,button.ds-image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}'}},[257,"ds-card",{flat:[4],tile:[4],dense:[4],imageTeaser:[1,"image-teaser"],inverted:[4],clickable:[4],selected:[4],fullheight:[4],align:[1],space:[1],color:[1]}]);s([o("card"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],b.prototype,"createLogger",null),s([h("boolean"),c("design:type",Boolean)],b.prototype,"flat",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"tile",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"dense",void 0),s([v(n),c("design:type",String)],b.prototype,"imageTeaser",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"inverted",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"clickable",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"selected",void 0),s([h("boolean"),c("design:type",Boolean)],b.prototype,"fullheight",void 0),s([v(l),c("design:type",String)],b.prototype,"align",void 0),s([v(g),c("design:type",String)],b.prototype,"space",void 0),s([v(m),c("design:type",String)],b.prototype,"color",void 0);const p=b,u=function(){"undefined"!=typeof customElements&&["ds-card"].forEach((a=>{"ds-card"===a&&(customElements.get(e(a))||customElements.define(e(a),b))}))};export{p as DsCard,u as defineCustomElement}

package/components/ds-carousel.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as s,H as t,e,h as o,c as i,t as r}from"./p-D_rQ-1tV.js";import{_ as l,L as a,a as c}from"./p-DnNWN90x.js";import{s as n}from"./p-CBu_QEKB.js";import{r as h}from"./p-CvX_Qt_3.js";import{C as d,a as u}from"./p-BKyBMO1V.js";import{d as b}from"./p-B5CqWYLV.js";import{d as v}from"./p-CDnfw_B6.js";import{d as m}from"./p-BRVmctrW.js";import{O as g}from"./p-BchWICdx.js";import{T as f}from"./p-CdB59TNI.js";import{L as p}from"./p-D2--7hMh.js";const y={de:{scrollLeft:"Vorheriges Element",scrollRight:"Nächstes Element",goToSlide:"Zu Folie",slideOf:"von"},en:{scrollLeft:"Previous item",scrollRight:"Next item",goToSlide:"Go to slide",slideOf:"of"},fr:{scrollLeft:"Élément précédent",scrollRight:"Élément suivant",goToSlide:"Aller à la diapositive",slideOf:"sur"},it:{scrollLeft:"Elemento precedente",scrollRight:"Elemento successivo",goToSlide:"Vai alla diapositiva",slideOf:"di"},nl:{scrollLeft:"Vorig item",scrollRight:"Volgend item",goToSlide:"Ga naar dia",slideOf:"van"},es:{scrollLeft:"Elemento anterior",scrollRight:"Elemento siguiente",goToSlide:"Ir a la diapositiva",slideOf:"de"},pl:{scrollLeft:"Poprzedni element",scrollRight:"Następny element",goToSlide:"Przejdź do slajdu",slideOf:"z"},pt:{scrollLeft:"Item anterior",scrollRight:"Próximo item",goToSlide:"Ir para o slide",slideOf:"de"},sv:{scrollLeft:"Föregående objekt",scrollRight:"Nästa objekt",goToSlide:"Gå till bild",slideOf:"av"},fi:{scrollLeft:"Edellinen kohde",scrollRight:"Seuraava kohde",goToSlide:"Siirry diaan",slideOf:"kohteesta"}},x=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsChange=e(this,"dsChange"),this.language=m.language,this.region=m.region,this.activeIndex=0,this.itemCount=0,this.canScrollLeft=!1,this.canScrollRight=!1,this.dragging=!1,this.controls="dots",this.variant="slide",this.itemsPerView="auto",this.label="",this.steps=1,this.intersectionInitialized=!1,this.momentumAnimId=0,this.dragStartX=0,this.dragStartScrollLeft=0,this.velocityHistory=[],this.isProgrammaticScroll=!1,this.programmaticScrollTimeout=0,this.snapRestoreTimeout=0,this.handleKeyDown=s=>{var t,e,o,i;const r=this.getItems(),l=r.findIndex((s=>s.name===this.value)),a="ArrowRight"===s.key,c="ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateItem(null===(t=r[0])||void 0===t?void 0:t.name)):"End"===s.key?(s.preventDefault(),this.activateItem(null===(e=r[r.length-1])||void 0===e?void 0:e.name)):a?(s.preventDefault(),this.activateItem(null===(o=r[(l+1)%r.length])||void 0===o?void 0:o.name)):c&&(s.preventDefault(),this.activateItem(null===(i=r[(l-1+r.length)%r.length])||void 0===i?void 0:i.name))},this.handleSlotChange=()=>{this.setup(),this.initIntersection()},this.scrollPrev=()=>{const s=this.trackEl;if(!s)return;if("slide"===this.variant)return void s.scrollBy({left:-s.clientWidth*this.steps,behavior:"smooth"});const t=this.getItems(),e=this.getFirstVisibleIndex(t,s),o=t[Math.max(e-this.steps,0)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-s.getBoundingClientRect().left-i;s.scrollBy({left:r,behavior:"smooth"})},this.scrollNext=()=>{const s=this.trackEl;if(!s)return;if("slide"===this.variant)return void s.scrollBy({left:s.clientWidth*this.steps,behavior:"smooth"});const t=this.getItems(),e=this.getFirstVisibleIndex(t,s),o=t[Math.min(e+this.steps,t.length-1)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-s.getBoundingClientRect().left-i;s.scrollBy({left:r,behavior:"smooth"})},this.checkOverflow=()=>{const s=this.trackEl;s&&(this.canScrollLeft=s.scrollLeft>0,this.canScrollRight=s.scrollLeft+s.clientWidth<s.scrollWidth-1)},this.handlePointerDown=s=>{const t=this.trackEl;t&&(cancelAnimationFrame(this.momentumAnimId),this.dragging=!0,this.dragStartX=s.clientX,this.dragStartScrollLeft=t.scrollLeft,this.velocityHistory=[],t.style.scrollBehavior="auto","slide"===this.variant&&(clearTimeout(this.snapRestoreTimeout),t.removeEventListener("scrollend",this.restoreSnap),t.style.scrollSnapType="none"))},this.restoreSnap=()=>{var s;this.trackEl&&(this.trackEl.style.scrollSnapType=""),clearTimeout(this.snapRestoreTimeout),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scrollend",this.restoreSnap)},this.handlePointerMove=s=>{if(!this.dragging||!this.trackEl)return;const t=this.trackEl;t.hasPointerCapture(s.pointerId)||t.setPointerCapture(s.pointerId),t.scrollLeft=this.dragStartScrollLeft-(s.clientX-this.dragStartX),this.velocityHistory.push({x:s.clientX,t:performance.now()}),this.velocityHistory.length>5&&this.velocityHistory.shift()},this.handlePointerUp=s=>{if(!this.dragging||!this.trackEl)return;const t=this.trackEl;this.dragging=!1,t.style.scrollBehavior="",t.releasePointerCapture(s.pointerId);const e=this.calcVelocity();if("slide"===this.variant){const s=t.clientWidth,o=this.dragStartScrollLeft-t.scrollLeft;clearTimeout(this.snapRestoreTimeout),this.snapRestoreTimeout=window.setTimeout(this.restoreSnap,800),t.addEventListener("scrollend",this.restoreSnap,{once:!0}),t.scrollTo(e>.3||o<-.25*s?{left:this.dragStartScrollLeft+s,behavior:"smooth"}:e<-.3||o>.25*s?{left:this.dragStartScrollLeft-s,behavior:"smooth"}:{left:this.dragStartScrollLeft,behavior:"smooth"})}else this.applyMomentum(e)},this.handlePaginationChange=s=>{n(s);const t=this.getItems()[s.detail-1];t&&this.activateItem(t.name)},this.handleScrollEnd=()=>{var s;this.isProgrammaticScroll=!1,clearTimeout(this.programmaticScrollTimeout),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scrollend",this.handleScrollEnd)}}createLogger(s){this.log=s}componentDidLoad(){this.setup(),this.initScroll(),this.initIntersection()}componentDidUpdate(){this.updateChildren(),"tile"===this.variant&&this.checkOverflow()}disconnectedCallback(){var s,t,e,o,i;null===(s=this.resizeObserver)||void 0===s||s.disconnect(),null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),null===(e=this.trackEl)||void 0===e||e.removeEventListener("scroll",this.checkOverflow),null===(o=this.trackEl)||void 0===o||o.removeEventListener("scrollend",this.handleScrollEnd),null===(i=this.trackEl)||void 0===i||i.removeEventListener("scrollend",this.restoreSnap),cancelAnimationFrame(this.momentumAnimId),clearTimeout(this.programmaticScrollTimeout),clearTimeout(this.snapRestoreTimeout)}listenToDsCarouselItemSelect(s){n(s),this.activateItem(s.detail.name)}async configChanged(s){this.language=s.language,this.region=s.region}getFirstVisibleIndex(s,t){const e=t.getBoundingClientRect().left;for(let t=0;t<s.length;t++)if(s[t].getBoundingClientRect().left>=e-2)return t;return 0}getFadeWidthPx(){var s;const t=null===(s=this.trackEl)||void 0===s?void 0:s.parentElement;return t&&parseFloat(getComputedStyle(t,"::before").width)||0}calcVelocity(){const s=this.velocityHistory;if(s.length<2)return 0;const t=s[s.length-1].t-s[0].t;return t>0?(s[0].x-s[s.length-1].x)/t:0}applyMomentum(s){const t=this.trackEl;if(!t)return;let e=16*s;const o=()=>{Math.abs(e)<.5||(t.scrollLeft+=e,e*=.94,this.momentumAnimId=h(o))};this.momentumAnimId=h(o)}getItems(){return Array.from(this.el.querySelectorAll(":scope > ds-carousel-item"))}setup(){const s=this.getItems();this.itemCount=s.length,s.forEach(((s,t)=>{s.index=t+1,s.carouselVariant=this.variant,"auto"!==this.itemsPerView&&s.style.setProperty("--carousel-item-width",`calc(100% / ${this.itemsPerView})`)})),!this.value&&s.length&&(this.value=s[0].name),this.updateChildren()}updateChildren(){const s=this.getItems();s.forEach((s=>{s.carouselVariant=this.variant,s.selected=s.name===this.value})),this.activeIndex=s.findIndex((s=>s.name===this.value))}activateItem(s){if(!s||s===this.value)return;const t=this.getItems();this.value=s,this.activeIndex=t.findIndex((t=>t.name===s)),this.dsChange.emit({value:s}),this.scrollToActive()}scrollToActive(){const s=this.getItems().find((s=>s.name===this.value));s&&("slide"===this.variant&&this.trackEl&&(this.isProgrammaticScroll=!0,clearTimeout(this.programmaticScrollTimeout),this.programmaticScrollTimeout=window.setTimeout(this.handleScrollEnd,800),this.trackEl.addEventListener("scrollend",this.handleScrollEnd,{once:!0})),s.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initScroll(){const s=this.trackEl;s&&"tile"===this.variant&&(s.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(s),this.checkOverflow())}initIntersection(){var s;null===(s=this.intersectionObserver)||void 0===s||s.disconnect(),this.intersectionInitialized=!1,"slide"===this.variant&&this.trackEl&&(this.intersectionObserver=new IntersectionObserver((s=>{if(!this.intersectionInitialized)return void(this.intersectionInitialized=!0);if(this.isProgrammaticScroll)return;const t=s.find((s=>s.isIntersecting&&s.intersectionRatio>=.5));if(!t)return;const e=this.getItems(),o=e.findIndex((s=>s===t.target));-1!==o&&(this.activeIndex=o,this.value=e[o].name)}),{root:this.trackEl,threshold:.5}),this.getItems().forEach((s=>this.intersectionObserver.observe(s))))}render(){const s=y[this.language],t="slide"===this.variant,e="dots"===this.controls,r="large"===this.controls,l=o("button",{key:"5eaf6429d5f2b54f4acf58553add5f1a76f7b0db",class:"scroll-btn scroll-btn--prev","aria-label":s.scrollLeft,tabIndex:-1,onClick:this.scrollPrev},o("ds-icon",{key:"9f41191379950c8d3ea64171140ec13844767e90",name:"caret-left",size:"sm"})),a=o("button",{key:"2d0b6973cae66152369b4a5e23935aed1d8f72a6",class:"scroll-btn scroll-btn--next","aria-label":s.scrollRight,tabIndex:-1,onClick:this.scrollNext},o("ds-icon",{key:"c037e24cd31341ed69f547e3094f07f3a92b7b38",name:"caret-right",size:"sm"})),c=o("div",{key:"924416faf8f8e46bdaa0512cab235a189b6ce589",class:{"carousel-track":!0,"is-dragging":this.dragging},part:"track",role:"region","aria-label":this.label||s.scrollLeft,tabIndex:0,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,ref:s=>{this.trackEl=s}},o("slot",{key:"eb992c6f9f82c62dcbbfbcb8e967d2967fdde84c",onSlotchange:this.handleSlotChange}));return o(i,{key:"63bc8c4032b7b82b1f7253c763e514f75bbe2b69",class:{"is-slide":t,"is-tile":!t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},o("div",{key:"24803a8f4027b5a468a60e5997d2e64f8e1fe0ab",class:"carousel-outer"},r&&(t?!(0===this.activeIndex)&&l:l),c,r&&(t?!(this.activeIndex===this.itemCount-1)&&a:a)),e&&o("ds-pagination",{key:"7dbd19567181305dc6e1e0db984655d58ec14368",class:"pagination",variant:"dots",totalPages:this.itemCount,value:this.activeIndex+1,textPrevious:s.scrollLeft,textNext:s.scrollRight,onDsChange:this.handlePaginationChange}))}get el(){return this}static get style(){return':host{--_carousel-gap:var(--carousel-gap, var(--mod-carousel-gap, var(--ds-carousel-gap)));--_carousel-radius:var(--carousel-radius, var(--mod-carousel-radius, var(--ds-alias-radius-base)));--_carousel-control-color:var(--carousel-control-color, var(--mod-carousel-control-color, var(--ds-carousel-control-color)));--_carousel-scroll-fade-bg:var(--carousel-scroll-fade-bg, var(--mod-carousel-scroll-fade-bg, var(--ds-carousel-scroll-fade-bg)));--_carousel-scroll-btn-bg-active:var(--carousel-scroll-btn-bg-active, var(--mod-carousel-scroll-btn-bg-active, var(--ds-carousel-scroll-btn-background-active, var(--ds-alias-surface-primary))));--_carousel-scroll-btn-bg-active-hover:var(--carousel-scroll-btn-bg-active-hover, var(--mod-carousel-scroll-btn-bg-active-hover, var(--ds-carousel-scroll-btn-background-active-hover, var(--ds-alias-surface-primary-hover))));--_carousel-scroll-btn-bg-active-pressed:var(--carousel-scroll-btn-bg-active-pressed, var(--mod-carousel-scroll-btn-bg-active-pressed, var(--ds-carousel-scroll-btn-background-active-pressed, var(--ds-alias-surface-primary-active))));--_carousel-scroll-btn-color-active:var(--carousel-scroll-btn-color-active, var(--mod-carousel-scroll-btn-color-active, var(--ds-carousel-scroll-btn-color-active, var(--ds-alias-text-color-white))));display:block}:host .carousel-track{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:scroll;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;outline:none;border-radius:var(--_carousel-radius)}:host .carousel-track::-webkit-scrollbar{display:none}@media (hover: hover)and (pointer: fine){:host .carousel-track:focus-visible:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .carousel-track.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto}:host .carousel-outer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.is-slide){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}:host(.is-slide) .carousel-track{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;gap:0}:host(.is-slide) .carousel-track.is-dragging{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}:host(.is-slide) .pagination{-ms-flex-item-align:center;align-self:center}:host(.is-slide) .carousel-outer{position:relative;display:block}:host(.is-slide) .scroll-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:9999px;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--mod-icon-color:currentColor;--icon-color:var(--_carousel-scroll-btn-color-active);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-slide) .scroll-btn:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-slide) .scroll-btn:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}:host(.is-slide) .scroll-btn--prev{left:1rem}:host(.is-slide) .scroll-btn--next{right:1rem}:host(.is-tile){display:block}:host(.is-tile) .carousel-outer{position:relative}:host(.is-tile) .carousel-track{-ms-flex:1;flex:1;min-width:0;gap:var(--_carousel-gap);scroll-behavior:smooth}:host(.is-tile.has-overflow) .carousel-outer::before,:host(.is-tile.has-overflow) .carousel-outer::after{content:"";position:absolute;top:0;bottom:0;width:3rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.is-tile.has-overflow) .carousel-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.has-overflow) .carousel-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.can-scroll-left) .carousel-outer::before{opacity:1}:host(.is-tile.can-scroll-right) .carousel-outer::after{opacity:1}:host(.is-tile) .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;height:2.5rem;min-width:0;max-width:2.5rem;max-height:2.5rem;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:9999px;background:none;color:var(--_carousel-control-color);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.is-tile.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.35}:host(.is-tile.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.is-tile.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.is-tile.can-scroll-left) .scroll-btn--prev,:host(.is-tile.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--icon-color:var(--_carousel-scroll-btn-color-active)}@media (hover: hover)and (pointer: fine){:host(.is-tile.can-scroll-left) .scroll-btn--prev:hover,:host(.is-tile.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-tile.can-scroll-left) .scroll-btn--prev:active,:host(.is-tile.can-scroll-right) .scroll-btn--next:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}'}},[257,"ds-carousel",{controls:[1],variant:[1],itemsPerView:[8,"items-per-view"],label:[1],steps:[2],value:[1537],language:[32],region:[32],activeIndex:[32],itemCount:[32],canScrollLeft:[32],canScrollRight:[32],dragging:[32],configChanged:[64]},[[0,"dsCarouselItemSelect","listenToDsCarouselItemSelect"]]]);l([a("carousel"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],x.prototype,"createLogger",null),l([g(d),c("design:type",String)],x.prototype,"controls",void 0),l([g(u),c("design:type",String)],x.prototype,"variant",void 0),l([f("string"),c("design:type",String)],x.prototype,"label",void 0),l([f("number"),c("design:type",Number)],x.prototype,"steps",void 0),l([f("string"),c("design:type",Object)],x.prototype,"value",void 0),l([p(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],x.prototype,"configChanged",null);const k=x,w=function(){"undefined"!=typeof customElements&&["ds-carousel","ds-icon","ds-pagination"].forEach((s=>{switch(s){case"ds-carousel":customElements.get(r(s))||customElements.define(r(s),x);break;case"ds-icon":customElements.get(r(s))||b();break;case"ds-pagination":customElements.get(r(s))||v()}}))};export{k as DsCarousel,w as defineCustomElement}
+import{p as s,H as t,e,h as o,c as i,t as r}from"./p-D_rQ-1tV.js";import{_ as l,L as a,a as c}from"./p-DnNWN90x.js";import{d as n,b as h}from"./p-969JOO-P.js";import{s as d}from"./p-CcE-lfae.js";import{r as u}from"./p-CvX_Qt_3.js";import{C as v,a as m}from"./p-BKyBMO1V.js";import{d as b}from"./p-mahwWXn2.js";import{d as f}from"./p-uDKYb4sQ.js";import{d as g}from"./p-yDxcfq5h.js";import{O as p}from"./p-BchWICdx.js";import{T as x}from"./p-CdB59TNI.js";import{L as y}from"./p-D2--7hMh.js";const k={de:{scrollLeft:"Vorheriges Element",scrollRight:"Nächstes Element",goToSlide:"Zu Folie",slideOf:"von"},en:{scrollLeft:"Previous item",scrollRight:"Next item",goToSlide:"Go to slide",slideOf:"of"},fr:{scrollLeft:"Élément précédent",scrollRight:"Élément suivant",goToSlide:"Aller à la diapositive",slideOf:"sur"},it:{scrollLeft:"Elemento precedente",scrollRight:"Elemento successivo",goToSlide:"Vai alla diapositiva",slideOf:"di"},nl:{scrollLeft:"Vorig item",scrollRight:"Volgend item",goToSlide:"Ga naar dia",slideOf:"van"},es:{scrollLeft:"Elemento anterior",scrollRight:"Elemento siguiente",goToSlide:"Ir a la diapositiva",slideOf:"de"},pl:{scrollLeft:"Poprzedni element",scrollRight:"Następny element",goToSlide:"Przejdź do slajdu",slideOf:"z"},pt:{scrollLeft:"Item anterior",scrollRight:"Próximo item",goToSlide:"Ir para o slide",slideOf:"de"},sv:{scrollLeft:"Föregående objekt",scrollRight:"Nästa objekt",goToSlide:"Gå till bild",slideOf:"av"},fi:{scrollLeft:"Edellinen kohde",scrollRight:"Seuraava kohde",goToSlide:"Siirry diaan",slideOf:"kohteesta"}},w=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsChange=e(this,"dsChange"),this.language=g.language,this.region=g.region,this.activeIndex=0,this.itemCount=0,this.canScrollLeft=!1,this.canScrollRight=!1,this.dragging=!1,this.controls="dots",this.variant="slide",this.itemsPerView="auto",this.label="",this.steps=1,this.intersectionInitialized=!1,this.momentumAnimId=0,this.dragStartX=0,this.dragStartScrollLeft=0,this.velocityHistory=[],this.isProgrammaticScroll=!1,this.programmaticScrollTimeout=0,this.snapRestoreTimeout=0,this.handleKeyDown=s=>{var t,e,o,i;const r=this.getItems(),l=r.findIndex((s=>s.name===this.value)),a="ArrowRight"===s.key,c="ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateItem(null===(t=r[0])||void 0===t?void 0:t.name)):"End"===s.key?(s.preventDefault(),this.activateItem(null===(e=r[r.length-1])||void 0===e?void 0:e.name)):a?(s.preventDefault(),this.activateItem(null===(o=r[(l+1)%r.length])||void 0===o?void 0:o.name)):c&&(s.preventDefault(),this.activateItem(null===(i=r[(l-1+r.length)%r.length])||void 0===i?void 0:i.name))},this.handleSlotChange=()=>{this.setup(),this.initIntersection()},this.scrollPrev=()=>{const s=this.trackEl;if(!s)return;if("slide"===this.variant)return void s.scrollBy({left:-s.clientWidth*this.steps,behavior:"smooth"});const t=this.getItems(),e=this.getFirstVisibleIndex(t,s),o=t[Math.max(e-this.steps,0)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-s.getBoundingClientRect().left-i;s.scrollBy({left:r,behavior:"smooth"})},this.scrollNext=()=>{const s=this.trackEl;if(!s)return;if("slide"===this.variant)return void s.scrollBy({left:s.clientWidth*this.steps,behavior:"smooth"});const t=this.getItems(),e=this.getFirstVisibleIndex(t,s),o=t[Math.min(e+this.steps,t.length-1)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-s.getBoundingClientRect().left-i;s.scrollBy({left:r,behavior:"smooth"})},this.checkOverflow=()=>{const s=this.trackEl;s&&(this.canScrollLeft=s.scrollLeft>0,this.canScrollRight=s.scrollLeft+s.clientWidth<s.scrollWidth-1)},this.handlePointerDown=s=>{const t=this.trackEl;t&&(cancelAnimationFrame(this.momentumAnimId),this.dragging=!0,this.dragStartX=s.clientX,this.dragStartScrollLeft=t.scrollLeft,this.velocityHistory=[],t.style.scrollBehavior="auto","slide"===this.variant&&(clearTimeout(this.snapRestoreTimeout),t.removeEventListener("scrollend",this.restoreSnap),t.style.scrollSnapType="none"))},this.restoreSnap=()=>{var s;this.trackEl&&(this.trackEl.style.scrollSnapType=""),clearTimeout(this.snapRestoreTimeout),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scrollend",this.restoreSnap)},this.handlePointerMove=s=>{if(!this.dragging||!this.trackEl)return;const t=this.trackEl;t.hasPointerCapture(s.pointerId)||t.setPointerCapture(s.pointerId),t.scrollLeft=this.dragStartScrollLeft-(s.clientX-this.dragStartX),this.velocityHistory.push({x:s.clientX,t:performance.now()}),this.velocityHistory.length>5&&this.velocityHistory.shift()},this.handlePointerUp=s=>{if(!this.dragging||!this.trackEl)return;const t=this.trackEl;this.dragging=!1,t.style.scrollBehavior="",t.releasePointerCapture(s.pointerId);const e=this.calcVelocity();if("slide"===this.variant){const s=t.clientWidth,o=this.dragStartScrollLeft-t.scrollLeft;clearTimeout(this.snapRestoreTimeout),this.snapRestoreTimeout=window.setTimeout(this.restoreSnap,800),t.addEventListener("scrollend",this.restoreSnap,{once:!0}),t.scrollTo(e>.3||o<-.25*s?{left:this.dragStartScrollLeft+s,behavior:"smooth"}:e<-.3||o>.25*s?{left:this.dragStartScrollLeft-s,behavior:"smooth"}:{left:this.dragStartScrollLeft,behavior:"smooth"})}else this.applyMomentum(e)},this.handlePaginationChange=s=>{d(s);const t=this.getItems()[s.detail-1];t&&this.activateItem(t.name)},this.handleScrollEnd=()=>{var s;this.isProgrammaticScroll=!1,clearTimeout(this.programmaticScrollTimeout),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scrollend",this.handleScrollEnd)}}createLogger(s){this.log=s}componentDidLoad(){this.setup(),this.initScroll(),this.initIntersection()}componentDidUpdate(){this.updateChildren(),"tile"===this.variant&&this.checkOverflow()}disconnectedCallback(){var s,t,e,o,i;null===(s=this.resizeObserver)||void 0===s||s.disconnect(),null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),null===(e=this.trackEl)||void 0===e||e.removeEventListener("scroll",this.checkOverflow),null===(o=this.trackEl)||void 0===o||o.removeEventListener("scrollend",this.handleScrollEnd),null===(i=this.trackEl)||void 0===i||i.removeEventListener("scrollend",this.restoreSnap),cancelAnimationFrame(this.momentumAnimId),clearTimeout(this.programmaticScrollTimeout),clearTimeout(this.snapRestoreTimeout)}listenToDsCarouselItemSelect(s){d(s),this.activateItem(s.detail.name)}async configChanged(s){this.language=s.language,this.region=s.region}getFirstVisibleIndex(s,t){const e=t.getBoundingClientRect().left;for(let t=0;t<s.length;t++)if(s[t].getBoundingClientRect().left>=e-2)return t;return 0}getFadeWidthPx(){var s;const t=null===(s=this.trackEl)||void 0===s?void 0:s.parentElement;return t&&parseFloat(getComputedStyle(t,"::before").width)||0}calcVelocity(){const s=this.velocityHistory;if(s.length<2)return 0;const t=s[s.length-1].t-s[0].t;return t>0?(s[0].x-s[s.length-1].x)/t:0}applyMomentum(s){const t=this.trackEl;if(!t)return;let e=16*s;const o=()=>{Math.abs(e)<.5||(t.scrollLeft+=e,e*=.94,this.momentumAnimId=u(o))};this.momentumAnimId=u(o)}getItems(){return n(this.el,h("DS-CAROUSEL-ITEM"))}setup(){const s=this.getItems();this.itemCount=s.length,s.forEach(((s,t)=>{s.index=t+1,s.carouselVariant=this.variant,"auto"!==this.itemsPerView&&s.style.setProperty("--carousel-item-width",`calc(100% / ${this.itemsPerView})`)})),!this.value&&s.length&&(this.value=s[0].name),this.updateChildren()}updateChildren(){const s=this.getItems();s.forEach((s=>{s.carouselVariant=this.variant,s.selected=s.name===this.value})),this.activeIndex=s.findIndex((s=>s.name===this.value))}activateItem(s){if(!s||s===this.value)return;const t=this.getItems();this.value=s,this.activeIndex=t.findIndex((t=>t.name===s)),this.dsChange.emit({value:s}),this.scrollToActive()}scrollToActive(){const s=this.getItems().find((s=>s.name===this.value));s&&("slide"===this.variant&&this.trackEl&&(this.isProgrammaticScroll=!0,clearTimeout(this.programmaticScrollTimeout),this.programmaticScrollTimeout=window.setTimeout(this.handleScrollEnd,800),this.trackEl.addEventListener("scrollend",this.handleScrollEnd,{once:!0})),s.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initScroll(){const s=this.trackEl;s&&"tile"===this.variant&&(s.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(s),this.checkOverflow())}initIntersection(){var s;null===(s=this.intersectionObserver)||void 0===s||s.disconnect(),this.intersectionInitialized=!1,"slide"===this.variant&&this.trackEl&&(this.intersectionObserver=new IntersectionObserver((s=>{if(!this.intersectionInitialized)return void(this.intersectionInitialized=!0);if(this.isProgrammaticScroll)return;const t=s.find((s=>s.isIntersecting&&s.intersectionRatio>=.5));if(!t)return;const e=this.getItems(),o=e.findIndex((s=>s===t.target));-1!==o&&(this.activeIndex=o,this.value=e[o].name)}),{root:this.trackEl,threshold:.5}),this.getItems().forEach((s=>this.intersectionObserver.observe(s))))}render(){const s=k[this.language],t="slide"===this.variant,e="dots"===this.controls,r="large"===this.controls,l=o("button",{key:"d1d21c49f24301c539ba2046989d5ae879b8e8a0",class:"scroll-btn scroll-btn--prev","aria-label":s.scrollLeft,tabIndex:-1,onClick:this.scrollPrev},o("ds-icon",{key:"08a912c49af5033505ebbd4295c10a3f4cd8e33a",name:"caret-left",size:"sm"})),a=o("button",{key:"6798cdf3403218a6342106d521f17907fff9cf51",class:"scroll-btn scroll-btn--next","aria-label":s.scrollRight,tabIndex:-1,onClick:this.scrollNext},o("ds-icon",{key:"f47c79f57c8765d0897ce516be69ded5032efd50",name:"caret-right",size:"sm"})),c=o("div",{key:"d0234175394ffbe3c5c9a587c27d86200c533b4c",class:{"carousel-track":!0,"is-dragging":this.dragging},part:"track",role:"region","aria-label":this.label||s.scrollLeft,tabIndex:0,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,ref:s=>{this.trackEl=s}},o("slot",{key:"fbefe08fe2fbb0c94e89883266a4e25105a0b91d",onSlotchange:this.handleSlotChange}));return o(i,{key:"dd21b056857b5ccf06439271ad1c61ad72216469",class:{"is-slide":t,"is-tile":!t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},o("div",{key:"43a0ba6d15f8623248e417bf1fd81062a0b6b6cf",class:"carousel-outer"},r&&(t?!(0===this.activeIndex)&&l:l),c,r&&(t?!(this.activeIndex===this.itemCount-1)&&a:a)),e&&o("ds-pagination",{key:"1d2e666e89517f07e3d121417043a1f182df77b8",class:"pagination",variant:"dots",totalPages:this.itemCount,value:this.activeIndex+1,textPrevious:s.scrollLeft,textNext:s.scrollRight,onDsChange:this.handlePaginationChange}))}get el(){return this}static get style(){return':host{--_carousel-gap:var(--carousel-gap, var(--mod-carousel-gap, var(--ds-carousel-gap)));--_carousel-radius:var(--carousel-radius, var(--mod-carousel-radius, var(--ds-alias-radius-base)));--_carousel-control-color:var(--carousel-control-color, var(--mod-carousel-control-color, var(--ds-carousel-control-color)));--_carousel-scroll-fade-bg:var(--carousel-scroll-fade-bg, var(--mod-carousel-scroll-fade-bg, var(--ds-carousel-scroll-fade-bg)));--_carousel-scroll-btn-bg-active:var(--carousel-scroll-btn-bg-active, var(--mod-carousel-scroll-btn-bg-active, var(--ds-carousel-scroll-btn-background-active, var(--ds-alias-surface-primary))));--_carousel-scroll-btn-bg-active-hover:var(--carousel-scroll-btn-bg-active-hover, var(--mod-carousel-scroll-btn-bg-active-hover, var(--ds-carousel-scroll-btn-background-active-hover, var(--ds-alias-surface-primary-hover))));--_carousel-scroll-btn-bg-active-pressed:var(--carousel-scroll-btn-bg-active-pressed, var(--mod-carousel-scroll-btn-bg-active-pressed, var(--ds-carousel-scroll-btn-background-active-pressed, var(--ds-alias-surface-primary-active))));--_carousel-scroll-btn-color-active:var(--carousel-scroll-btn-color-active, var(--mod-carousel-scroll-btn-color-active, var(--ds-carousel-scroll-btn-color-active, var(--ds-alias-text-color-white))));display:block}:host .carousel-track{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:scroll;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;outline:none;border-radius:var(--_carousel-radius)}:host .carousel-track::-webkit-scrollbar{display:none}@media (hover: hover)and (pointer: fine){:host .carousel-track:focus-visible:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .carousel-track.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto}:host .carousel-outer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.is-slide){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}:host(.is-slide) .carousel-track{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;gap:0}:host(.is-slide) .carousel-track.is-dragging{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}:host(.is-slide) .pagination{-ms-flex-item-align:center;align-self:center}:host(.is-slide) .carousel-outer{position:relative;display:block}:host(.is-slide) .scroll-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:9999px;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--mod-icon-color:currentColor;--icon-color:var(--_carousel-scroll-btn-color-active);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-slide) .scroll-btn:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-slide) .scroll-btn:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}:host(.is-slide) .scroll-btn--prev{left:1rem}:host(.is-slide) .scroll-btn--next{right:1rem}:host(.is-tile){display:block}:host(.is-tile) .carousel-outer{position:relative}:host(.is-tile) .carousel-track{-ms-flex:1;flex:1;min-width:0;gap:var(--_carousel-gap);scroll-behavior:smooth}:host(.is-tile.has-overflow) .carousel-outer::before,:host(.is-tile.has-overflow) .carousel-outer::after{content:"";position:absolute;top:0;bottom:0;width:3rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.is-tile.has-overflow) .carousel-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.has-overflow) .carousel-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.can-scroll-left) .carousel-outer::before{opacity:1}:host(.is-tile.can-scroll-right) .carousel-outer::after{opacity:1}:host(.is-tile) .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;height:2.5rem;min-width:0;max-width:2.5rem;max-height:2.5rem;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:9999px;background:none;color:var(--_carousel-control-color);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.is-tile.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.35}:host(.is-tile.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.is-tile.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.is-tile.can-scroll-left) .scroll-btn--prev,:host(.is-tile.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--icon-color:var(--_carousel-scroll-btn-color-active)}@media (hover: hover)and (pointer: fine){:host(.is-tile.can-scroll-left) .scroll-btn--prev:hover,:host(.is-tile.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-tile.can-scroll-left) .scroll-btn--prev:active,:host(.is-tile.can-scroll-right) .scroll-btn--next:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}'}},[257,"ds-carousel",{controls:[1],variant:[1],itemsPerView:[8,"items-per-view"],label:[1],steps:[2],value:[1537],language:[32],region:[32],activeIndex:[32],itemCount:[32],canScrollLeft:[32],canScrollRight:[32],dragging:[32],configChanged:[64]},[[0,"dsCarouselItemSelect","listenToDsCarouselItemSelect"]]]);l([a("carousel"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],w.prototype,"createLogger",null),l([p(v),c("design:type",String)],w.prototype,"controls",void 0),l([p(m),c("design:type",String)],w.prototype,"variant",void 0),l([x("string"),c("design:type",String)],w.prototype,"label",void 0),l([x("number"),c("design:type",Number)],w.prototype,"steps",void 0),l([x("string"),c("design:type",Object)],w.prototype,"value",void 0),l([y(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],w.prototype,"configChanged",null);const _=w,S=function(){"undefined"!=typeof customElements&&["ds-carousel","ds-icon","ds-pagination"].forEach((s=>{switch(s){case"ds-carousel":customElements.get(r(s))||customElements.define(r(s),w);break;case"ds-icon":customElements.get(r(s))||b();break;case"ds-pagination":customElements.get(r(s))||f()}}))};export{_ as DsCarousel,S as defineCustomElement}

package/components/ds-checkbox-group.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as i,H as o,e as t,h as e,t as s}from"./p-D_rQ-1tV.js";import{_ as r,L as a,a as n}from"./p-DnNWN90x.js";import{F as l}from"./p-DVX9w2ld.js";import{a as d}from"./p-BpGTOihR.js";import{s as h}from"./p-CBu_QEKB.js";import{h as c}from"./p-BabptNq4.js";import{s as p,i as m,l as f}from"./p-CvX_Qt_3.js";import{w as g}from"./p-Dcf7YMP0.js";import{I as b}from"./p-B28K7zBb.js";import{b as v,C as u,a as y}from"./p-CdOIXQj9.js";import{d as w}from"./p-B5CqWYLV.js";import{d as x}from"./p-C971cVzE.js";import{d as k}from"./p-BRVmctrW.js";import{T as _}from"./p-CdB59TNI.js";import{O as C}from"./p-BchWICdx.js";import{L as B}from"./p-D2--7hMh.js";const z=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-cg-"+T++,this.language=k.language,this.region=k.region,this.internalValue=[],this.hasInvalidTextSlotContent=!1,this.autoInvalidOff=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.control=!1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.hideTrigger=!1,this.value=[],this.vertical=!1,this.handleValueChange=async()=>{if(this.control){const i=i=>{for(let o=0;o<this.internalValue.length;o++){const t=this.internalValue[o];if(void 0!==t&&""+t==""+i.value)return!0}return!1},o=this.getCheckboxes();await Promise.all(o.map((i=>p(i)))),o.forEach((o=>{o.checked=i(o)}))}},this.handleSlotChange=()=>{this.passDownAttributes(),this.handleValueChange()}}createLogger(i){this.log=i}valueChanged(){if(this.control){const i=this.formatValueToArray(this.value);d(i,this.internalValue)||(this.internalValue=i,this.handleValueChange())}}connectedCallback(){this.valueChanged(),this.disconnectInvalidTextSlotWatcher=g(this.el,(i=>{this.hasInvalidTextSlotContent=i})),this.passDownAttributes(),this.internals.setFormValue(this.internalValue.join(","))}disconnectedCallback(){var i;null===(i=this.disconnectInvalidTextSlotWatcher)||void 0===i||i.call(this)}componentWillLoad(){this.valueChanged()}componentWillUpdate(){this.passDownAttributes()}componentDidLoad(){this.handleSlotChange()}listenToDsBlur(i){const{target:o}=i;o&&m(this.el,o)&&f(o,"ds-checkbox")&&(h(i),this.dsBlur.emit(i.detail))}listenToDsChange(i){this.control&&m(this.el,i.target)&&(h(i),this.updateValues())}listenToDsFocus(i){const{target:o}=i;o&&m(this.el,o)&&f(o,"ds-checkbox")&&h(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.control&&(this.internalValue=[]),this.handleValueChange())}async configChanged(i){this.language=i.language,this.region=i.region}formatValueToArray(i){return Array.isArray(i)?i:null!=i&&""!==i?"string"==typeof i?i.split(",").map((i=>i.trim())):[i]:[]}getCheckboxes(){return Array.from(this.el.querySelectorAll("ds-checkbox"))}passDownAttributes(){const i=this.invalid||this.hasInvalidTextSlotContent;this.getCheckboxes().forEach((o=>{var t;this.control&&(c(this.disabled)&&(o.disabled=this.disabled),c(this.readonly)&&(o.readonly=this.readonly),o.invalid=i),o.name=this.name,o.labelPosition=this.labelPosition,o.tile=this.tile,o.hideTrigger=this.hideTrigger,o.tileColor=null!==(t=o.getAttribute("tile-color"))&&void 0!==t?t:this.tileColor,o.cols=this.cols,o.colsTablet=this.colsTablet,o.colsMobile=this.colsMobile}))}updateValues(){const i=[];this.getCheckboxes().forEach((o=>{o.checked&&i.push(o.value)})),d(this.internalValue,i)||(this.internalValue=[...i],this.dsChange.emit(this.internalValue),this.internals.setFormValue(this.internalValue.join(",")))}render(){return e(l,{key:"f37b6a540ca8612b689c1b3e2bb12d887db31cdf",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid||this.hasInvalidTextSlotContent,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile}},e("slot",{key:"c26aacb9d4bf3bd8ed283877c190bbde40ed7b26",onSlotchange:this.handleSlotChange}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-checkbox-group-description-color:var(--ds-form-danger-description-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-checkbox-group-label-color:var(--ds-form-disabled-label-color);--mod-checkbox-group-description-color:var(--ds-form-disabled-description-color)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-checkbox-group",{autoInvalidOff:[516,"auto-invalid-off"],color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],control:[4],description:[1],disabled:[516],invalid:[516],invalidText:[1,"invalid-text"],label:[1],labelPosition:[1,"label-position"],loading:[516],name:[513],readonly:[516],required:[516],tile:[4],hideTrigger:[4,"hide-trigger"],tileColor:[1,"tile-color"],value:[16],vertical:[4],language:[32],region:[32],internalValue:[32],hasInvalidTextSlotContent:[32],configChanged:[64]},[[6,"dsBlur","listenToDsBlur"],[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}]}]);r([a("checkbox-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],z.prototype,"createLogger",null),r([_("boolean"),n("design:type",Boolean)],z.prototype,"autoInvalidOff",void 0),r([C(b),n("design:type",String)],z.prototype,"color",void 0),r([C(v),n("design:type",Number)],z.prototype,"cols",void 0),r([C(v),n("design:type",Number)],z.prototype,"colsMobile",void 0),r([C(v),n("design:type",Number)],z.prototype,"colsTablet",void 0),r([_("boolean"),n("design:type",Boolean)],z.prototype,"control",void 0),r([_("string"),n("design:type",String)],z.prototype,"description",void 0),r([_("boolean"),n("design:type",Boolean)],z.prototype,"disabled",void 0),r([_("boolean"),n("design:type",Boolean)],z.prototype,"invalid",void 0),r([_("string"),n("design:type",String)],z.prototype,"invalidText",void 0),r([_("string"),n("design:type",String)],z.prototype,"label",void 0),r([C(u),n("design:type",String)],z.prototype,"labelPosition",void 0),r([_("boolean"),n("design:type",Boolean)],z.prototype,"loading",void 0),r([_("string"),n("design:type",String)],z.prototype,"name",void 0),r([_("boolean"),n("design:type",Boolean)],z.prototype,"readonly",void 0),r([_("boolean"),n("design:type",Boolean)],z.prototype,"required",void 0),r([_("boolean"),n("design:type",Boolean)],z.prototype,"tile",void 0),r([_("boolean"),n("design:type",Boolean)],z.prototype,"hideTrigger",void 0),r([C(y),n("design:type",String)],z.prototype,"tileColor",void 0),r([_("boolean"),n("design:type",Boolean)],z.prototype,"vertical",void 0),r([B(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],z.prototype,"configChanged",null);let T=0;const j=z,D=function(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-checkbox-group":customElements.get(s(i))||customElements.define(s(i),z);break;case"ds-icon":customElements.get(s(i))||w();break;case"ds-spinner":customElements.get(s(i))||x()}}))};export{j as DsCheckboxGroup,D as defineCustomElement}
+import{p as i,H as o,e as t,h as e,t as s}from"./p-D_rQ-1tV.js";import{_ as r,L as a,a as n}from"./p-DnNWN90x.js";import{F as l}from"./p-DVX9w2ld.js";import{a as d}from"./p-BpGTOihR.js";import{a as h,s as c}from"./p-CcE-lfae.js";import{h as p}from"./p-BabptNq4.js";import{s as m,i as f,l as g}from"./p-CvX_Qt_3.js";import{w as b}from"./p-BvNfYE1d.js";import{I as v}from"./p-B28K7zBb.js";import{b as u,C as y,a as w}from"./p-CdOIXQj9.js";import{d as x}from"./p-mahwWXn2.js";import{d as k}from"./p-oyOklwcz.js";import{d as _}from"./p-yDxcfq5h.js";import{T as C}from"./p-CdB59TNI.js";import{O as B}from"./p-BchWICdx.js";import{L as z}from"./p-D2--7hMh.js";const T=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-cg-"+j++,this.language=_.language,this.region=_.region,this.internalValue=[],this.hasInvalidTextSlotContent=!1,this.autoInvalidOff=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.control=!1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.hideTrigger=!1,this.value=[],this.vertical=!1,this.handleValueChange=async()=>{if(this.control){const i=i=>{for(let o=0;o<this.internalValue.length;o++){const t=this.internalValue[o];if(void 0!==t&&""+t==""+i.value)return!0}return!1},o=this.getCheckboxes();await Promise.all(o.map((i=>m(i)))),o.forEach((o=>{o.checked=i(o)}))}},this.handleSlotChange=()=>{this.passDownAttributes(),this.handleValueChange()}}createLogger(i){this.log=i}valueChanged(){if(this.control){const i=this.formatValueToArray(this.value);d(i,this.internalValue)||(this.internalValue=i,this.handleValueChange())}}connectedCallback(){this.valueChanged(),this.disconnectInvalidTextSlotWatcher=b(this.el,(i=>{this.hasInvalidTextSlotContent=i})),this.passDownAttributes(),h(this.internals,this.internalValue.join(","))}disconnectedCallback(){var i;null===(i=this.disconnectInvalidTextSlotWatcher)||void 0===i||i.call(this)}componentWillLoad(){this.valueChanged()}componentWillUpdate(){this.passDownAttributes()}componentDidLoad(){this.handleSlotChange()}listenToDsBlur(i){const{target:o}=i;o&&f(this.el,o)&&g(o,"ds-checkbox")&&(c(i),this.dsBlur.emit(i.detail))}listenToDsChange(i){this.control&&f(this.el,i.target)&&(c(i),this.updateValues())}listenToDsFocus(i){const{target:o}=i;o&&f(this.el,o)&&g(o,"ds-checkbox")&&c(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.control&&(this.internalValue=[]),this.handleValueChange())}async configChanged(i){this.language=i.language,this.region=i.region}formatValueToArray(i){return Array.isArray(i)?i:null!=i&&""!==i?"string"==typeof i?i.split(",").map((i=>i.trim())):[i]:[]}getCheckboxes(){return Array.from(this.el.querySelectorAll("ds-checkbox"))}passDownAttributes(){const i=this.invalid||this.hasInvalidTextSlotContent;this.getCheckboxes().forEach((o=>{var t;this.control&&(p(this.disabled)&&(o.disabled=this.disabled),p(this.readonly)&&(o.readonly=this.readonly),o.invalid=i),o.name=this.name,o.labelPosition=this.labelPosition,o.tile=this.tile,o.hideTrigger=this.hideTrigger,o.tileColor=null!==(t=o.getAttribute("tile-color"))&&void 0!==t?t:this.tileColor,o.cols=this.cols,o.colsTablet=this.colsTablet,o.colsMobile=this.colsMobile}))}updateValues(){const i=[];this.getCheckboxes().forEach((o=>{o.checked&&i.push(o.value)})),d(this.internalValue,i)||(this.internalValue=[...i],this.dsChange.emit(this.internalValue),h(this.internals,this.internalValue.join(",")))}render(){return e(l,{key:"73e666bbfbab0252f67b1537d0abf61e926876f0",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid||this.hasInvalidTextSlotContent,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile}},e("slot",{key:"4e3cbeb31602a5b1144cbb8400bb4f4002b621ae",onSlotchange:this.handleSlotChange}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-checkbox-group-description-color:var(--ds-form-danger-description-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-checkbox-group-label-color:var(--ds-form-disabled-label-color);--mod-checkbox-group-description-color:var(--ds-form-disabled-description-color)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-checkbox-group",{autoInvalidOff:[516,"auto-invalid-off"],color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],control:[4],description:[1],disabled:[516],invalid:[516],invalidText:[1,"invalid-text"],label:[1],labelPosition:[1,"label-position"],loading:[516],name:[513],readonly:[516],required:[516],tile:[4],hideTrigger:[4,"hide-trigger"],tileColor:[1,"tile-color"],value:[16],vertical:[4],language:[32],region:[32],internalValue:[32],hasInvalidTextSlotContent:[32],configChanged:[64]},[[6,"dsBlur","listenToDsBlur"],[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}]}]);r([a("checkbox-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],T.prototype,"createLogger",null),r([C("boolean"),n("design:type",Boolean)],T.prototype,"autoInvalidOff",void 0),r([B(v),n("design:type",String)],T.prototype,"color",void 0),r([B(u),n("design:type",Number)],T.prototype,"cols",void 0),r([B(u),n("design:type",Number)],T.prototype,"colsMobile",void 0),r([B(u),n("design:type",Number)],T.prototype,"colsTablet",void 0),r([C("boolean"),n("design:type",Boolean)],T.prototype,"control",void 0),r([C("string"),n("design:type",String)],T.prototype,"description",void 0),r([C("boolean"),n("design:type",Boolean)],T.prototype,"disabled",void 0),r([C("boolean"),n("design:type",Boolean)],T.prototype,"invalid",void 0),r([C("string"),n("design:type",String)],T.prototype,"invalidText",void 0),r([C("string"),n("design:type",String)],T.prototype,"label",void 0),r([B(y),n("design:type",String)],T.prototype,"labelPosition",void 0),r([C("boolean"),n("design:type",Boolean)],T.prototype,"loading",void 0),r([C("string"),n("design:type",String)],T.prototype,"name",void 0),r([C("boolean"),n("design:type",Boolean)],T.prototype,"readonly",void 0),r([C("boolean"),n("design:type",Boolean)],T.prototype,"required",void 0),r([C("boolean"),n("design:type",Boolean)],T.prototype,"tile",void 0),r([C("boolean"),n("design:type",Boolean)],T.prototype,"hideTrigger",void 0),r([B(w),n("design:type",String)],T.prototype,"tileColor",void 0),r([C("boolean"),n("design:type",Boolean)],T.prototype,"vertical",void 0),r([z(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],T.prototype,"configChanged",null);let j=0;const D=T,S=function(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-checkbox-group":customElements.get(s(i))||customElements.define(s(i),T);break;case"ds-icon":customElements.get(s(i))||x();break;case"ds-spinner":customElements.get(s(i))||k()}}))};export{D as DsCheckboxGroup,S as defineCustomElement}

package/components/ds-checkbox.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as o,e as c,h as r,c as a,t as l}from"./p-D_rQ-1tV.js";import{_ as i,L as d,a as s}from"./p-DnNWN90x.js";import{i as t}from"./p-B62ocg4Q.js";import{h as b}from"./p-BabptNq4.js";import{C as h,a as n,b as v}from"./p-CdOIXQj9.js";import{T as k}from"./p-CdB59TNI.js";import{R as x}from"./p-CswFCXsY.js";import{O as g}from"./p-BchWICdx.js";const u=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsFocus=c(this,"dsFocus"),this.dsBlur=c(this,"dsBlur"),this.dsChange=c(this,"dsChange"),this.internals=this.attachInternals(),this.inputId="ds-cb-"+p++,this.inheritAttributes={},this.focused=!1,this.name=this.inputId,this.label="",this.labelPosition="right",this.value="on",this.checked=!1,this.initialValue=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.invalid=!1,this.tile=!1,this.hideTrigger=!1,this.cols=1,this.colsTablet=1,this.colsMobile=1,this.handleChange=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleClick=e=>{var o,c,r;this.disabled||this.readonly||e.target.href||e.composedPath()[0]!==this.nativeInput&&(e.preventDefault(),(null===(c=(o=e.target).closest)||void 0===c?void 0:c.call(o,'[slot="hint"]'))||(null===(r=this.nativeInput)||void 0===r||r.focus(),this.checked=!this.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)))},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))},this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.checked,this.internals.setFormValue(this.checked?this.value:null)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritAttributes=t(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}hasHint(){return null!==this.el.querySelector('[slot="hint"]')}render(){return r(a,{key:"7dc441b7f630f5a0b91719a2281ee341d15e3e52","aria-disabled":this.disabled?"true":null,"aria-checked":""+this.checked,"aria-invalid":this.invalid?"true":null,class:{"is-disabled":this.disabled||this.readonly,"is-invalid":this.invalid,"is-checked":this.checked,"is-tile":this.tile,["has-tile-"+this.tileColor]:this.tile&&b(this.tileColor),"hide-trigger":this.tile&&this.hideTrigger,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition,["has-cols-"+this.cols]:this.tile&&this.cols>1,[`has-cols-${this.colsTablet}-tablet`]:this.tile&&this.colsTablet>1,[`has-cols-${this.colsMobile}-mobile`]:this.tile&&this.colsMobile>1},onClick:this.handleClick},r("label",{key:"ace06ccccb4e95be76d73821ad2db66d4f2ca899",id:"label",part:"label"},r("input",Object.assign({key:"2e32e208e7b8c37d01fd8a24783ff93c2ad42267",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),r("div",{key:"866ea48e894130680479c89be08af5caf2c914a7",id:"slot",part:"slot"},r("slot",{key:"ef8b3e60f98a2fc29b241b8075cbdddc2810a1aa"},this.label)),this.hasHint()&&r("div",{key:"da68dd08802ef6a60c85a45a35b8198c605df3b7",id:"hint",part:"hint"},r("slot",{key:"5f1f53934c6b651139f722f8ba0ad664b7f847e3",name:"hint"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_checkbox-gap:var(--checkbox-gap, var(--mod-checkbox-gap, 0.5rem));--_checkbox-min-height:var(--checkbox-min-height, var(--mod-checkbox-min-height, 3rem));--_checkbox-label-base-color:var(--checkbox-label-base-color, var(--mod-checkbox-label-base-color, inherit));--_checkbox-label-hover-color:var(--checkbox-label-hover-color, var(--mod-checkbox-label-hover-color, var(--ds-global-color-sky-5)));--_checkbox-label-active-color:var(--checkbox-label-active-color, var(--mod-checkbox-label-active-color, var(--ds-global-color-primary-6)));--_checkbox-label-disabled-color:var(--checkbox-label-disabled-color, var(--mod-checkbox-label-disabled-color, var(--ds-checkbox-label-color-disabled)));--_checkbox-size:var(--checkbox-size, var(--mod-checkbox-size, 1.5rem));--_checkbox-border-width:var(--checkbox-border-width, var(--mod-checkbox-border-width, var(--ds-alias-border-width-base)));--_checkbox-radius:var(--checkbox-radius, var(--mod-checkbox-radius, var(--ds-alias-radius-base)));--_checkbox-tile-radius:var(--checkbox-tile-radius, var(--mod-checkbox-tile-radius, var(--ds-alias-radius-base)));--_checkbox-tile-p:var(--checkbox-tile-p, var(--mod-checkbox-tile-p, 1rem));--_checkbox-tile-border-width:var(--checkbox-tile-border-width, var(--mod-checkbox-tile-border-width, var(--ds-alias-border-width-base)));--_checkbox-tile-base-background-color:var(--checkbox-tile-base-background-color, var(--mod-checkbox-tile-base-background-color, inherit));--_checkbox-tile-base-border-color:var(--checkbox-tile-base-border-color, var(--mod-checkbox-tile-base-border-color, var(--ds-global-color-grey-3)));--_checkbox-tile-hover-background-color:var(--checkbox-tile-hover-background-color, var(--mod-checkbox-tile-hover-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-hover-border-color:var(--checkbox-tile-hover-border-color, var(--mod-checkbox-tile-hover-border-color, var(--ds-global-color-sky-5)));--_checkbox-tile-active-background-color:var(--checkbox-tile-active-background-color, var(--mod-checkbox-tile-active-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-active-border-color:var(--checkbox-tile-active-border-color, var(--mod-checkbox-tile-active-border-color, var(--ds-global-color-primary-6)));--_checkbox-unchecked-base-color-background:var(--checkbox-unchecked-base-color-background, var(--mod-checkbox-unchecked-base-color-background, transparent));--_checkbox-unchecked-base-color-border:var(--checkbox-unchecked-base-color-border, var(--mod-checkbox-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-unchecked-hover-color-background:var(--checkbox-unchecked-hover-color-background, var(--mod-checkbox-unchecked-hover-color-background, var(--ds-global-color-grey-1)));--_checkbox-unchecked-hover-color-border:var(--checkbox-unchecked-hover-color-border, var(--mod-checkbox-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-unchecked-active-color-background:var(--checkbox-unchecked-active-color-background, var(--mod-checkbox-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_checkbox-unchecked-active-color-border:var(--checkbox-unchecked-active-color-border, var(--mod-checkbox-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_checkbox-unchecked-disabled-color-background:var(--checkbox-unchecked-disabled-color-background, var(--mod-checkbox-unchecked-disabled-color-background, var(--ds-checkbox-unchecked-color-disabled-background)));--_checkbox-checked-base-color-background:var(--checkbox-checked-base-color-background, var(--mod-checkbox-checked-base-color-background, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-border:var(--checkbox-checked-base-color-border, var(--mod-checkbox-checked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-icon:var(--checkbox-checked-base-color-icon, var(--mod-checkbox-checked-base-color-icon, var(--ds-global-color-white)));--_checkbox-checked-hover-color-background:var(--checkbox-checked-hover-color-background, var(--mod-checkbox-checked-hover-color-background, var(--ds-global-color-sky-5)));--_checkbox-checked-hover-color-border:var(--checkbox-checked-hover-color-border, var(--mod-checkbox-checked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-checked-active-color-background:var(--checkbox-checked-active-color-background, var(--mod-checkbox-checked-active-color-background, var(--ds-global-color-primary-6)));--_checkbox-checked-active-color-border:var(--checkbox-checked-active-color-border, var(--mod-checkbox-checked-active-color-border, var(--ds-global-color-primary-6)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_checkbox-gap);cursor:pointer;user-select:none;color:var(--_checkbox-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:.25rem;padding-bottom:.25rem;min-height:var(--_checkbox-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_checkbox-label-hover-color)}}label:active{color:var(--_checkbox-label-active-color)}:host input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_checkbox-size);height:var(--_checkbox-size);background:var(--_checkbox-unchecked-base-color-background);border:var(--_checkbox-border-width) solid var(--_checkbox-unchecked-base-color-border);border-radius:var(--_checkbox-radius);vertical-align:top;cursor:pointer;outline:none;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=checkbox]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-hover-color-background);border-color:var(--_checkbox-unchecked-hover-color-border)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-active-color-background);border-color:var(--_checkbox-unchecked-active-color-border)}:host input[type=checkbox]:checked{background:var(--_checkbox-checked-base-color-background);border-color:var(--_checkbox-checked-base-color-border)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-hover-color-background);border-color:var(--_checkbox-checked-hover-color-border)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-active-color-background);border-color:var(--_checkbox-checked-active-color-border)}:host input[type=checkbox]::after{display:block;content:\"\";width:100%;height:100%;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;opacity:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}:host input[type=checkbox]:checked::after{background-color:var(--_checkbox-checked-base-color-icon);opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-invalid:not(.is-disabled)){--mod-checkbox-label-base-color:var(--ds-global-color-danger-4);--mod-checkbox-label-hover-color:var(--ds-global-color-danger-5);--mod-checkbox-label-active-color:var(--ds-global-color-danger-6);--mod-checkbox-unchecked-base-color-background:transparent;--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-danger);--mod-checkbox-unchecked-hover-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-checkbox-unchecked-active-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-active-color-border:var(--ds-alias-border-color-danger-active);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-danger);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-danger);--mod-checkbox-checked-hover-color-background:var(--ds-alias-border-color-danger-hover);--mod-checkbox-checked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-checkbox-checked-active-color-background:var(--ds-alias-border-color-danger-active);--mod-checkbox-checked-active-color-border:var(--ds-alias-border-color-danger-active)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-checkbox-label-base-color:var(--_checkbox-label-disabled-color);--mod-checkbox-label-hover-color:var(--_checkbox-label-disabled-color);--mod-checkbox-label-active-color:var(--_checkbox-label-disabled-color);--mod-checkbox-unchecked-base-color-background:var(--_checkbox-unchecked-disabled-color-background);--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-disabled)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{position:relative;width:100%;height:100%;padding:var(--_checkbox-tile-p);border-style:solid;border-width:var(--_checkbox-tile-border-width);border-radius:var(--_checkbox-tile-radius);border-color:var(--_checkbox-tile-base-border-color);background:var(--_checkbox-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_checkbox-tile-hover-border-color);background:var(--_checkbox-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_checkbox-tile-active-border-color);background:var(--_checkbox-tile-active-background-color)}:host(.is-tile.is-checked){--mod-checkbox-tile-base-border-color:var(--_checkbox-checked-base-color-background)}:host(.is-tile.hide-trigger) input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.hide-trigger) label:has(input[type=checkbox]:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#hint{display:contents}:host(.is-tile) #hint{display:block;position:absolute;top:var(--_checkbox-tile-p);right:var(--_checkbox-tile-p)}:host(.is-tile.hide-trigger.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-primary-1)}:host(.is-tile.has-tile-green.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.has-tile-green){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-green-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-green-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-green-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-green-background)}:host(.is-tile.has-tile-red){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-red-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-red-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-red-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-red-background)}:host(.is-tile.has-tile-yellow){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-yellow-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-yellow-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-yellow-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-yellow-background)}:host(.is-tile.has-tile-purple){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-purple-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-purple-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-purple-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-purple-background)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-checkbox-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-checkbox-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}"}},[321,"ds-checkbox",{name:[513],label:[1],labelPosition:[1,"label-position"],value:[8],checked:[1028],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],invalid:[4],tileColor:[1,"tile-color"],tile:[4],hideTrigger:[4,"hide-trigger"],cols:[2],colsTablet:[2,"cols-tablet"],colsMobile:[2,"cols-mobile"],focused:[32]},[[6,"reset","listenToReset"]]]);i([d("checkbox"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),i([k("string"),s("design:type",String)],u.prototype,"name",void 0),i([k("string"),s("design:type",String)],u.prototype,"label",void 0),i([x(),g(h),s("design:type",String)],u.prototype,"labelPosition",void 0),i([k("string"),s("design:type",Object)],u.prototype,"value",void 0),i([k("boolean"),s("design:type",Boolean)],u.prototype,"checked",void 0),i([k("boolean"),s("design:type",Boolean)],u.prototype,"disabled",void 0),i([k("boolean"),s("design:type",Boolean)],u.prototype,"readonly",void 0),i([k("boolean"),s("design:type",Boolean)],u.prototype,"required",void 0),i([k("boolean"),s("design:type",Boolean)],u.prototype,"autoInvalidOff",void 0),i([k("boolean"),s("design:type",Boolean)],u.prototype,"invalid",void 0),i([g(n),s("design:type",String)],u.prototype,"tileColor",void 0),i([k("boolean"),s("design:type",Boolean)],u.prototype,"tile",void 0),i([k("boolean"),s("design:type",Boolean)],u.prototype,"hideTrigger",void 0),i([g(v),s("design:type",Number)],u.prototype,"cols",void 0),i([g(v),s("design:type",Number)],u.prototype,"colsTablet",void 0),i([g(v),s("design:type",Number)],u.prototype,"colsMobile",void 0);let p=0;const m=u,f=function(){"undefined"!=typeof customElements&&["ds-checkbox"].forEach((e=>{"ds-checkbox"===e&&(customElements.get(l(e))||customElements.define(l(e),u))}))};export{m as DsCheckbox,f as defineCustomElement}
+import{p as e,H as o,e as c,h as r,c as a,t as l}from"./p-D_rQ-1tV.js";import{_ as i,L as d,a as s}from"./p-DnNWN90x.js";import{i as t}from"./p-B62ocg4Q.js";import{a as b}from"./p-CcE-lfae.js";import{h}from"./p-BabptNq4.js";import{C as n,a as v,b as k}from"./p-CdOIXQj9.js";import{T as x}from"./p-CdB59TNI.js";import{R as g}from"./p-CswFCXsY.js";import{O as u}from"./p-BchWICdx.js";const p=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsFocus=c(this,"dsFocus"),this.dsBlur=c(this,"dsBlur"),this.dsChange=c(this,"dsChange"),this.internals=this.attachInternals(),this.inputId="ds-cb-"+m++,this.inheritAttributes={},this.focused=!1,this.name=this.inputId,this.label="",this.labelPosition="right",this.value="on",this.checked=!1,this.initialValue=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.invalid=!1,this.tile=!1,this.hideTrigger=!1,this.cols=1,this.colsTablet=1,this.colsMobile=1,this.handleChange=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),b(this.internals,this.checked?this.value:null)},this.handleClick=e=>{var o,c,r;this.disabled||this.readonly||e.target.href||e.composedPath()[0]!==this.nativeInput&&(e.preventDefault(),(null===(c=(o=e.target).closest)||void 0===c?void 0:c.call(o,'[slot="hint"]'))||(null===(r=this.nativeInput)||void 0===r||r.focus(),this.checked=!this.checked,this.dsChange.emit(this.checked),b(this.internals,this.checked?this.value:null)))},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))},this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.checked,b(this.internals,this.checked?this.value:null)}componentWillLoad(){b(this.internals,this.checked?this.value:null),this.inheritAttributes=t(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}hasHint(){return null!==this.el.querySelector('[slot="hint"]')}render(){return r(a,{key:"6e0bd92a3acc0364daab05942f040271d77f3ca5","aria-disabled":this.disabled?"true":null,"aria-checked":""+this.checked,"aria-invalid":this.invalid?"true":null,class:{"is-disabled":this.disabled||this.readonly,"is-invalid":this.invalid,"is-checked":this.checked,"is-tile":this.tile,["has-tile-"+this.tileColor]:this.tile&&h(this.tileColor),"hide-trigger":this.tile&&this.hideTrigger,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition,["has-cols-"+this.cols]:this.tile&&this.cols>1,[`has-cols-${this.colsTablet}-tablet`]:this.tile&&this.colsTablet>1,[`has-cols-${this.colsMobile}-mobile`]:this.tile&&this.colsMobile>1},onClick:this.handleClick},r("label",{key:"7498403fe53342c52d8f81bd860ba70379f017a7",id:"label",part:"label"},r("input",Object.assign({key:"a4c135eea49e823d9c7b60a605f0306d0ca5e11e",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),r("div",{key:"284ea952e032ae3f408e48318eb0f38d2a15c5ad",id:"slot",part:"slot"},r("slot",{key:"06b7fef64aa19747c1093f2d4044cfdaa492f61d"},this.label)),this.hasHint()&&r("div",{key:"efc62239bc1114e2efe7d666651db2e6e2300126",id:"hint",part:"hint"},r("slot",{key:"819aba03a1502a97b6d43ab5b7d5a7c98dc5dc07",name:"hint"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_checkbox-gap:var(--checkbox-gap, var(--mod-checkbox-gap, 0.5rem));--_checkbox-min-height:var(--checkbox-min-height, var(--mod-checkbox-min-height, 3rem));--_checkbox-label-base-color:var(--checkbox-label-base-color, var(--mod-checkbox-label-base-color, inherit));--_checkbox-label-hover-color:var(--checkbox-label-hover-color, var(--mod-checkbox-label-hover-color, var(--ds-global-color-sky-5)));--_checkbox-label-active-color:var(--checkbox-label-active-color, var(--mod-checkbox-label-active-color, var(--ds-global-color-primary-6)));--_checkbox-label-disabled-color:var(--checkbox-label-disabled-color, var(--mod-checkbox-label-disabled-color, var(--ds-checkbox-label-color-disabled)));--_checkbox-size:var(--checkbox-size, var(--mod-checkbox-size, 1.5rem));--_checkbox-border-width:var(--checkbox-border-width, var(--mod-checkbox-border-width, var(--ds-alias-border-width-base)));--_checkbox-radius:var(--checkbox-radius, var(--mod-checkbox-radius, var(--ds-alias-radius-base)));--_checkbox-tile-radius:var(--checkbox-tile-radius, var(--mod-checkbox-tile-radius, var(--ds-alias-radius-base)));--_checkbox-tile-p:var(--checkbox-tile-p, var(--mod-checkbox-tile-p, 1rem));--_checkbox-tile-border-width:var(--checkbox-tile-border-width, var(--mod-checkbox-tile-border-width, var(--ds-alias-border-width-base)));--_checkbox-tile-base-background-color:var(--checkbox-tile-base-background-color, var(--mod-checkbox-tile-base-background-color, inherit));--_checkbox-tile-base-border-color:var(--checkbox-tile-base-border-color, var(--mod-checkbox-tile-base-border-color, var(--ds-global-color-grey-3)));--_checkbox-tile-hover-background-color:var(--checkbox-tile-hover-background-color, var(--mod-checkbox-tile-hover-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-hover-border-color:var(--checkbox-tile-hover-border-color, var(--mod-checkbox-tile-hover-border-color, var(--ds-global-color-sky-5)));--_checkbox-tile-active-background-color:var(--checkbox-tile-active-background-color, var(--mod-checkbox-tile-active-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-active-border-color:var(--checkbox-tile-active-border-color, var(--mod-checkbox-tile-active-border-color, var(--ds-global-color-primary-6)));--_checkbox-unchecked-base-color-background:var(--checkbox-unchecked-base-color-background, var(--mod-checkbox-unchecked-base-color-background, transparent));--_checkbox-unchecked-base-color-border:var(--checkbox-unchecked-base-color-border, var(--mod-checkbox-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-unchecked-hover-color-background:var(--checkbox-unchecked-hover-color-background, var(--mod-checkbox-unchecked-hover-color-background, var(--ds-global-color-grey-1)));--_checkbox-unchecked-hover-color-border:var(--checkbox-unchecked-hover-color-border, var(--mod-checkbox-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-unchecked-active-color-background:var(--checkbox-unchecked-active-color-background, var(--mod-checkbox-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_checkbox-unchecked-active-color-border:var(--checkbox-unchecked-active-color-border, var(--mod-checkbox-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_checkbox-unchecked-disabled-color-background:var(--checkbox-unchecked-disabled-color-background, var(--mod-checkbox-unchecked-disabled-color-background, var(--ds-checkbox-unchecked-color-disabled-background)));--_checkbox-checked-base-color-background:var(--checkbox-checked-base-color-background, var(--mod-checkbox-checked-base-color-background, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-border:var(--checkbox-checked-base-color-border, var(--mod-checkbox-checked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-icon:var(--checkbox-checked-base-color-icon, var(--mod-checkbox-checked-base-color-icon, var(--ds-global-color-white)));--_checkbox-checked-hover-color-background:var(--checkbox-checked-hover-color-background, var(--mod-checkbox-checked-hover-color-background, var(--ds-global-color-sky-5)));--_checkbox-checked-hover-color-border:var(--checkbox-checked-hover-color-border, var(--mod-checkbox-checked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-checked-active-color-background:var(--checkbox-checked-active-color-background, var(--mod-checkbox-checked-active-color-background, var(--ds-global-color-primary-6)));--_checkbox-checked-active-color-border:var(--checkbox-checked-active-color-border, var(--mod-checkbox-checked-active-color-border, var(--ds-global-color-primary-6)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_checkbox-gap);cursor:pointer;user-select:none;color:var(--_checkbox-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:.25rem;padding-bottom:.25rem;min-height:var(--_checkbox-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_checkbox-label-hover-color)}}label:active{color:var(--_checkbox-label-active-color)}:host input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_checkbox-size);height:var(--_checkbox-size);background:var(--_checkbox-unchecked-base-color-background);border:var(--_checkbox-border-width) solid var(--_checkbox-unchecked-base-color-border);border-radius:var(--_checkbox-radius);vertical-align:top;cursor:pointer;outline:none;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=checkbox]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-hover-color-background);border-color:var(--_checkbox-unchecked-hover-color-border)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-active-color-background);border-color:var(--_checkbox-unchecked-active-color-border)}:host input[type=checkbox]:checked{background:var(--_checkbox-checked-base-color-background);border-color:var(--_checkbox-checked-base-color-border)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-hover-color-background);border-color:var(--_checkbox-checked-hover-color-border)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-active-color-background);border-color:var(--_checkbox-checked-active-color-border)}:host input[type=checkbox]::after{display:block;content:\"\";width:100%;height:100%;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;opacity:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}:host input[type=checkbox]:checked::after{background-color:var(--_checkbox-checked-base-color-icon);opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-invalid:not(.is-disabled)){--mod-checkbox-label-base-color:var(--ds-global-color-danger-4);--mod-checkbox-label-hover-color:var(--ds-global-color-danger-5);--mod-checkbox-label-active-color:var(--ds-global-color-danger-6);--mod-checkbox-unchecked-base-color-background:transparent;--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-danger);--mod-checkbox-unchecked-hover-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-checkbox-unchecked-active-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-active-color-border:var(--ds-alias-border-color-danger-active);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-danger);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-danger);--mod-checkbox-checked-hover-color-background:var(--ds-alias-border-color-danger-hover);--mod-checkbox-checked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-checkbox-checked-active-color-background:var(--ds-alias-border-color-danger-active);--mod-checkbox-checked-active-color-border:var(--ds-alias-border-color-danger-active)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-checkbox-label-base-color:var(--_checkbox-label-disabled-color);--mod-checkbox-label-hover-color:var(--_checkbox-label-disabled-color);--mod-checkbox-label-active-color:var(--_checkbox-label-disabled-color);--mod-checkbox-unchecked-base-color-background:var(--_checkbox-unchecked-disabled-color-background);--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-disabled)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{position:relative;width:100%;height:100%;padding:var(--_checkbox-tile-p);border-style:solid;border-width:var(--_checkbox-tile-border-width);border-radius:var(--_checkbox-tile-radius);border-color:var(--_checkbox-tile-base-border-color);background:var(--_checkbox-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_checkbox-tile-hover-border-color);background:var(--_checkbox-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_checkbox-tile-active-border-color);background:var(--_checkbox-tile-active-background-color)}:host(.is-tile.is-checked){--mod-checkbox-tile-base-border-color:var(--_checkbox-checked-base-color-background)}:host(.is-tile.hide-trigger) input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.hide-trigger) label:has(input[type=checkbox]:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#hint{display:contents}:host(.is-tile) #hint{display:block;position:absolute;top:var(--_checkbox-tile-p);right:var(--_checkbox-tile-p)}:host(.is-tile.hide-trigger.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-primary-1)}:host(.is-tile.has-tile-green.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.has-tile-green){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-green-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-green-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-green-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-green-background)}:host(.is-tile.has-tile-red){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-red-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-red-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-red-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-red-background)}:host(.is-tile.has-tile-yellow){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-yellow-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-yellow-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-yellow-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-yellow-background)}:host(.is-tile.has-tile-purple){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-purple-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-purple-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-purple-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-purple-background)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-checkbox-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-checkbox-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}"}},[321,"ds-checkbox",{name:[513],label:[1],labelPosition:[1,"label-position"],value:[8],checked:[1028],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],invalid:[4],tileColor:[1,"tile-color"],tile:[4],hideTrigger:[4,"hide-trigger"],cols:[2],colsTablet:[2,"cols-tablet"],colsMobile:[2,"cols-mobile"],focused:[32]},[[6,"reset","listenToReset"]]]);i([d("checkbox"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],p.prototype,"createLogger",null),i([x("string"),s("design:type",String)],p.prototype,"name",void 0),i([x("string"),s("design:type",String)],p.prototype,"label",void 0),i([g(),u(n),s("design:type",String)],p.prototype,"labelPosition",void 0),i([x("string"),s("design:type",Object)],p.prototype,"value",void 0),i([x("boolean"),s("design:type",Boolean)],p.prototype,"checked",void 0),i([x("boolean"),s("design:type",Boolean)],p.prototype,"disabled",void 0),i([x("boolean"),s("design:type",Boolean)],p.prototype,"readonly",void 0),i([x("boolean"),s("design:type",Boolean)],p.prototype,"required",void 0),i([x("boolean"),s("design:type",Boolean)],p.prototype,"autoInvalidOff",void 0),i([x("boolean"),s("design:type",Boolean)],p.prototype,"invalid",void 0),i([u(v),s("design:type",String)],p.prototype,"tileColor",void 0),i([x("boolean"),s("design:type",Boolean)],p.prototype,"tile",void 0),i([x("boolean"),s("design:type",Boolean)],p.prototype,"hideTrigger",void 0),i([u(k),s("design:type",Number)],p.prototype,"cols",void 0),i([u(k),s("design:type",Number)],p.prototype,"colsTablet",void 0),i([u(k),s("design:type",Number)],p.prototype,"colsMobile",void 0);let m=0;const f=p,y=function(){"undefined"!=typeof customElements&&["ds-checkbox"].forEach((e=>{"ds-checkbox"===e&&(customElements.get(l(e))||customElements.define(l(e),p))}))};export{f as DsCheckbox,y as defineCustomElement}

package/components/ds-close.js

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

package/components/ds-content.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{C as o,d as s}from"./p-Cx0PHUcE.js";const p=o,r=s;export{p as DsContent,r as defineCustomElement}
+import{C as s,d as o}from"./p-DxZ-rfGs.js";const r=s,p=o;export{r as DsContent,p as defineCustomElement}

package/components/ds-counter.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as i,e as t,h as r,t as o}from"./p-D_rQ-1tV.js";import{_ as s,L as n,a}from"./p-DnNWN90x.js";import{i as h}from"./p-B62ocg4Q.js";import{m as l,n as d}from"./p-CvX_Qt_3.js";import{i as f}from"./p-Bti9Onuh.js";import{f as c}from"./p-B08yyDMo.js";import{F as u}from"./p-DVX9w2ld.js";import{I as m}from"./p-B28K7zBb.js";import{d as p}from"./p-BxX78Fro.js";import{d as v}from"./p-C4ZDDS_m.js";import{d as g}from"./p-B5CqWYLV.js";import{d as b}from"./p-C971cVzE.js";import{d as w}from"./p-BRVmctrW.js";import{T as y}from"./p-CdB59TNI.js";import{O as x}from"./p-BchWICdx.js";import{L as _}from"./p-D2--7hMh.js";const k={de:{increase:"erhöhen",decrease:"verringern"},en:{increase:"increase",decrease:"decrease"},fr:{increase:"augmenter",decrease:"diminuer"},it:{increase:"aumentare",decrease:"diminuire"},nl:{increase:"verhogen",decrease:"verlagen"},es:{increase:"aumentar",decrease:"disminuir"},pl:{increase:"zwiększ",decrease:"zmniejsz"},pt:{increase:"aumentar",decrease:"diminuir"},sv:{increase:"öka",decrease:"minska"},fi:{increase:"kasvata",decrease:"vähennä"}};var z=1e6,C="[big.js] ",E=C+"Invalid ",j=E+"decimal places",B=E+"rounding mode",D=C+"Division by zero",T={},F=void 0,I=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function N(e,i,t,r){var o=e.c;if(t===F&&(t=e.constructor.RM),0!==t&&1!==t&&2!==t&&3!==t)throw Error(B);if(i<1)r=3===t&&(r||!!o[0])||0===i&&(1===t&&o[0]>=5||2===t&&(o[0]>5||5===o[0]&&(r||o[1]!==F))),o.length=1,r?(e.e=e.e-i+1,o[0]=1):o[0]=e.e=0;else if(i<o.length){if(r=1===t&&o[i]>=5||2===t&&(o[i]>5||5===o[i]&&(r||o[i+1]!==F||1&o[i-1]))||3===t&&(r||!!o[0]),o.length=i,r)for(;++o[--i]>9;)if(o[i]=0,0===i){++e.e,o.unshift(1);break}for(i=o.length;!o[--i];)o.pop()}return e}function S(e,i,t){var r=e.e,o=e.c.join(""),s=o.length;if(i)o=o.charAt(0)+(s>1?"."+o.slice(1):"")+(r<0?"e":"e+")+r;else if(r<0){for(;++r;)o="0"+o;o="0."+o}else if(r>0)if(++r>s)for(r-=s;r--;)o+="0";else r<s&&(o=o.slice(0,r)+"."+o.slice(r));else s>1&&(o=o.charAt(0)+"."+o.slice(1));return e.s<0&&t?"-"+o:o}T.abs=function(){var e=new this.constructor(this);return e.s=1,e},T.cmp=function(e){var i,t=this,r=t.c,o=(e=new t.constructor(e)).c,s=t.s,n=e.s,a=t.e,h=e.e;if(!r[0]||!o[0])return r[0]?s:o[0]?-n:0;if(s!=n)return s;if(i=s<0,a!=h)return a>h^i?1:-1;for(n=(a=r.length)<(h=o.length)?a:h,s=-1;++s<n;)if(r[s]!=o[s])return r[s]>o[s]^i?1:-1;return a==h?0:a>h^i?1:-1},T.div=function(e){var i=this,t=i.constructor,r=i.c,o=(e=new t(e)).c,s=i.s==e.s?1:-1,n=t.DP;if(n!==~~n||n<0||n>z)throw Error(j);if(!o[0])throw Error(D);if(!r[0])return e.s=s,e.c=[e.e=0],e;var a,h,l,d,f,c=o.slice(),u=a=o.length,m=r.length,p=r.slice(0,a),v=p.length,g=e,b=g.c=[],w=0,y=n+(g.e=i.e-e.e)+1;for(g.s=s,s=y<0?0:y,c.unshift(0);v++<a;)p.push(0);do{for(l=0;l<10;l++){if(a!=(v=p.length))d=a>v?1:-1;else for(f=-1,d=0;++f<a;)if(o[f]!=p[f]){d=o[f]>p[f]?1:-1;break}if(!(d<0))break;for(h=v==a?o:c;v;){if(p[--v]<h[v]){for(f=v;f&&!p[--f];)p[f]=9;--p[f],p[v]+=10}p[v]-=h[v]}for(;!p[0];)p.shift()}b[w++]=d?l:++l,p[0]&&d?p[v]=r[u]||0:p=[r[u]]}while((u++<m||p[0]!==F)&&s--);return b[0]||1==w||(b.shift(),g.e--,y--),w>y&&N(g,y,t.RM,p[0]!==F),g},T.eq=function(e){return 0===this.cmp(e)},T.gt=function(e){return this.cmp(e)>0},T.gte=function(e){return this.cmp(e)>-1},T.lt=function(e){return this.cmp(e)<0},T.lte=function(e){return this.cmp(e)<1},T.minus=T.sub=function(e){var i,t,r,o,s=this,n=s.constructor,a=s.s,h=(e=new n(e)).s;if(a!=h)return e.s=-h,s.plus(e);var l=s.c.slice(),d=s.e,f=e.c,c=e.e;if(!l[0]||!f[0])return f[0]?e.s=-h:l[0]?e=new n(s):e.s=1,e;if(a=d-c){for((o=a<0)?(a=-a,r=l):(c=d,r=f),r.reverse(),h=a;h--;)r.push(0);r.reverse()}else for(t=((o=l.length<f.length)?l:f).length,a=h=0;h<t;h++)if(l[h]!=f[h]){o=l[h]<f[h];break}if(o&&(r=l,l=f,f=r,e.s=-e.s),(h=(t=f.length)-(i=l.length))>0)for(;h--;)l[i++]=0;for(h=i;t>a;){if(l[--t]<f[t]){for(i=t;i&&!l[--i];)l[i]=9;--l[i],l[t]+=10}l[t]-=f[t]}for(;0===l[--h];)l.pop();for(;0===l[0];)l.shift(),--c;return l[0]||(e.s=1,l=[c=0]),e.c=l,e.e=c,e},T.mod=function(e){var i,t=this,r=t.constructor,o=t.s,s=(e=new r(e)).s;if(!e.c[0])throw Error(D);return t.s=e.s=1,i=1==e.cmp(t),t.s=o,e.s=s,i?new r(t):(o=r.DP,s=r.RM,r.DP=r.RM=0,t=t.div(e),r.DP=o,r.RM=s,this.minus(t.times(e)))},T.neg=function(){var e=new this.constructor(this);return e.s=-e.s,e},T.plus=T.add=function(e){var i,t,r,o=this,s=o.constructor;if(e=new s(e),o.s!=e.s)return e.s=-e.s,o.minus(e);var n=o.e,a=o.c,h=e.e,l=e.c;if(!a[0]||!l[0])return l[0]||(a[0]?e=new s(o):e.s=o.s),e;if(a=a.slice(),i=n-h){for(i>0?(h=n,r=l):(i=-i,r=a),r.reverse();i--;)r.push(0);r.reverse()}for(a.length-l.length<0&&(r=l,l=a,a=r),i=l.length,t=0;i;a[i]%=10)t=(a[--i]=a[i]+l[i]+t)/10|0;for(t&&(a.unshift(t),++h),i=a.length;0===a[--i];)a.pop();return e.c=a,e.e=h,e},T.pow=function(e){var i=this,t=new i.constructor("1"),r=t,o=e<0;if(e!==~~e||e<-1e6||e>1e6)throw Error(E+"exponent");for(o&&(e=-e);1&e&&(r=r.times(i)),e>>=1;)i=i.times(i);return o?t.div(r):r},T.prec=function(e,i){if(e!==~~e||e<1||e>z)throw Error(E+"precision");return N(new this.constructor(this),e,i)},T.round=function(e,i){if(e===F)e=0;else if(e!==~~e||e<-z||e>z)throw Error(j);return N(new this.constructor(this),e+this.e+1,i)},T.sqrt=function(){var e,i,t,r=this,o=r.constructor,s=r.s,n=r.e,a=new o("0.5");if(!r.c[0])return new o(r);if(s<0)throw Error(C+"No square root");0===(s=Math.sqrt(+S(r,!0,!0)))||s===1/0?((i=r.c.join("")).length+n&1||(i+="0"),n=((n+1)/2|0)-(n<0||1&n),e=new o(((s=Math.sqrt(i))==1/0?"5e":(s=s.toExponential()).slice(0,s.indexOf("e")+1))+n)):e=new o(s+""),n=e.e+(o.DP+=4);do{e=a.times((t=e).plus(r.div(t)))}while(t.c.slice(0,n).join("")!==e.c.slice(0,n).join(""));return N(e,(o.DP-=4)+e.e+1,o.RM)},T.times=T.mul=function(e){var i,t=this,r=t.c,o=(e=new(0,t.constructor)(e)).c,s=r.length,n=o.length,a=t.e,h=e.e;if(e.s=t.s==e.s?1:-1,!r[0]||!o[0])return e.c=[e.e=0],e;for(e.e=a+h,s<n&&(i=r,r=o,o=i,h=s,s=n,n=h),i=Array(h=s+n);h--;)i[h]=0;for(a=n;a--;){for(n=0,h=s+a;h>a;)n=i[h]+o[a]*r[h-a-1]+n,i[h--]=n%10,n=n/10|0;i[h]=n}for(n?++e.e:i.shift(),a=i.length;!i[--a];)i.pop();return e.c=i,e},T.toExponential=function(e,i){var t=this,r=t.c[0];if(e!==F){if(e!==~~e||e<0||e>z)throw Error(j);for(t=N(new t.constructor(t),++e,i);t.c.length<e;)t.c.push(0)}return S(t,!0,!!r)},T.toFixed=function(e,i){var t=this,r=t.c[0];if(e!==F){if(e!==~~e||e<0||e>z)throw Error(j);for(e=e+(t=N(new t.constructor(t),e+t.e+1,i)).e+1;t.c.length<e;)t.c.push(0)}return S(t,!1,!!r)},T.toJSON=T.toString=function(){var e=this,i=e.constructor;return S(e,e.e<=i.NE||e.e>=i.PE,!!e.c[0])},"undefined"!=typeof Symbol&&(T[Symbol.for("nodejs.util.inspect.custom")]=T.toJSON),T.toNumber=function(){var e=+S(this,!0,!0);if(!0===this.constructor.strict&&!this.eq(""+e))throw Error(C+"Imprecise conversion");return e},T.toPrecision=function(e,i){var t=this,r=t.constructor,o=t.c[0];if(e!==F){if(e!==~~e||e<1||e>z)throw Error(E+"precision");for(t=N(new r(t),e,i);t.c.length<e;)t.c.push(0)}return S(t,e<=t.e||t.e<=r.NE||t.e>=r.PE,!!o)},T.valueOf=function(){var e=this,i=e.constructor;if(!0===i.strict)throw Error(C+"valueOf disallowed");return S(e,e.e<=i.NE||e.e>=i.PE,!0)};var L=function e(){function i(t){var r=this;if(!(r instanceof i))return t===F&&0===arguments.length?e():new i(t);if(t instanceof i)r.s=t.s,r.e=t.e,r.c=t.c.slice();else{if("string"!=typeof t){if(!0===i.strict&&"bigint"!=typeof t)throw TypeError(E+"value");t=0===t&&1/t<0?"-0":t+""}!function(e,i){var t,r,o;if(!I.test(i))throw Error(E+"number");for(e.s="-"==i.charAt(0)?(i=i.slice(1),-1):1,(t=i.indexOf("."))>-1&&(i=i.replace(".","")),(r=i.search(/e/i))>0?(t<0&&(t=r),t+=+i.slice(r+1),i=i.substring(0,r)):t<0&&(t=i.length),o=i.length,r=0;r<o&&"0"==i.charAt(r);)++r;if(r==o)e.c=[e.e=0];else{for(;o>0&&"0"==i.charAt(--o););for(e.e=t-r-1,e.c=[],t=0;r<=o;)e.c[t++]=+i.charAt(r++)}}(r,t)}r.constructor=i}return i.prototype=T,i.DP=20,i.RM=1,i.NE=-7,i.PE=21,i.strict=!1,i.roundDown=0,i.roundHalfUp=1,i.roundHalfEven=2,i.roundUp=3,i}();function q(e,i,t){return Number.isNaN(e)||e<i?i:e>t?t:e}const O=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsInput=t(this,"dsInput"),this.dsChange=t(this,"dsChange"),this.dsIncrease=t(this,"dsIncrease"),this.dsDecrease=t(this,"dsDecrease"),this.dsFocus=t(this,"dsFocus"),this.dsBlur=t(this,"dsBlur"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.initialValue=0,this.stepWarned=!1,this.counterId="ds-counter-"+V++,this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.language=w.language,this.region=w.region,this.value=0,this.name=this.counterId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=10,this.step=1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleIncrease=()=>{if(this.disabled||this.readonly)return;const e=function(e,i){return new L(e).plus(i).toNumber()}(this.value,this.effectiveStep());e>this.max||(this.commit(e),this.dsIncrease.emit(e))},this.handleDecrease=()=>{if(this.disabled||this.readonly)return;const e=function(e,i){return new L(e).minus(i).toNumber()}(this.value,this.effectiveStep());e<this.min||(this.commit(e),this.dsDecrease.emit(e))},this.handleKeyDown=e=>{this.disabled||this.readonly||("ArrowUp"===e.key?(e.preventDefault(),this.handleIncrease()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrease()))},this.handleFocusDecrease=e=>{this.decreaseHasFocus=!0,this.handleFocus(e)},this.handleFocusIncrease=e=>{this.increaseHasFocus=!0,this.handleFocus(e)},this.handleFocus=e=>{e.stopPropagation(),this.disabled||this.readonly||this.dsFocus.emit()},this.handleBlurDecrease=e=>{e.stopPropagation(),this.decreaseHasFocus=!1,l((()=>this.handleBlur()))},this.handleBlurIncrease=e=>{e.stopPropagation(),this.increaseHasFocus=!1,l((()=>this.handleBlur()))},this.handleBlur=()=>{this.decreaseHasFocus||this.increaseHasFocus||this.disabled||this.readonly||this.dsBlur.emit()}}createLogger(e){this.log=e}valueChanged(){if(f(this.value))return void(this.value=q(this.min,this.min,this.max));const e=q(this.value,this.min,this.max);e===this.value?this.syncFormValue(this.value):this.value=e}minChanged(){this.clampToRange()}maxChanged(){this.clampToRange()}debounceChanged(){this.dsChange=d(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.value=q(this.value,this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value)}componentWillLoad(){this.inheritedAttributes=h(this.el,["aria-label","tabindex","title"])}listenToClick(e){(this.disabled||this.readonly)&&e.target===this.el&&(e.preventDefault(),e.stopPropagation())}listenToReset(e){const i=e.target;(null==i?void 0:i.contains(this.el))&&(this.value=this.initialValue)}async configChanged(e){this.language=e.language,this.region=e.region}async setFocus(){var e,i;const t=this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl;null===(i=null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===i||i.focus()}async getInputElement(){return this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl}clampToRange(){const e=q(this.value,this.min,this.max);e!==this.value&&(this.value=e)}syncFormValue(e){this.internals.setFormValue(e+"")}effectiveStep(){return!Number.isFinite(this.step)||this.step<=0?(this.stepWarned||(console.warn(`[ds-counter] \`step\` must be a positive number, got ${this.step}. Falling back to 1.`),this.stepWarned=!0),1):this.step}commit(e){this.value=e,this.dsInput.emit(e),this.dsChange.emit(e)}render(){const e=k[this.language].decrease,i=k[this.language].increase,t=this.disabled||this.readonly||this.value<=this.min,o=this.disabled||this.readonly||this.value>=this.max;return r(u,{key:"ebfd77152d34cbe93df3299a8523bfd580b11339",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},r("div",Object.assign({key:"278eaf87f2e994a8cb4a77ca2ab48c20e59829a7",id:"counter",part:"counter",onKeyDown:this.handleKeyDown},this.inheritedAttributes),r("ds-button",{key:"c41090975dfc3590cbc08ca8e5b60fdbc7140f35",ref:e=>this.decreaseButtonEl=e,part:"decrease","data-testid":"ds-counter-decrease",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"secondary",size:"sm",square:!0,icon:"minus",a11yLabel:e,a11yTitle:e,disabled:t,onClick:this.handleDecrease,onDsFocus:this.handleFocusDecrease,onDsBlur:this.handleBlurDecrease}),r("span",{key:"79d7407db378bdc18c4c2cfffc77e92f60ef3352",part:"value","data-testid":"ds-counter-value"},c(this.value)),r("ds-button",{key:"084f967ddaf523be0fc36b50721a5439f70dfac5",ref:e=>this.increaseButtonEl=e,part:"increase","data-testid":"ds-counter-increase",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"secondary",size:"sm",square:!0,icon:"plus",a11yLabel:i,a11yTitle:i,disabled:o,onClick:this.handleIncrease,onDsFocus:this.handleFocusIncrease,onDsBlur:this.handleBlurIncrease})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.5rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem}: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{display:block}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}"}},[65,"ds-counter",{value:[1538],name:[513],label:[1],description:[1],color:[1],invalid:[516],invalidText:[1,"invalid-text"],min:[2],max:[2],step:[2],debounce:[2],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],language:[32],region:[32],configChanged:[64],setFocus:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}]);s([n("counter"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],O.prototype,"createLogger",null),s([y("number"),a("design:type",Number)],O.prototype,"value",void 0),s([y("string"),a("design:type",String)],O.prototype,"name",void 0),s([y("string"),a("design:type",String)],O.prototype,"label",void 0),s([y("string"),a("design:type",String)],O.prototype,"description",void 0),s([x(m),a("design:type",String)],O.prototype,"color",void 0),s([y("boolean"),a("design:type",Boolean)],O.prototype,"invalid",void 0),s([y("string"),a("design:type",String)],O.prototype,"invalidText",void 0),s([y("number"),a("design:type",Number)],O.prototype,"min",void 0),s([y("number"),a("design:type",Number)],O.prototype,"max",void 0),s([y("number"),a("design:type",Number)],O.prototype,"step",void 0),s([y("number"),a("design:type",Number)],O.prototype,"debounce",void 0),s([y("boolean"),a("design:type",Boolean)],O.prototype,"disabled",void 0),s([y("boolean"),a("design:type",Boolean)],O.prototype,"readonly",void 0),s([y("boolean"),a("design:type",Boolean)],O.prototype,"required",void 0),s([y("boolean"),a("design:type",Boolean)],O.prototype,"autoInvalidOff",void 0),s([_(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],O.prototype,"configChanged",null);let V=0;const W=O,A=function(){"undefined"!=typeof customElements&&["ds-counter","ds-brand-icon","ds-button","ds-icon","ds-spinner"].forEach((e=>{switch(e){case"ds-counter":customElements.get(o(e))||customElements.define(o(e),O);break;case"ds-brand-icon":customElements.get(o(e))||p();break;case"ds-button":customElements.get(o(e))||v();break;case"ds-icon":customElements.get(o(e))||g();break;case"ds-spinner":customElements.get(o(e))||b()}}))};export{W as DsCounter,A as defineCustomElement}
+import{p as e,H as r,e as i,h as t,t as o}from"./p-D_rQ-1tV.js";import{_ as n,L as a,a as s}from"./p-DnNWN90x.js";import{i as d}from"./p-B62ocg4Q.js";import{a as c}from"./p-CcE-lfae.js";import{m as l,n as u}from"./p-CvX_Qt_3.js";import{i as f}from"./p-Bti9Onuh.js";import{f as h}from"./p-B08yyDMo.js";import{F as m}from"./p-DVX9w2ld.js";import{I as v}from"./p-B28K7zBb.js";import{d as p}from"./p-DxfQopAD.js";import{d as b}from"./p-CCZcjYyi.js";import{d as g}from"./p-mahwWXn2.js";import{d as w}from"./p-oyOklwcz.js";import{d as y}from"./p-yDxcfq5h.js";import{T as k}from"./p-CdB59TNI.js";import{O as _}from"./p-BchWICdx.js";import{L as x}from"./p-D2--7hMh.js";const z={de:{increase:"erhöhen",decrease:"verringern"},en:{increase:"increase",decrease:"decrease"},fr:{increase:"augmenter",decrease:"diminuer"},it:{increase:"aumentare",decrease:"diminuire"},nl:{increase:"verhogen",decrease:"verlagen"},es:{increase:"aumentar",decrease:"disminuir"},pl:{increase:"zwiększ",decrease:"zmniejsz"},pt:{increase:"aumentar",decrease:"diminuir"},sv:{increase:"öka",decrease:"minska"},fi:{increase:"kasvata",decrease:"vähennä"}};var C=1e6,E="[big.js] ",j=E+"Invalid ",D=j+"decimal places",Y=j+"rounding mode",T=E+"Division by zero",B={},F=void 0,I=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function N(e,r,i,t){var o=e.c;if(i===F&&(i=e.constructor.RM),0!==i&&1!==i&&2!==i&&3!==i)throw Error(Y);if(r<1)t=3===i&&(t||!!o[0])||0===r&&(1===i&&o[0]>=5||2===i&&(o[0]>5||5===o[0]&&(t||o[1]!==F))),o.length=1,t?(e.e=e.e-r+1,o[0]=1):o[0]=e.e=0;else if(r<o.length){if(t=1===i&&o[r]>=5||2===i&&(o[r]>5||5===o[r]&&(t||o[r+1]!==F||1&o[r-1]))||3===i&&(t||!!o[0]),o.length=r,t)for(;++o[--r]>9;)if(o[r]=0,0===r){++e.e,o.unshift(1);break}for(r=o.length;!o[--r];)o.pop()}return e}function O(e,r,i){var t=e.e,o=e.c.join(""),n=o.length;if(r)o=o.charAt(0)+(n>1?"."+o.slice(1):"")+(t<0?"e":"e+")+t;else if(t<0){for(;++t;)o="0"+o;o="0."+o}else if(t>0)if(++t>n)for(t-=n;t--;)o+="0";else t<n&&(o=o.slice(0,t)+"."+o.slice(t));else n>1&&(o=o.charAt(0)+"."+o.slice(1));return e.s<0&&i?"-"+o:o}B.abs=function(){var e=new this.constructor(this);return e.s=1,e},B.cmp=function(e){var r,i=this,t=i.c,o=(e=new i.constructor(e)).c,n=i.s,a=e.s,s=i.e,d=e.e;if(!t[0]||!o[0])return t[0]?n:o[0]?-a:0;if(n!=a)return n;if(r=n<0,s!=d)return s>d^r?1:-1;for(a=(s=t.length)<(d=o.length)?s:d,n=-1;++n<a;)if(t[n]!=o[n])return t[n]>o[n]^r?1:-1;return s==d?0:s>d^r?1:-1},B.div=function(e){var r=this,i=r.constructor,t=r.c,o=(e=new i(e)).c,n=r.s==e.s?1:-1,a=i.DP;if(a!==~~a||a<0||a>C)throw Error(D);if(!o[0])throw Error(T);if(!t[0])return e.s=n,e.c=[e.e=0],e;var s,d,c,l,u,f=o.slice(),h=s=o.length,m=t.length,v=t.slice(0,s),p=v.length,b=e,g=b.c=[],w=0,y=a+(b.e=r.e-e.e)+1;for(b.s=n,n=y<0?0:y,f.unshift(0);p++<s;)v.push(0);do{for(c=0;c<10;c++){if(s!=(p=v.length))l=s>p?1:-1;else for(u=-1,l=0;++u<s;)if(o[u]!=v[u]){l=o[u]>v[u]?1:-1;break}if(!(l<0))break;for(d=p==s?o:f;p;){if(v[--p]<d[p]){for(u=p;u&&!v[--u];)v[u]=9;--v[u],v[p]+=10}v[p]-=d[p]}for(;!v[0];)v.shift()}g[w++]=l?c:++c,v[0]&&l?v[p]=t[h]||0:v=[t[h]]}while((h++<m||v[0]!==F)&&n--);return g[0]||1==w||(g.shift(),b.e--,y--),w>y&&N(b,y,i.RM,v[0]!==F),b},B.eq=function(e){return 0===this.cmp(e)},B.gt=function(e){return this.cmp(e)>0},B.gte=function(e){return this.cmp(e)>-1},B.lt=function(e){return this.cmp(e)<0},B.lte=function(e){return this.cmp(e)<1},B.minus=B.sub=function(e){var r,i,t,o,n=this,a=n.constructor,s=n.s,d=(e=new a(e)).s;if(s!=d)return e.s=-d,n.plus(e);var c=n.c.slice(),l=n.e,u=e.c,f=e.e;if(!c[0]||!u[0])return u[0]?e.s=-d:c[0]?e=new a(n):e.s=1,e;if(s=l-f){for((o=s<0)?(s=-s,t=c):(f=l,t=u),t.reverse(),d=s;d--;)t.push(0);t.reverse()}else for(i=((o=c.length<u.length)?c:u).length,s=d=0;d<i;d++)if(c[d]!=u[d]){o=c[d]<u[d];break}if(o&&(t=c,c=u,u=t,e.s=-e.s),(d=(i=u.length)-(r=c.length))>0)for(;d--;)c[r++]=0;for(d=r;i>s;){if(c[--i]<u[i]){for(r=i;r&&!c[--r];)c[r]=9;--c[r],c[i]+=10}c[i]-=u[i]}for(;0===c[--d];)c.pop();for(;0===c[0];)c.shift(),--f;return c[0]||(e.s=1,c=[f=0]),e.c=c,e.e=f,e},B.mod=function(e){var r,i=this,t=i.constructor,o=i.s,n=(e=new t(e)).s;if(!e.c[0])throw Error(T);return i.s=e.s=1,r=1==e.cmp(i),i.s=o,e.s=n,r?new t(i):(o=t.DP,n=t.RM,t.DP=t.RM=0,i=i.div(e),t.DP=o,t.RM=n,this.minus(i.times(e)))},B.neg=function(){var e=new this.constructor(this);return e.s=-e.s,e},B.plus=B.add=function(e){var r,i,t,o=this,n=o.constructor;if(e=new n(e),o.s!=e.s)return e.s=-e.s,o.minus(e);var a=o.e,s=o.c,d=e.e,c=e.c;if(!s[0]||!c[0])return c[0]||(s[0]?e=new n(o):e.s=o.s),e;if(s=s.slice(),r=a-d){for(r>0?(d=a,t=c):(r=-r,t=s),t.reverse();r--;)t.push(0);t.reverse()}for(s.length-c.length<0&&(t=c,c=s,s=t),r=c.length,i=0;r;s[r]%=10)i=(s[--r]=s[r]+c[r]+i)/10|0;for(i&&(s.unshift(i),++d),r=s.length;0===s[--r];)s.pop();return e.c=s,e.e=d,e},B.pow=function(e){var r=this,i=new r.constructor("1"),t=i,o=e<0;if(e!==~~e||e<-1e6||e>1e6)throw Error(j+"exponent");for(o&&(e=-e);1&e&&(t=t.times(r)),e>>=1;)r=r.times(r);return o?i.div(t):t},B.prec=function(e,r){if(e!==~~e||e<1||e>C)throw Error(j+"precision");return N(new this.constructor(this),e,r)},B.round=function(e,r){if(e===F)e=0;else if(e!==~~e||e<-C||e>C)throw Error(D);return N(new this.constructor(this),e+this.e+1,r)},B.sqrt=function(){var e,r,i,t=this,o=t.constructor,n=t.s,a=t.e,s=new o("0.5");if(!t.c[0])return new o(t);if(n<0)throw Error(E+"No square root");0===(n=Math.sqrt(+O(t,!0,!0)))||n===1/0?((r=t.c.join("")).length+a&1||(r+="0"),a=((a+1)/2|0)-(a<0||1&a),e=new o(((n=Math.sqrt(r))==1/0?"5e":(n=n.toExponential()).slice(0,n.indexOf("e")+1))+a)):e=new o(n+""),a=e.e+(o.DP+=4);do{e=s.times((i=e).plus(t.div(i)))}while(i.c.slice(0,a).join("")!==e.c.slice(0,a).join(""));return N(e,(o.DP-=4)+e.e+1,o.RM)},B.times=B.mul=function(e){var r,i=this,t=i.c,o=(e=new(0,i.constructor)(e)).c,n=t.length,a=o.length,s=i.e,d=e.e;if(e.s=i.s==e.s?1:-1,!t[0]||!o[0])return e.c=[e.e=0],e;for(e.e=s+d,n<a&&(r=t,t=o,o=r,d=n,n=a,a=d),r=Array(d=n+a);d--;)r[d]=0;for(s=a;s--;){for(a=0,d=n+s;d>s;)a=r[d]+o[s]*t[d-s-1]+a,r[d--]=a%10,a=a/10|0;r[d]=a}for(a?++e.e:r.shift(),s=r.length;!r[--s];)r.pop();return e.c=r,e},B.toExponential=function(e,r){var i=this,t=i.c[0];if(e!==F){if(e!==~~e||e<0||e>C)throw Error(D);for(i=N(new i.constructor(i),++e,r);i.c.length<e;)i.c.push(0)}return O(i,!0,!!t)},B.toFixed=function(e,r){var i=this,t=i.c[0];if(e!==F){if(e!==~~e||e<0||e>C)throw Error(D);for(e=e+(i=N(new i.constructor(i),e+i.e+1,r)).e+1;i.c.length<e;)i.c.push(0)}return O(i,!1,!!t)},B.toJSON=B.toString=function(){var e=this,r=e.constructor;return O(e,e.e<=r.NE||e.e>=r.PE,!!e.c[0])},"undefined"!=typeof Symbol&&(B[Symbol.for("nodejs.util.inspect.custom")]=B.toJSON),B.toNumber=function(){var e=+O(this,!0,!0);if(!0===this.constructor.strict&&!this.eq(""+e))throw Error(E+"Imprecise conversion");return e},B.toPrecision=function(e,r){var i=this,t=i.constructor,o=i.c[0];if(e!==F){if(e!==~~e||e<1||e>C)throw Error(j+"precision");for(i=N(new t(i),e,r);i.c.length<e;)i.c.push(0)}return O(i,e<=i.e||i.e<=t.NE||i.e>=t.PE,!!o)},B.valueOf=function(){var e=this,r=e.constructor;if(!0===r.strict)throw Error(E+"valueOf disallowed");return O(e,e.e<=r.NE||e.e>=r.PE,!0)};var S=function e(){function r(i){var t=this;if(!(t instanceof r))return i===F&&0===arguments.length?e():new r(i);if(i instanceof r)t.s=i.s,t.e=i.e,t.c=i.c.slice();else{if("string"!=typeof i){if(!0===r.strict&&"bigint"!=typeof i)throw TypeError(j+"value");i=0===i&&1/i<0?"-0":i+""}!function(e,r){var i,t,o;if(!I.test(r))throw Error(j+"number");for(e.s="-"==r.charAt(0)?(r=r.slice(1),-1):1,(i=r.indexOf("."))>-1&&(r=r.replace(".","")),(t=r.search(/e/i))>0?(i<0&&(i=t),i+=+r.slice(t+1),r=r.substring(0,t)):i<0&&(i=r.length),o=r.length,t=0;t<o&&"0"==r.charAt(t);)++t;if(t==o)e.c=[e.e=0];else{for(;o>0&&"0"==r.charAt(--o););for(e.e=i-t-1,e.c=[],i=0;t<=o;)e.c[i++]=+r.charAt(t++)}}(t,i)}t.constructor=r}return r.prototype=B,r.DP=20,r.RM=1,r.NE=-7,r.PE=21,r.strict=!1,r.roundDown=0,r.roundHalfUp=1,r.roundHalfEven=2,r.roundUp=3,r}();function q(e,r,i){return Number.isNaN(e)||e<r?r:e>i?i:e}const L=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsIncrease=i(this,"dsIncrease"),this.dsDecrease=i(this,"dsDecrease"),this.dsFocus=i(this,"dsFocus"),this.dsBlur=i(this,"dsBlur"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.initialValue=0,this.stepWarned=!1,this.counterId="ds-counter-"+A++,this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.language=y.language,this.region=y.region,this.previousValue=null,this.valueDirection=null,this.value=0,this.name=this.counterId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=10,this.step=1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleIncrease=()=>{if(this.disabled||this.readonly)return;const e=function(e,r){return new S(e).plus(r).toNumber()}(this.value,this.effectiveStep());e>this.max||(this.commit(e),this.dsIncrease.emit(e))},this.handleDecrease=()=>{if(this.disabled||this.readonly)return;const e=function(e,r){return new S(e).minus(r).toNumber()}(this.value,this.effectiveStep());e<this.min||(this.commit(e),this.dsDecrease.emit(e))},this.handleKeyDown=e=>{this.disabled||this.readonly||("ArrowUp"===e.key?(e.preventDefault(),this.handleIncrease()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrease()))},this.handleFocusDecrease=e=>{this.decreaseHasFocus=!0,this.handleFocus(e)},this.handleFocusIncrease=e=>{this.increaseHasFocus=!0,this.handleFocus(e)},this.handleFocus=e=>{e.stopPropagation(),this.disabled||this.readonly||this.dsFocus.emit()},this.handleBlurDecrease=e=>{e.stopPropagation(),this.decreaseHasFocus=!1,l((()=>this.handleBlur()))},this.handleBlurIncrease=e=>{e.stopPropagation(),this.increaseHasFocus=!1,l((()=>this.handleBlur()))},this.handleBlur=()=>{this.decreaseHasFocus||this.increaseHasFocus||this.disabled||this.readonly||this.dsBlur.emit()}}createLogger(e){this.log=e}valueChanged(){if(f(this.value))return void(this.value=q(this.min,this.min,this.max));const e=q(this.value,this.min,this.max);e===this.value?this.syncFormValue(this.value):this.value=e}minChanged(){this.clampToRange()}maxChanged(){this.clampToRange()}debounceChanged(){this.dsChange=u(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.value=q(this.value,this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value)}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){clearTimeout(this.valueAnimationTimer)}listenToClick(e){(this.disabled||this.readonly)&&e.target===this.el&&(e.preventDefault(),e.stopPropagation())}listenToReset(e){const r=e.target;(null==r?void 0:r.contains(this.el))&&(this.value=this.initialValue)}async configChanged(e){this.language=e.language,this.region=e.region}async setFocus(){var e,r;const i=this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl;null===(r=null===(e=null==i?void 0:i.shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===r||r.focus()}async getInputElement(){return this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl}clampToRange(){const e=q(this.value,this.min,this.max);e!==this.value&&(this.value=e)}syncFormValue(e){c(this.internals,e+"")}effectiveStep(){return!Number.isFinite(this.step)||this.step<=0?(this.stepWarned||(console.warn(`[ds-counter] \`step\` must be a positive number, got ${this.step}. Falling back to 1.`),this.stepWarned=!0),1):this.step}commit(e){this.animateValueChange(e),this.value=e,this.dsInput.emit(e),this.dsChange.emit(e)}animateValueChange(e){e!==this.value&&(this.previousValue=this.value,this.valueDirection=e>this.value?"increase":"decrease",clearTimeout(this.valueAnimationTimer),this.valueAnimationTimer=setTimeout((()=>{this.previousValue=null,this.valueDirection=null}),260))}render(){const e=z[this.language].decrease,r=z[this.language].increase,i=this.disabled||this.readonly||this.value<=this.min,o=this.disabled||this.readonly||this.value>=this.max;return t(m,{key:"635a8c44149e5f08cc6682d2196698d8fd4b3dba",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("div",Object.assign({key:"7e0eb54dc1a2825c44892046b507e71008f2d0ad",id:"counter",part:"counter",onKeyDown:this.handleKeyDown},this.inheritedAttributes),t("ds-button",{key:"b04c95d286b09bfc778a8e92e16c0ceb5fbaefd0",ref:e=>this.decreaseButtonEl=e,part:"decrease","data-testid":"ds-counter-decrease",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"minus",a11yLabel:e,a11yTitle:e,disabled:i,onClick:this.handleDecrease,onDsFocus:this.handleFocusDecrease,onDsBlur:this.handleBlurDecrease}),t("span",{key:"4faef5385c53c5abadd242fd837583af3221434f",id:"value",part:"value","data-testid":"ds-counter-value"},null!==this.previousValue&&t("span",{key:"prev-"+this.previousValue,"aria-hidden":"true",class:{"value-slide":!0,"value-out":!0,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.previousValue)),t("span",{key:"current-"+this.value,class:{"value-slide":!0,"value-in":null!==this.previousValue,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.value))),t("ds-button",{key:"ca7098858e2df051efbaea9fffeff61886098cd0",ref:e=>this.increaseButtonEl=e,part:"increase","data-testid":"ds-counter-increase",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"plus",a11yLabel:r,a11yTitle:r,disabled:o,onClick:this.handleIncrease,onDsFocus:this.handleFocusIncrease,onDsBlur:this.handleBlurIncrease})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}: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{display:block}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}"}},[65,"ds-counter",{value:[1538],name:[513],label:[1],description:[1],color:[1],invalid:[516],invalidText:[1,"invalid-text"],min:[2],max:[2],step:[2],debounce:[2],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],language:[32],region:[32],previousValue:[32],valueDirection:[32],configChanged:[64],setFocus:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}]);n([a("counter"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],L.prototype,"createLogger",null),n([k("number"),s("design:type",Number)],L.prototype,"value",void 0),n([k("string"),s("design:type",String)],L.prototype,"name",void 0),n([k("string"),s("design:type",String)],L.prototype,"label",void 0),n([k("string"),s("design:type",String)],L.prototype,"description",void 0),n([_(v),s("design:type",String)],L.prototype,"color",void 0),n([k("boolean"),s("design:type",Boolean)],L.prototype,"invalid",void 0),n([k("string"),s("design:type",String)],L.prototype,"invalidText",void 0),n([k("number"),s("design:type",Number)],L.prototype,"min",void 0),n([k("number"),s("design:type",Number)],L.prototype,"max",void 0),n([k("number"),s("design:type",Number)],L.prototype,"step",void 0),n([k("number"),s("design:type",Number)],L.prototype,"debounce",void 0),n([k("boolean"),s("design:type",Boolean)],L.prototype,"disabled",void 0),n([k("boolean"),s("design:type",Boolean)],L.prototype,"readonly",void 0),n([k("boolean"),s("design:type",Boolean)],L.prototype,"required",void 0),n([k("boolean"),s("design:type",Boolean)],L.prototype,"autoInvalidOff",void 0),n([x(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],L.prototype,"configChanged",null);let A=0;const V=L,M=function(){"undefined"!=typeof customElements&&["ds-counter","ds-brand-icon","ds-button","ds-icon","ds-spinner"].forEach((e=>{switch(e){case"ds-counter":customElements.get(o(e))||customElements.define(o(e),L);break;case"ds-brand-icon":customElements.get(o(e))||p();break;case"ds-button":customElements.get(o(e))||b();break;case"ds-icon":customElements.get(o(e))||g();break;case"ds-spinner":customElements.get(o(e))||w()}}))};export{V as DsCounter,M as defineCustomElement}

package/components/ds-data-item.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as a,h as e,c as i,t as o}from"./p-D_rQ-1tV.js";import{_ as d,L as l,a as s}from"./p-DnNWN90x.js";import{d as r}from"./p-BxX78Fro.js";import{d as m}from"./p-C4ZDDS_m.js";import{d as n}from"./p-B5CqWYLV.js";import{d as c}from"./p-C971cVzE.js";import{d as b}from"./p-BRVmctrW.js";import{T as v}from"./p-CdB59TNI.js";import{L as f}from"./p-D2--7hMh.js";const p={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},x=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.innerEditLabel="Edit",this.language=b.language,this.region=b.region,this.labelId="data-item-label-"+Math.random().toString(36).slice(2,9),this.valueId="data-item-value-"+Math.random().toString(36).slice(2,9),this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=p[t.language])||void 0===a?void 0:a.editLabel)||p.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"7a783034db37d63ddd29c575e7e88f5bf01e9d33",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"00204b38b8416a5ca2dd25a5d910fc45720ee316",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"49116f2f45cfa264887203e4f4388e3236285b0f",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"1c1208ad99a9a123c6a9110c3cd976a502bc5cca"}),this.editable&&e("ds-button",{key:"436610d80c748a0cefd4467b4b249c379b7932e4",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return this}static get style(){return":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-data-item-label-font-weight)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-data-item-value-color)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-data-item-label-color)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-data-item-color-required)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-data-item-color-disabled)));--_data-item-border-bottom:var(--data-item-border-bottom, var(--mod-data-item-border-bottom, var(--ds-data-item-border-bottom)));border-bottom:var(--_data-item-border-bottom)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}"}},[257,"ds-data-item",{disabled:[516],multiline:[516],editable:[516],editLabel:[1,"edit-label"],innerEditLabel:[32],language:[32],region:[32],configChanged:[64]}]);d([l("data-item"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),d([v("boolean"),s("design:type",Boolean)],x.prototype,"disabled",void 0),d([v("boolean"),s("design:type",Boolean)],x.prototype,"multiline",void 0),d([v("boolean"),s("design:type",Boolean)],x.prototype,"editable",void 0),d([v("string"),s("design:type",Object)],x.prototype,"editLabel",void 0),d([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);const g=x,h=function(){"undefined"!=typeof customElements&&["ds-data-item","ds-brand-icon","ds-button","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-data-item":customElements.get(o(t))||customElements.define(o(t),x);break;case"ds-brand-icon":customElements.get(o(t))||r();break;case"ds-button":customElements.get(o(t))||m();break;case"ds-icon":customElements.get(o(t))||n();break;case"ds-spinner":customElements.get(o(t))||c()}}))};export{g as DsDataItem,h as defineCustomElement}
+import{p as t,H as a,h as e,c as i,t as o}from"./p-D_rQ-1tV.js";import{_ as d,L as l,a as s}from"./p-DnNWN90x.js";import{d as r}from"./p-DxfQopAD.js";import{d as m}from"./p-CCZcjYyi.js";import{d as n}from"./p-mahwWXn2.js";import{d as c}from"./p-oyOklwcz.js";import{d as b}from"./p-yDxcfq5h.js";import{T as v}from"./p-CdB59TNI.js";import{L as f}from"./p-D2--7hMh.js";const p={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},x=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.innerEditLabel="Edit",this.language=b.language,this.region=b.region,this.labelId="data-item-label-"+Math.random().toString(36).slice(2,9),this.valueId="data-item-value-"+Math.random().toString(36).slice(2,9),this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=p[t.language])||void 0===a?void 0:a.editLabel)||p.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"65df3b195f52c26e136be800ba83543982e96726",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"94549cce34bbd4c696beb50d6b4eae2cb5a06437",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"17c3d94b5dc271ca1199c55122b534e7377077d2",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"4084af358296358b4ccd8b9efd8c276582d15f89"}),this.editable&&e("ds-button",{key:"51a96d59fcb00cabd90c98bc3330ad3da44a3cfa",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return this}static get style(){return":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-data-item-label-font-weight)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-data-item-value-color)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-data-item-label-color)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-data-item-color-required)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-data-item-color-disabled)));--_data-item-border-bottom:var(--data-item-border-bottom, var(--mod-data-item-border-bottom, var(--ds-data-item-border-bottom)));border-bottom:var(--_data-item-border-bottom)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}"}},[257,"ds-data-item",{disabled:[516],multiline:[516],editable:[516],editLabel:[1,"edit-label"],innerEditLabel:[32],language:[32],region:[32],configChanged:[64]}]);d([l("data-item"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),d([v("boolean"),s("design:type",Boolean)],x.prototype,"disabled",void 0),d([v("boolean"),s("design:type",Boolean)],x.prototype,"multiline",void 0),d([v("boolean"),s("design:type",Boolean)],x.prototype,"editable",void 0),d([v("string"),s("design:type",Object)],x.prototype,"editLabel",void 0),d([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);const h=x,g=function(){"undefined"!=typeof customElements&&["ds-data-item","ds-brand-icon","ds-button","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-data-item":customElements.get(o(t))||customElements.define(o(t),x);break;case"ds-brand-icon":customElements.get(o(t))||r();break;case"ds-button":customElements.get(o(t))||m();break;case"ds-icon":customElements.get(o(t))||n();break;case"ds-spinner":customElements.get(o(t))||c()}}))};export{h as DsDataItem,g as defineCustomElement}

package/components/ds-data-label.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,c as a,t as n}from"./p-D_rQ-1tV.js";import{_ as r,L as o,a as c}from"./p-DnNWN90x.js";import{T as d}from"./p-CdB59TNI.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.required=!1}createLogger(e){this.log=e}render(){return s(a,{key:"1c48dad53f4aafa7c27ff943b011c881376ccf69"},s("slot",{key:"74709b6412e015b3f126c527189f3efc4c4e5ed1"}),this.required?s("span",null,"*"):"")}get el(){return this}static get style(){return":host{display:contents}"}},[260,"ds-data-label",{required:[516]}]);r([o("data-label"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],i.prototype,"createLogger",null),r([d("boolean"),c("design:type",Boolean)],i.prototype,"required",void 0);const l=i,p=function(){"undefined"!=typeof customElements&&["ds-data-label"].forEach((e=>{"ds-data-label"===e&&(customElements.get(n(e))||customElements.define(n(e),i))}))};export{l as DsDataLabel,p as defineCustomElement}
+import{p as e,H as t,h as s,c as a,t as n}from"./p-D_rQ-1tV.js";import{_ as r,L as o,a as d}from"./p-DnNWN90x.js";import{T as c}from"./p-CdB59TNI.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.required=!1}createLogger(e){this.log=e}render(){return s(a,{key:"090f3ac69156b3a97098292c484b4c39c4e35665"},s("slot",{key:"ddc4df599178c220534454ff1ca68a6bd778d902"}),this.required?s("span",null,"*"):"")}get el(){return this}static get style(){return":host{display:contents}"}},[260,"ds-data-label",{required:[516]}]);r([o("data-label"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],i.prototype,"createLogger",null),r([c("boolean"),d("design:type",Boolean)],i.prototype,"required",void 0);const l=i,p=function(){"undefined"!=typeof customElements&&["ds-data-label"].forEach((e=>{"ds-data-label"===e&&(customElements.get(n(e))||customElements.define(n(e),i))}))};export{l as DsDataLabel,p as defineCustomElement}