@baloise/ds-core 19.7.1 → 19.8.0-snapshot.1820-04df76e73

package/dist/baloise-design-system/{p-442193fad9.entry.js → p-db9b4caa0f.entry.js}

@@ -1 +1 @@
-import{L as a,H as r,M as e,N as d}from"./p-BD2o1F4P.js";import{_ as i,a as l}from"./p-dfXERft2.js";import{B as n}from"./p-ByiN-QjD.js";const b=class{constructor(a){r(this,a),this.layout="horizontal",this.space="none",this.color="grey",this.borderStyle="solid"}createLogger(a){this.log=a}render(){const a=n.block("divider"),r=!!this.layout,i=!!this.space,l=!!this.color,b=!!this.borderStyle;return e(d,{key:"60ea4a88825c99f20a5db8a458c4c27ad04d616c",role:"separator",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`layout-${this.layout}`).class(r)),a.modifier(`space-${this.space}`).class(i)),a.modifier(`color-${this.color}`).class(l)),a.modifier(`border-style-${this.borderStyle}`).class(b))},e("slot",{key:"307d340b0c7e0333995fc22030cd4c1794f54136"}))}};i([a("bal-divider"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],b.prototype,"createLogger",null),b.style=":root{--bal-divider-border-width:var(--bal-border-width-normal);--bal-divider-background-primary:var(--bal-color-border-primary);--bal-divider-background-primary-light:var(--bal-color-border-primary-light);--bal-divider-background-primary-dark:var(--bal-color-border-primary-pressed);--bal-divider-background-grey-light:var(--bal-color-border-divider);--bal-divider-background-grey:var(--bal-color-border);--bal-divider-background-grey-dark:var(--bal-color-border-grey-dark);--bal-divider-background-warning:var(--bal-color-border-warning);--bal-divider-background-success:var(--bal-color-border-success);--bal-divider-background-danger:var(--bal-color-border-danger);--bal-divider-background-danger-dark:var(--bal-color-border-danger-hovered);--bal-divider-background-danger-darker:var(--bal-color-border-danger-pressed);--bal-divider-background-white:var(--bal-color-border-inverted);--bal-divider-background-light-blue:var(--bal-color-border-primary-hovered);--bal-divider-radius:var(--bal-radius-rounded)}.bal-divider{margin:0;display:block;border-radius:var(--bal-divider-radius)}.bal-divider--color-primary{background:var(--bal-divider-background-primary)}.bal-divider--color-primary-light{background:var(--bal-divider-background-primary-light)}.bal-divider--color-primary-dark{background:var(--bal-divider-background-primary-dark)}.bal-divider--color-grey-light{background:var(--bal-divider-background-grey-light)}.bal-divider--color-grey{background:var(--bal-divider-background-grey)}.bal-divider--color-grey-dark{background:var(--bal-divider-background-grey-dark)}.bal-divider--color-warning{background:var(--bal-divider-background-warning)}.bal-divider--color-success{background:var(--bal-divider-background-success)}.bal-divider--color-danger{background:var(--bal-divider-background-danger)}.bal-divider--color-danger-dark{background:var(--bal-divider-background-danger-dark)}.bal-divider--color-danger-darker{background:var(--bal-divider-background-danger-darker)}.bal-divider--color-white{background:var(--bal-divider-background-white)}.bal-divider--color-light-blue{background:var(--bal-divider-background-light-blue)}.bal-divider--layout-horizontal{-ms-flex:1 0 100%;flex:1 0 100%;width:100%;min-height:var(--bal-divider-border-width);height:var(--bal-divider-border-width)}.bal-divider--layout-vertical{height:auto;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;align-self:stretch;width:var(--bal-divider-border-width)}.bal-divider--border-style-dashed.bal-divider--color-primary{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-primary-light{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary-light) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-primary-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary-dark) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey-light{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey-light) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey-dark) 0px, var --bal-divider-background-grey 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-warning{background:repeating-linear-gradient(90deg, var(--bal-divider-background-warning) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-success{background:repeating-linear-gradient(90deg, var(--bal-divider-background-success) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger-dark) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger-darker{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger-darker) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-white{background:repeating-linear-gradient(90deg, var(--bal-divider-background-white) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-light-blue{background:repeating-linear-gradient(90deg, var(--bal-divider-background-light-blue) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--space-none{margin:0}.bal-divider--space-xx-small{margin:var(--bal-space-xx-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xx-small{margin:var(--bal-space-xx-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xx-small{margin:var(--bal-space-xx-small-desktop) 0}}.bal-divider--space-x-small{margin:var(--bal-space-x-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-x-small{margin:var(--bal-space-x-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-x-small{margin:var(--bal-space-x-small-desktop) 0}}.bal-divider--space-small{margin:var(--bal-space-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-small{margin:var(--bal-space-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-small{margin:var(--bal-space-small-desktop) 0}}.bal-divider--space-normal{margin:var(--bal-space-normal) 0}@media screen and (min-width: 769px),print{.bal-divider--space-normal{margin:var(--bal-space-normal-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-normal{margin:var(--bal-space-normal-desktop) 0}}.bal-divider--space-medium{margin:var(--bal-space-medium) 0}@media screen and (min-width: 769px),print{.bal-divider--space-medium{margin:var(--bal-space-medium-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-medium{margin:var(--bal-space-medium-desktop) 0}}.bal-divider--space-large{margin:var(--bal-space-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-large{margin:var(--bal-space-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-large{margin:var(--bal-space-large-desktop) 0}}.bal-divider--space-x-large{margin:var(--bal-space-x-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-x-large{margin:var(--bal-space-x-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-x-large{margin:var(--bal-space-x-large-desktop) 0}}.bal-divider--space-xx-large{margin:var(--bal-space-xx-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xx-large{margin:var(--bal-space-xx-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xx-large{margin:var(--bal-space-xx-large-desktop) 0}}.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large-desktop) 0}}.bal-divider--layout-vertical.bal-divider--space-none{margin:0}.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal-desktop)}}.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium-desktop)}}.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large-desktop)}}";export{b as bal_divider}
+import{L as a,H as r,M as e,N as d}from"./p-DX6XBCWo.js";import{_ as i,a as l}from"./p-dfXERft2.js";import{B as n}from"./p-ByiN-QjD.js";const b=class{constructor(a){r(this,a),this.layout="horizontal",this.space="none",this.color="grey",this.borderStyle="solid"}createLogger(a){this.log=a}render(){const a=n.block("divider"),r=!!this.layout,i=!!this.space,l=!!this.color,b=!!this.borderStyle;return e(d,{key:"60ea4a88825c99f20a5db8a458c4c27ad04d616c",role:"separator",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`layout-${this.layout}`).class(r)),a.modifier(`space-${this.space}`).class(i)),a.modifier(`color-${this.color}`).class(l)),a.modifier(`border-style-${this.borderStyle}`).class(b))},e("slot",{key:"307d340b0c7e0333995fc22030cd4c1794f54136"}))}};i([a("bal-divider"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],b.prototype,"createLogger",null),b.style=":root{--bal-divider-border-width:var(--bal-border-width-normal);--bal-divider-background-primary:var(--bal-color-border-primary);--bal-divider-background-primary-light:var(--bal-color-border-primary-light);--bal-divider-background-primary-dark:var(--bal-color-border-primary-pressed);--bal-divider-background-grey-light:var(--bal-color-border-divider);--bal-divider-background-grey:var(--bal-color-border);--bal-divider-background-grey-dark:var(--bal-color-border-grey-dark);--bal-divider-background-warning:var(--bal-color-border-warning);--bal-divider-background-success:var(--bal-color-border-success);--bal-divider-background-danger:var(--bal-color-border-danger);--bal-divider-background-danger-dark:var(--bal-color-border-danger-hovered);--bal-divider-background-danger-darker:var(--bal-color-border-danger-pressed);--bal-divider-background-white:var(--bal-color-border-inverted);--bal-divider-background-light-blue:var(--bal-color-border-primary-hovered);--bal-divider-radius:var(--bal-radius-rounded)}.bal-divider{margin:0;display:block;border-radius:var(--bal-divider-radius)}.bal-divider--color-primary{background:var(--bal-divider-background-primary)}.bal-divider--color-primary-light{background:var(--bal-divider-background-primary-light)}.bal-divider--color-primary-dark{background:var(--bal-divider-background-primary-dark)}.bal-divider--color-grey-light{background:var(--bal-divider-background-grey-light)}.bal-divider--color-grey{background:var(--bal-divider-background-grey)}.bal-divider--color-grey-dark{background:var(--bal-divider-background-grey-dark)}.bal-divider--color-warning{background:var(--bal-divider-background-warning)}.bal-divider--color-success{background:var(--bal-divider-background-success)}.bal-divider--color-danger{background:var(--bal-divider-background-danger)}.bal-divider--color-danger-dark{background:var(--bal-divider-background-danger-dark)}.bal-divider--color-danger-darker{background:var(--bal-divider-background-danger-darker)}.bal-divider--color-white{background:var(--bal-divider-background-white)}.bal-divider--color-light-blue{background:var(--bal-divider-background-light-blue)}.bal-divider--layout-horizontal{-ms-flex:1 0 100%;flex:1 0 100%;width:100%;min-height:var(--bal-divider-border-width);height:var(--bal-divider-border-width)}.bal-divider--layout-vertical{height:auto;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;align-self:stretch;width:var(--bal-divider-border-width)}.bal-divider--border-style-dashed.bal-divider--color-primary{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-primary-light{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary-light) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-primary-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary-dark) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey-light{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey-light) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey-dark) 0px, var --bal-divider-background-grey 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-warning{background:repeating-linear-gradient(90deg, var(--bal-divider-background-warning) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-success{background:repeating-linear-gradient(90deg, var(--bal-divider-background-success) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger-dark) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger-darker{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger-darker) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-white{background:repeating-linear-gradient(90deg, var(--bal-divider-background-white) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-light-blue{background:repeating-linear-gradient(90deg, var(--bal-divider-background-light-blue) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--space-none{margin:0}.bal-divider--space-xx-small{margin:var(--bal-space-xx-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xx-small{margin:var(--bal-space-xx-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xx-small{margin:var(--bal-space-xx-small-desktop) 0}}.bal-divider--space-x-small{margin:var(--bal-space-x-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-x-small{margin:var(--bal-space-x-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-x-small{margin:var(--bal-space-x-small-desktop) 0}}.bal-divider--space-small{margin:var(--bal-space-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-small{margin:var(--bal-space-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-small{margin:var(--bal-space-small-desktop) 0}}.bal-divider--space-normal{margin:var(--bal-space-normal) 0}@media screen and (min-width: 769px),print{.bal-divider--space-normal{margin:var(--bal-space-normal-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-normal{margin:var(--bal-space-normal-desktop) 0}}.bal-divider--space-medium{margin:var(--bal-space-medium) 0}@media screen and (min-width: 769px),print{.bal-divider--space-medium{margin:var(--bal-space-medium-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-medium{margin:var(--bal-space-medium-desktop) 0}}.bal-divider--space-large{margin:var(--bal-space-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-large{margin:var(--bal-space-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-large{margin:var(--bal-space-large-desktop) 0}}.bal-divider--space-x-large{margin:var(--bal-space-x-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-x-large{margin:var(--bal-space-x-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-x-large{margin:var(--bal-space-x-large-desktop) 0}}.bal-divider--space-xx-large{margin:var(--bal-space-xx-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xx-large{margin:var(--bal-space-xx-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xx-large{margin:var(--bal-space-xx-large-desktop) 0}}.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large-desktop) 0}}.bal-divider--layout-vertical.bal-divider--space-none{margin:0}.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal-desktop)}}.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium-desktop)}}.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large-desktop)}}";export{b as bal_divider}

package/dist/baloise-design-system/p-dcbf0c7d33.entry.js

@@ -0,0 +1 @@
+import{J as o,M as e,x as t,L as r,H as a,P as d,f as l,R as n,a as i,S as p,y as s,N as b,O as h}from"./p-DX6XBCWo.js";import{_ as c,a as _}from"./p-dfXERft2.js";import{i as u}from"./p-C4sZQbkT.js";import{B as w}from"./p-ByiN-QjD.js";import{L as m}from"./p-nukrfyT6.js";import{a as v}from"./p-BAaDJIzy.js";import{s as f}from"./p-Bi_NbXra.js";import{F as g}from"./p-DqCbGYzv.js";import{D as x}from"./p-BLp4ll3i.js";import{b as y}from"./p-c62PG1J3.js";import{i as k}from"./p-xbSOW78W.js";import{a as j}from"./p-DBsOHTWj.js";import{d as O}from"./p-FCLKfv6B.js";import{i as C,a as z,b as F,c as L,d as B}from"./p-D1VPLQ5z.js";import"./p-BnVL_HEz.js";import"./p-BFTU3MAI.js";class D{constructor(){this.handleAutoFill=async o=>{if(f(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,e=await this.parseAutoFillValueWithOptions(o);if(void 0===e)return void(this.component.isAutoFilled=!1);v(e,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(e,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const e=await this.component.listEl.getOptions();for(let t=0;t<e.length;t++){const r=e[t];if(r.value===o||r.label===o)return[r.value]}}}const A={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class E{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=g.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(e){this.component.isExpanded||(this.component.hasFocus=!1,o((()=>this.component.balBlur.emit(e))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(e){var t;this.component.isExpanded&&(this.component.el.contains(e.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,o((()=>this.component.balBlur.emit(e)))))}}class S{connectedCallback(o){this.component=o}focusOptionByLabel(o,e={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,e)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class T{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const e=o.target;(null==e?void 0:e.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const V=({name:o,httpFormSubmit:t,multiple:r,required:a,disabled:d,rawValue:l,refSelectEl:n})=>{const i=w.block("dropdown");return t?e("select",{class:Object.assign({},i.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:r,required:a,disabled:d,tabindex:-1,ref:n},l.map((o=>e("option",{key:o,value:o,selected:!0},o)))):""},P=({size:o,theme:t,icon:r,language:a,loading:d,clearable:l,invalid:n,filled:i,expanded:p,disabled:s})=>{const b=w.block("dropdown");return d?e("bal-spinner",{class:Object.assign({},b.element("rear").class()),small:!0,variation:"circle",color:"white"}):l&&i&&!s?e("button",{title:A[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},b.element("rear").class()),b.element("clear").class()),b.element("clear").modifier("invalid").class(n)),b.element("clear").modifier("theme-purple").class("purple"===t))},e("bal-icon",{class:Object.assign({},b.element("rear").class()),name:"purple"===t?"close":"close-circle",size:o,color:"purple"===t?"primary":"grey"})):e("bal-icon",{class:Object.assign({},b.element("rear").class()),name:r,size:o,turn:p,color:s?"grey":n?"danger":"primary"})},R=({inputId:o,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:d,required:l,filter:n,multiple:i,contentHeight:p,refPanelEl:s,refListEl:b})=>{const h=w.block("dropdown");return e("div",{id:`${o}-menu`,class:Object.assign(Object.assign({},h.element("list").class()),h.element("list").modifier("expanded").class(t)),ref:s},e("bal-option-list",{multiple:i,disabled:a,filter:n,required:l,contentHeight:p,ref:b},e("slot",null),d?r.map((o=>e("bal-option",{key:o.value,value:o.value,label:o.label,disabled:o.disabled,multiline:o.multiline,invalid:o.invalid,hidden:o.hidden,selected:o.selected,focused:o.focused},o.label))):""))};class q{constructor(){this.updatePanelPosition=(o,e,t)=>()=>{o.computePosition(e,t,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:e})=>{Object.assign(t.style,{left:`${o}px`,top:`${e}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await y.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class I{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,e){const t=typeof o;t!==typeof e&&this.updateRawValueByValueProp(o),"string"===t&&o!==e&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(e)&&!v(o,e)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],e=!1){this.component.isAutoFilled=e,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let e=[];return k(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!k(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),e}updateRawValueByValueProp(o=[]){const e=this.parseValueString(o);this.updateRawValue(e)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const e=this.component.rawValue.filter((e=>e!==o.value));this.updateRawValueBySelection(e)}async updateInputContent(){await t(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const $=({inlineLabel:o,filled:t,chips:r,placeholder:a,choices:d,invalid:l,disabled:n,readonly:i,onRemoveChip:p})=>{const s=w.block("dropdown");return t?r?e("div",{class:Object.assign({},s.element("root").element("content").element("chips").class())},d.map((o=>e("bal-tag",{key:o.value,"data-test":"bal-dropdown-chip",size:"small",invalid:l,disabled:n||i,closable:!(n||i),onBalCloseClick:()=>p(o)},o.label)))):(o&&`${o}: `)+d.map((o=>o.label)).join(", "):a},W=({inputId:o,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:d,required:l,disabled:n,readonly:i,placeholder:p,expanded:s,invalid:b,language:h,inputLabel:c,inheritedAttributes:_,refInputEl:u,onChange:m,onFocus:v,onBlur:f,onKeyDown:g})=>{const x=w.block("dropdown"),y=()=>e("input",Object.assign({id:r.controlId||`${o}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:d,value:a.join(","),required:l,disabled:n,readonly:i,placeholder:p,title:s?A[h].close:A[h].open,"aria-label":s?A[h].close:A[h].open,"aria-owns":`${o}-menu`,"aria-invalid":j(b),"aria-disabled":j(n||i),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":c,"data-value":a.join(","),ref:o=>u(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>f(o),onKeyDown:o=>g(o)},_));return t?e(y,null):e("form",{novalidate:!0},e(y,null))},H=class{constructor(o){a(this,o),this.balChange=d(this,"balChange"),this.balFocus=d(this,"balFocus"),this.balBlur=d(this,"balBlur"),this.inputId="bal-dropdown-"+K++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=O,this.language=l.language,this.region=l.region,this.httpFormSubmit=l.httpFormSubmit,this.labelToFocus="",this.valueUtil=new I,this.eventsUtil=new E,this.popupUtil=new q,this.optionUtil=new x,this.formSubmitUtil=new T,this.focusUtil=new S,this.autoFillUtil=new D,this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[],this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var e,t,r,a,d;o&&o.key?this.isExpanded?C(o)?(f(o),null===(e=this.listEl)||void 0===e||e.focusNext()):z(o)?(f(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(f(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(f(o),null===(a=this.listEl)||void 0===a||a.focusLast()):F(o)?(f(o),null===(d=this.listEl)||void 0===d||d.selectByFocus()):"Tab"===o.key||L(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):F(o)||B(o)?(f(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()}}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,e){this.valueUtil.valueChanged(o,e)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),n(this.el,"balOptionChange",this.listenToOptionChange),i.hasDocument&&(n(document,"keydown",this.eventsUtil.handleKeydown),n(document,"touchstart",this.eventsUtil.handlePointerDown),n(document,"mousedown",this.eventsUtil.handlePointerDown),n(document,"click",this.listenOnClickOutside),n(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){p(this.el,"balOptionChange",this.listenToOptionChange),i.hasDocument&&(p(document,"keydown",this.eventsUtil.handleKeydown),p(document,"touchstart",this.eventsUtil.handlePointerDown),p(document,"mousedown",this.eventsUtil.handlePointerDown),p(document,"click",this.listenOnClickOutside),p(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=u(this.el,["tabindex","data-hj-allow"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await s(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const e=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(e)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const o=w.block("dropdown"),t=this.valueUtil.isFilled(),r=""!==this.size,a=`size-${this.size}`,d=""!==this.theme,l=`theme-${this.theme}`,n="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return e(b,{key:"713d45fe75018e22e55109784c914cbf41161d66",class:Object.assign({},o.class()),tabindex:"-1",id:`${this.inputId}`},e("div",{key:"d846ee95ba439528691fc58c483b84ebc54e1b20",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(n)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),o.element("root").modifier(a).class(r)),o.element("root").modifier(l).class(d)),o.element("root").modifier(l+"-filled").class(t&&d)),o.element("root").modifier(l+"-expanded").class(this.isExpanded&&d)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},e("span",{key:"2b385d34110fffd8272b19083601121a2520381a",class:Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),o.element("root").element("content").modifier(a).class(r))},e($,{key:"65df8cac6931a0a9ac49b01a93e88971e2afedf8",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),e(W,{key:"0a97b36e6b72f4c559403d21a368a1021537bc85",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),e(V,{key:"7f05f0d7538b6f82e54d184beaa86298e7d683c9",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),e(P,{key:"9ef218710b2e80ad73b382094074d7249a63c632",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),e(R,{key:"58cd4f3169991ea56176c3ae69bf808e0c81d663",inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},e("slot",{key:"6196a395badb4b3f2a4caaee2490d68a7cf9a36c"})))}get el(){return h(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};c([r("bal-dropdown"),_("design:type",Function),_("design:paramtypes",[Function]),_("design:returntype",void 0)],H.prototype,"createLogger",null),c([m(),_("design:type",Function),_("design:paramtypes",[Object]),_("design:returntype",Promise)],H.prototype,"configChanged",null);let K=0;H.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{H as bal_dropdown}

package/dist/baloise-design-system/{p-09b2322809.entry.js → p-dd8e4f27d6.entry.js}

@@ -1 +1 @@
-import{H as r,Q as a,M as e,N as o,O as s}from"./p-BD2o1F4P.js";import{_ as l,a as b}from"./p-dfXERft2.js";import{B as n}from"./p-ByiN-QjD.js";import{b as i}from"./p-B8eFCtVU.js";import{L as t}from"./p-C9I17aVx.js";import{L as g}from"./p-yY6Hy408.js";import"./p-Brs9KktE.js";import"./p-DA3x7XDv.js";import"./p-BpQdAaY_.js";import"./p-Cwq70vCB.js";const p=class{constructor(a){r(this,a),this.animated=!0,this.isTouch=i.isTouch,this.value=0,this.background="white",this.color="primary"}componentDidRender(){this.updateProgress()}breakpointListener(r){this.updateProgress()}windowResizeListener(){this.updateProgress()}async configChanged(r){this.animated=r.animated}updateProgress(){this.lineEl&&a((()=>{const r=this.el.clientWidth,a=Math.max(0,Math.min(100,this.value));this.lineEl.style.width=r/100*a+"px",100===a?this.lineEl.classList.add("bal-progress-bar__line--full"):this.lineEl.classList.remove("bal-progress-bar__line--full")}))}render(){const r=n.block("progress-bar"),a=r.element("line");return e(o,{key:"1df789d0a33beb7a7bdcf2802d41f91312091e84","aria-hidden":"true",class:Object.assign(Object.assign({},r.class()),r.modifier(`background-${this.background}-of-${this.color}`).class())},e("div",{key:"27f99d214e02805e016e5d082941530b23c1ee22",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`color-${this.color}`).class()),a.modifier("animated").class(this.animated)),ref:r=>this.lineEl=r}))}get el(){return s(this)}};l([t(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],p.prototype,"breakpointListener",null),l([g(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],p.prototype,"windowResizeListener",null),p.style=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";export{p as bal_progress_bar}
+import{H as r,Q as a,M as e,N as o,O as s}from"./p-DX6XBCWo.js";import{_ as l,a as b}from"./p-dfXERft2.js";import{B as n}from"./p-ByiN-QjD.js";import{b as i}from"./p-ZiBbzdd_.js";import{L as t}from"./p-DSSk35It.js";import{L as g}from"./p-CrqOjYnF.js";import"./p-DI5cFoDl.js";import"./p-M6npCsi8.js";import"./p-B83k4GKi.js";import"./p-C4WjrV4V.js";const p=class{constructor(a){r(this,a),this.animated=!0,this.isTouch=i.isTouch,this.value=0,this.background="white",this.color="primary"}componentDidRender(){this.updateProgress()}breakpointListener(r){this.updateProgress()}windowResizeListener(){this.updateProgress()}async configChanged(r){this.animated=r.animated}updateProgress(){this.lineEl&&a((()=>{const r=this.el.clientWidth,a=Math.max(0,Math.min(100,this.value));this.lineEl.style.width=r/100*a+"px",100===a?this.lineEl.classList.add("bal-progress-bar__line--full"):this.lineEl.classList.remove("bal-progress-bar__line--full")}))}render(){const r=n.block("progress-bar"),a=r.element("line");return e(o,{key:"065dfb46b4b743aa654594135a95e676c0102436","aria-hidden":"true",class:Object.assign(Object.assign({},r.class()),r.modifier(`background-${this.background}-of-${this.color}`).class())},e("div",{key:"262d38096b7aeb0837e0298394ff5f41179d6d9d",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`color-${this.color}`).class()),a.modifier("animated").class(this.animated)),ref:r=>this.lineEl=r}))}get el(){return s(this)}};l([t(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],p.prototype,"breakpointListener",null),l([g(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],p.prototype,"windowResizeListener",null),p.style=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";export{p as bal_progress_bar}

package/dist/baloise-design-system/{p-2ff08780a4.system.entry.js → p-e0d5b62d14.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,o){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function a(e){try{c(o.next(e))}catch(e){r(e)}}function s(e){try{c(o["throw"](e))}catch(e){r(e)}}function c(e){e.done?n(e.value):i(e.value).then(a,s)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return c([e,t])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-CBMgyOmf.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-_GOiBme3.system.js","./p-DAOAbG5Y.system.js"],(function(e){"use strict";var t,n,o,i,r,a,s,c,u,l;return{setters:[function(e){t=e.H;n=e.f;o=e.M;i=e.N;r=e.O},function(e){a=e._;s=e.a},function(e){c=e.B},function(e){u=e.L},function(e){l=e.i}],execute:function(){var b="@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active),.bal-close__button--inverted:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background:transparent;--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media (hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}";var d=e("bal_close",function(){function e(e){t(this,e);this.language=n.language;this.region=n.region;this.size="";this.inverted=false}e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;this.region=e.region;return[2]}))}))};e.prototype.render=function(){var e=c.block("close");var t=e.element("button");var n=t.element("icon");var r=l[this.language].close;return o(i,{key:"25b3dc4132060a98148ec87bab88ae7a15c0ed9e",class:Object.assign({},e.class())},o("button",{key:"2854252b5452659558e445dfb17f8b1fd7f8fc5c",type:"button","aria-label":r,title:r,tabindex:"0",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("inverted").class(this.inverted)),t.modifier("size-".concat(this.size)).class(this.size!=="")),"data-testid":"bal-close"},o("bal-icon",{key:"9cdc282c9d9839263d6254ba75751a333517c966",name:"close",size:this.size==="small"?"x-small":this.size==="medium"?"medium":"small",inverted:this.inverted,class:Object.assign({},n.class())})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());a([u(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],d.prototype,"configChanged",null);d.style=b}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,n,o){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function a(e){try{c(o.next(e))}catch(e){r(e)}}function s(e){try{c(o["throw"](e))}catch(e){r(e)}}function c(e){e.done?n(e.value):i(e.value).then(a,s)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return c([e,t])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-wD7lDQ_h.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-DrdxBvTm.system.js","./p-DAOAbG5Y.system.js"],(function(e){"use strict";var t,n,o,i,r,a,s,c,u,l;return{setters:[function(e){t=e.H;n=e.f;o=e.M;i=e.N;r=e.O},function(e){a=e._;s=e.a},function(e){c=e.B},function(e){u=e.L},function(e){l=e.i}],execute:function(){var b="@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active),.bal-close__button--inverted:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background:transparent;--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media (hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}";var d=e("bal_close",function(){function e(e){t(this,e);this.language=n.language;this.region=n.region;this.size="";this.inverted=false}e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;this.region=e.region;return[2]}))}))};e.prototype.render=function(){var e=c.block("close");var t=e.element("button");var n=t.element("icon");var r=l[this.language].close;return o(i,{key:"25b3dc4132060a98148ec87bab88ae7a15c0ed9e",class:Object.assign({},e.class())},o("button",{key:"2854252b5452659558e445dfb17f8b1fd7f8fc5c",type:"button","aria-label":r,title:r,tabindex:"0",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("inverted").class(this.inverted)),t.modifier("size-".concat(this.size)).class(this.size!=="")),"data-testid":"bal-close"},o("bal-icon",{key:"9cdc282c9d9839263d6254ba75751a333517c966",name:"close",size:this.size==="small"?"x-small":this.size==="medium"?"medium":"small",inverted:this.inverted,class:Object.assign({},n.class())})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());a([u(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],d.prototype,"configChanged",null);d.style=b}}}));

package/dist/baloise-design-system/{p-c3a82cbdda.entry.js → p-e1cc04e9d9.entry.js}

@@ -1 +1 @@
-import{L as t,H as e,P as i,M as o,N as a,O as n,x as s,Q as r}from"./p-BD2o1F4P.js";import{_ as l,a as h}from"./p-dfXERft2.js";import{a as d}from"./p-DBsOHTWj.js";import{B as c}from"./p-ByiN-QjD.js";import{L as b,B as p}from"./p-CvgV77eH.js";import{s as u}from"./p-CwsaXXwG.js";import{i as v}from"./p-xbSOW78W.js";import{i as g}from"./p-C4sZQbkT.js";import{i as f,s as m}from"./p-BG4j3FEv.js";import{d as y}from"./p-FCLKfv6B.js";import"./p-BpQdAaY_.js";import"./p-BFTU3MAI.js";const k=class{constructor(t){e(this,t),this.balOptionChange=i(this,"balOptionChange"),this.balOptionFocus=i(this,"balOptionFocus"),this.inputId="bal-option-"+w++,this.checkbox=!1,this.interactionState=p.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1,this.onClick=t=>{const e=this.el.closest("bal-option-list");this.disabled||e&&e.disabled?u(t):e&&e.required&&!e.multiple?this.selected||this.select(!0):this.select(!this.selected)}}createLogger(t){this.log=t}componentWillRender(){if(this.el){const t=this.el.closest("bal-option-list");t&&(this.checkbox=!!t.multiple)}}listenToMouseEnter(){const{label:t,value:e,selected:i,disabled:o,hidden:a}=this;a||o||this.balOptionFocus.emit({label:t,value:e,selected:i})}elementStateListener(t){this.interactionChildElements.forEach((e=>{e.hovered=t.hovered,e.pressed=t.pressed}))}async select(t=!0){this.selected=t;const{label:e,value:i}=this;this.balOptionChange.emit({label:e,value:i,selected:t})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check"))}render(){const t=c.block("option");return o(a,{key:"414068aff0d1e8941fd0136fd727186d1720b954",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":d(this.hidden),"aria-selected":d(this.selected),"aria-checked":d(this.selected),"aria-disabled":d(this.disabled),"aria-invalid":d(this.invalid),tabIndex:-1,onClick:this.onClick},o("bal-stack",{key:"ae708955909732ef6bd03403374cec8098f4e140",py:"small",space:"x-small"},this.checkbox?o("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",o("div",{key:"ddc2384b1d07f89c0b68746b76a25b9821cc99c2",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},o("slot",{key:"17356f3f1d39f90f4f9d8c73ece8e6f77de9e747"})),this.selected&&!this.checkbox?o("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return n(this)}};l([t("bal-option"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],k.prototype,"createLogger",null),l([b(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],k.prototype,"elementStateListener",null);let w=0;k.style=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-3);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-check-size:1.25rem}";const x=class{constructor(t){e(this,t),this.inputId="bal-option-list-"+O++,this.inheritAttributes={},this.ariaForm=y,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.filter="includes",this.contentHeight=262}createLogger(t){this.log=t}contentHeightChanged(t){void 0===t?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${t}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=g(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(t){const e=this.options,i=this.getOptionIndex(e,t.detail.value);void 0!==i&&this.updateFocus(e,i)}listenToOptionChange({detail:t}){this.multiple||this.options.filter((e=>e.value!==t.value)).forEach((t=>t.selected=!1))}async focusSelected(){const t=this.options,e=this.getSelectedOptionIndex(t);return e>0?(this.updateFocus(t,e),await s(),e):await this.focusFirst()}async focusFirst(){const t=this.options,e=this.getFirstOptionIndex(t);return this.updateFocus(t,e),this.updateScrollTopPosition(t[e]),await s(),e}async focusLast(){const t=this.options,e=this.getLastOptionIndex(t);return this.updateFocus(t,e),this.updateScrollBottomPosition(t[e]),await s(),e}async focusNext(){const t=this.options,e=this.getNextOptionIndex(t);return this.updateFocus(t,e),this.updateScrollBottomPosition(t[e]),await s(),e}async focusPrevious(){const t=this.options,e=this.getPreviousOptionIndex(t);return this.updateFocus(t,e),this.updateScrollTopPosition(t[e]),await s(),e}async focusByLabel(t,e){const i=this.options,o=this.getOptionIndexByLabel(i,t);this.updateFocus(i,o);const a=i[o];return this.updateScrollTopPosition(a),await s(),e.select&&await a.select(),o}async filterByContent(t){return this.filterOptions(this.allOptions,t),await s(),this.focusFirst()}async resetHidden(t=!1){this.options.forEach((e=>e.hidden=t)),await s(),this.resetFocus()}async resetSelected(t=!1){this.options.forEach((e=>e.selected=t)),await s()}async updateSelected(t){this.options.forEach((e=>e.selected=t.includes(e.value))),await s()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await s(),-1}async getSelectedValues(){return this.options.filter((t=>t.selected)).map((t=>t.value))}async getSelectedOptions(t){const e=this.options;return t&&t.length>0?e.filter((e=>t.includes(e.value))).map((t=>t)):e.filter((t=>t.selected)).map((t=>t))}async getValues(){return this.options.map((t=>t.value))}async getLabels(){return this.options.map((t=>t.label))}async getOptions(){return this.options.filter((t=>!t.disabled||!t.hidden))}async selectByFocus(){const t=this.options[this.focusIndex];t&&t.select(!this.multiple||!t.selected)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((t=>!t.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(t,e){const i=[],o="includes"===this.filter?f:m;for(let a=0;a<t.length;a++){const n=t[a];o(n.textContent||"",e)?(i.push(n),n.hidden=!1):n.hidden=!0}return i}isOptionVisible(t){const e=this.el.scrollTop;return e<=t.offsetTop&&t.offsetTop+t.clientHeight<=e+this.el.clientHeight}updateScrollTopPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForTopPosition(t)))}updateScrollBottomPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForBottomPosition(t)))}getScrollTopForTopPosition(t){const e=t.offsetTop;return e<0?0:e}getScrollTopForBottomPosition(t){const e=t.offsetTop+t.clientHeight-this.el.clientHeight;return e<0?0:e}async scrollTo(t){null!=t&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=r((async()=>{this.el.scrollTop=t})))}updateFocus(t,e){this.focusIndex=e;for(let i=0;i<t.length;i++)t[i].focused=i===e}getOptionIndex(t,e){for(let i=0;i<t.length;i++)if(t[i].value===e)return i}getSelectedOptionIndex(t){for(let e=0;e<t.length;e++){const i=t[e];if(i.selected&&!i.hidden)return e}return this.focusIndex}getFirstOptionIndex(t){for(let e=0;e<t.length;e++){const i=t[e];if(!i.disabled&&!i.hidden)return e}return this.focusIndex}getNextOptionIndex(t,e=this.focusIndex){if(e<0)return this.getFirstOptionIndex(t);let i=e;return e<this.getLength(t)&&(i=e+1,t[i].disabled)?this.getNextOptionIndex(t,i):i}getPreviousOptionIndex(t,e=this.focusIndex){const i=this.getFirstOptionIndex(t);if(e<=i)return i;let o=e;return o=e-1,t[o].disabled?this.getPreviousOptionIndex(t,o):o}getLastOptionIndex(t){for(let e=t.length-1;e>=0;e--)if(!t[e].disabled)return e;return this.focusIndex}getOptionIndexByLabel(t,e){if(void 0===e||""===e)return this.focusIndex;const i=t.find((t=>m(t.label||"",e)));return!v(i)&&i.id?t.indexOf(i):this.focusIndex}getLength(t){const e=t.map(((t,e)=>t.disabled?0:e));return Math.max(...e)}render(){const t=c.block("option-list"),e=this.labelledby||this.ariaForm.labelId;return o(a,{key:"934c509e0703b3d7435028ad7bff05290d6a855b",class:Object.assign({},t.class()),id:this.inputId},o("div",Object.assign({key:"4d6b39d94ea7f7abacd128ca65e0f9f985ae3165",role:"listbox","aria-labelledby":e,"aria-disabled":d(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),o("slot",{key:"0ad6401208e35316c7eb892d0b8ffba1476a8611"})))}get el(){return n(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};l([t("bal-option-list"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],x.prototype,"createLogger",null);let O=0;x.style=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";export{k as bal_option,x as bal_option_list}
+import{L as t,H as i,P as e,M as o,N as a,O as n,x as s,Q as r}from"./p-DX6XBCWo.js";import{_ as l,a as h}from"./p-dfXERft2.js";import{a as d}from"./p-DBsOHTWj.js";import{B as c}from"./p-ByiN-QjD.js";import{L as b,B as p}from"./p-DGkqAfcn.js";import{s as u}from"./p-Bi_NbXra.js";import{i as v}from"./p-xbSOW78W.js";import{i as g}from"./p-C4sZQbkT.js";import{i as f,s as m}from"./p-BG4j3FEv.js";import{d as y}from"./p-FCLKfv6B.js";import"./p-B83k4GKi.js";import"./p-BFTU3MAI.js";const k=class{constructor(t){i(this,t),this.balOptionChange=e(this,"balOptionChange"),this.balOptionFocus=e(this,"balOptionFocus"),this.inputId="bal-option-"+x++,this.checkbox=!1,this.interactionState=p.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1,this.onClick=t=>{const i=this.el.closest("bal-option-list");this.disabled||i&&i.disabled?u(t):i&&i.required&&!i.multiple?this.selected||this.select(!0):this.select(!this.selected)}}createLogger(t){this.log=t}componentWillRender(){if(this.el){const t=this.el.closest("bal-option-list");t&&(this.checkbox=!!t.multiple)}}listenToMouseEnter(){const{label:t,value:i,selected:e,disabled:o,hidden:a}=this;a||o||this.balOptionFocus.emit({label:t,value:i,selected:e})}elementStateListener(t){this.interactionChildElements.forEach((i=>{i.hovered=t.hovered,i.pressed=t.pressed}))}async select(t=!0){this.selected=t;const{label:i,value:e}=this;this.balOptionChange.emit({label:i,value:e,selected:t})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check"))}render(){const t=c.block("option");return o(a,{key:"b1354e891bf0e8daf9dbd51f9f9c0343cb153cd7",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":d(this.hidden),"aria-selected":d(this.selected),"aria-checked":d(this.selected),"aria-disabled":d(this.disabled),"aria-invalid":d(this.invalid),tabIndex:-1,onClick:this.onClick},o("bal-stack",{key:"86b29daf65cebd3b742841eb2ab3785a74ddf620",py:"small",space:"x-small"},this.checkbox?o("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",o("div",{key:"59f0e1afb3e543123dd891a5fc439f737c2454e4",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},o("slot",{key:"f817c6d88b07f8113194fbf6ba5f0298c9e99f81"})),this.selected&&!this.checkbox?o("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return n(this)}};l([t("bal-option"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],k.prototype,"createLogger",null),l([b(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],k.prototype,"elementStateListener",null);let x=0;k.style=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-3);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-check-size:1.25rem}";const w=class{constructor(t){i(this,t),this.inputId="bal-option-list-"+O++,this.inheritAttributes={},this.ariaForm=y,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.filter="includes",this.contentHeight=262}createLogger(t){this.log=t}contentHeightChanged(t){void 0===t?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${t}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=g(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(t){const i=this.options,e=this.getOptionIndex(i,t.detail.value);void 0!==e&&this.updateFocus(i,e)}listenToOptionChange({detail:t}){this.multiple||this.options.filter((i=>i.value!==t.value)).forEach((t=>t.selected=!1))}async focusSelected(){const t=this.options,i=this.getSelectedOptionIndex(t);return i>0?(this.updateFocus(t,i),await s(),i):await this.focusFirst()}async focusFirst(){const t=this.options,i=this.getFirstOptionIndex(t);return this.updateFocus(t,i),this.updateScrollTopPosition(t[i]),await s(),i}async focusLast(){const t=this.options,i=this.getLastOptionIndex(t);return this.updateFocus(t,i),this.updateScrollBottomPosition(t[i]),await s(),i}async focusNext(){const t=this.options,i=this.getNextOptionIndex(t);return this.updateFocus(t,i),this.updateScrollBottomPosition(t[i]),await s(),i}async focusPrevious(){const t=this.options,i=this.getPreviousOptionIndex(t);return this.updateFocus(t,i),this.updateScrollTopPosition(t[i]),await s(),i}async focusByLabel(t,i){const e=this.options,o=this.getOptionIndexByLabel(e,t);this.updateFocus(e,o);const a=e[o];return this.updateScrollTopPosition(a),await s(),i.select&&await a.select(),o}async filterByContent(t){return this.filterOptions(this.allOptions,t),await s(),this.focusFirst()}async resetHidden(t=!1){this.options.forEach((i=>i.hidden=t)),await s(),this.resetFocus()}async resetSelected(t=!1){this.options.forEach((i=>i.selected=t)),await s()}async updateSelected(t){this.options.forEach((i=>i.selected=t.includes(i.value))),await s()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await s(),-1}async getSelectedValues(){return this.options.filter((t=>t.selected)).map((t=>t.value))}async getSelectedOptions(t){const i=this.options;return t&&t.length>0?i.filter((i=>t.includes(i.value))).map((t=>t)):i.filter((t=>t.selected)).map((t=>t))}async getValues(){return this.options.map((t=>t.value))}async getLabels(){return this.options.map((t=>t.label))}async getOptions(){return this.options.filter((t=>!t.disabled||!t.hidden))}async selectByFocus(){const t=this.options[this.focusIndex];t&&t.select(!this.multiple||!t.selected)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((t=>!t.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(t,i){const e=[],o="includes"===this.filter?f:m;for(let a=0;a<t.length;a++){const n=t[a];o(n.textContent||"",i)?(e.push(n),n.hidden=!1):n.hidden=!0}return e}isOptionVisible(t){const i=this.el.scrollTop;return i<=t.offsetTop&&t.offsetTop+t.clientHeight<=i+this.el.clientHeight}updateScrollTopPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForTopPosition(t)))}updateScrollBottomPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForBottomPosition(t)))}getScrollTopForTopPosition(t){const i=t.offsetTop;return i<0?0:i}getScrollTopForBottomPosition(t){const i=t.offsetTop+t.clientHeight-this.el.clientHeight;return i<0?0:i}async scrollTo(t){null!=t&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=r((async()=>{this.el.scrollTop=t})))}updateFocus(t,i){this.focusIndex=i;for(let e=0;e<t.length;e++)t[e].focused=e===i}getOptionIndex(t,i){for(let e=0;e<t.length;e++)if(t[e].value===i)return e}getSelectedOptionIndex(t){for(let i=0;i<t.length;i++){const e=t[i];if(e.selected&&!e.hidden)return i}return this.focusIndex}getFirstOptionIndex(t){for(let i=0;i<t.length;i++){const e=t[i];if(!e.disabled&&!e.hidden)return i}return this.focusIndex}getNextOptionIndex(t,i=this.focusIndex){if(i<0)return this.getFirstOptionIndex(t);let e=i;return i<this.getLength(t)&&(e=i+1,t[e].disabled)?this.getNextOptionIndex(t,e):e}getPreviousOptionIndex(t,i=this.focusIndex){const e=this.getFirstOptionIndex(t);if(i<=e)return e;let o=i;return o=i-1,t[o].disabled?this.getPreviousOptionIndex(t,o):o}getLastOptionIndex(t){for(let i=t.length-1;i>=0;i--)if(!t[i].disabled)return i;return this.focusIndex}getOptionIndexByLabel(t,i){if(void 0===i||""===i)return this.focusIndex;const e=t.find((t=>m(t.label||"",i)));return!v(e)&&e.id?t.indexOf(e):this.focusIndex}getLength(t){const i=t.map(((t,i)=>t.disabled?0:i));return Math.max(...i)}render(){const t=c.block("option-list"),i=this.labelledby||this.ariaForm.labelId;return o(a,{key:"b232136a55b7116f1894fca167540d50b7d974db",class:Object.assign({},t.class()),id:this.inputId},o("div",Object.assign({key:"2c8a33c3e9baf88f7acd26bb097690909c2fdacc",role:"listbox","aria-labelledby":i,"aria-disabled":d(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),o("slot",{key:"ae72b336a225342786af05f2a722d3d2f6409871"})))}get el(){return n(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};l([t("bal-option-list"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],w.prototype,"createLogger",null);let O=0;w.style=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";export{k as bal_option,w as bal_option_list}

package/dist/baloise-design-system/{p-0488425e9b.entry.js → p-e1fb3f50b2.entry.js}

@@ -1 +1 @@
-import{L as t,H as i,P as a,Q as e,W as n,T as s,A as r,M as o,N as c,O as d,f as l}from"./p-BD2o1F4P.js";import{_ as h,a as b}from"./p-dfXERft2.js";import{L as m}from"./p-DmcaVYuR.js";import{B as u}from"./p-ByiN-QjD.js";import{s as p}from"./p-CwsaXXwG.js";import{b as g,d as v}from"./p-D1VPLQ5z.js";import{a as x}from"./p-DBsOHTWj.js";const _=class{constructor(t){i(this,t),this.balChange=a(this,"balChange"),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.componentId="bal-accordion-"+f++,this.state=1,this.animated=!0,this.active=!1,this.debounce=0,this.openLabel="",this.openIcon="plus",this.closeLabel="",this.closeIcon="close",this.card=!1,this.version=1,this.updateState=(t=!1)=>{this.active?this.expand(t):this.collapse(t)},this.setState=t=>{this.state=t,2===this.version&&(this.updateTriggerElement(),this.updateDetailsElement(),this.updateSummaryElement())},this.updateDetailsElement=()=>{const t=this.detailsElement;t&&(t.state=this.state,t.active=this.active,t.animated=this.animated)},this.updateTriggerElement=()=>{const t=this.triggerElement;t&&(t.state=this.state,t.active=this.active)},this.updateSummaryElement=()=>{const t=this.summaryElement;t&&(t.state=this.state,t.active=this.active)},this.expand=(t=!1)=>{this.active=!0;const i=this.detailsElement,a=this.detailsWrapperElement;return t||null===i||null===a?(this.setState(4),this.active):(4===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?e((()=>{this.setState(8),this.balWillAnimate.emit(this.active),this.currentRaf=e((async()=>{const t=a.offsetHeight,e=n(i,300);i.style.setProperty("max-height",`${t}px`),await e,this.setState(4),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balWillAnimate.emit(this.active),this.setState(4),this.balDidAnimate.emit(this.active))),this.active)},this.collapse=(t=!1)=>{this.active=!1;const i=this.detailsElement;return t||null===i?(this.setState(1),this.active):(1===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=e((async()=>{i.style.setProperty("max-height",`${i.offsetHeight}px`),e((async()=>{const t=n(i,300);this.setState(2),this.balDidAnimate.emit(this.active),await t,this.setState(1),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balDidAnimate.emit(this.active),this.setState(1),this.balDidAnimate.emit(this.active))),this.active)},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onTriggerClickV1=()=>{this.humanToggle()}}createLogger(t){this.log=t}async activeChanged(t,i){t!==i&&(this.active=t,this.updateState())}debounceChanged(){this.balChange=s(this.balChange,this.debounce)}async connectedCallback(){this.debounceChanged(),await r(this.el),this.active&&this.activeChanged(this.active,!1),this.updateState(!0)}async configChanged(t){this.animated=t.animated}async present(){return this.expand()}async dismiss(){return this.collapse()}async toggle(){return this.active?this.collapse():this.expand()}async humanToggle(){return this.active?await this.collapse():await this.expand(),this.balChange.emit(this.active),this.active}get summaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-summary`))||null}get triggerElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-trigger`))||null}get detailsElement(){var t;return 1===this.version?this.contentEl||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details`))||null}get detailsWrapperElement(){var t;return 1===this.version?this.contentElWrapper||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details > div`))||null}render(){return 2===this.version?this.renderVersion2():this.renderVersion1()}renderVersion2(){const t=u.block("accordion");return o(c,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})}renderVersion1(){const t=this.active?this.closeLabel:this.openLabel,i=this.active?this.closeIcon:this.openIcon,a=u.block("accordion"),e=4===this.state||8===this.state,n=e?"button expanded":"button",s=e?"content expanded":"content";return o(c,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("card-v1").class(this.card)),a.modifier("active").class(this.active)),a.modifier("expanding").class(8===this.state)),a.modifier("expanded").class(4===this.state)),a.modifier("collapsing").class(2===this.state)),a.modifier("collapsed").class(1===this.state)),a.modifier("animated").class(this.animated))},o("div",{class:Object.assign({},a.element("wrapper").class())},o("div",{class:Object.assign(Object.assign({},a.element("trigger").class()),a.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},o("bal-button",{id:`${this.componentId}-button`,"aria-controls":`${this.componentId}-content`,part:n,"data-testid":"bal-accordion-trigger",expanded:!0,color:"info",icon:i,onClick:this.onTriggerClickV1},t)),o("div",{id:`${this.componentId}-content`,"aria-labelledby":`${this.componentId}-button`,role:"region",part:s,class:Object.assign(Object.assign(Object.assign({},a.element("content").class()),a.element("content").modifier("card").class(this.card)),a.element("content").modifier("overflow-hidden").class(4!==this.state)),ref:t=>this.contentEl=t},o("div",{id:`${this.componentId}-content-wrapper`,"data-testid":"bal-accordion-details",class:Object.assign({},a.element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},o("slot",null)))))}get el(){return d(this)}static get watchers(){return{active:["activeChanged"],debounce:["debounceChanged"]}}};h([t("bal-accordion"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],_.prototype,"createLogger",null),h([m(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],_.prototype,"configChanged",null);let f=0;_.style=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";const y=class{constructor(t){i(this,t),this.componentId="bal-accordion-details-"+w++,this.state=1,this.active=!1,this.animated=!0,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id}}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=u.block("accordion").element("details"),i=t.element("container").element("wrapper"),a=this.parentAccordionId?`${this.parentAccordionId}-details`:this.componentId,e=4===this.state||8===this.state?"content expanded":"content";return o(c,{key:"b9a16e64c4d5559646cdac24e2f9cad021d66a45",id:a,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(8===this.state)),t.modifier("expanded").class(4===this.state)),t.modifier("collapsing").class(2===this.state)),t.modifier("collapsed").class(1===this.state)),t.modifier("animated").class(this.animated))},o("div",{key:"279f8c54de387926886868cf13da08b1c465d523",id:`${a}-content`,"aria-labelledby":`${this.parentAccordionId}-trigger-button`,role:"region",part:e,class:Object.assign({},i.class()),"data-testid":"bal-accordion-details"},o("slot",{key:"209b3840f44b6373c8aeb5ad6851e1bc76ec09d5"})))}get el(){return d(this)}};h([t("bal-accordion-details"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],y.prototype,"createLogger",null);let w=0;y.style=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";const j=class{constructor(t){i(this,t),this.componentId="bal-accordion-summary-"+k++,this.trigger=!1,this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.onKeyDown=t=>{var i;(g(t)||v(t))&&(p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle())}}createLogger(t){this.log=t}connectedCallback(){const t=this.parentAccordionElement;t&&(t.version=2),this.updateAccordionId()}disconnectedCallback(){const t=this.parentAccordionElement;t&&(t.version=1),this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=u.block("accordion").element("summary");let i={};return this.trigger&&(i={"aria-controls":`${this.parentAccordionId}-details-content`,role:"button",tabindex:0,part:4===this.state||8===this.state?"button expanded":"button","data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}),o(c,Object.assign({key:"e192ab6a73d33db615d55c1ae5e82e334d5e690e",id:this.parentAccordionId?`${this.parentAccordionId}-summary`:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},i,{"data-testid":"bal-accordion-summary"}))}get el(){return d(this)}};h([t("bal-accordion-summary"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],j.prototype,"createLogger",null);let k=0;j.style="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";const O={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}},$=class{constructor(t){i(this,t),this.componentId="bal-accordion-trigger-"+C++,this.language=l.language,this.button=!1,this.expanded=!0,this.openLabel="",this.openIcon="caret-down",this.closeLabel="",this.closeIcon="",this.color="info",this.size="",this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.block=u.block("accordion").element("trigger")}createLogger(t){this.log=t}buttonChanged(){this.variant=this.button?"button":this.variant}connectedCallback(){this.updateAccordionId(),this.buttonChanged()}componentWillRender(){this.updateAccordionId()}async configChanged(t){this.language=t.language}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}get parentAccordionSummaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion-summary"))||null}render(){const t=this.parentAccordionId?`${this.parentAccordionId}-trigger`:this.componentId,i=this.active?this.closeLabel:this.openLabel;let a=!1,e=this.active?this.closeIcon:this.openIcon;""!==this.closeIcon&&null!=this.closeIcon||(a=this.active,e=this.openIcon||"caret-down");const n=4===this.state||8===this.state,s=n?"button expanded":"button",r=this.parentAccordionSummaryElement;let d={tabindex:-1};return r&&!r.trigger&&(d={tabindex:0}),o(c,{id:t,class:Object.assign({},this.block.class())},o((t=>{switch(t.variant){case"button":return this.renderButton(t);case"text":return this.renderText(t);default:return this.renderIcon(t)}}),{variant:this.variant,id:t,label:i,icon:e,turn:a,expanded:n,buttonPart:s,triggerAttributes:d}))}renderButton({id:t,buttonPart:i,icon:a,turn:e,label:n}){return o("bal-button",{id:`${t}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,part:i,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:a,iconTurn:e,color:this.color,size:this.size,title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,"aria-expanded":x(this.active),onClick:this.onClick},n)}renderIcon({buttonPart:t,triggerAttributes:i,turn:a,icon:e,id:n}){return o("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":0===i.tabindex}),id:`${n}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":x(this.active),part:t,"data-testid":"bal-accordion-trigger",title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,onClick:this.onClick},i),o("bal-icon",{turn:a,name:e}))}renderText({buttonPart:t,triggerAttributes:i,id:a}){const e=this.openLabel||O[this.language].open,n=this.closeLabel||O[this.language].close;return o("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":0===i.tabindex}),id:`${a}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":x(this.active),part:t,"data-testid":"bal-accordion-trigger",onClick:this.onClick},i),this.active?n:e)}get el(){return d(this)}static get watchers(){return{button:["buttonChanged"]}}};h([t("bal-accordion-trigger"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],$.prototype,"createLogger",null),h([m(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],$.prototype,"configChanged",null);let C=0;$.style="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";export{_ as bal_accordion,y as bal_accordion_details,j as bal_accordion_summary,$ as bal_accordion_trigger}
+import{L as t,H as i,P as a,Q as e,W as n,T as s,A as r,M as o,N as c,O as d,f as l}from"./p-DX6XBCWo.js";import{_ as h,a as b}from"./p-dfXERft2.js";import{L as m}from"./p-nukrfyT6.js";import{B as p}from"./p-ByiN-QjD.js";import{s as u}from"./p-Bi_NbXra.js";import{b as g,d as v}from"./p-D1VPLQ5z.js";import{a as x}from"./p-DBsOHTWj.js";const _=class{constructor(t){i(this,t),this.balChange=a(this,"balChange"),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.componentId="bal-accordion-"+f++,this.state=1,this.animated=!0,this.active=!1,this.debounce=0,this.openLabel="",this.openIcon="plus",this.closeLabel="",this.closeIcon="close",this.card=!1,this.version=1,this.updateState=(t=!1)=>{this.active?this.expand(t):this.collapse(t)},this.setState=t=>{this.state=t,2===this.version&&(this.updateTriggerElement(),this.updateDetailsElement(),this.updateSummaryElement())},this.updateDetailsElement=()=>{const t=this.detailsElement;t&&(t.state=this.state,t.active=this.active,t.animated=this.animated)},this.updateTriggerElement=()=>{const t=this.triggerElement;t&&(t.state=this.state,t.active=this.active)},this.updateSummaryElement=()=>{const t=this.summaryElement;t&&(t.state=this.state,t.active=this.active)},this.expand=(t=!1)=>{this.active=!0;const i=this.detailsElement,a=this.detailsWrapperElement;return t||null===i||null===a?(this.setState(4),this.active):(4===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?e((()=>{this.setState(8),this.balWillAnimate.emit(this.active),this.currentRaf=e((async()=>{const t=a.offsetHeight,e=n(i,300);i.style.setProperty("max-height",`${t}px`),await e,this.setState(4),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balWillAnimate.emit(this.active),this.setState(4),this.balDidAnimate.emit(this.active))),this.active)},this.collapse=(t=!1)=>{this.active=!1;const i=this.detailsElement;return t||null===i?(this.setState(1),this.active):(1===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=e((async()=>{i.style.setProperty("max-height",`${i.offsetHeight}px`),e((async()=>{const t=n(i,300);this.setState(2),this.balDidAnimate.emit(this.active),await t,this.setState(1),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balDidAnimate.emit(this.active),this.setState(1),this.balDidAnimate.emit(this.active))),this.active)},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onTriggerClickV1=()=>{this.humanToggle()}}createLogger(t){this.log=t}async activeChanged(t,i){t!==i&&(this.active=t,this.updateState())}debounceChanged(){this.balChange=s(this.balChange,this.debounce)}async connectedCallback(){this.debounceChanged(),await r(this.el),this.active&&this.activeChanged(this.active,!1),this.updateState(!0)}async configChanged(t){this.animated=t.animated}async present(){return this.expand()}async dismiss(){return this.collapse()}async toggle(){return this.active?this.collapse():this.expand()}async humanToggle(){return this.active?await this.collapse():await this.expand(),this.balChange.emit(this.active),this.active}get summaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-summary`))||null}get triggerElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-trigger`))||null}get detailsElement(){var t;return 1===this.version?this.contentEl||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details`))||null}get detailsWrapperElement(){var t;return 1===this.version?this.contentElWrapper||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details > div`))||null}render(){return 2===this.version?this.renderVersion2():this.renderVersion1()}renderVersion2(){const t=p.block("accordion");return o(c,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})}renderVersion1(){const t=this.active?this.closeLabel:this.openLabel,i=this.active?this.closeIcon:this.openIcon,a=p.block("accordion"),e=4===this.state||8===this.state,n=e?"button expanded":"button",s=e?"content expanded":"content";return o(c,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("card-v1").class(this.card)),a.modifier("active").class(this.active)),a.modifier("expanding").class(8===this.state)),a.modifier("expanded").class(4===this.state)),a.modifier("collapsing").class(2===this.state)),a.modifier("collapsed").class(1===this.state)),a.modifier("animated").class(this.animated))},o("div",{class:Object.assign({},a.element("wrapper").class())},o("div",{class:Object.assign(Object.assign({},a.element("trigger").class()),a.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},o("bal-button",{id:`${this.componentId}-button`,"aria-controls":`${this.componentId}-content`,part:n,"data-testid":"bal-accordion-trigger",expanded:!0,color:"info",icon:i,onClick:this.onTriggerClickV1},t)),o("div",{id:`${this.componentId}-content`,"aria-labelledby":`${this.componentId}-button`,role:"region",part:s,class:Object.assign(Object.assign(Object.assign({},a.element("content").class()),a.element("content").modifier("card").class(this.card)),a.element("content").modifier("overflow-hidden").class(4!==this.state)),ref:t=>this.contentEl=t},o("div",{id:`${this.componentId}-content-wrapper`,"data-testid":"bal-accordion-details",class:Object.assign({},a.element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},o("slot",null)))))}get el(){return d(this)}static get watchers(){return{active:["activeChanged"],debounce:["debounceChanged"]}}};h([t("bal-accordion"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],_.prototype,"createLogger",null),h([m(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],_.prototype,"configChanged",null);let f=0;_.style=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";const y=class{constructor(t){i(this,t),this.componentId="bal-accordion-details-"+w++,this.state=1,this.active=!1,this.animated=!0,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id}}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=p.block("accordion").element("details"),i=t.element("container").element("wrapper"),a=this.parentAccordionId?`${this.parentAccordionId}-details`:this.componentId,e=4===this.state||8===this.state?"content expanded":"content";return o(c,{key:"b9a16e64c4d5559646cdac24e2f9cad021d66a45",id:a,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(8===this.state)),t.modifier("expanded").class(4===this.state)),t.modifier("collapsing").class(2===this.state)),t.modifier("collapsed").class(1===this.state)),t.modifier("animated").class(this.animated))},o("div",{key:"279f8c54de387926886868cf13da08b1c465d523",id:`${a}-content`,"aria-labelledby":`${this.parentAccordionId}-trigger-button`,role:"region",part:e,class:Object.assign({},i.class()),"data-testid":"bal-accordion-details"},o("slot",{key:"209b3840f44b6373c8aeb5ad6851e1bc76ec09d5"})))}get el(){return d(this)}};h([t("bal-accordion-details"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],y.prototype,"createLogger",null);let w=0;y.style=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";const j=class{constructor(t){i(this,t),this.componentId="bal-accordion-summary-"+k++,this.trigger=!1,this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;u(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.onKeyDown=t=>{var i;(g(t)||v(t))&&(u(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle())}}createLogger(t){this.log=t}connectedCallback(){const t=this.parentAccordionElement;t&&(t.version=2),this.updateAccordionId()}disconnectedCallback(){const t=this.parentAccordionElement;t&&(t.version=1),this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=p.block("accordion").element("summary");let i={};return this.trigger&&(i={"aria-controls":`${this.parentAccordionId}-details-content`,role:"button",tabindex:0,part:4===this.state||8===this.state?"button expanded":"button","data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}),o(c,Object.assign({key:"e192ab6a73d33db615d55c1ae5e82e334d5e690e",id:this.parentAccordionId?`${this.parentAccordionId}-summary`:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},i,{"data-testid":"bal-accordion-summary"}))}get el(){return d(this)}};h([t("bal-accordion-summary"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],j.prototype,"createLogger",null);let k=0;j.style="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";const O={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}},$=class{constructor(t){i(this,t),this.componentId="bal-accordion-trigger-"+C++,this.language=l.language,this.button=!1,this.expanded=!0,this.openLabel="",this.openIcon="caret-down",this.closeLabel="",this.closeIcon="",this.color="info",this.size="",this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;u(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.block=p.block("accordion").element("trigger")}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}async configChanged(t){this.language=t.language}get realVariant(){return this.button?"button":this.variant}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}get parentAccordionSummaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion-summary"))||null}render(){const t=this.parentAccordionId?`${this.parentAccordionId}-trigger`:this.componentId,i=this.active?this.closeLabel:this.openLabel;let a=!1,e=this.active?this.closeIcon:this.openIcon;""!==this.closeIcon&&null!=this.closeIcon||(a=this.active,e=this.openIcon||"caret-down");const n=4===this.state||8===this.state,s=n?"button expanded":"button",r=this.parentAccordionSummaryElement;let d={tabindex:-1};return r&&!r.trigger&&(d={tabindex:0}),o(c,{id:t,class:Object.assign({},this.block.class())},o((t=>{switch(t.variant){case"button":return this.renderButton(t);case"text":return this.renderText(t);default:return this.renderIcon(t)}}),{variant:this.realVariant,id:t,label:i,icon:e,turn:a,expanded:n,buttonPart:s,triggerAttributes:d}))}renderButton({id:t,buttonPart:i,icon:a,turn:e,label:n}){return o("bal-button",{id:`${t}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,part:i,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:a,iconTurn:e,color:this.color,size:this.size,title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,"aria-expanded":x(this.active),onClick:this.onClick},n)}renderIcon({buttonPart:t,triggerAttributes:i,turn:a,icon:e,id:n}){return o("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":0===i.tabindex}),id:`${n}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":x(this.active),part:t,"data-testid":"bal-accordion-trigger",title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,onClick:this.onClick},i),o("bal-icon",{turn:a,name:e}))}renderText({buttonPart:t,triggerAttributes:i,id:a}){const e=this.openLabel||O[this.language].open,n=this.closeLabel||O[this.language].close;return o("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":0===i.tabindex}),id:`${a}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":x(this.active),part:t,"data-testid":"bal-accordion-trigger",onClick:this.onClick},i),this.active?n:e)}get el(){return d(this)}};h([t("bal-accordion-trigger"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],$.prototype,"createLogger",null),h([m(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],$.prototype,"configChanged",null);let C=0;$.style="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";export{_ as bal_accordion,y as bal_accordion_details,j as bal_accordion_summary,$ as bal_accordion_trigger}

package/dist/baloise-design-system/{p-360fdc5731.system.entry.js → p-e37f5634db.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-CBMgyOmf.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-DKjTFqnu.system.js"],(function(a){"use strict";var l,r,e,t,b,o,i,g;return{setters:[function(a){l=a.H;r=a.P;e=a.M;t=a.N;b=a.O},function(a){o=a.i},function(a){i=a.B},function(a){g=a.a}],execute:function(){var n=":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-rounded);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white);--bal-tag-size-small-font-size:var(--bal-text-size-small);--bal-tag-size-small-font-weight:var(--bal-font-weight-regular)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-tag-size-small-font-size) !important;font-weight:var(--bal-tag-size-small-font-weight) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";var s=a("bal_tag",function(){function a(a){l(this,a);this.balCloseClick=r(this,"balCloseClick");this.inheritedAttributes={};this.inheritedAttributesClose={};this.color="";this.size="";this.closable=false;this.invalid=false;this.disabled=false;this.position="left";this.light=false;this.transparent=false}a.prototype.componentWillLoad=function(){this.inheritedAttributes=o(this.el,["aria-label","title"]);this.inheritedAttributesClose=o(this.el,["tabindex"])};a.prototype.render=function(){var a=this;var l=i.block("tag");var r=l.element("label");var b="is-".concat(this.size);var o=this.size!==undefined;var n=this.color!=="";var s="is-".concat(this.color).concat(this.light?"-light":"");var c="is-disabled";var d=this.disabled;var u="is-".concat(this.position);var v=this.position!==undefined;return e(t,Object.assign({key:"b3dd6ad7f05f23340c3df01bd4f184edfb5ce37d","aria-disabled":g(this.disabled),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(b).class(o)),l.modifier(s).class(n)),l.modifier(c).class(d)),l.modifier(u).class(v)),l.modifier("is-invalid").class(this.invalid))},this.inheritedAttributes),e("span",{key:"910e9044e5747f04dfc03e08adb1e2a76eaf8987",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(b).class(o)),r.modifier(s).class(n)),r.modifier(c).class(d)),r.modifier("is-invalid").class(this.invalid)),"data-testid":"bal-tag-label"},e("slot",{key:"89969c3a499afe92277d50d98305069661cb0eb9"})),e("bal-close",Object.assign({key:"b56f1ade26b9b3225948a40b0f47b966477169cd",class:Object.assign({},l.element("close").class()),style:{display:this.closable&&!this.disabled?"flex":"none"},size:this.size==="small"?"small":"",inverted:["blue","primary","info","success","warning","danger","red","purple","yellow","green"].includes(this.color)&&!this.light||this.invalid,"data-testid":"bal-tag-close",onClick:function(l){return a.balCloseClick.emit(l)}},this.inheritedAttributesClose)))};Object.defineProperty(a.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});return a}());s.style=n;var c=a("bal_tag_group",function(){function a(a){l(this,a)}a.prototype.render=function(){return e(t,{key:"0ab0e65bef811da56fe8acea596100fa62a0167a",class:"bal-tag-group"},e("slot",{key:"405f949e333e3e0995a1ec4eb4160b8513d20785"}))};return a}())}}}));
+System.register(["./p-wD7lDQ_h.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-DKjTFqnu.system.js"],(function(a){"use strict";var l,r,t,e,b,o,i,g;return{setters:[function(a){l=a.H;r=a.P;t=a.M;e=a.N;b=a.O},function(a){o=a.i},function(a){i=a.B},function(a){g=a.a}],execute:function(){var n=":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-rounded);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white);--bal-tag-size-small-font-size:var(--bal-text-size-small);--bal-tag-size-small-font-weight:var(--bal-font-weight-regular)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-tag-size-small-font-size) !important;font-weight:var(--bal-tag-size-small-font-weight) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";var s=a("bal_tag",function(){function a(a){l(this,a);this.balCloseClick=r(this,"balCloseClick");this.inheritedAttributes={};this.inheritedAttributesClose={};this.color="";this.size="";this.closable=false;this.invalid=false;this.disabled=false;this.position="left";this.light=false;this.transparent=false}a.prototype.componentWillLoad=function(){this.inheritedAttributes=o(this.el,["aria-label","title"]);this.inheritedAttributesClose=o(this.el,["tabindex"])};a.prototype.render=function(){var a=this;var l=i.block("tag");var r=l.element("label");var b="is-".concat(this.size);var o=this.size!==undefined;var n=this.color!=="";var s="is-".concat(this.color).concat(this.light?"-light":"");var c="is-disabled";var d=this.disabled;var u="is-".concat(this.position);var v=this.position!==undefined;return t(e,Object.assign({key:"19610b319eef385b35d471cbb7c8dbbec82d948d","aria-disabled":g(this.disabled),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(b).class(o)),l.modifier(s).class(n)),l.modifier(c).class(d)),l.modifier(u).class(v)),l.modifier("is-invalid").class(this.invalid))},this.inheritedAttributes),t("span",{key:"fd3ca48806a3e38c7147d4be4a12eccb585838c3",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(b).class(o)),r.modifier(s).class(n)),r.modifier(c).class(d)),r.modifier("is-invalid").class(this.invalid)),"data-testid":"bal-tag-label"},t("slot",{key:"52520c8b812402d98138bbce22ba2f6dd017cdd3"})),t("bal-close",Object.assign({key:"50b84027169d67402416c9d5c759f75439acf3b3",class:Object.assign({},l.element("close").class()),style:{display:this.closable&&!this.disabled?"flex":"none"},size:this.size==="small"?"small":"",inverted:["blue","primary","info","success","warning","danger","red","purple","yellow","green"].includes(this.color)&&!this.light||this.invalid,"data-testid":"bal-tag-close",onClick:function(l){return a.balCloseClick.emit(l)}},this.inheritedAttributesClose)))};Object.defineProperty(a.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});return a}());s.style=n;var c=a("bal_tag_group",function(){function a(a){l(this,a)}a.prototype.render=function(){return t(e,{key:"131973a110ac1b917a7010d3870c48558020a618",class:"bal-tag-group"},t("slot",{key:"3595db4a1dbe182c0890054da5ad8c33ea4a818b"}))};return a}())}}}));

package/dist/baloise-design-system/{p-1be5c40030.system.entry.js → p-e7dc8fb5c7.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-CBMgyOmf.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js"],(function(t){"use strict";var e,n,a,i,l,s,c;return{setters:[function(t){e=t.L;n=t.H;a=t.M;i=t.N},function(t){l=t._;s=t.a},function(t){c=t.B}],execute:function(){var r=".bal-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-align:left;gap:.25rem}.bal-content--align-center{-ms-flex-align:center;align-items:center;text-align:center}.bal-content--align-end{-ms-flex-align:end;align-items:flex-end;text-align:right}.bal-content--layout-horizontal{-ms-flex-direction:row;flex-direction:row}.bal-content--layout-vertical{-ms-flex-direction:column;flex-direction:column}.bal-content--space-none{gap:0rem}.bal-content--space-xxx-small{gap:.125rem}.bal-content--space-xx-small{gap:.25rem}.bal-content--space-x-small{gap:.5rem}.bal-content--space-small{gap:.75rem}.bal-content--space-normal{gap:1rem}.bal-content>.bal-text{margin:0}";var o=t("bal_content",function(){function t(t){n(this,t);this.layout="vertical";this.align="start";this.space="xx-small";this.direction="";this.alignment=""}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){var t=c.block("content");var e=!!this.direction;var n=!!this.layout;var l=!!this.alignment;var s=!!this.align;var r=!!this.space;var o=this.layout;if(e){o=this.direction==="row"?"horizontal":"vertical"}var m=this.align.split(" ").join("-");if(l){m=this.alignment.split(" ").join("-")}return a(i,{key:"a7213517d4b70adbe0ba7091c1393d6dfdb62c9e",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("layout-".concat(o)).class(n||e)),t.modifier("align-".concat(m)).class(s||l)),t.modifier("space-".concat(this.space)).class(r))},a("slot",{key:"d907c3d66bf4927b63cfa6958288e3eb38e9d4be"}))};return t}());l([e("bal-content"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],o.prototype,"createLogger",null);o.style=r}}}));
+System.register(["./p-wD7lDQ_h.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js"],(function(t){"use strict";var e,n,a,l,i,s,c;return{setters:[function(t){e=t.L;n=t.H;a=t.M;l=t.N},function(t){i=t._;s=t.a},function(t){c=t.B}],execute:function(){var r=".bal-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-align:left;gap:.25rem}.bal-content--align-center{-ms-flex-align:center;align-items:center;text-align:center}.bal-content--align-end{-ms-flex-align:end;align-items:flex-end;text-align:right}.bal-content--layout-horizontal{-ms-flex-direction:row;flex-direction:row}.bal-content--layout-vertical{-ms-flex-direction:column;flex-direction:column}.bal-content--space-none{gap:0rem}.bal-content--space-xxx-small{gap:.125rem}.bal-content--space-xx-small{gap:.25rem}.bal-content--space-x-small{gap:.5rem}.bal-content--space-small{gap:.75rem}.bal-content--space-normal{gap:1rem}.bal-content>.bal-text{margin:0}";var o=t("bal_content",function(){function t(t){n(this,t);this.layout="vertical";this.align="start";this.space="xx-small";this.direction="";this.alignment=""}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){var t=c.block("content");var e=!!this.direction;var n=!!this.layout;var i=!!this.alignment;var s=!!this.align;var r=!!this.space;var o=this.layout;if(e){o=this.direction==="row"?"horizontal":"vertical"}var m=this.align.split(" ").join("-");if(i){m=this.alignment.split(" ").join("-")}return a(l,{key:"a7213517d4b70adbe0ba7091c1393d6dfdb62c9e",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("layout-".concat(o)).class(n||e)),t.modifier("align-".concat(m)).class(s||i)),t.modifier("space-".concat(this.space)).class(r))},a("slot",{key:"d907c3d66bf4927b63cfa6958288e3eb38e9d4be"}))};return t}());i([e("bal-content"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],o.prototype,"createLogger",null);o.style=r}}}));

package/dist/baloise-design-system/{p-f6d3510be9.entry.js → p-e92e141b60.entry.js}

@@ -1 +1 @@
-import{d as a,H as t,P as e,a as i,r as s,V as o,w as l,M as d,N as n,O as r}from"./p-BD2o1F4P.js";import{p as m,d as c,e as h,F as b}from"./p-DWFDan_k.js";import{B as _}from"./p-BHYcTU7V.js";const p=a=>{const t={};return f(a).forEach((a=>t[a]=!0)),t},f=a=>void 0!==a?(Array.isArray(a)?a:a.split(" ")).filter((a=>null!=a)).map((a=>a.trim())).filter((a=>""!==a)):[],g=class{constructor(a){t(this,a),this.didPresent=e(this,"balModalDidPresent"),this.willPresent=e(this,"balModalWillPresent"),this.willDismiss=e(this,"balModalWillDismiss"),this.didDismiss=e(this,"balModalDidDismiss"),this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.bodyScrollHandler=new _,this.presented=!1,this.modalWidth=640,this.space="",this.hasBackdrop=!0,this.isClosable=!0,this.backdropDismiss=!0,this.focusTrap=!0,this.demo=!1}connectedCallback(){this.bodyScrollHandler.connect(),m(this),i.hasDocument&&this.demo&&this.open()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async open(){await s(this.usersElement),this.setModalActiveOnBody(),o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.add("fadeIn"),this.modalContentElement&&this.modalContentElement.classList.add("fadeInDown")})),this.presented||(this.willPresent.emit(),this.presented=!0,await l(150),o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.remove("fadeIn"),this.modalContentElement&&this.modalContentElement.classList.remove("fadeInDown")})),this.didPresent.emit())}async close(){this.willDismiss.emit(),this.unsetModalActiveOnBody(),this.presented=!1,this.didDismiss.emit()}async present(){if(this.setModalActiveOnBody(),this.presented)return;const t=this.el.querySelector(".bal-modal__content");if(!t)throw new Error("container is undefined");const e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});this.usersElement=await(async(t,e,i,s,o)=>{if(t)return t.attachViewToDom(e,i,o,s);if("string"!=typeof i&&!(i instanceof HTMLElement))throw new Error("framework delegate is missing");const l="string"==typeof i?e.ownerDocument&&e.ownerDocument.createElement(i):i;return s&&s.forEach((a=>l.classList.add(a))),o&&Object.assign(l,o),e.appendChild(l),await new Promise((t=>a(l,t))),l})(this.delegate,t,this.component,[],e),await this.open()}async dismiss(a,t){if(this.unsetModalActiveOnBody(),void 0===this.delegate)return await this.close(),!0;const e=await c(this,a,t,(async()=>{o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.add("fadeOut"),this.modalContentElement&&this.modalContentElement.classList.add("fadeOutUp")})),await l(140)}));return e&&await((a,t)=>{if(t){if(a)return a.removeViewFromDom(t.parentElement,t);t.remove()}return Promise.resolve()})(this.delegate,this.usersElement),e}onDidDismiss(){return h(this.el,"balModalDidDismiss")}onWillDismiss(){return h(this.el,"balModalWillDismiss")}async onClickCloseButton(a){if(this.isClosable&&this.presented&&a&&a.target){const t=a.target.closest("bal-button");t&&t.hasAttribute("modal-close")&&await this.dismiss(void 0,"model-close"),this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss(void 0,"model-close")}}async onMouseDown(a){this.isClickedOutsideOnMouseDown=this.isClickedOutside(a)}async onMouseUp(a){this.isClickedOutsideOnMouseUp=this.isClickedOutside(a)}async handleKeyUp(a){const t=Array.from(document.querySelectorAll("bal-modal")).filter((a=>a.hasAttribute("aria-presented"))).map((a=>a.overlayIndex)).map((a=>parseInt(a))).filter((a=>!Number.isNaN(a))),e=Math.max(...t);this.overlayIndex===e&&(a.preventDefault(),a.stopPropagation(),this.presented&&this.isClosable&&("Escape"!==a.key&&"Esc"!==a.key||(this.delegate?await this.dismiss(void 0,"model-escape"):await this.close())))}setModalActiveOnBody(){this.demo||this.bodyScrollHandler.disable()}unsetModalActiveOnBody(){this.bodyScrollHandler.enable()}isClickedOutside(a){return!!(this.isClosable&&this.presented&&a&&a.target&&this.backdropDismiss)&&a.target.classList.contains("bal-modal__container")}render(){return d(n,{key:"1d9ab99326366d164adf6fbd5fc9d6af27a8ba58","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign({"bal-modal":!0,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented,[b]:!1===this.focusTrap},p(this.cssClass)),style:{"--bal-width":`${this.modalWidth}px`}},d("div",{key:"057c4355168926825f04f51300478a1393b31563",class:{"bal-modal__background":!0,"is-hidden":!this.hasBackdrop},ref:a=>this.modalBackgroundElement=a}),d("div",{key:"ffa93ee6d43b8ded4a2851e4c2578fce427de8c2",class:{"bal-modal__container":!0},ref:a=>this.modalContainerElement=a},d("div",{key:"37ee9d19563be8e0a22b75d44b0cde5890342e1c",class:{"bal-modal__content":!0,[`bal-modal__content--has-spacing-${this.space}`]:!0},ref:a=>this.modalContentElement=a},d("slot",{key:"0bdfc5b5e268ec2ade1b70753cd64517fa635290"}))))}get el(){return r(this)}};g.style=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";const u=class{constructor(a){t(this,a)}render(){return d(n,{key:"2bef5892f7f6e90bb4c893f4c5ca5027dece343a",class:"bal-modal__body"},d("slot",{key:"45b45f4141bd105c11f57628e6ea2ba989ef1a55"}))}},y=class{constructor(a){t(this,a),this.closeHandler=()=>{this.parentModal&&this.parentModal.dismiss(void 0,"model-close")}}get parentModal(){return this.el.closest("bal-modal")}render(){var a;return d(n,{key:"abcecb921453f0ec9ff5b989517ca1b1406daab0",class:"bal-modal__header"},d("div",{key:"6e4606402740673c455e98c4f4160e17f82d0435",class:"bal-modal__header__title"},d("bal-heading",{key:"bf7df5c6677354f5c53b75d77fb8b7f23859f267",level:"h2",space:"none"},d("slot",{key:"78648da85f2751f9aac04544083d62ba088beeae"}))),(null===(a=this.parentModal)||void 0===a?void 0:a.isClosable)?d("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")}get el(){return r(this)}};export{g as bal_modal,u as bal_modal_body,y as bal_modal_header}
+import{d as a,H as t,P as e,a as i,r as s,V as o,w as l,M as d,N as n,O as r}from"./p-DX6XBCWo.js";import{p as m,d as h,e as c,F as b}from"./p-DfoIsy8H.js";import{B as _}from"./p-CEirSJjt.js";const p=a=>{const t={};return f(a).forEach((a=>t[a]=!0)),t},f=a=>void 0!==a?(Array.isArray(a)?a:a.split(" ")).filter((a=>null!=a)).map((a=>a.trim())).filter((a=>""!==a)):[],g=class{constructor(a){t(this,a),this.didPresent=e(this,"balModalDidPresent"),this.willPresent=e(this,"balModalWillPresent"),this.willDismiss=e(this,"balModalWillDismiss"),this.didDismiss=e(this,"balModalDidDismiss"),this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.bodyScrollHandler=new _,this.presented=!1,this.modalWidth=640,this.space="",this.hasBackdrop=!0,this.isClosable=!0,this.backdropDismiss=!0,this.focusTrap=!0,this.demo=!1}connectedCallback(){this.bodyScrollHandler.connect(),m(this),i.hasDocument&&this.demo&&this.open()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async open(){await s(this.usersElement),this.setModalActiveOnBody(),o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.add("fadeIn"),this.modalContentElement&&this.modalContentElement.classList.add("fadeInDown")})),this.presented||(this.willPresent.emit(),this.presented=!0,await l(150),o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.remove("fadeIn"),this.modalContentElement&&this.modalContentElement.classList.remove("fadeInDown")})),this.didPresent.emit())}async close(){this.willDismiss.emit(),this.unsetModalActiveOnBody(),this.presented=!1,this.didDismiss.emit()}async present(){if(this.setModalActiveOnBody(),this.presented)return;const t=this.el.querySelector(".bal-modal__content");if(!t)throw new Error("container is undefined");const e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});this.usersElement=await(async(t,e,i,s,o)=>{if(t)return t.attachViewToDom(e,i,o,s);if("string"!=typeof i&&!(i instanceof HTMLElement))throw new Error("framework delegate is missing");const l="string"==typeof i?e.ownerDocument&&e.ownerDocument.createElement(i):i;return s&&s.forEach((a=>l.classList.add(a))),o&&Object.assign(l,o),e.appendChild(l),await new Promise((t=>a(l,t))),l})(this.delegate,t,this.component,[],e),await this.open()}async dismiss(a,t){if(this.unsetModalActiveOnBody(),void 0===this.delegate)return await this.close(),!0;const e=await h(this,a,t,(async()=>{o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.add("fadeOut"),this.modalContentElement&&this.modalContentElement.classList.add("fadeOutUp")})),await l(140)}));return e&&await((a,t)=>{if(t){if(a)return a.removeViewFromDom(t.parentElement,t);t.remove()}return Promise.resolve()})(this.delegate,this.usersElement),e}onDidDismiss(){return c(this.el,"balModalDidDismiss")}onWillDismiss(){return c(this.el,"balModalWillDismiss")}async onClickCloseButton(a){if(this.isClosable&&this.presented&&a&&a.target){const t=a.target.closest("bal-button");t&&t.hasAttribute("modal-close")&&await this.dismiss(void 0,"model-close"),this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss(void 0,"model-close")}}async onMouseDown(a){this.isClickedOutsideOnMouseDown=this.isClickedOutside(a)}async onMouseUp(a){this.isClickedOutsideOnMouseUp=this.isClickedOutside(a)}async handleKeyUp(a){const t=Array.from(document.querySelectorAll("bal-modal")).filter((a=>a.hasAttribute("aria-presented"))).map((a=>a.overlayIndex)).map((a=>parseInt(a))).filter((a=>!Number.isNaN(a))),e=Math.max(...t);this.overlayIndex===e&&(a.preventDefault(),a.stopPropagation(),this.presented&&this.isClosable&&("Escape"!==a.key&&"Esc"!==a.key||(this.delegate?await this.dismiss(void 0,"model-escape"):await this.close())))}setModalActiveOnBody(){this.demo||this.bodyScrollHandler.disable()}unsetModalActiveOnBody(){this.bodyScrollHandler.enable()}isClickedOutside(a){return!!(this.isClosable&&this.presented&&a&&a.target&&this.backdropDismiss)&&a.target.classList.contains("bal-modal__container")}render(){return d(n,{key:"b9f93570b2f131d733376175c270362d332b2f8c","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign({"bal-modal":!0,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented,[b]:!1===this.focusTrap},p(this.cssClass)),style:{"--bal-width":`${this.modalWidth}px`}},d("div",{key:"3ba52aa812080ca4df440ed31550c63f247102ed",class:{"bal-modal__background":!0,"is-hidden":!this.hasBackdrop},ref:a=>this.modalBackgroundElement=a}),d("div",{key:"a0e32a3bdd09f2abc90f18129f0e1ecb230774b7",class:{"bal-modal__container":!0},ref:a=>this.modalContainerElement=a},d("div",{key:"f38d1b9a696644b23960e2769020dbd88518914f",class:{"bal-modal__content":!0,[`bal-modal__content--has-spacing-${this.space}`]:!0},ref:a=>this.modalContentElement=a},d("slot",{key:"984553311791bdbc7de71bb56ea8deef8e431012"}))))}get el(){return r(this)}};g.style=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";const u=class{constructor(a){t(this,a)}render(){return d(n,{key:"4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef",class:"bal-modal__body"},d("slot",{key:"4f42e2817d50f6633e18e548f3194387802cb251"}))}},y=class{constructor(a){t(this,a),this.closeHandler=()=>{this.parentModal&&this.parentModal.dismiss(void 0,"model-close")}}get parentModal(){return this.el.closest("bal-modal")}render(){var a;return d(n,{key:"9c524259d6f60c57d7d682e5453e7abb2432bfe0",class:"bal-modal__header"},d("div",{key:"7597f303fba32bb3a28b6bf9775b368bb92d1c43",class:"bal-modal__header__title"},d("bal-heading",{key:"a7c072e997d9a6863683a895a0b71441abbb1b46",level:"h2",space:"none"},d("slot",{key:"72f19ac646649a03f1b27c01b10dbad411c6e61d"}))),(null===(a=this.parentModal)||void 0===a?void 0:a.isClosable)?d("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")}get el(){return r(this)}};export{g as bal_modal,u as bal_modal_body,y as bal_modal_header}