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

package/components/ds-card.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as r,H as a,h as d,e,t}from"./p-BNY3JzuV.js";import{_ as o,L as c,a as s}from"./p-Dr4dquer.js";import{i}from"./p-DTPbL3uY.js";import{n}from"./p-DR5LIaCn.js";import{s as l,V as g,a as m}from"./p-82RSSk25.js";import{C as h,a as p,b as v,c as b}from"./p-BlyIAln5.js";const u=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.flat=!1,this.tile=!1,this.dense=!1,this.imageTeaser="",this.square=!1,this.outlined=!1,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1,this.align="",this.color=""}createLogger(r){this.log=r}spaceChanged(r){this.space=n(r)}connectedCallback(){l(this),this.space=n(this.space)}get colorTypeClass(){const r=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"}[r]||r}render(){const r=!!this.outlined,a=!!this.imageTeaser;return d(e,{key:"5a6954546b3edccfa156aa9a69ee996c0048fb6e",class:{"is-image-teaser":a,["is-image-teaser-"+this.imageTeaser]:a&&!i(this.imageTeaser),"is-square":this.square,"is-dense":this.dense,["is-"+this.colorTypeClass]:!i(this.color)&&"white"!==this.colorTypeClass,["has-space-"+this.space]:!i(this.space),"is-outlined":r,"is-flat":r||!!this.flat,"is-tile":!!this.tile}},d("slot",{key:"91bdbfea93a5103785f6253a767c3985593ff397",name:"picture"}),d("article",{key:"1399cdb4d3f587e1e1d5404a85dc2a7976282e49",id:"card",class:{"is-fullheight":this.fullheight,["align-"+this.align]:!i(this.align)}},d("slot",{key:"3c2b044cd753fc635c745dc3a6e11a69d8f57f32"})))}get el(){return this}static get watchers(){return{space:[{spaceChanged:0}]}}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-base-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-base-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-base-border, transparent)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius-base)));--_card-border-width:var(--card-border-width, var(--mod-card-border-width, 0rem));--_card-border-style:var(--card-border-style, var(--mod-card-border-style, solid));--_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-space-base-device)));--_card-padding-left:var(--card-padding-left, var(--mod-card-padding-left, var(--ds-card-space-base-device)));--_card-padding-right:var(--card-padding-right, var(--mod-card-padding-right, var(--ds-card-space-base-device)));--_card-padding-top:var(--card-padding-top, var(--mod-card-padding-top, var(--ds-card-space-base-device)));--_card-padding-bottom:var(--card-padding-bottom, var(--mod-card-padding-bottom, var(--ds-card-space-base-device)));--_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;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border-color:var(--_card-color-border);border-width:var(--_card-border-width);border-style:var(--_card-border-style);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:calc(var(--_card-padding-left) - var(--_card-border-width));padding-right:calc(var(--_card-padding-right) - var(--_card-border-width));padding-top:calc(var(--_card-padding-top) - var(--_card-border-width));padding-bottom:calc(var(--_card-padding-bottom) - var(--_card-border-width));text-decoration:none}#card .card-header{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .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 .card-header ds-icon,#card .card-header ::slotted(ds-icon){grid-area:icon}#card .card-header>.tag,#card .card-header>.tags,#card .card-header>ds-tag,#card .card-header>ds-tag-group,#card .card-header ::slotted(ds-tag),#card .card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .card-header .title,#card .card-header ds-card-title{grid-area:title}#card .card-header>p,#card .card-header .subtitle,#card .card-header ds-card-subtitle{grid-area:subtitle}#card .card-header .title,#card .card-header .subtitle,#card .card-header .heading{margin:0}#card .card-content{font-family:var(--ds-text-family-body);font-weight:var(--ds-text-weight-regular)}#card .card-content strong,#card .card-content b{font-weight:var(--ds-text-weight-bold)}#card .card-content h1,#card .card-content h2,#card .card-content h3,#card .card-content h4,#card .card-content h5,#card .card-content h6,#card .card-content ds-heading{font-family:var(--ds-heading-family);font-weight:var(--ds-heading-weight)}#card .card-content h1,#card .card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}#card .card-content h2,#card .card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}#card .card-content h3,#card .card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}#card .card-content h4,#card .card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}#card .card-content h5,#card .card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}#card .card-content ds-heading:not(:last-child),#card .card-content h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}#card .card-content h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}#card .card-content ds-text:not(:last-child),#card .card-content p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}#card .card-content p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}#card .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%}@media screen and (max-width: 768px){#card .card-actions ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}#card .card-actions ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card .card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .card-actions.as-row{--mod-buttons-direction:row}#card .card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .card-actions.as-col ::slotted(.button),#card .card-actions.as-col .button,#card .card-actions.as-col ::slotted(ds-button),#card .card-actions.as-col ds-button,#card .card-actions.as-col-reverse ::slotted(.button),#card .card-actions.as-col-reverse .button,#card .card-actions.as-col-reverse ::slotted(ds-button),#card .card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .card-actions.as-col.is-center,#card .card-actions.as-col.is-centered,#card .card-actions.as-col-reverse.is-center,#card .card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .card-actions.as-col.is-left,#card .card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .card-actions.as-col.is-right,#card .card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .card-actions.as-row.is-center,#card .card-actions.as-row.is-centered,#card .card-actions.is-center:not(.as-col),#card .card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .card-actions.as-row.is-left,#card .card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .card-actions.as-row.is-right,#card .card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .card-actions.is-wide ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions.is-wide .button:not(.is-square,.is-circle),#card .card-actions.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions.is-wide ds-button:not(.is-square,.is-circle){-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-square){--mod-card-radius:var(--ds-card-radius-square)}:host(.is-flat){--mod-card-radius:var(--ds-card-radius-flat);--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-padding-left:0;--mod-card-padding-right:0;--mod-card-padding-top:0;--mod-card-padding-bottom:0}:host(.is-outlined){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-border-width:var(--ds-card-outline-width);--mod-card-border-style:dashed;--mod-card-color-border:var(--ds-card-color-base-outline, transparent)}:host(.is-white){--mod-card-color-background:var(--ds-card-color-white-background);--mod-card-color-text:var(--ds-card-color-white-text);--mod-card-color-border:var(--ds-card-color-white-border, transparent)}:host(.is-white.is-outlined){--mod-card-color-border:var(--ds-card-color-white-outline, transparent)}: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, transparent)}:host(.is-primary.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-outline, transparent)}:host(.is-primary-light){--mod-card-color-background:var(--ds-card-color-primary-light-background);--mod-card-color-text:var(--ds-card-color-primary-light-text);--mod-card-color-border:var(--ds-card-color-primary-light-border, transparent)}:host(.is-primary-light.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-light-outline, transparent)}:host(.is-info){--mod-card-color-background:var(--ds-card-color-info-background);--mod-card-color-text:var(--ds-card-color-info-text);--mod-card-color-border:var(--ds-card-color-info-border, transparent)}:host(.is-info.is-outlined){--mod-card-color-border:var(--ds-card-color-info-outline, transparent)}:host(.is-success){--mod-card-color-background:var(--ds-card-color-success-background);--mod-card-color-text:var(--ds-card-color-success-text);--mod-card-color-border:var(--ds-card-color-success-border, transparent)}:host(.is-success.is-outlined){--mod-card-color-border:var(--ds-card-color-success-outline, transparent)}:host(.is-warning){--mod-card-color-background:var(--ds-card-color-warning-background);--mod-card-color-text:var(--ds-card-color-warning-text);--mod-card-color-border:var(--ds-card-color-warning-border, transparent)}:host(.is-warning.is-outlined){--mod-card-color-border:var(--ds-card-color-warning-outline, transparent)}:host(.is-danger){--mod-card-color-background:var(--ds-card-color-danger-background);--mod-card-color-text:var(--ds-card-color-danger-text);--mod-card-color-border:var(--ds-card-color-danger-border, transparent)}:host(.is-danger.is-outlined){--mod-card-color-border:var(--ds-card-color-danger-outline, transparent)}: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, transparent)}:host(.is-grey.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-outline, transparent)}:host(.is-grey-light){--mod-card-color-background:var(--ds-card-color-grey-light-background);--mod-card-color-text:var(--ds-card-color-grey-light-text);--mod-card-color-border:var(--ds-card-color-grey-light-border, transparent)}:host(.is-grey-light.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-light-outline, transparent)}: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, transparent)}:host(.is-red.is-outlined){--mod-card-color-border:var(--ds-card-color-red-outline, transparent)}:host(.is-red-light){--mod-card-color-background:var(--ds-card-color-red-light-background);--mod-card-color-text:var(--ds-card-color-red-light-text);--mod-card-color-border:var(--ds-card-color-red-light-border, transparent)}:host(.is-red-light.is-outlined){--mod-card-color-border:var(--ds-card-color-red-light-outline, transparent)}:host(.is-red-lighter){--mod-card-color-background:var(--ds-card-color-red-lighter-background);--mod-card-color-text:var(--ds-card-color-red-lighter-text);--mod-card-color-border:var(--ds-card-color-red-lighter-border, transparent)}:host(.is-red-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-red-lighter-outline, transparent)}: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, transparent)}:host(.is-green.is-outlined){--mod-card-color-border:var(--ds-card-color-green-outline, transparent)}:host(.is-green-light){--mod-card-color-background:var(--ds-card-color-green-light-background);--mod-card-color-text:var(--ds-card-color-green-light-text);--mod-card-color-border:var(--ds-card-color-green-light-border, transparent)}:host(.is-green-light.is-outlined){--mod-card-color-border:var(--ds-card-color-green-light-outline, transparent)}:host(.is-green-lighter){--mod-card-color-background:var(--ds-card-color-green-lighter-background);--mod-card-color-text:var(--ds-card-color-green-lighter-text);--mod-card-color-border:var(--ds-card-color-green-lighter-border, transparent)}:host(.is-green-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-green-lighter-outline, transparent)}: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, transparent)}:host(.is-purple.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-outline, transparent)}:host(.is-purple-light){--mod-card-color-background:var(--ds-card-color-purple-light-background);--mod-card-color-text:var(--ds-card-color-purple-light-text);--mod-card-color-border:var(--ds-card-color-purple-light-border, transparent)}:host(.is-purple-light.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-light-outline, transparent)}:host(.is-purple-lighter){--mod-card-color-background:var(--ds-card-color-purple-lighter-background);--mod-card-color-text:var(--ds-card-color-purple-lighter-text);--mod-card-color-border:var(--ds-card-color-purple-lighter-border, transparent)}:host(.is-purple-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-lighter-outline, transparent)}: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, transparent)}:host(.is-yellow.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-outline, transparent)}:host(.is-yellow-light){--mod-card-color-background:var(--ds-card-color-yellow-light-background);--mod-card-color-text:var(--ds-card-color-yellow-light-text);--mod-card-color-border:var(--ds-card-color-yellow-light-border, transparent)}:host(.is-yellow-light.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-light-outline, transparent)}:host(.is-yellow-lighter){--mod-card-color-background:var(--ds-card-color-yellow-lighter-background);--mod-card-color-text:var(--ds-card-color-yellow-lighter-text);--mod-card-color-border:var(--ds-card-color-yellow-lighter-border, transparent)}:host(.is-yellow-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-lighter-outline, transparent)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-space-sm-device)}:host(.has-space-sm:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-sm-device);--mod-card-padding-right:var(--ds-card-space-sm-device);--mod-card-padding-top:var(--ds-card-space-sm-device);--mod-card-padding-bottom:var(--ds-card-space-sm-device)}:host(.has-space-md){--mod-card-gap:var(--ds-card-space-md-device)}:host(.has-space-md:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-md-device);--mod-card-padding-right:var(--ds-card-space-md-device);--mod-card-padding-top:var(--ds-card-space-md-device);--mod-card-padding-bottom:var(--ds-card-space-md-device)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-space-lg-device)}:host(.has-space-lg:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-lg-device);--mod-card-padding-right:var(--ds-card-space-lg-device);--mod-card-padding-top:var(--ds-card-space-lg-device);--mod-card-padding-bottom:var(--ds-card-space-lg-device)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:"icon title ." "icon subtitle subtitle"}@media screen and (min-width: 769px){:host(.is-tile){--mod-card-padding-left:calc( var(--ds-card-space-base-device) + var(--ds-icon-tile-size-lg-device) + calc(var(--_card-gap) / 2) );--mod-card-header-margin-left:calc(calc(var(--ds-icon-tile-size-lg-device) * -1) - calc(var(--_card-gap) / 2))}}: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.image-link,button.image-link{cursor:pointer}a.image-link picture,button.image-link picture{display:block;overflow:hidden}a.image-link img,button.image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.image-link img:hover,a.image-link img.is-hovered,button.image-link img:hover,button.image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.image-link img:active,a.image-link img.is-pressed,button.image-link img:active,button.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"],square:[4],outlined:[4],inverted:[4],clickable:[4],selected:[4],fullheight:[4],align:[1],space:[1025],color:[1]},void 0,{space:[{spaceChanged:0}]}]);o([c("card"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),o([g("boolean"),s("design:type",Boolean)],u.prototype,"flat",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"tile",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"dense",void 0),o([m(...h),s("design:type",String)],u.prototype,"imageTeaser",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"square",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"outlined",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"inverted",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"clickable",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"selected",void 0),o([g("boolean"),s("design:type",Boolean)],u.prototype,"fullheight",void 0),o([m(...p),s("design:type",String)],u.prototype,"align",void 0),o([m(...v),s("design:type",String)],u.prototype,"space",void 0),o([m(...b),s("design:type",String)],u.prototype,"color",void 0);const f=u,w=function(){"undefined"!=typeof customElements&&["ds-card"].forEach((r=>{"ds-card"===r&&(customElements.get(t(r))||customElements.define(t(r),u))}))};export{f as DsCard,w as defineCustomElement}
+import{p as r,H as a,h as d,e,t}from"./p-WO0X5Vmy.js";import{_ as o,L as c,a as s}from"./p-J0mxIuTt.js";import{h as i}from"./p-BrIcCcce.js";import{n}from"./p-DR5LIaCn.js";import{C as l,a as g,b as m,c as h}from"./p-BlyIAln5.js";import{T as v}from"./p-DAYd9ty0.js";import{O as p}from"./p-BhbWmCTu.js";const b=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.flat=!1,this.tile=!1,this.dense=!1,this.imageTeaser="",this.square=!1,this.outlined=!1,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1,this.align="",this.color=""}createLogger(r){this.log=r}get colorTypeClass(){const r=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"}[r]||r}render(){const r=!!this.outlined,a=i(this.imageTeaser),t=n(this.space)||"";return d(e,{key:"180887d5bdf129363bc1ea16a5bb61641ae05663",class:{"is-image-teaser":a,["is-image-teaser-"+this.imageTeaser]:a&&i(this.imageTeaser),"is-square":this.square,"is-dense":this.dense,["is-"+this.colorTypeClass]:i(this.color)&&"white"!==this.colorTypeClass,["has-space-"+t]:i(this.space),"is-outlined":r,"is-flat":r||!!this.flat,"is-tile":!!this.tile}},d("slot",{key:"f305737612e2932b295df5479a5853ba570f7279",name:"picture"}),d("article",{key:"51dc3fcb6756fe89fdf63f10cbc4ca4352d877d0",id:"card",class:{"is-fullheight":this.fullheight,["align-"+this.align]:i(this.align)}},d("slot",{key:"d2f923b925198c0b3dcc12f9051e3e4c99c6e56a"})))}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-base-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-base-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-base-border, transparent)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius-base)));--_card-border-width:var(--card-border-width, var(--mod-card-border-width, 0rem));--_card-border-style:var(--card-border-style, var(--mod-card-border-style, solid));--_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-space-base-device)));--_card-padding-left:var(--card-padding-left, var(--mod-card-padding-left, var(--ds-card-space-base-device)));--_card-padding-right:var(--card-padding-right, var(--mod-card-padding-right, var(--ds-card-space-base-device)));--_card-padding-top:var(--card-padding-top, var(--mod-card-padding-top, var(--ds-card-space-base-device)));--_card-padding-bottom:var(--card-padding-bottom, var(--mod-card-padding-bottom, var(--ds-card-space-base-device)));--_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;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border-color:var(--_card-color-border);border-width:var(--_card-border-width);border-style:var(--_card-border-style);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:calc(var(--_card-padding-left) - var(--_card-border-width));padding-right:calc(var(--_card-padding-right) - var(--_card-border-width));padding-top:calc(var(--_card-padding-top) - var(--_card-border-width));padding-bottom:calc(var(--_card-padding-bottom) - var(--_card-border-width));text-decoration:none}#card .card-header{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .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 .card-header ds-icon,#card .card-header ::slotted(ds-icon){grid-area:icon}#card .card-header>.tag,#card .card-header>.tags,#card .card-header>ds-tag,#card .card-header>ds-tag-group,#card .card-header ::slotted(ds-tag),#card .card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .card-header .title,#card .card-header ds-card-title{grid-area:title}#card .card-header>p,#card .card-header .subtitle,#card .card-header ds-card-subtitle{grid-area:subtitle}#card .card-header .title,#card .card-header .subtitle,#card .card-header .heading{margin:0}#card .card-content{font-family:var(--ds-text-family-body);font-weight:var(--ds-text-weight-regular)}#card .card-content strong,#card .card-content b{font-weight:var(--ds-text-weight-bold)}#card .card-content h1,#card .card-content h2,#card .card-content h3,#card .card-content h4,#card .card-content h5,#card .card-content h6,#card .card-content ds-heading{font-family:var(--ds-heading-family);font-weight:var(--ds-heading-weight)}#card .card-content h1,#card .card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}#card .card-content h2,#card .card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}#card .card-content h3,#card .card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}#card .card-content h4,#card .card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}#card .card-content h5,#card .card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}#card .card-content ds-heading:not(:last-child),#card .card-content h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}#card .card-content h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}#card .card-content ds-text:not(:last-child),#card .card-content p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}#card .card-content p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}#card .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%}@media screen and (max-width: 768px){#card .card-actions ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}#card .card-actions ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card .card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .card-actions.as-row{--mod-buttons-direction:row}#card .card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .card-actions.as-col ::slotted(.button),#card .card-actions.as-col .button,#card .card-actions.as-col ::slotted(ds-button),#card .card-actions.as-col ds-button,#card .card-actions.as-col-reverse ::slotted(.button),#card .card-actions.as-col-reverse .button,#card .card-actions.as-col-reverse ::slotted(ds-button),#card .card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .card-actions.as-col.is-center,#card .card-actions.as-col.is-centered,#card .card-actions.as-col-reverse.is-center,#card .card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .card-actions.as-col.is-left,#card .card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .card-actions.as-col.is-right,#card .card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .card-actions.as-row.is-center,#card .card-actions.as-row.is-centered,#card .card-actions.is-center:not(.as-col),#card .card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .card-actions.as-row.is-left,#card .card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .card-actions.as-row.is-right,#card .card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .card-actions.is-wide ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions.is-wide .button:not(.is-square,.is-circle),#card .card-actions.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions.is-wide ds-button:not(.is-square,.is-circle){-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-square){--mod-card-radius:var(--ds-card-radius-square)}:host(.is-flat){--mod-card-radius:var(--ds-card-radius-flat);--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-padding-left:0;--mod-card-padding-right:0;--mod-card-padding-top:0;--mod-card-padding-bottom:0}:host(.is-outlined){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-border-width:var(--ds-card-outline-width);--mod-card-border-style:dashed;--mod-card-color-border:var(--ds-card-color-base-outline, transparent)}:host(.is-white){--mod-card-color-background:var(--ds-card-color-white-background);--mod-card-color-text:var(--ds-card-color-white-text);--mod-card-color-border:var(--ds-card-color-white-border, transparent)}:host(.is-white.is-outlined){--mod-card-color-border:var(--ds-card-color-white-outline, transparent)}: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, transparent)}:host(.is-primary.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-outline, transparent)}:host(.is-primary-light){--mod-card-color-background:var(--ds-card-color-primary-light-background);--mod-card-color-text:var(--ds-card-color-primary-light-text);--mod-card-color-border:var(--ds-card-color-primary-light-border, transparent)}:host(.is-primary-light.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-light-outline, transparent)}:host(.is-info){--mod-card-color-background:var(--ds-card-color-info-background);--mod-card-color-text:var(--ds-card-color-info-text);--mod-card-color-border:var(--ds-card-color-info-border, transparent)}:host(.is-info.is-outlined){--mod-card-color-border:var(--ds-card-color-info-outline, transparent)}:host(.is-success){--mod-card-color-background:var(--ds-card-color-success-background);--mod-card-color-text:var(--ds-card-color-success-text);--mod-card-color-border:var(--ds-card-color-success-border, transparent)}:host(.is-success.is-outlined){--mod-card-color-border:var(--ds-card-color-success-outline, transparent)}:host(.is-warning){--mod-card-color-background:var(--ds-card-color-warning-background);--mod-card-color-text:var(--ds-card-color-warning-text);--mod-card-color-border:var(--ds-card-color-warning-border, transparent)}:host(.is-warning.is-outlined){--mod-card-color-border:var(--ds-card-color-warning-outline, transparent)}:host(.is-danger){--mod-card-color-background:var(--ds-card-color-danger-background);--mod-card-color-text:var(--ds-card-color-danger-text);--mod-card-color-border:var(--ds-card-color-danger-border, transparent)}:host(.is-danger.is-outlined){--mod-card-color-border:var(--ds-card-color-danger-outline, transparent)}: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, transparent)}:host(.is-grey.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-outline, transparent)}:host(.is-grey-light){--mod-card-color-background:var(--ds-card-color-grey-light-background);--mod-card-color-text:var(--ds-card-color-grey-light-text);--mod-card-color-border:var(--ds-card-color-grey-light-border, transparent)}:host(.is-grey-light.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-light-outline, transparent)}: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, transparent)}:host(.is-red.is-outlined){--mod-card-color-border:var(--ds-card-color-red-outline, transparent)}:host(.is-red-light){--mod-card-color-background:var(--ds-card-color-red-light-background);--mod-card-color-text:var(--ds-card-color-red-light-text);--mod-card-color-border:var(--ds-card-color-red-light-border, transparent)}:host(.is-red-light.is-outlined){--mod-card-color-border:var(--ds-card-color-red-light-outline, transparent)}:host(.is-red-lighter){--mod-card-color-background:var(--ds-card-color-red-lighter-background);--mod-card-color-text:var(--ds-card-color-red-lighter-text);--mod-card-color-border:var(--ds-card-color-red-lighter-border, transparent)}:host(.is-red-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-red-lighter-outline, transparent)}: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, transparent)}:host(.is-green.is-outlined){--mod-card-color-border:var(--ds-card-color-green-outline, transparent)}:host(.is-green-light){--mod-card-color-background:var(--ds-card-color-green-light-background);--mod-card-color-text:var(--ds-card-color-green-light-text);--mod-card-color-border:var(--ds-card-color-green-light-border, transparent)}:host(.is-green-light.is-outlined){--mod-card-color-border:var(--ds-card-color-green-light-outline, transparent)}:host(.is-green-lighter){--mod-card-color-background:var(--ds-card-color-green-lighter-background);--mod-card-color-text:var(--ds-card-color-green-lighter-text);--mod-card-color-border:var(--ds-card-color-green-lighter-border, transparent)}:host(.is-green-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-green-lighter-outline, transparent)}: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, transparent)}:host(.is-purple.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-outline, transparent)}:host(.is-purple-light){--mod-card-color-background:var(--ds-card-color-purple-light-background);--mod-card-color-text:var(--ds-card-color-purple-light-text);--mod-card-color-border:var(--ds-card-color-purple-light-border, transparent)}:host(.is-purple-light.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-light-outline, transparent)}:host(.is-purple-lighter){--mod-card-color-background:var(--ds-card-color-purple-lighter-background);--mod-card-color-text:var(--ds-card-color-purple-lighter-text);--mod-card-color-border:var(--ds-card-color-purple-lighter-border, transparent)}:host(.is-purple-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-lighter-outline, transparent)}: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, transparent)}:host(.is-yellow.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-outline, transparent)}:host(.is-yellow-light){--mod-card-color-background:var(--ds-card-color-yellow-light-background);--mod-card-color-text:var(--ds-card-color-yellow-light-text);--mod-card-color-border:var(--ds-card-color-yellow-light-border, transparent)}:host(.is-yellow-light.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-light-outline, transparent)}:host(.is-yellow-lighter){--mod-card-color-background:var(--ds-card-color-yellow-lighter-background);--mod-card-color-text:var(--ds-card-color-yellow-lighter-text);--mod-card-color-border:var(--ds-card-color-yellow-lighter-border, transparent)}:host(.is-yellow-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-lighter-outline, transparent)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-space-sm-device)}:host(.has-space-sm:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-sm-device);--mod-card-padding-right:var(--ds-card-space-sm-device);--mod-card-padding-top:var(--ds-card-space-sm-device);--mod-card-padding-bottom:var(--ds-card-space-sm-device)}:host(.has-space-md){--mod-card-gap:var(--ds-card-space-md-device)}:host(.has-space-md:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-md-device);--mod-card-padding-right:var(--ds-card-space-md-device);--mod-card-padding-top:var(--ds-card-space-md-device);--mod-card-padding-bottom:var(--ds-card-space-md-device)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-space-lg-device)}:host(.has-space-lg:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-lg-device);--mod-card-padding-right:var(--ds-card-space-lg-device);--mod-card-padding-top:var(--ds-card-space-lg-device);--mod-card-padding-bottom:var(--ds-card-space-lg-device)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:\'icon title .\' \'icon subtitle subtitle\'}@media screen and (min-width: 769px){:host(.is-tile){--mod-card-padding-left:calc( var(--ds-card-space-base-device) + var(--ds-icon-tile-size-lg-device) + calc(var(--_card-gap) / 2) );--mod-card-header-margin-left:calc(calc(var(--ds-icon-tile-size-lg-device) * -1) - calc(var(--_card-gap) / 2))}}: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.image-link,button.image-link{cursor:pointer}a.image-link picture,button.image-link picture{display:block;overflow:hidden}a.image-link img,button.image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.image-link img:hover,a.image-link img.is-hovered,button.image-link img:hover,button.image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.image-link img:active,a.image-link img.is-pressed,button.image-link img:active,button.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"],square:[4],outlined:[4],inverted:[4],clickable:[4],selected:[4],fullheight:[4],align:[1],space:[1],color:[1]}]);o([c("card"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],b.prototype,"createLogger",null),o([v("boolean"),s("design:type",Boolean)],b.prototype,"flat",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"tile",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"dense",void 0),o([p(l),s("design:type",String)],b.prototype,"imageTeaser",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"square",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"outlined",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"inverted",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"clickable",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"selected",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"fullheight",void 0),o([p(g),s("design:type",String)],b.prototype,"align",void 0),o([p(m),s("design:type",String)],b.prototype,"space",void 0),o([p(h),s("design:type",String)],b.prototype,"color",void 0);const u=b,f=function(){"undefined"!=typeof customElements&&["ds-card"].forEach((r=>{"ds-card"===r&&(customElements.get(t(r))||customElements.define(t(r),b))}))};export{u as DsCard,f as defineCustomElement}

package/components/ds-carousel-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsCarouselItem extends Components.DsCarouselItem, HTMLElement {}
+export const DsCarouselItem: {
+    prototype: DsCarouselItem;
+    new (): DsCarouselItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-carousel-item.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as o,H as e,f as i,h as s,e as r,t as a}from"./p-WO0X5Vmy.js";import{_ as t,L as l,a as n}from"./p-J0mxIuTt.js";import{b as d,a as c}from"./p-B-en4B17.js";import{O as h}from"./p-BhbWmCTu.js";import{T as u}from"./p-DAYd9ty0.js";import{R as g}from"./p-DYlqkAWn.js";const b=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsCarouselItemSelect=i(this,"dsCarouselItemSelect"),this.color="",this.carouselVariant="slide",this.navigation=!1,this.index=0,this.selected=!1,this.src="",this.handleClick=()=>{"tile"===this.carouselVariant&&this.dsCarouselItemSelect.emit({name:this.name})}}createLogger(o){this.log=o}render(){const o="tile"===this.carouselVariant,e={"is-slide":!o,"is-tile":o,"is-selected":this.selected,"is-navigation":o&&this.navigation,["is-"+this.color]:!!this.color};return o?s(r,this.navigation?{class:e,role:"none"}:{class:e,role:"button",tabIndex:0,"aria-pressed":this.selected+"",onClick:this.handleClick},s("slot",null)):s(r,{class:e,"aria-label":"Slide "+this.index},this.src?s("img",{src:this.src,alt:"",draggable:!1}):s("slot",null))}get el(){return this}static get style(){return":host(.is-slide){display:block;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;scroll-snap-align:start;overflow:hidden;border-radius:var(--ds-alias-radius-base)}:host(.is-slide) img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}:host(.is-tile){position:relative;-ms-flex:0 0 var(--carousel-item-width, auto);flex:0 0 var(--carousel-item-width, auto);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--ds-alias-background-color-grey);cursor:pointer;outline:none;-webkit-transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease,-webkit-box-shadow 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-tile):hover{background-color:var(--ds-alias-background-color-grey-hover)}}:host(.is-tile):active{background-color:var(--ds-alias-background-color-grey-active)}@media (hover: hover)and (pointer: fine){:host(.is-tile: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(.is-tile.is-selected){background-color:var(--ds-alias-background-color-primary-light)}:host(.is-tile.is-purple){background-color:var(--ds-alias-background-color-purple-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-purple):hover{background-color:var(--ds-alias-background-color-purple-light)}}:host(.is-tile.is-purple):active{background-color:var(--ds-alias-background-color-purple)}:host(.is-tile.is-green){background-color:var(--ds-alias-background-color-green-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-green):hover{background-color:var(--ds-alias-background-color-green-light)}}:host(.is-tile.is-green):active{background-color:var(--ds-alias-background-color-green)}:host(.is-tile.is-red){background-color:var(--ds-alias-background-color-red-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-red):hover{background-color:var(--ds-alias-background-color-red-light)}}:host(.is-tile.is-red):active{background-color:var(--ds-alias-background-color-red)}:host(.is-tile.is-yellow){background-color:var(--ds-alias-background-color-yellow-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-yellow):hover{background-color:var(--ds-alias-background-color-yellow-light)}}:host(.is-tile.is-yellow):active{background-color:var(--ds-alias-background-color-yellow)}:host(.is-tile.is-navigation){padding:0;cursor:default}:host(.is-tile.is-navigation) ::slotted(a){-ms-flex:1;flex:1;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-radius:inherit;color:inherit;text-decoration:none;text-align:center;font-size:inherit;line-height:inherit;outline:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-navigation) ::slotted(a: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}}"}},[257,"ds-carousel-item",{color:[1],carouselVariant:[1025,"carousel-variant"],navigation:[4],index:[1026],name:[513],selected:[1540],src:[1]}]);t([l("carousel-item"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],b.prototype,"createLogger",null),t([h(d),n("design:type",String)],b.prototype,"color",void 0),t([h(c),n("design:type",String)],b.prototype,"carouselVariant",void 0),t([u("boolean"),n("design:type",Boolean)],b.prototype,"navigation",void 0),t([u("number"),n("design:type",Number)],b.prototype,"index",void 0),t([g(),u("string"),n("design:type",String)],b.prototype,"name",void 0),t([u("boolean"),n("design:type",Boolean)],b.prototype,"selected",void 0),t([u("string"),n("design:type",String)],b.prototype,"src",void 0);const v=b,m=function(){"undefined"!=typeof customElements&&["ds-carousel-item"].forEach((o=>{"ds-carousel-item"===o&&(customElements.get(a(o))||customElements.define(a(o),b))}))};export{v as DsCarouselItem,m as defineCustomElement}

package/components/ds-carousel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsCarousel extends Components.DsCarousel, HTMLElement {}
+export const DsCarousel: {
+    prototype: DsCarousel;
+    new (): DsCarousel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-carousel.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as e,f as s,h as o,e as i,t as r}from"./p-WO0X5Vmy.js";import{_ as l,L as a,a as c}from"./p-J0mxIuTt.js";import{s as n}from"./p-BwfAXfmz.js";import{r as h}from"./p-BgzU1loG.js";import{C as d,a as u}from"./p-B-en4B17.js";import{d as b}from"./p-Du7QOHtz.js";import{d as m}from"./p-BU0dY8pq.js";import{d as g}from"./p-CvaNxQtw.js";import{O as v}from"./p-BhbWmCTu.js";import{T as f}from"./p-DAYd9ty0.js";import{L as p}from"./p-DIK6Zkg6.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"}},k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsChange=s(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.handleKeyDown=t=>{var e,s,o,i;const r=this.getItems(),l=r.findIndex((t=>t.name===this.value)),a="ArrowRight"===t.key,c="ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateItem(null===(e=r[0])||void 0===e?void 0:e.name)):"End"===t.key?(t.preventDefault(),this.activateItem(null===(s=r[r.length-1])||void 0===s?void 0:s.name)):a?(t.preventDefault(),this.activateItem(null===(o=r[(l+1)%r.length])||void 0===o?void 0:o.name)):c&&(t.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 t=this.trackEl;if(!t)return;if("slide"===this.variant)return void t.scrollBy({left:-t.clientWidth*this.steps,behavior:"smooth"});const e=this.getItems(),s=this.getFirstVisibleIndex(e,t),o=e[Math.max(s-this.steps,0)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-t.getBoundingClientRect().left-i;t.scrollBy({left:r,behavior:"smooth"})},this.scrollNext=()=>{const t=this.trackEl;if(!t)return;if("slide"===this.variant)return void t.scrollBy({left:t.clientWidth*this.steps,behavior:"smooth"});const e=this.getItems(),s=this.getFirstVisibleIndex(e,t),o=e[Math.min(s+this.steps,e.length-1)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-t.getBoundingClientRect().left-i;t.scrollBy({left:r,behavior:"smooth"})},this.checkOverflow=()=>{const t=this.trackEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.handlePointerDown=t=>{const e=this.trackEl;e&&(cancelAnimationFrame(this.momentumAnimId),this.dragging=!0,this.dragStartX=t.clientX,this.dragStartScrollLeft=e.scrollLeft,this.velocityHistory=[],e.style.scrollBehavior="auto")},this.handlePointerMove=t=>{if(!this.dragging||!this.trackEl)return;const e=this.trackEl;e.hasPointerCapture(t.pointerId)||e.setPointerCapture(t.pointerId),e.scrollLeft=this.dragStartScrollLeft-(t.clientX-this.dragStartX),this.velocityHistory.push({x:t.clientX,t:performance.now()}),this.velocityHistory.length>5&&this.velocityHistory.shift()},this.handlePointerUp=t=>{if(!this.dragging||!this.trackEl)return;const e=this.trackEl;this.dragging=!1,e.style.scrollBehavior="",e.releasePointerCapture(t.pointerId);const s=this.calcVelocity();if("slide"===this.variant){const t=e.clientWidth,o=this.dragStartScrollLeft-e.scrollLeft;s>.3||o<-.25*t?this.scrollNext():s<-.3||o>.25*t?this.scrollPrev():e.scrollTo({left:this.dragStartScrollLeft,behavior:"smooth"})}else this.applyMomentum(s)},this.handlePaginationChange=t=>{n(t);const e=this.getItems()[t.detail-1];e&&this.activateItem(e.name)}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initScroll(),this.initIntersection()}componentDidUpdate(){this.updateChildren(),"tile"===this.variant&&this.checkOverflow()}disconnectedCallback(){var t,e,s;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scroll",this.checkOverflow),cancelAnimationFrame(this.momentumAnimId)}listenToDsCarouselItemSelect(t){n(t),this.activateItem(t.detail.name)}getFirstVisibleIndex(t,e){const s=e.getBoundingClientRect().left;for(let e=0;e<t.length;e++)if(t[e].getBoundingClientRect().left>=s-2)return e;return 0}getFadeWidthPx(){var t;const e=null===(t=this.trackEl)||void 0===t?void 0:t.parentElement;return e&&parseFloat(getComputedStyle(e,"::before").width)||0}calcVelocity(){const t=this.velocityHistory;if(t.length<2)return 0;const e=t[t.length-1].t-t[0].t;return e>0?(t[0].x-t[t.length-1].x)/e:0}applyMomentum(t){const e=this.trackEl;if(!e)return;let s=16*t;const o=()=>{Math.abs(s)<.5||(e.scrollLeft+=s,s*=.94,this.momentumAnimId=h(o))};this.momentumAnimId=h(o)}getItems(){return Array.from(this.el.querySelectorAll(":scope > ds-carousel-item"))}setup(){const t=this.getItems();this.itemCount=t.length,t.forEach(((t,e)=>{t.index=e+1,t.carouselVariant=this.variant,"auto"!==this.itemsPerView&&t.style.setProperty("--carousel-item-width",`calc(100% / ${this.itemsPerView})`)})),!this.value&&t.length&&(this.value=t[0].name),this.updateChildren()}updateChildren(){const t=this.getItems();t.forEach((t=>{t.carouselVariant=this.variant,t.selected=t.name===this.value})),this.activeIndex=t.findIndex((t=>t.name===this.value))}activateItem(t){t&&t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.scrollToActive())}scrollToActive(){const t=this.getItems().find((t=>t.name===this.value));t&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}initScroll(){const t=this.trackEl;t&&"tile"===this.variant&&(t.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(t),this.checkOverflow())}initIntersection(){var t;null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),this.intersectionInitialized=!1,"slide"===this.variant&&this.trackEl&&(this.intersectionObserver=new IntersectionObserver((t=>{if(!this.intersectionInitialized)return void(this.intersectionInitialized=!0);const e=t.find((t=>t.isIntersecting&&t.intersectionRatio>=.5));if(!e)return;const s=this.getItems(),o=s.findIndex((t=>t===e.target));-1!==o&&(this.activeIndex=o,this.value=s[o].name)}),{root:this.trackEl,threshold:.5}),this.getItems().forEach((t=>this.intersectionObserver.observe(t))))}render(){const t=y[this.language],e="slide"===this.variant,s="dots"===this.controls,r="large"===this.controls,l=o("button",{key:"1b5bb6d92e8745a2950a7b307e4cdb10b5e67329",class:"scroll-btn scroll-btn--prev","aria-label":t.scrollLeft,tabIndex:-1,onClick:this.scrollPrev},o("ds-icon",{key:"5fd82f4b5ebe7ec09d552727edbfa8a5ae539221",name:"caret-left",size:"sm"})),a=o("button",{key:"c6f4c94aac766ad33c766489044c9a9bd1b5726e",class:"scroll-btn scroll-btn--next","aria-label":t.scrollRight,tabIndex:-1,onClick:this.scrollNext},o("ds-icon",{key:"8cfb442e07919ec88a46992e323c61fede8e0bb5",name:"caret-right",size:"sm"})),c=o("div",{key:"0e7ddcde38d8a83793512bb0f577375753b657ba",class:{"carousel-track":!0,"is-dragging":this.dragging},part:"track",role:"region","aria-label":this.label||t.scrollLeft,tabIndex:0,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,ref:t=>{this.trackEl=t}},o("slot",{key:"7559f5c3a986a32703b7c7ac306ccc6c43b419f5",onSlotchange:this.handleSlotChange}));return o(i,{key:"c2e560061487baa158ae0ce8db00b331eaa16341",class:{"is-slide":e,"is-tile":!e,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},o("div",{key:"2f6db134dcf6a5fe7cb8859cf52dfad7db063662",class:"carousel-outer"},r&&(e?!(0===this.activeIndex)&&l:l),c,r&&(e?!(this.activeIndex===this.itemCount-1)&&a:a)),s&&o("ds-pagination",{key:"7020aad4265c4ae2463ca8174d18cfb578fde252",class:"pagination",variant:"dots",totalPages:this.itemCount,value:this.activeIndex+1,textPrevious:t.scrollLeft,textNext:t.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-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-background-color-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-background-color-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-background-color-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}:host .carousel-track::-webkit-scrollbar{display:none}: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) .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)],k.prototype,"createLogger",null),l([v(d),c("design:type",String)],k.prototype,"controls",void 0),l([v(u),c("design:type",String)],k.prototype,"variant",void 0),l([f("string"),c("design:type",String)],k.prototype,"label",void 0),l([f("number"),c("design:type",Number)],k.prototype,"steps",void 0),l([f("string"),c("design:type",Object)],k.prototype,"value",void 0),l([p(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],k.prototype,"configChanged",null);const x=k,w=function(){"undefined"!=typeof customElements&&["ds-carousel","ds-icon","ds-pagination"].forEach((t=>{switch(t){case"ds-carousel":customElements.get(r(t))||customElements.define(r(t),k);break;case"ds-icon":customElements.get(r(t))||b();break;case"ds-pagination":customElements.get(r(t))||m()}}))};export{x as DsCarousel,w 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 t,H as r,f as i,h as e,t as n}from"./p-BNY3JzuV.js";import{_ as o,L as s,a}from"./p-Dr4dquer.js";import{F as c}from"./p-E8U6M5ii.js";import{g as u}from"./p-Duhf3ymL.js";import{r as h,a as l,b as f,c as d,d as p,e as v,f as b,g}from"./p-BATOumsf.js";import{r as m,a as y,b as x,c as k}from"./p-DHeVI6dR.js";import{i as w}from"./p-CYHzHtnv.js";import{s as _}from"./p-Urcs7-vS.js";import{i as j,n as z}from"./p-BOgMmRCt.js";import{s as B,a as C,V as T}from"./p-82RSSk25.js";import{I as A}from"./p-z1jJgtep.js";import{b as O,C as S,a as D}from"./p-LCAsAZzj.js";import{d as E}from"./p-BOTkpyFe.js";import{d as F}from"./p-BMBthpLd.js";import{d as L}from"./p-BEngECpF.js";import{L as V}from"./p-cSbDziZm.js";var M,R,N,q,H,P,U,I,J,W,Y,Z,$,G,K,Q,X,tt,rt,it,et,nt,ot,st,at,ct,ut,ht,lt,ft,dt,pt,vt,bt,gt,mt,yt,xt,kt,wt,_t,jt,zt,Bt,Ct,Tt,At,Ot,St,Dt,Et,Ft,Lt,Vt,Mt,Rt,Nt,qt,Ht,Pt,Ut,It,Jt,Wt,Yt,Zt,$t,Gt,Kt,Qt,Xt,tr,rr,ir,er,nr,or,sr,ar,cr,ur,hr,lr,fr,dr,pr,vr,br,gr,mr,yr,xr,kr,wr,_r,jr,zr,Br,Cr,Tr,Ar,Or,Sr,Dr,Er,Fr;function Lr(){return q?N:(q=1,N=function(t,r){return t===r||t!=t&&r!=r})}function Vr(){if(P)return H;P=1;var t=Lr();return H=function(r,i){for(var e=r.length;e--;)if(t(r[e][0],i))return e;return-1}}function Mr(){if(Q)return K;Q=1;var t=R?M:(R=1,M=function(){this.__data__=[],this.size=0}),r=function(){if(I)return U;I=1;var t=Vr(),r=Array.prototype.splice;return U=function(i){var e=this.__data__,n=t(e,i);return!(n<0||(n==e.length-1?e.pop():r.call(e,n,1),--this.size,0))}}(),i=function(){if(W)return J;W=1;var t=Vr();return J=function(r){var i=this.__data__,e=t(i,r);return e<0?void 0:i[e][1]}}(),e=function(){if(Z)return Y;Z=1;var t=Vr();return Y=function(r){return t(this.__data__,r)>-1}}(),n=function(){if(G)return $;G=1;var t=Vr();return $=function(r,i){var e=this.__data__,n=t(e,r);return n<0?(++this.size,e.push([r,i])):e[n][1]=i,this}}();function o(t){var r=-1,i=null==t?0:t.length;for(this.clear();++r<i;){var e=t[r];this.set(e[0],e[1])}}return o.prototype.clear=t,o.prototype.delete=r,o.prototype.get=i,o.prototype.has=e,o.prototype.set=n,K=o}function Rr(){if(ct)return at;ct=1;var t=h()(Object,"create");return at=t}function Nr(){if(Bt)return zt;Bt=1;var t=jt?_t:(jt=1,_t=function(t){var r=typeof t;return"string"==r||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==t:null===t});return zt=function(r,i){var e=r.__data__;return t(i)?e["string"==typeof i?"string":"hash"]:e.map}}function qr(){if(Vt)return Lt;Vt=1;var t=function(){if(wt)return kt;wt=1;var t=function(){if(xt)return yt;xt=1;var t=function(){if(ht)return ut;ht=1;var t=Rr();return ut=function(){this.__data__=t?t(null):{},this.size=0}}(),r=ft?lt:(ft=1,lt=function(t){var r=this.has(t)&&delete this.__data__[t];return this.size-=r?1:0,r}),i=function(){if(pt)return dt;pt=1;var t=Rr(),r=Object.prototype.hasOwnProperty;return dt=function(i){var e=this.__data__;if(t){var n=e[i];return"__lodash_hash_undefined__"===n?void 0:n}return r.call(e,i)?e[i]:void 0}}(),e=function(){if(bt)return vt;bt=1;var t=Rr(),r=Object.prototype.hasOwnProperty;return vt=function(i){var e=this.__data__;return t?void 0!==e[i]:r.call(e,i)}}(),n=function(){if(mt)return gt;mt=1;var t=Rr();return gt=function(r,i){var e=this.__data__;return this.size+=this.has(r)?0:1,e[r]=t&&void 0===i?"__lodash_hash_undefined__":i,this}}();function o(t){var r=-1,i=null==t?0:t.length;for(this.clear();++r<i;){var e=t[r];this.set(e[0],e[1])}}return o.prototype.clear=t,o.prototype.delete=r,o.prototype.get=i,o.prototype.has=e,o.prototype.set=n,yt=o}(),r=Mr(),i=l();return kt=function(){this.size=0,this.__data__={hash:new t,map:new(i||r),string:new t}}}(),r=function(){if(Tt)return Ct;Tt=1;var t=Nr();return Ct=function(r){var i=t(this,r).delete(r);return this.size-=i?1:0,i}}(),i=function(){if(Ot)return At;Ot=1;var t=Nr();return At=function(r){return t(this,r).get(r)}}(),e=function(){if(Dt)return St;Dt=1;var t=Nr();return St=function(r){return t(this,r).has(r)}}(),n=function(){if(Ft)return Et;Ft=1;var t=Nr();return Et=function(r,i){var e=t(this,r),n=e.size;return e.set(r,i),this.size+=e.size==n?0:1,this}}();function o(t){var r=-1,i=null==t?0:t.length;for(this.clear();++r<i;){var e=t[r];this.set(e[0],e[1])}}return o.prototype.clear=t,o.prototype.delete=r,o.prototype.get=i,o.prototype.has=e,o.prototype.set=n,Lt=o}function Hr(){if(Qt)return Kt;Qt=1;var t=function(){if(Wt)return Jt;Wt=1;var t=qr(),r=Pt?Ht:(Pt=1,Ht=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this}),i=It?Ut:(It=1,Ut=function(t){return this.__data__.has(t)});function e(r){var i=-1,e=null==r?0:r.length;for(this.__data__=new t;++i<e;)this.add(r[i])}return e.prototype.add=e.prototype.push=r,e.prototype.has=i,Jt=e}(),r=Zt?Yt:(Zt=1,Yt=function(t,r){for(var i=-1,e=null==t?0:t.length;++i<e;)if(r(t[i],i,t))return!0;return!1}),i=Gt?$t:(Gt=1,$t=function(t,r){return t.has(r)});return Kt=function(e,n,o,s,a,c){var u=1&o,h=e.length,l=n.length;if(h!=l&&!(u&&l>h))return!1;var f=c.get(e),d=c.get(n);if(f&&d)return f==n&&d==e;var p=-1,v=!0,b=2&o?new t:void 0;for(c.set(e,n),c.set(n,e);++p<h;){var g=e[p],m=n[p];if(s)var y=u?s(m,g,p,n,e,c):s(g,m,p,e,n,c);if(void 0!==y){if(y)continue;v=!1;break}if(b){if(!r(n,(function(t,r){if(!i(b,r)&&(g===t||a(g,t,o,s,c)))return b.push(r)}))){v=!1;break}}else if(g!==m&&!a(g,m,o,s,c)){v=!1;break}}return c.delete(e),c.delete(n),v}}function Pr(){if(Br)return zr;Br=1;var t=function(){if(hr)return ur;hr=1;var t=cr?ar:(cr=1,ar=function(t,r){for(var i=-1,e=r.length,n=t.length;++i<e;)t[n+i]=r[i];return t}),r=x();return ur=function(i,e,n){var o=e(i);return r(i)?o:t(o,n(i))}}(),r=function(){if(br)return vr;br=1;var t=fr?lr:(fr=1,lr=function(t,r){for(var i=-1,e=null==t?0:t.length,n=0,o=[];++i<e;){var s=t[i];r(s,i,t)&&(o[n++]=s)}return o}),r=pr?dr:(pr=1,dr=function(){return[]}),i=Object.prototype.propertyIsEnumerable,e=Object.getOwnPropertySymbols;return vr=e?function(r){return null==r?[]:t(e(r=Object(r)),(function(t){return i.call(r,t)}))}:r}(),i=function(){if(jr)return _r;jr=1;var t=function(){if(wr)return kr;wr=1;var t=mr?gr:(mr=1,gr=function(t,r){for(var i=-1,e=Array(t);++i<t;)e[i]=r(i);return e}),r=f(),i=x(),e=d(),n=function(){if(xr)return yr;xr=1;var t=/^(?:0|[1-9]\d*)$/;return yr=function(r,i){var e=typeof r;return!!(i=null==i?9007199254740991:i)&&("number"==e||"symbol"!=e&&t.test(r))&&r>-1&&r%1==0&&r<i}}(),o=p(),s=Object.prototype.hasOwnProperty;return kr=function(a,c){var u=i(a),h=!u&&r(a),l=!u&&!h&&e(a),f=!u&&!h&&!l&&o(a),d=u||h||l||f,p=d?t(a.length,String):[],v=p.length;for(var b in a)!c&&!s.call(a,b)||d&&("length"==b||l&&("offset"==b||"parent"==b)||f&&("buffer"==b||"byteLength"==b||"byteOffset"==b)||n(b,v))||p.push(b);return p}}(),r=v(),i=b();return _r=function(e){return i(e)?t(e):r(e)}}();return zr=function(e){return t(e,i,r)}}function Ur(){if(Or)return Ar;Or=1;var t=function(){if(qt)return Nt;qt=1;var t=Mr(),r=function(){if(tt)return X;tt=1;var t=Mr();return X=function(){this.__data__=new t,this.size=0}}(),i=it?rt:(it=1,rt=function(t){var r=this.__data__,i=r.delete(t);return this.size=r.size,i}),e=nt?et:(nt=1,et=function(t){return this.__data__.get(t)}),n=st?ot:(st=1,ot=function(t){return this.__data__.has(t)}),o=function(){if(Rt)return Mt;Rt=1;var t=Mr(),r=l(),i=qr();return Mt=function(e,n){var o=this.__data__;if(o instanceof t){var s=o.__data__;if(!r||s.length<199)return s.push([e,n]),this.size=++o.size,this;o=this.__data__=new i(s)}return o.set(e,n),this.size=o.size,this}}();function s(r){var i=this.__data__=new t(r);this.size=i.size}return s.prototype.clear=r,s.prototype.delete=i,s.prototype.get=e,s.prototype.has=n,s.prototype.set=o,Nt=s}(),r=Hr(),i=function(){if(sr)return or;sr=1;var t=y(),r=function(){if(tr)return Xt;tr=1;var t=m();return Xt=t.Uint8Array}(),i=Lr(),e=Hr(),n=ir?rr:(ir=1,rr=function(t){var r=-1,i=Array(t.size);return t.forEach((function(t,e){i[++r]=[e,t]})),i}),o=nr?er:(nr=1,er=function(t){var r=-1,i=Array(t.size);return t.forEach((function(t){i[++r]=t})),i}),s=t?t.prototype:void 0,a=s?s.valueOf:void 0;return or=function(t,s,c,u,h,l,f){switch(c){case"[object DataView]":if(t.byteLength!=s.byteLength||t.byteOffset!=s.byteOffset)return!1;t=t.buffer,s=s.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=s.byteLength||!l(new r(t),new r(s)));case"[object Boolean]":case"[object Date]":case"[object Number]":return i(+t,+s);case"[object Error]":return t.name==s.name&&t.message==s.message;case"[object RegExp]":case"[object String]":return t==s+"";case"[object Map]":var d=n;case"[object Set]":if(d||(d=o),t.size!=s.size&&!(1&u))return!1;var p=f.get(t);if(p)return p==s;u|=2,f.set(t,s);var v=e(d(t),d(s),u,h,l,f);return f.delete(t),v;case"[object Symbol]":if(a)return a.call(t)==a.call(s)}return!1}}(),e=function(){if(Tr)return Cr;Tr=1;var t=Pr(),r=Object.prototype.hasOwnProperty;return Cr=function(i,e,n,o,s,a){var c=1&n,u=t(i),h=u.length;if(h!=t(e).length&&!c)return!1;for(var l=h;l--;){var f=u[l];if(!(c?f in e:r.call(e,f)))return!1}var d=a.get(i),p=a.get(e);if(d&&p)return d==e&&p==i;var v=!0;a.set(i,e),a.set(e,i);for(var b=c;++l<h;){var g=i[f=u[l]],m=e[f];if(o)var y=c?o(m,g,f,e,i,a):o(g,m,f,i,e,a);if(!(void 0===y?g===m||s(g,m,n,o,a):y)){v=!1;break}b||(b="constructor"==f)}if(v&&!b){var x=i.constructor,k=e.constructor;x==k||!("constructor"in i)||!("constructor"in e)||"function"==typeof x&&x instanceof x&&"function"==typeof k&&k instanceof k||(v=!1)}return a.delete(i),a.delete(e),v}}(),n=g(),o=x(),s=d(),a=p(),c="[object Arguments]",u="[object Array]",h="[object Object]",f=Object.prototype.hasOwnProperty;return Ar=function(l,d,p,v,b,g){var m=o(l),y=o(d),x=m?u:n(l),k=y?u:n(d),w=(x=x==c?h:x)==h,_=(k=k==c?h:k)==h,j=x==k;if(j&&s(l)){if(!s(d))return!1;m=!0,w=!1}if(j&&!w)return g||(g=new t),m||a(l)?r(l,d,p,v,b,g):i(l,d,x,p,v,b,g);if(!(1&p)){var z=w&&f.call(l,"__wrapped__"),B=_&&f.call(d,"__wrapped__");if(z||B){var C=z?l.value():l,T=B?d.value():d;return g||(g=new t),b(C,T,p,v,g)}}return!!j&&(g||(g=new t),e(l,d,p,v,b,g))}}var Ir=u(function(){if(Fr)return Er;Fr=1;var t=function(){if(Dr)return Sr;Dr=1;var t=Ur(),r=k();return Sr=function i(e,n,o,s,a){return e===n||(null==e||null==n||!r(e)&&!r(n)?e!=e&&n!=n:t(e,n,o,s,i,a))},Sr}();return Er=function(r,i){return t(r,i)}}());function Jr(t,r){if(w(t)||w(r))return!1;const i=[...t].sort(),e=[...r].sort();return Ir(i,e)}const Wr=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsBlur=i(this,"dsBlur"),this.dsChange=i(this,"dsChange"),this.dsFocus=i(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-cg-"+Yr++,this.language=L.language,this.region=L.region,this.internalValue=[],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.tileColor="",this.value=[],this.vertical=!1,this.handleValueChange=async()=>{if(this.control){const t=t=>{for(let r=0;r<this.internalValue.length;r++){const i=this.internalValue[r];if(void 0!==i&&""+i==""+t.value)return!0}return!1};this.getCheckboxes().forEach((r=>{r.checked=t(r)}))}}}createLogger(t){this.log=t}valueChanged(){if(this.control){const t=this.formatValueToArray(this.value);Jr(t,this.internalValue)||(this.internalValue=t,this.handleValueChange())}}connectedCallback(){B(this),this.valueChanged(),this.passDownAttributes(),this.internals.setFormValue(this.internalValue.join(","))}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}listenToDsBlur(t){const{target:r}=t;r&&j(this.el,r)&&z(r,"ds-checkbox")&&_(t)}listenToDsChange(t){this.control&&j(this.el,t.target)&&(_(t),this.updateValues())}listenToDsFocus(t){const{target:r}=t;r&&j(this.el,r)&&z(r,"ds-checkbox")&&_(t)}listenToReset(t){const r=t.target;(null==r?void 0:r.contains(this.el))&&(this.control&&(this.internalValue=[]),this.handleValueChange())}async configChanged(t){this.language=t.language,this.region=t.region}formatValueToArray(t){return Array.isArray(t)?t:null!=t&&""!==t?"string"==typeof t?t.split(",").map((t=>t.trim())):[t]:[]}getCheckboxes(){return Array.from(this.el.querySelectorAll("ds-checkbox"))}passDownAttributes(){this.getCheckboxes().forEach((t=>{this.control&&(void 0!==this.disabled&&(t.disabled=this.disabled),void 0!==this.readonly&&(t.readonly=this.readonly),void 0!==this.invalid&&(t.invalid=this.invalid)),t.name=this.name,t.labelPosition=this.labelPosition,t.tile=this.tile,t.tileColor=this.tileColor,t.cols=this.cols,t.colsTablet=this.colsTablet,t.colsMobile=this.colsMobile}))}updateValues(){const t=[];this.getCheckboxes().forEach((r=>{r.checked&&t.push(r.value)})),Jr(this.internalValue,t)||(this.internalValue=[...t],this.dsChange.emit(this.internalValue),this.internals.setFormValue(this.internalValue.join(",")))}render(){return e(c,{key:"fe220621711b38ab346f3cc911d7dfc92d74e766",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,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:"16d82971af59c1757253aa61116a6ccfb9406eef"}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_checkbox-group-label-color:var(--checkbox-group-label-color, var(--mod-checkbox-group-label-color, var(--ds-input-label-color-base)));--_checkbox-group-label-family:var(--checkbox-group-label-family, var(--mod-checkbox-group-label-family, var(--ds-input-label-family)));--_checkbox-group-label-weight:var(--checkbox-group-label-weight, var(--mod-checkbox-group-label-weight, var(--ds-input-label-weight)));--_checkbox-group-label-line-height:var(--checkbox-group-label-line-height, var(--mod-checkbox-group-label-line-height, var(--ds-input-label-line-height)));--_checkbox-group-label-size:var(--checkbox-group-label-size, var(--mod-checkbox-group-label-size, var(--ds-input-label-size-device)));--_checkbox-group-description-color:var(--checkbox-group-description-color, var(--mod-checkbox-group-description-color, var(--ds-input-description-color-base)));--_checkbox-group-description-family:var(--checkbox-group-description-family, var(--mod-checkbox-group-description-family, var(--ds-input-description-family)));--_checkbox-group-description-weight:var(--checkbox-group-description-weight, var(--mod-checkbox-group-description-weight, var(--ds-input-description-weight)));--_checkbox-group-description-line-height:var(--checkbox-group-description-line-height, var(--mod-checkbox-group-description-line-height, var(--ds-input-description-line-height)));--_checkbox-group-description-size:var(--checkbox-group-description-size, var(--mod-checkbox-group-description-size, var(--ds-input-description-size-device)))}: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(--_checkbox-group-label-color);font-family:var(--_checkbox-group-label-family);font-weight:var(--_checkbox-group-label-weight);font-size:var(--_checkbox-group-label-size);line-height:var(--_checkbox-group-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(--_checkbox-group-description-color);font-family:var(--_checkbox-group-description-family);font-weight:var(--_checkbox-group-description-weight);font-size:var(--_checkbox-group-description-size);line-height:var(--_checkbox-group-description-line-height)}:host #description ds-icon{--icon-color:var(--_checkbox-group-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-input-description-color-danger)}: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-input-label-color-disabled);--mod-checkbox-group-description-color:var(--ds-input-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-checkbox-group",{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:[1],readonly:[516],required:[516],tile:[4],tileColor:[1,"tile-color"],value:[16],vertical:[4],language:[32],region:[32],internalValue:[32],configChanged:[64]},[[6,"dsBlur","listenToDsBlur"],[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}]}]);o([s("checkbox-group"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],Wr.prototype,"createLogger",null),o([C(...A),a("design:type",String)],Wr.prototype,"color",void 0),o([C(...O),a("design:type",Number)],Wr.prototype,"cols",void 0),o([C(...O),a("design:type",Number)],Wr.prototype,"colsMobile",void 0),o([C(...O),a("design:type",Number)],Wr.prototype,"colsTablet",void 0),o([T("boolean"),a("design:type",Boolean)],Wr.prototype,"control",void 0),o([T("string"),a("design:type",String)],Wr.prototype,"description",void 0),o([T("boolean"),a("design:type",Boolean)],Wr.prototype,"disabled",void 0),o([T("boolean"),a("design:type",Boolean)],Wr.prototype,"invalid",void 0),o([T("string"),a("design:type",String)],Wr.prototype,"invalidText",void 0),o([T("string"),a("design:type",String)],Wr.prototype,"label",void 0),o([C(...S),a("design:type",String)],Wr.prototype,"labelPosition",void 0),o([T("boolean"),a("design:type",Boolean)],Wr.prototype,"loading",void 0),o([T("string"),a("design:type",String)],Wr.prototype,"name",void 0),o([T("boolean"),a("design:type",Boolean)],Wr.prototype,"readonly",void 0),o([T("boolean"),a("design:type",Boolean)],Wr.prototype,"required",void 0),o([T("boolean"),a("design:type",Boolean)],Wr.prototype,"tile",void 0),o([C(...D),a("design:type",String)],Wr.prototype,"tileColor",void 0),o([T("boolean"),a("design:type",Boolean)],Wr.prototype,"vertical",void 0),o([V(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],Wr.prototype,"configChanged",null);let Yr=0;const Zr=Wr,$r=function(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-checkbox-group":customElements.get(n(t))||customElements.define(n(t),Wr);break;case"ds-icon":customElements.get(n(t))||E();break;case"ds-spinner":customElements.get(n(t))||F()}}))};export{Zr as DsCheckboxGroup,$r as defineCustomElement}
+import{p as i,H as e,f as o,h as s,t}from"./p-WO0X5Vmy.js";import{_ as r,L as a,a as n}from"./p-J0mxIuTt.js";import{F as l}from"./p-FBQaJyH0.js";import{a as d}from"./p-DYTOWDAA.js";import{s as h}from"./p-BwfAXfmz.js";import{h as c}from"./p-BrIcCcce.js";import{i as m,n as p}from"./p-BgzU1loG.js";import{I as g}from"./p-DU7t9H9h.js";import{b as f,C as b,a as v}from"./p-LCAsAZzj.js";import{d as u}from"./p-Du7QOHtz.js";import{d as y}from"./p-CYWn3X22.js";import{d as w}from"./p-CvaNxQtw.js";import{O as x}from"./p-BhbWmCTu.js";import{T as k}from"./p-DAYd9ty0.js";import{L as z}from"./p-DIK6Zkg6.js";const _=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-cg-"+C++,this.language=w.language,this.region=w.region,this.internalValue=[],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.tileColor="",this.value=[],this.vertical=!1,this.handleValueChange=async()=>{if(this.control){const i=i=>{for(let e=0;e<this.internalValue.length;e++){const o=this.internalValue[e];if(void 0!==o&&""+o==""+i.value)return!0}return!1};this.getCheckboxes().forEach((e=>{e.checked=i(e)}))}}}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.passDownAttributes(),this.internals.setFormValue(this.internalValue.join(","))}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}listenToDsBlur(i){const{target:e}=i;e&&m(this.el,e)&&p(e,"ds-checkbox")&&h(i)}listenToDsChange(i){this.control&&m(this.el,i.target)&&(h(i),this.updateValues())}listenToDsFocus(i){const{target:e}=i;e&&m(this.el,e)&&p(e,"ds-checkbox")&&h(i)}listenToReset(i){const e=i.target;(null==e?void 0:e.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(){this.getCheckboxes().forEach((i=>{this.control&&(c(this.disabled)&&(i.disabled=this.disabled),c(this.readonly)&&(i.readonly=this.readonly),c(this.invalid)&&(i.invalid=this.invalid)),i.name=this.name,i.labelPosition=this.labelPosition,i.tile=this.tile,i.tileColor=this.tileColor,i.cols=this.cols,i.colsTablet=this.colsTablet,i.colsMobile=this.colsMobile}))}updateValues(){const i=[];this.getCheckboxes().forEach((e=>{e.checked&&i.push(e.value)})),d(this.internalValue,i)||(this.internalValue=[...i],this.dsChange.emit(this.internalValue),this.internals.setFormValue(this.internalValue.join(",")))}render(){return s(l,{key:"ebd36e47675b46855d72d0c66f78e56fd7fea7e0",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,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}},s("slot",{key:"7fa32f49d9e613e6eb946cf5b0b6eb1f7fecd1c8"}))}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-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{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-description-color-danger)}: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-label-color-disabled);--mod-checkbox-group-description-color:var(--ds-form-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-checkbox-group",{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],tileColor:[1,"tile-color"],value:[16],vertical:[4],language:[32],region:[32],internalValue:[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)],_.prototype,"createLogger",null),r([x(g),n("design:type",String)],_.prototype,"color",void 0),r([x(f),n("design:type",Number)],_.prototype,"cols",void 0),r([x(f),n("design:type",Number)],_.prototype,"colsMobile",void 0),r([x(f),n("design:type",Number)],_.prototype,"colsTablet",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"control",void 0),r([k("string"),n("design:type",String)],_.prototype,"description",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"disabled",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"invalid",void 0),r([k("string"),n("design:type",String)],_.prototype,"invalidText",void 0),r([k("string"),n("design:type",String)],_.prototype,"label",void 0),r([x(b),n("design:type",String)],_.prototype,"labelPosition",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"loading",void 0),r([k("string"),n("design:type",String)],_.prototype,"name",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"readonly",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"required",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"tile",void 0),r([x(v),n("design:type",String)],_.prototype,"tileColor",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"vertical",void 0),r([z(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],_.prototype,"configChanged",null);let C=0;const T=_,j=function(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-checkbox-group":customElements.get(t(i))||customElements.define(t(i),_);break;case"ds-icon":customElements.get(t(i))||u();break;case"ds-spinner":customElements.get(t(i))||y()}}))};export{T as DsCheckboxGroup,j 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,f as c,h as r,e as a,t as l}from"./p-BNY3JzuV.js";import{_ as s,L as i,a as d}from"./p-Dr4dquer.js";import{i as t}from"./p-B62ocg4Q.js";import{s as b,V as h,a as n}from"./p-82RSSk25.js";import{C as k,a as v}from"./p-LCAsAZzj.js";const x=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-"+g++,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.tileColor="",this.tile=!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.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(){b(this),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)}render(){return r(a,{key:"af814fa8a0e3a8ca8adac7322764993aa2f35c49","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&&!!this.tileColor,"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}},r("label",{key:"04956294bb277d5739742462f60a04e86ecc7744",id:"label",part:"label"},r("input",Object.assign({key:"42d8a780685abba59aa847fb7606cbd70c760bfa",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:"f2a1260e135c5c350ba02394a8bb32f6669b2a8d",id:"slot",part:"slot"},r("slot",{key:"ed851c133b9133b609d90360b91bb40e6e7dfa7d"},this.label))))}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-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-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-padding:var(--checkbox-tile-padding, var(--mod-checkbox-tile-padding, 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-2)));--_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-2)));--_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-2)));--_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-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-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:.25rem;padding-bottom:.25rem;min-height:3rem}@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;-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}:host input[type=checkbox]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_checkbox-radius)}: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-divider-color-danger);--mod-checkbox-unchecked-hover-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-unchecked-active-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-active-color-border:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-base-color-background:var(--ds-divider-color-danger);--mod-checkbox-checked-base-color-border:var(--ds-divider-color-danger);--mod-checkbox-checked-hover-color-background:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-active-color-background:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-active-color-border:var(--ds-divider-color-danger-darker)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-checkbox-label-base-color:var(--ds-global-color-grey-5);--mod-checkbox-label-hover-color:var(--ds-global-color-grey-5);--mod-checkbox-label-active-color:var(--ds-global-color-grey-5);--mod-checkbox-unchecked-base-color-background:var(--ds-global-color-grey-2);--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{width:100%;height:100%;padding:var(--_checkbox-tile-padding);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.has-tile-green.is-checked){--mod-checkbox-tile-base-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)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-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)}: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-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-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-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-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-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-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-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}"}},[321,"ds-checkbox",{name:[1],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],cols:[2],colsTablet:[2,"cols-tablet"],colsMobile:[2,"cols-mobile"],focused:[32]},[[6,"reset","listenToReset"]]]);s([i("checkbox"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],x.prototype,"createLogger",null),s([h("string"),d("design:type",String)],x.prototype,"name",void 0),s([h("string"),d("design:type",String)],x.prototype,"label",void 0),s([n(...k),d("design:type",String)],x.prototype,"labelPosition",void 0),s([h("string"),d("design:type",Object)],x.prototype,"value",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"checked",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"disabled",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"readonly",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"required",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"autoInvalidOff",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"invalid",void 0),s([n(...v),d("design:type",String)],x.prototype,"tileColor",void 0),s([h("boolean"),d("design:type",Boolean)],x.prototype,"tile",void 0);let g=0;const u=x,m=function(){"undefined"!=typeof customElements&&["ds-checkbox"].forEach((e=>{"ds-checkbox"===e&&(customElements.get(l(e))||customElements.define(l(e),x))}))};export{u as DsCheckbox,m as defineCustomElement}
+import{p as e,H as o,f as c,h as r,e as a,t as l}from"./p-WO0X5Vmy.js";import{_ as s,L as i,a as d}from"./p-J0mxIuTt.js";import{i as t}from"./p-B62ocg4Q.js";import{h as b}from"./p-BrIcCcce.js";import{C as h,a as n}from"./p-LCAsAZzj.js";import{T as k}from"./p-DAYd9ty0.js";import{R as v}from"./p-DYlqkAWn.js";import{O as x}from"./p-BhbWmCTu.js";const g=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-"+u++,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.tileColor="",this.tile=!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.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)}render(){return r(a,{key:"9dc7b43b7b6596219932a53d76fe9f3972da8b73","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),"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}},r("label",{key:"64ddcb92ac97b7dfe1c71141ded03c61e1915b3a",id:"label",part:"label"},r("input",Object.assign({key:"a5eb2c1c881e5ae3d95e8b7bc844a47793709c5c",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:"ba535ca3a7dcd0e623ba68ae2882ed27822d9244",id:"slot",part:"slot"},r("slot",{key:"df42decc580239904011604b349e0cfd47539682"},this.label))))}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-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-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-padding:var(--checkbox-tile-padding, var(--mod-checkbox-tile-padding, 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-2)));--_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-2)));--_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-2)));--_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-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-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:.25rem;padding-bottom:.25rem;min-height:3rem}@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;-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}:host input[type=checkbox]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_checkbox-radius)}: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-divider-color-danger);--mod-checkbox-unchecked-hover-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-unchecked-active-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-active-color-border:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-base-color-background:var(--ds-divider-color-danger);--mod-checkbox-checked-base-color-border:var(--ds-divider-color-danger);--mod-checkbox-checked-hover-color-background:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-active-color-background:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-active-color-border:var(--ds-divider-color-danger-darker)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-checkbox-label-base-color:var(--ds-global-color-grey-5);--mod-checkbox-label-hover-color:var(--ds-global-color-grey-5);--mod-checkbox-label-active-color:var(--ds-global-color-grey-5);--mod-checkbox-unchecked-base-color-background:var(--ds-global-color-grey-2);--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{width:100%;height:100%;padding:var(--_checkbox-tile-padding);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.has-tile-green.is-checked){--mod-checkbox-tile-base-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)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-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)}: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-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-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-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-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-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-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-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-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],cols:[2],colsTablet:[2,"cols-tablet"],colsMobile:[2,"cols-mobile"],focused:[32]},[[6,"reset","listenToReset"]]]);s([i("checkbox"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),s([k("string"),d("design:type",String)],g.prototype,"name",void 0),s([k("string"),d("design:type",String)],g.prototype,"label",void 0),s([v(),x(h),d("design:type",String)],g.prototype,"labelPosition",void 0),s([k("string"),d("design:type",Object)],g.prototype,"value",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"checked",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"disabled",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"readonly",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"required",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"invalid",void 0),s([x(n),d("design:type",String)],g.prototype,"tileColor",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"tile",void 0);let u=0;const m=g,p=function(){"undefined"!=typeof customElements&&["ds-checkbox"].forEach((e=>{"ds-checkbox"===e&&(customElements.get(l(e))||customElements.define(l(e),g))}))};export{m as DsCheckbox,p 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 o,d as s}from"./p-JZ1uDtZv.js";const t=o,p=s;export{t as DsClose,p as defineCustomElement}
+import{C as o,d as s}from"./p-Ctnm_MBD.js";const t=o,m=s;export{t as DsClose,m as defineCustomElement}

package/components/ds-content.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,e as s,t as n}from"./p-BNY3JzuV.js";import{_ as o,L as r,a as c}from"./p-Dr4dquer.js";import{n as i}from"./p-DR5LIaCn.js";import{s as l,a as g}from"./p-82RSSk25.js";import{S as k}from"./p-ng5ZzTOj.js";const d=["","start","center","end"],p=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.layout="",this.direction="",this.align="",this.textAlign="",this.space="",this.alignment=""}createLogger(t){this.log=t}layoutChanged(t){""!==t&&("horizontal"===t?this.direction="row":"vertical"===t?this.direction="column":"vertical-reverse"===t?this.direction="column-reverse":"horizontal-reverse"===t&&(this.direction="row-reverse"))}spaceChanged(t){this.space=i(t)}connectedCallback(){l(this),this.layoutChanged(this.layout),this.spaceChanged(this.space)}render(){var t;const a=!!this.alignment,n=!!this.align,o=!!this.space;let r=null===(t=this.align)||void 0===t?void 0:t.split(" ").join("-");return this.alignment&&(r=this.alignment.split(" ").join("-")),e(s,{key:"7749f99e93cfd289509e77411aca498eec508477",class:{"stack-content":!0,"as-row":"row"===this.direction,"as-col":"column"===this.direction,["align-"+r]:n||a,["text-"+this.textAlign]:void 0!==this.textAlign,["has-space-"+this.space]:o}},e("slot",{key:"2d522a40ed22bfaebd0d3162fd94e97bf2da5ac1"}))}get el(){return this}static get watchers(){return{layout:[{layoutChanged:0}],space:[{spaceChanged:0}]}}static get style(){return".stack,.stack-content{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{-ms-flex:1;flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{-ms-flex-item-align:stretch;align-self:stretch}.stack.is-horizontal>.stack-content{-ms-flex-item-align:center;align-self:center}.stack.has-wrap,.stack-content.has-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-ms-flex-align:center;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left}.stack-content.text-center{text-align:center}.stack-content.text-right{text-align:right}.stack.fit-content,.stack-content.fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{-webkit-column-gap:var(--ds-alias-space-2xs-device);-moz-column-gap:var(--ds-alias-space-2xs-device);column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{-webkit-column-gap:var(--ds-alias-space-xs-device);-moz-column-gap:var(--ds-alias-space-xs-device);column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{-webkit-column-gap:var(--ds-alias-space-sm-device);-moz-column-gap:var(--ds-alias-space-sm-device);column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{-webkit-column-gap:var(--ds-alias-space-base-device);-moz-column-gap:var(--ds-alias-space-base-device);column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{-webkit-column-gap:var(--ds-alias-space-md-device);-moz-column-gap:var(--ds-alias-space-md-device);column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{-webkit-column-gap:var(--ds-alias-space-lg-device);-moz-column-gap:var(--ds-alias-space-lg-device);column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{-webkit-column-gap:var(--ds-alias-space-xl-device);-moz-column-gap:var(--ds-alias-space-xl-device);column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{-webkit-column-gap:var(--ds-alias-space-2xl-device);-moz-column-gap:var(--ds-alias-space-2xl-device);column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}ds-content{position:static}"}},[260,"ds-content",{layout:[1],direction:[1025],align:[1],textAlign:[1,"text-align"],space:[1025],alignment:[1]},void 0,{layout:[{layoutChanged:0}],space:[{spaceChanged:0}]}]);o([r("content"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),o([g(...k),c("design:type",String)],p.prototype,"layout",void 0),o([g("","column","row"),c("design:type",String)],p.prototype,"direction",void 0),o([g(...d),c("design:type",String)],p.prototype,"align",void 0),o([g(...d),c("design:type",String)],p.prototype,"textAlign",void 0),o([g("","none","3xs","2xs","xs","sm","base","xxx-small","xx-small","x-small","small","normal"),c("design:type",String)],p.prototype,"space",void 0);const h=p,w=function(){"undefined"!=typeof customElements&&["ds-content"].forEach((t=>{"ds-content"===t&&(customElements.get(n(t))||customElements.define(n(t),p))}))};export{h as DsContent,w as defineCustomElement}
+import{C as o,d as s}from"./p-CA7G72wZ.js";const p=o,r=s;export{p as DsContent,r as defineCustomElement}

package/components/ds-data-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsDataItem extends Components.DsDataItem, HTMLElement {}
+export const DsDataItem: {
+    prototype: DsDataItem;
+    new (): DsDataItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-data-item.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as a,h as e,e as i,t as o}from"./p-WO0X5Vmy.js";import{_ as d,L as l,a as r}from"./p-J0mxIuTt.js";import{d as s}from"./p-CjIxf5zy.js";import{d as m}from"./p-Du7QOHtz.js";import{d as n}from"./p-CYWn3X22.js";import{d as c}from"./p-CvaNxQtw.js";import{T as b}from"./p-DAYd9ty0.js";import{L as v}from"./p-DIK6Zkg6.js";const f={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=c.language,this.region=c.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=f[t.language])||void 0===a?void 0:a.editLabel)||f.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:"41172b7c9c39ae12af12f35acd89bea1b291d5f0",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"ebd58ede50e42c963a98806d0e34edc24cc37347",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:"f1834037e850e569d6adb6512e6de945ef307f3f",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"eae351330191525eb62b97a0cfb1c279f5475c09"}),this.editable&&e("ds-button",{key:"22e07967a920b0fc2498d2a0950b5ceb741f1172",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-global-font-weight-700)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-alias-text-color-primary)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-alias-text-color-primary)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-alias-text-color-danger)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-alias-text-color-disabled)));--_data-item-border-width:var(--data-item-border-width, var(--mod-data-item-border-width, var(--ds-global-size-border-2)));--_data-item-border-color:var(--data-item-border-color, var(--mod-data-item-border-color, var(--ds-global-color-grey-3)))}:host{border-bottom:var(--_data-item-border-width) solid var(--_data-item-border-color)}: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"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],x.prototype,"createLogger",null),d([b("boolean"),r("design:type",Boolean)],x.prototype,"disabled",void 0),d([b("boolean"),r("design:type",Boolean)],x.prototype,"multiline",void 0),d([b("boolean"),r("design:type",Boolean)],x.prototype,"editable",void 0),d([b("string"),r("design:type",Object)],x.prototype,"editLabel",void 0),d([v(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],x.prototype,"configChanged",null);const g=x,h=function(){"undefined"!=typeof customElements&&["ds-data-item","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-button":customElements.get(o(t))||s();break;case"ds-icon":customElements.get(o(t))||m();break;case"ds-spinner":customElements.get(o(t))||n()}}))};export{g as DsDataItem,h as defineCustomElement}

package/components/ds-data-label.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsDataLabel extends Components.DsDataLabel, HTMLElement {}
+export const DsDataLabel: {
+    prototype: DsDataLabel;
+    new (): DsDataLabel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-data-label.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as e,H as t,h as s,e as a,t as n}from"./p-WO0X5Vmy.js";import{_ as o,L as r,a as d}from"./p-J0mxIuTt.js";import{T as c}from"./p-DAYd9ty0.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:"605cf2c6c7d1c6f87dd8a2b8193dd0cdfa3e0280"},s("slot",{key:"283a1682ea8a8c062978fceb7438a8aa70c8359b"}),this.required?s("span",null,"*"):"")}get el(){return this}static get style(){return":host{display:contents}"}},[260,"ds-data-label",{required:[516]}]);o([r("data-label"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],i.prototype,"createLogger",null),o([c("boolean"),d("design:type",Boolean)],i.prototype,"required",void 0);const l=i,u=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,u as defineCustomElement}

package/components/ds-data-value.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsDataValue extends Components.DsDataValue, HTMLElement {}
+export const DsDataValue: {
+    prototype: DsDataValue;
+    new (): DsDataValue;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-data-value.js

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

package/components/ds-data.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsData extends Components.DsData, HTMLElement {}
+export const DsData: {
+    prototype: DsData;
+    new (): DsData;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-data.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as a,h as e,e as s,t as o}from"./p-WO0X5Vmy.js";import{_ as d,L as n,a as i}from"./p-J0mxIuTt.js";import{T as r}from"./p-DAYd9ty0.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.horizontal=!1}createLogger(t){this.log=t}render(){return e(s,{key:"5a1f5b93e705edeb124c790623da2829d19a0b5b",class:{"is-horizontal":this.horizontal}},e("div",{key:"aadbae5d22739f3e0c73402d18a9d855a4ab18d3",class:"data-container"},e("slot",{key:"1bedd3928a17e0a159369dd60d7b0ad61ac552e2"})))}get el(){return this}static get style(){return":host{display:block}.data-container{display:grid;grid-template-columns:1fr;width:100%}:host(.is-horizontal) .data-container{gap:1rem}@media screen and (min-width: 769px){:host(.is-horizontal) .data-container{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}"}},[257,"ds-data",{horizontal:[516]}]);d([n("data"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],c.prototype,"createLogger",null),d([r("boolean"),i("design:type",Boolean)],c.prototype,"horizontal",void 0);const l=c,m=function(){"undefined"!=typeof customElements&&["ds-data"].forEach((t=>{"ds-data"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{l as DsData,m as defineCustomElement}