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

package/dist/esm/ds-radio.entry.js

@@ -1,17 +1,17 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, h as isDescendant, l as waitAfterIdleCallback, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
+import { D as registerInstance, J as createEvent, h as isDescendant, l as waitAfterIdleCallback, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
 import { i as inheritAttributes } from './attributes-B62ocg4Q.js';
-import { s as stopEventBubbling } from './form-control-g2Cf81YC.js';
-import { h as hasValue } from './has-value-D7lYQNBK.js';
+import { a as setFormValue, s as stopEventBubbling } from './form-control-RKlnnjxO.js';
+import { h as hasValue } from './has-value-uy_-jH0L.js';
 import { b as isSpaceKey } from './keyboard-BeR87vGa.js';
 import { F as FOCUS_KEYS } from './root.focus.util-BTyFgjT3.js';
 import { R as RADIO_GROUP_COLUMNS, a as RADIO_LABEL_POSITIONS, b as RADIO_TILE_COLORS } from './radio.interfaces-BOs0zxHi.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const radioHostCss = () => `:host{--_radio-gap:var(--radio-gap, var(--mod-radio-gap, 0.5rem));--_radio-label-base-color:var(--radio-label-base-color, var(--mod-radio-label-base-color, inherit));--_radio-label-hover-color:var(--radio-label-hover-color, var(--mod-radio-label-hover-color, var(--ds-global-color-sky-5)));--_radio-label-active-color:var(--radio-label-active-color, var(--mod-radio-label-active-color, var(--ds-global-color-primary-6)));--_radio-label-disabled-color:var(--radio-label-disabled-color, var(--mod-radio-label-disabled-color, var(--ds-radio-label-color-disabled)));--_radio-size:var(--radio-size, var(--mod-radio-size, 1.5rem));--_radio-border-width:var(--radio-border-width, var(--mod-radio-border-width, var(--ds-alias-border-width-base)));--_radio-radius:var(--radio-radius, var(--mod-radio-radius, var(--ds-alias-radius-rounded)));--_radio-tile-radius:var(--radio-tile-radius, var(--mod-radio-tile-radius, var(--ds-alias-radius-base)));--_radio-tile-p:var(--radio-tile-p, var(--mod-radio-tile-p, 1rem));--_radio-tile-border-width:var(--radio-tile-border-width, var(--mod-radio-tile-border-width, var(--ds-alias-border-width-base)));--_radio-tile-base-background-color:var(--radio-tile-base-background-color, var(--mod-radio-tile-base-background-color, inherit));--_radio-tile-base-border-color:var(--radio-tile-base-border-color, var(--mod-radio-tile-base-border-color, var(--ds-global-color-grey-3)));--_radio-tile-hover-background-color:var(--radio-tile-hover-background-color, var(--mod-radio-tile-hover-background-color, var(--ds-global-color-grey-0)));--_radio-tile-hover-border-color:var(--radio-tile-hover-border-color, var(--mod-radio-tile-hover-border-color, var(--ds-global-color-sky-5)));--_radio-tile-active-background-color:var(--radio-tile-active-background-color, var(--mod-radio-tile-active-background-color, var(--ds-global-color-grey-0)));--_radio-tile-active-border-color:var(--radio-tile-active-border-color, var(--mod-radio-tile-active-border-color, var(--ds-global-color-primary-6)));--_radio-unchecked-base-color-background:var(--radio-unchecked-base-color-background, var(--mod-radio-unchecked-base-color-background, transparent));--_radio-unchecked-base-color-border:var(--radio-unchecked-base-color-border, var(--mod-radio-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_radio-unchecked-hover-color-background:var(--radio-unchecked-hover-color-background, var(--mod-radio-unchecked-hover-color-background, var(--ds-global-color-grey-1)));--_radio-unchecked-hover-color-border:var(--radio-unchecked-hover-color-border, var(--mod-radio-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_radio-unchecked-active-color-background:var(--radio-unchecked-active-color-background, var(--mod-radio-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_radio-unchecked-active-color-border:var(--radio-unchecked-active-color-border, var(--mod-radio-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_radio-unchecked-disabled-color-background:var(--radio-unchecked-disabled-color-background, var(--mod-radio-unchecked-disabled-color-background, var(--ds-radio-unchecked-color-disabled-background)));--_radio-checked-base-color-background:var(--radio-checked-base-color-background, var(--mod-radio-checked-base-color-background, var(--ds-global-color-primary-5)));--_radio-checked-base-color-border:var(--radio-checked-base-color-border, var(--mod-radio-checked-base-color-border, var(--ds-global-color-primary-5)));--_radio-checked-base-color-icon:var(--radio-checked-base-color-icon, var(--mod-radio-checked-base-color-icon, var(--ds-global-color-white)));--_radio-checked-hover-color-background:var(--radio-checked-hover-color-background, var(--mod-radio-checked-hover-color-background, var(--ds-global-color-sky-5)));--_radio-checked-hover-color-border:var(--radio-checked-hover-color-border, var(--mod-radio-checked-hover-color-border, var(--ds-global-color-sky-5)));--_radio-checked-active-color-background:var(--radio-checked-active-color-background, var(--mod-radio-checked-active-color-background, var(--ds-global-color-primary-6)));--_radio-checked-active-color-border:var(--radio-checked-active-color-border, var(--mod-radio-checked-active-color-border, var(--ds-global-color-primary-6)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_radio-gap);cursor:pointer;user-select:none;color:var(--_radio-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:.25rem;padding-bottom:.25rem;min-height:3rem}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_radio-label-hover-color)}}label:active{color:var(--_radio-label-active-color)}label #slot{-ms-flex:1;flex:1}:host input[type=radio]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_radio-size);height:var(--_radio-size);background:var(--_radio-unchecked-base-color-background);border:var(--_radio-border-width) solid var(--_radio-unchecked-base-color-border);border-radius:var(--_radio-radius);vertical-align:top;cursor:pointer;outline:none;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=radio]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=radio]:not(:disabled):hover,:host:hover input[type=radio]:not(:disabled):not(:checked){background:var(--_radio-unchecked-hover-color-background);border-color:var(--_radio-unchecked-hover-color-border)}:host input[type=radio]:not(:disabled):active,:host:active input[type=radio]:not(:disabled):not(:checked){background:var(--_radio-unchecked-active-color-background);border-color:var(--_radio-unchecked-active-color-border)}:host input[type=radio]:checked{background:var(--_radio-checked-base-color-background);border-color:var(--_radio-checked-base-color-border)}:host input[type=radio]:checked:not(:disabled):hover,:host:hover input[type=radio]:checked:not(:disabled){background:var(--_radio-checked-hover-color-background);border-color:var(--_radio-checked-hover-color-border)}:host input[type=radio]:checked:not(:disabled):active,:host:active input[type=radio]:checked:not(:disabled){background:var(--_radio-checked-active-color-background);border-color:var(--_radio-checked-active-color-border)}:host input[type=radio]::after{content:"";display:block;border-radius:var(--_radio-radius);height:0;width:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;background:rgba(0,0,0,0);-webkit-transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out;transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out}:host input[type=radio]:checked::after{background-color:var(--_radio-checked-base-color-icon);height:.5rem;width:.5rem;opacity:1}:host(.is-invalid:not(.is-disabled)){--mod-radio-label-base-color:var(--ds-global-color-danger-4);--mod-radio-label-hover-color:var(--ds-global-color-danger-5);--mod-radio-label-active-color:var(--ds-global-color-danger-6);--mod-radio-unchecked-base-color-background:transparent;--mod-radio-unchecked-base-color-border:var(--ds-alias-border-color-danger);--mod-radio-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-radio-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-active-color-border:var(--ds-alias-border-color-danger-active);--mod-radio-checked-base-color-background:var(--ds-alias-border-color-danger);--mod-radio-checked-base-color-border:var(--ds-alias-border-color-danger);--mod-radio-checked-hover-color-background:var(--ds-alias-border-color-danger-hover);--mod-radio-checked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-radio-checked-active-color-background:var(--ds-alias-border-color-danger-active);--mod-radio-checked-active-color-border:var(--ds-alias-border-color-danger-active)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-radio-label-base-color:var(--_radio-label-disabled-color);--mod-radio-label-hover-color:var(--_radio-label-disabled-color);--mod-radio-label-active-color:var(--_radio-label-disabled-color);--mod-radio-unchecked-base-color-background:var(--_radio-unchecked-disabled-color-background);--mod-radio-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-radio-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-radio-checked-base-color-border:var(--ds-alias-border-color-disabled)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{position:relative;width:100%;height:100%;padding:var(--_radio-tile-p);border-style:solid;border-width:var(--_radio-tile-border-width);border-radius:var(--_radio-tile-radius);border-color:var(--_radio-tile-base-border-color);background:var(--_radio-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_radio-tile-hover-border-color);background:var(--_radio-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_radio-tile-active-border-color);background:var(--_radio-tile-active-background-color)}:host(.is-tile.is-checked){--mod-radio-tile-base-border-color:var(--_radio-checked-base-color-background)}:host(.is-tile.hide-trigger) input[type=radio]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.hide-trigger) label:has(input[type=radio]:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#hint{display:contents}:host(.is-tile) #hint{display:block;position:absolute;top:var(--_radio-tile-p);right:var(--_radio-tile-p)}:host(.is-tile.hide-trigger.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-primary-1);--mod-radio-tile-hover-background-color:var(--ds-global-color-primary-1);--mod-radio-tile-active-background-color:var(--ds-global-color-primary-1)}:host(.is-tile.has-tile-green.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-green-1);--mod-radio-tile-hover-background-color:var(--ds-global-color-green-1);--mod-radio-tile-active-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-red-1);--mod-radio-tile-hover-background-color:var(--ds-global-color-red-1);--mod-radio-tile-active-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-yellow-1);--mod-radio-tile-hover-background-color:var(--ds-global-color-yellow-1);--mod-radio-tile-active-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-purple-1);--mod-radio-tile-hover-background-color:var(--ds-global-color-purple-1);--mod-radio-tile-active-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.has-tile-green){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-green-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-green-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-green-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-green-background)}:host(.is-tile.has-tile-red){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-red-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-red-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-red-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-red-background)}:host(.is-tile.has-tile-yellow){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-yellow-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-yellow-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-yellow-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-yellow-background)}:host(.is-tile.has-tile-purple){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-purple-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-purple-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-purple-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-purple-background)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-radio-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-radio-tile-active-background-color:var(--ds-global-color-danger-1);--mod-radio-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-radio-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}`;
 
@@ -108,7 +108,7 @@ const Radio = class {
         this.handleChange = (ev) => {
             this.checked = ev.target.checked;
             this.dsChange.emit(this.checked);
-            this.internals.setFormValue(this.checked ? this.value : null);
+            setFormValue(this.internals, this.checked ? this.value : null);
         };
         this.handleFocus = (ev) => {
             if (this.disabled || this.readonly)
@@ -181,7 +181,7 @@ const Radio = class {
         this.el.addEventListener('mousedown', this.handlePointerDown);
     }
     componentWillLoad() {
-        this.internals.setFormValue(this.checked ? this.value : null);
+        setFormValue(this.internals, this.checked ? this.value : null);
         this.inheritedAttributes = inheritAttributes(this.el, ['aria-label', 'tabindex', 'title']);
     }
     disconnectedCallback() {
@@ -260,7 +260,7 @@ const Radio = class {
         if (this.buttonTabindex !== undefined) {
             inputAttributes['tabIndex'] = this.buttonTabindex;
         }
-        return (h(Host, { key: 'c792fcccc5aa36f49dd65680bc5b95c08fe1779d', "aria-disabled": this.disabled ? 'true' : null, "aria-checked": `${this.checked}`, "aria-invalid": this.invalid ? 'true' : null, class: {
+        return (h(Host, { key: '0489e47c67c33a90861b93efe8a6ad72766bdcc7', "aria-disabled": this.disabled ? 'true' : null, "aria-checked": `${this.checked}`, "aria-invalid": this.invalid ? 'true' : null, class: {
                 'is-disabled': this.disabled || this.readonly,
                 'is-invalid': this.invalid,
                 'is-checked': this.checked,
@@ -272,7 +272,7 @@ const Radio = class {
                 [`has-cols-${this.cols}`]: this.tile && this.cols > 1,
                 [`has-cols-${this.colsTablet}-tablet`]: this.tile && this.colsTablet > 1,
                 [`has-cols-${this.colsMobile}-mobile`]: this.tile && this.colsMobile > 1,
-            }, onClick: this.handleClick }, h("label", { key: '846f52610b96fa9734d49cc5ee16676251bd0676', id: "label", part: "label" }, h("input", Object.assign({ key: '66c7e5dd43f178a2a0b9ebef844eb49a2ea31e2d', type: "radio", part: "input", id: this.inputId, name: this.name, value: value, tabindex: this.buttonTabindex, checked: this.checked, disabled: this.disabled || this.readonly, required: this.required, "aria-invalid": this.invalid ? 'true' : null, onChange: ev => this.handleChange(ev), onFocus: this.handleFocus, onBlur: this.handleBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), h("div", { key: '7ec4eff2128f67a7aa1f2d5825bb04d848d40fc1', id: "slot", part: "slot" }, h("slot", { key: '9216ea2a4906f00bd9e39d302598eaac8bb46f73' })), this.hasHint() && (h("div", { key: '5dd7fb4c2953c59624e2551d4284626a6df3db12', id: "hint", part: "hint" }, h("slot", { key: '8677c01ad63458bb08011e38a0d11a6c59ef188c', name: "hint" }))))));
+            }, onClick: this.handleClick }, h("label", { key: '9d986d24a48c3d4d7b5377db6f07c0d298d3f4b1', id: "label", part: "label" }, h("input", Object.assign({ key: 'cb15de376cb040a9c17767add9c8db3a1a22b830', type: "radio", part: "input", id: this.inputId, name: this.name, value: value, tabindex: this.buttonTabindex, checked: this.checked, disabled: this.disabled || this.readonly, required: this.required, "aria-invalid": this.invalid ? 'true' : null, onChange: ev => this.handleChange(ev), onFocus: this.handleFocus, onBlur: this.handleBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), h("div", { key: '9a09ae425ff814d5fd80f9127dcd0009bf3268b8', id: "slot", part: "slot" }, h("slot", { key: 'c4312d5c1746e2ebcb94c8e4a08351aa4254e073' })), this.hasHint() && (h("div", { key: '484394d840d5c236ad69ceb1c2a20ae9b17f2210', id: "hint", part: "hint" }, h("slot", { key: '724e496a138a54342a5e769c662feebc78205dec', name: "hint" }))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/ds-root.entry.js

@@ -1,16 +1,16 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, Q as debounce, d as dsBrowser, i as initializeDesignSystem, L as rIC, a2 as rOnLoad, T as isEqual, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { a as areArraysEqual } from './array-DomMhGJQ.js';
-import { d as dsDevice } from './device-ckOLnxX9.js';
+import { D as registerInstance, J as createEvent, Q as debounce, d as dsBrowser, i as initializeDesignSystem, L as rIC, a2 as rOnLoad, T as isEqual, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { a as areArraysEqual } from './array-BuADVVBi.js';
+import { d as dsDevice } from './device-DNizTY2o.js';
 import { s as startFocusVisible } from './root.focus.util-BTyFgjT3.js';
-import { e as updateDsBrand, h as updateDsRegion, g as updateDsFallbackLanguage, i as updateDsAllowedLanguages, f as updateDsLanguage, j as updateDsIcons, m as updateDsLegalLinks, n as updateDsLegalText, p as updateDsSocialLinks, k as updateDsAnimated, l as updateDsLogger, L as ListenToConfig } from './config.utils-CB-CXrKY.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './isNil-DWALHtG8.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { e as updateDsBrand, h as updateDsRegion, g as updateDsFallbackLanguage, i as updateDsAllowedLanguages, f as updateDsLanguage, j as updateDsIcons, m as updateDsLegalLinks, n as updateDsLegalText, p as updateDsSocialLinks, k as updateDsAnimated, l as updateDsLogger, L as ListenToConfig } from './config.utils-RtLdZ8k8.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import './isNil-DxRbUK54.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const ROOT_BRANDS = ['baloise', 'helvetia'];
 const ROOT_REGIONS = ['CH', 'DE', 'BE', 'LU', 'AT', 'ES', 'IT', 'NL', 'FR'];
@@ -215,14 +215,14 @@ const Root = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: 'fb911ca8ba08a23729657e0c385450e4e2fcb43a', class: {
+        return (h(Host, { key: '5f0d71555b30b85fc24f44ab76a29259f1761b96', class: {
                 'ds-root': true,
                 'ds-app': true,
                 'ds-root--safari': dsBrowser.isSafari,
                 'ds-app--safari': dsBrowser.isSafari,
                 'ds-root--touch': dsDevice.hasTouchScreen,
                 'ds-app--touch': dsDevice.hasTouchScreen,
-            } }, h("slot", { key: 'b7bdcb3976d1623e613f50c156bf207c7f58873e' })));
+            } }, h("slot", { key: '154b3d5e5e7f9bb02ab55339eed271d464d799cf' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ds-segment-item.entry.js

@@ -1,10 +1,10 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, Q as debounce, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { D as registerInstance, J as createEvent, Q as debounce, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const segmentItemHostCss = () => `:host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}`;
 
@@ -52,7 +52,7 @@ const SegmentItem = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return h(Host, { key: 'e13e161213b4c77d723637209d35110f2cbb1728', "aria-hidden": "true" });
+        return h(Host, { key: '5c0c7220c0c73a1c97910e68ba4f4dfd7f42afcb', "aria-hidden": "true" });
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/ds-segment.entry.js

@@ -1,18 +1,19 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, h as isDescendant, F as h, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { s as stopEventBubbling } from './form-control-g2Cf81YC.js';
-import { w as watchInvalidTextSlot } from './invalid-text-slot-Dcf7YMP0.js';
-import { F as Field } from './field.util-OTyuJ6iL.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { L as ListenToConfig } from './config.utils-CB-CXrKY.js';
-import { L as ListenToResize } from './resize.decorator-ByMsffGa.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, h as isDescendant, F as h, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { a as setFormValue, s as stopEventBubbling } from './form-control-RKlnnjxO.js';
+import { w as watchInvalidTextSlot } from './invalid-text-slot-DamnLE0v.js';
+import { F as Field } from './field.util-DmVa8E0M.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { L as ListenToConfig } from './config.utils-RtLdZ8k8.js';
+import { L as ListenToResize } from './resize.decorator-ylONZx9a.js';
+import './dom-969JOO-P.js';
 import './aria-DYfTMCkl.js';
 import './label.i18n-C7I7OlaM.js';
-import './create-validator-decorator-ZDmCDTEb.js';
-import './listener-nZ8kL6Qe.js';
+import './create-validator-decorator-Da-m3zPX.js';
+import './listener-CAqZogmy.js';
 
 const segmentHostCss = () => `:host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-p:var(--segment-p, var(--mod-segment-p, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-px:var(--segment-item-px, var(--mod-segment-item-px, var(--ds-segment-item-padding-inline)));--_segment-item-py:var(--segment-item-py, var(--mod-segment-item-py, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-p);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-py));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:"";position:absolute;left:var(--_segment-item-px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer;outline:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#group label input[type=radio]:focus-visible{border-radius:inherit}@media (hover: hover)and (pointer: fine){#group label input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#group label:not(:last-of-type)::after{content:"";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#group label{z-index:auto}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}`;
 
@@ -113,7 +114,7 @@ const Segment = class {
                 return;
             this.value = itemValue;
             this.dsChange.emit(this.value);
-            this.internals.setFormValue(this.value);
+            setFormValue(this.internals, this.value);
         };
         // Native radio never fires "change" when clicking an already-checked item,
         // so onClick is the only hook for deselection.
@@ -124,7 +125,7 @@ const Segment = class {
                 ev.preventDefault();
                 this.value = undefined;
                 this.dsChange.emit(this.value);
-                this.internals.setFormValue(null);
+                setFormValue(this.internals, null);
             }
         };
         this.handleSlotChange = () => {
@@ -185,7 +186,7 @@ const Segment = class {
      */
     connectedCallback() {
         this.initialValue = this.value;
-        this.internals.setFormValue(this.value);
+        setFormValue(this.internals, this.value);
         this.resizeObserver = new ResizeObserver(() => {
             this.updateLayout();
             this.updatePill();
@@ -286,19 +287,19 @@ const Segment = class {
      */
     render() {
         const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
-        return (h(Field, { key: '86a64019410a0a48977b409e526c7bcaca98d265', role: "fieldset", disabled: this.disabled, color: 'primary', invalid: isInvalid, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, cssClasses: {
+        return (h(Field, { key: 'eb0a08508cca754fec14cd30d9eaafc184a8a475', role: "fieldset", disabled: this.disabled, color: 'primary', invalid: isInvalid, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, cssClasses: {
                 'is-wide': this.wide,
                 'is-vertical': this.vertical,
                 'is-vertical-on-mobile': this.verticalOnMobile,
                 'is-auto-vertical': this.autoVertical,
-            }, onSlotChange: this.handleSlotChange }, h("div", { key: 'a8db3ae88def0a55df52bd062a743ddc4d98e765', id: "group" }, h("div", { key: '62b7240c886ce9625bcecbf11eef10199a420d09', id: "pill" }), this.items.map(item => (h("label", Object.assign({ key: item.value, class: {
+            }, onSlotChange: this.handleSlotChange }, h("div", { key: 'e7a34c1160754fdb2180fd0b6ef1571d37a32a26', id: "group" }, h("div", { key: '868b98cea04bc372a30ee9b956e6ded84f83bb98', id: "pill" }), this.items.map(item => (h("label", Object.assign({ key: item.value, class: {
                 'is-selected': item.value === this.value,
             }, "aria-invalid": isInvalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null }, (this.iconOnly
             ? {
                 'aria-label': `${item.label}${item.description ? `- ${item.description}` : ''}`,
                 'title': `${item.label}${item.description ? `- ${item.description}` : ''}`,
             }
-            : {})), h("input", { type: "radio", name: this.name, disabled: this.disabled, readOnly: this.readonly, value: item.value, checked: item.value === this.value, onClick: ev => this.handleInputClick(ev, item.value), onChange: () => this.handleInputChange(item.value), "aria-invalid": isInvalid ? 'true' : null }), item.icon && h("ds-icon", { name: item.icon }), item.svg && h("ds-icon", { svg: item.svg }), !this.iconOnly && (h("span", { id: "content" }, h("span", { class: "ds-label" }, item.label), item.description && h("span", { class: "description" }, item.description))))))), h("div", { key: 'f44ea91d825626803cbc3d5ebc8317b1630dc265' }, h("slot", { key: '2af6f8c273aa156a7036013d17ae87cc70209e38', onSlotchange: () => this.handleSlotChange() }))));
+            : {})), h("input", { type: "radio", name: this.name, disabled: this.disabled, readOnly: this.readonly, value: item.value, checked: item.value === this.value, onClick: ev => this.handleInputClick(ev, item.value), onChange: () => this.handleInputChange(item.value), "aria-invalid": isInvalid ? 'true' : null }), item.icon && h("ds-icon", { name: item.icon }), item.svg && h("ds-icon", { svg: item.svg }), !this.iconOnly && (h("span", { id: "content" }, h("span", { class: "ds-label" }, item.label), item.description && h("span", { class: "description" }, item.description))))))), h("div", { key: '7d8e8620566bb989b1e1b06cdb19c1eef82a8b53' }, h("slot", { key: '977414e55770f6c4feca0ea9f5874ea12a3a9c5f', onSlotchange: () => this.handleSlotChange() }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/ds-select-optgroup.entry.js

@@ -1,10 +1,10 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const selectOptgroupHostCss = () => `:host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}`;
 
@@ -28,7 +28,7 @@ const DsSelectOptgroup = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: 'bb377d257c7c838917b829997f88eca03f19b95f', "aria-hidden": "true" }, h("slot", { key: '19afabf3195a7d5820faa98016b4c5d7be42028d' })));
+        return (h(Host, { key: 'dd7a798dcee6eea81be0bfa1d09f5696207eaa9f', "aria-hidden": "true" }, h("slot", { key: 'f0753980fc7a60db7d2ac1eaebd75bf7a6ae3447' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-select-option.entry.js

@@ -1,10 +1,10 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const selectOptionHostCss = () => `:host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}`;
 
@@ -32,7 +32,7 @@ const DsSelectOption = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: '8086c1528301b9908ba32e484186c4189f9b9376', "aria-hidden": "true" }, h("slot", { key: 'eb36c457c20362c1567402b1d59b76fb9453d4d5' })));
+        return (h(Host, { key: '06fdb51690d38090c29ec20f00f692d7f211d490', "aria-hidden": "true" }, h("slot", { key: 'd374c10bf302821fc443db0f9a6668132c1b86f8' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-select.entry.js

@@ -1,19 +1,20 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, E as raf, F as h$1, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, E as raf, F as h$1, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
 import { i as inheritAttributes } from './attributes-B62ocg4Q.js';
-import { s as stopEventBubbling } from './form-control-g2Cf81YC.js';
-import { w as watchInvalidTextSlot } from './invalid-text-slot-Dcf7YMP0.js';
-import { F as Field } from './field.util-OTyuJ6iL.js';
+import { s as stopEventBubbling, a as setFormValue } from './form-control-RKlnnjxO.js';
+import { w as watchInvalidTextSlot } from './invalid-text-slot-DamnLE0v.js';
+import { F as Field } from './field.util-DmVa8E0M.js';
 import { I as INPUT_COLORS } from './input.interfaces-BRYPu0SP.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import { L as ListenToConfig } from './config.utils-CB-CXrKY.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import { L as ListenToConfig } from './config.utils-RtLdZ8k8.js';
+import './dom-969JOO-P.js';
 import './aria-DYfTMCkl.js';
 import './label.i18n-C7I7OlaM.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 //#region src/slim-select/classes.ts
 var e = class {
@@ -2717,6 +2718,14 @@ const DsSelect = class {
         if (normalizedValue !== this.value)
             this.value = normalizedValue;
         this.readOptionsFromSlot();
+        // `slim-select` (the picker library) uses `MutationObserver` unconditionally during setup —
+        // unavailable in Node's SSR mock-doc (`@baloise/ds-core/hydrate`). The picker only matters for
+        // user interaction, which SSR output can't have, so skip it there.
+        if (typeof MutationObserver === 'undefined') {
+            this.syncFormValue(this.value);
+            this.initialValue = this.value;
+            return;
+        }
         this.picker = new SelectPickerController({
             selectEl: this.selectEl,
             popupEl: this.popupEl,
@@ -2885,10 +2894,10 @@ const DsSelect = class {
         if (Array.isArray(val)) {
             const formData = new FormData();
             val.forEach(v => formData.append(this.name, v));
-            this.internals.setFormValue(formData);
+            setFormValue(this.internals, formData);
         }
         else {
-            this.internals.setFormValue(val);
+            setFormValue(this.internals, val);
         }
     }
     syncDisabledState() {
@@ -2900,9 +2909,9 @@ const DsSelect = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h$1(Field, { key: '1e68b393930365907e84fd2b2b1367a509d509e8', disabled: this.disabled, color: this.color, invalid: this.invalid || this.hasInvalidTextSlotContent, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, inputId: this.selectId, onClick: ev => this.dsClick.emit(ev) }, h$1("select", Object.assign({ key: 'f50b6d67d70680ed40cf6a29d25b72cd33dd1cef', name: this.name, multiple: this.multiple, required: this.required, disabled: this.disabled, "aria-hidden": "true", tabindex: -1, ref: el => (this.selectEl = el) }, this.inheritedAttributes)), h$1("div", { key: '35ad69176f735d42d7e9b9b4208d232e1c599358', id: "popup", class: {
+        return (h$1(Field, { key: 'c1be4f6a3654ace10f8c3e78b1b8c5d128ffab71', disabled: this.disabled, color: this.color, invalid: this.invalid || this.hasInvalidTextSlotContent, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, inputId: this.selectId, onClick: ev => this.dsClick.emit(ev) }, h$1("select", Object.assign({ key: '1dfc380ceaa9db51f6322c19dc56a81e11266164', name: this.name, multiple: this.multiple, required: this.required, disabled: this.disabled, "aria-hidden": "true", tabindex: -1, ref: el => (this.selectEl = el) }, this.inheritedAttributes)), h$1("div", { key: 'f9cc1d0153b96bd595b001aa75762bb8a9f548cd', id: "popup", class: {
                 'is-multiple': this.multiple,
-            }, ref: el => (this.popupEl = el) }, h$1("slot", { key: '9b365ee94c8224c714a2470260a3e2de2a9acec0', onSlotchange: this.handleSlotChange }))));
+            }, ref: el => (this.popupEl = el) }, h$1("slot", { key: '9b6821041f187c6770ac55e0391495a7ec420bfb', onSlotchange: this.handleSlotChange }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/ds-shape.entry.js

@@ -1,10 +1,10 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { F as h, D as registerInstance, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { F as h, D as registerInstance, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const shapes = [
     h("g", { id: "e8353d3b-35a2-4e20-9245-0eceed641ae5" }, h("g", { id: "af87362a-72b2-42cf-8efe-c9917dc1f7f6" }, h("path", { class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z" }))),
@@ -55,7 +55,7 @@ const Shape = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: 'f602d3fb83679ad2e5c52bf04bce447017cf8eed', "aria-hidden": "true" }, h("svg", { key: '381fbbba4e87b03e4e8753a3496f11af459b385c', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true" }, shapes[parseInt(this.variation) - 1])));
+        return (h(Host, { key: '59c3631a38445bf7360429b6ee6060c669597e56', "aria-hidden": "true" }, h("svg", { key: 'e32057f8c307c5b06d4343eeee0b0feb3575fd76', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true" }, shapes[parseInt(this.variation) - 1])));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-sheet.entry.js

@@ -1,11 +1,11 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
 import { S as SHEET_CONTAINER_SIZES } from './sheet.interfaces-Bze8P0SV.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const sheetHostCss = () => `:host{--_sheet-background:var(--sheet-background, var(--mod-sheet-background, var(--ds-sheet-background)));--_sheet-radius:var(--sheet-radius, var(--mod-sheet-radius, var(--ds-sheet-radius)));--_sheet-shadow:var(--sheet-shadow, var(--mod-sheet-shadow, var(--ds-sheet-shadow)));--_sheet-position-bottom:var(--sheet-position-bottom, var(--mod-sheet-position-bottom, var(--ds-sheet-position-bottom)));display:block;position:fixed;bottom:var(--_sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--ds-alias-z-index-sticky)}:host .ds-container{margin:0 var(--ds-device-container-space);max-width:var(--ds-alias-container-width-default)}@media screen and (min-width: 1024px){:host .ds-container{margin:0 auto}}:host .ds-container{background-color:var(--_sheet-background);border-radius:var(--_sheet-radius);-webkit-box-shadow:var(--_sheet-shadow);box-shadow:var(--_sheet-shadow);padding:1rem}@media screen and (min-width: 769px){:host .ds-container{padding:1rem 1.5rem}}:host .ds-container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .ds-container.is-compact{max-width:var(--ds-alias-container-width-compact)}`;
 
@@ -23,11 +23,11 @@ const Sheet = class {
     render() {
         const isFluid = this.containerSize === 'fluid';
         const isCompact = this.containerSize === 'compact';
-        return (h(Host, { key: '27abc58b52ed1ce8d975167346f5b00a86f588ff' }, h("div", { key: 'b3c7ef0cd32b3ec13c70a6038fb9ae90b0c9ec84', class: {
+        return (h(Host, { key: 'ca1032b88e23dcc0715c254645f2042a5051a28b' }, h("div", { key: 'f9eba279012e17ef9a9d3bc6e779cfd236b801e6', class: {
                 'ds-container': true,
                 'is-fluid': isFluid,
                 'is-compact': isCompact,
-            } }, h("slot", { key: '626b69d2fcf8b49b4126779f0ef7d91d67ebf900' }))));
+            } }, h("slot", { key: 'd25c4e599efffda9b96c33fc53f95091989f7bd2' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-slider.entry.js

@@ -1,18 +1,20 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, M as debounceEvent, F as h, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { i as isNaN$1 } from './isNaN-DxqUQhlF.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, M as debounceEvent, F as h, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { i as isNaN$1 } from './isNaN-B9kO8LAw.js';
 import { i as inheritAttributes } from './attributes-B62ocg4Q.js';
-import { h as hasValue } from './has-value-D7lYQNBK.js';
-import { w as watchInvalidTextSlot } from './invalid-text-slot-Dcf7YMP0.js';
-import { i as isValueEmpty } from './create-validator-decorator-ZDmCDTEb.js';
-import { F as Field } from './field.util-OTyuJ6iL.js';
+import { a as setFormValue } from './form-control-RKlnnjxO.js';
+import { h as hasValue } from './has-value-uy_-jH0L.js';
+import { w as watchInvalidTextSlot } from './invalid-text-slot-DamnLE0v.js';
+import { i as isValueEmpty } from './create-validator-decorator-Da-m3zPX.js';
+import { F as Field } from './field.util-DmVa8E0M.js';
 import { I as INPUT_COLORS } from './input.interfaces-BRYPu0SP.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import { L as ListenToConfig } from './config.utils-CB-CXrKY.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import { L as ListenToConfig } from './config.utils-RtLdZ8k8.js';
+import './dom-969JOO-P.js';
 import './aria-DYfTMCkl.js';
 import './label.i18n-C7I7OlaM.js';
 
@@ -2764,7 +2766,7 @@ const Slider = class {
         this.dsChange.emit(newValue);
     }
     syncFormValue(value) {
-        this.internals.setFormValue(String(value));
+        setFormValue(this.internals, String(value));
     }
     syncDisabledState() {
         var _a;
@@ -2775,18 +2777,18 @@ const Slider = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Field, { key: 'f61d68124132b16c4318977001ddd364cf088ad1', disabled: this.disabled || this.readonly, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, cssClasses: {
+        return (h(Field, { key: '00cfc2096f07e75661f1de3bc72bf5f1123687e1', disabled: this.disabled || this.readonly, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, cssClasses: {
                 'is-brand-yellow': hasValue(this.brandColor) && this.brandColor === 'yellow',
                 'is-brand-purple': hasValue(this.brandColor) && this.brandColor === 'purple',
                 'is-brand-red': hasValue(this.brandColor) && this.brandColor === 'red',
                 'is-brand-green': hasValue(this.brandColor) && this.brandColor === 'green',
-            } }, h("div", Object.assign({ key: 'a97cbe5cd5c7f35be86b6e5eeccfb91cef8f2c78', id: "slider", part: "slider", ref: el => (this.sliderEl = el), onClick: this.handleClick }, this.inheritedAttributes))));
+            } }, h("div", Object.assign({ key: '084d502d007db8e6fdf0cdadb0b353b1c4c5afab', id: "slider", part: "slider", ref: el => (this.sliderEl = el), onClick: this.handleClick }, this.inheritedAttributes))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
     static get watchers() { return {
         "value": [{
-                "valueChanged": 0
+                "valueChanged": 1
             }],
         "invalid": [{
                 "invalidChanged": 0

package/dist/esm/ds-snackbar.entry.js

@@ -1,19 +1,19 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, E as raf, F as h, G as Host, I as getElement } from './index-DYOV_tWc.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-Byu4BzG4.js';
-import { s as stopEventBubbling } from './form-control-g2Cf81YC.js';
-import { h as hasValue } from './has-value-D7lYQNBK.js';
-import { s as sanitizeSvg } from './svg-DTldskay.js';
+import { D as registerInstance, J as createEvent, E as raf, F as h, G as Host, I as getElement } from './index-DxEN1zze.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CoU9H0PW.js';
+import { s as stopEventBubbling } from './form-control-RKlnnjxO.js';
+import { h as hasValue } from './has-value-uy_-jH0L.js';
+import { s as sanitizeSvg } from './svg-D7y4TSm5.js';
 import { B as BUTTON_TARGETS } from './button.interfaces-BP1qxp2Q.js';
-import { d as dsBreakpoints } from './breakpoints.subject-CgNq7C9X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-CTZphYok.js';
-import './create-validator-decorator-ZDmCDTEb.js';
-import './listener-nZ8kL6Qe.js';
-import './device-ckOLnxX9.js';
+import { d as dsBreakpoints } from './breakpoints.subject-Dft-o__O.js';
+import { O as OneOf } from './one-of-dTNN7cqg.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-BVrXmMXt.js';
+import './create-validator-decorator-Da-m3zPX.js';
+import './listener-CAqZogmy.js';
+import './device-DNizTY2o.js';
 
 const SNACKBAR_COLORS = ['primary', 'info', 'success', 'warning', 'danger'];
 
@@ -150,18 +150,18 @@ const Snackbar = class {
     render() {
         const iconName = this.generateIconName();
         const svgContent = this.generateSvgContent();
-        return (h(Host, { key: '2e32c681711fe2b8ad3f28b40d65c808e0fd3775', role: "status", "aria-live": "polite", "aria-atomic": "true", class: {
+        return (h(Host, { key: '31121766522b903d6163723a9e95584c5ee11099', role: "status", "aria-live": "polite", "aria-atomic": "true", class: {
                 [`is-ready`]: this.didLoad,
                 [`is-visible`]: this.visible,
                 [`is-closable`]: this.closable,
                 [`is-mobile-open`]: this.isMobile && this.mobileOpenState,
                 [`is-mobile-closed`]: this.isMobile && !this.mobileOpenState,
                 [`is-${this.color}`]: hasValue(this.color),
-            } }, this.isMobile && !this.mobileOpenState && (h("ds-button", { key: '968d5619c962a2a68c81c04f528e359c26923168', id: "mobile-button", color: this.color, square: true, icon: iconName, onClick: () => (this.mobileOpenState = true) })), iconName && !svgContent && (h("ds-icon", { key: '1eeabc2c0e834feeebdd3f3989184fc9cf8443fd', part: "icon", id: "icon", name: iconName, color: this.color, size: 'md' })), svgContent && h("ds-brand-icon", { key: 'dc3f2f1e8f3076fd6157cacc092cc3465063a9d7', id: "icon", part: "icon", svg: svgContent, size: 'sm' }), h("span", { key: '97a3e5285930af8cf2330af961de0a302cc06e8d', part: "content", id: "content" }, this.heading && h("h2", { key: 'e9cc6012debb5e6adbf4d4a85498d70e9eeba40c', part: "heading" }, this.heading), h("span", { key: 'af9114db24e90ac17ec309c375f5c69362aaf363', part: "message" }, this.message, h("slot", { key: '4aba1172e64d27959e711aefbc41e8a18b68727c' }))), h("ds-button-group", { key: '582dd12ddef2ac3424202636c6d9b79cf5ea5d48', part: "action", id: "action" }, h("slot", { key: '46ef06a50c683ea25b489190c38af734e8dadabf', name: "action" }), this.action && (h("ds-button", { key: '9ca5833b36f93ff5370c950cf89c4120f0cf01db', color: "primary", size: "sm", part: "button", icon: this.actionIcon, target: this.actionTarget, href: this.actionHref, onClick: ev => {
+            } }, this.isMobile && !this.mobileOpenState && (h("ds-button", { key: 'c72adcdba7ed9e364dbbd874923a75b9ff7c59fb', id: "mobile-button", color: this.color, square: true, icon: iconName, onClick: () => (this.mobileOpenState = true) })), iconName && !svgContent && (h("ds-icon", { key: '1003da7330255c64b75aa9fbfb8402947a6924a2', part: "icon", id: "icon", name: iconName, color: this.color, size: 'md' })), svgContent && h("ds-brand-icon", { key: '95ddd092b49bf987f14d2d0e609789b241dec58a', id: "icon", part: "icon", svg: svgContent, size: 'sm' }), h("span", { key: '5294bd0f2f54dafbafe0e05d34db40c70141d4a1', part: "content", id: "content" }, this.heading && h("h2", { key: '5691d275814584cabe5a05837b0ccd8c34c2330b', part: "heading" }, this.heading), h("span", { key: 'b25aefffe6c14b6ce0177c7ba278a3e853884cf2', part: "message" }, this.message, h("slot", { key: '9904bbcc527b37eee0b53bfbb852f3f7b8f4f410' }))), h("ds-button-group", { key: '579ec634a52323612d13ba84f0cb6ceb1f11a06a', part: "action", id: "action" }, h("slot", { key: '8292813faef33e93891427297b0b9ed8f09deda3', name: "action" }), this.action && (h("ds-button", { key: 'a522044535ca0d98c2b8e3737b646dfaf18a9399', color: "primary", size: "sm", part: "button", icon: this.actionIcon, target: this.actionTarget, href: this.actionHref, onClick: ev => {
                 stopEventBubbling(ev);
                 this.dsActionClick.emit(ev);
                 this.actionHandler(this.alertId);
-            } }, this.action)), this.closable && (h("ds-close", { key: '00d442201d6e3a6b6b6c3f51eb602ffc2ddb6540', button: true, "button-color": "secondary", part: "close", onClick: ev => {
+            } }, this.action)), this.closable && (h("ds-close", { key: 'd482bcf5106d9a9016effdb607a629334688e08f', button: true, "button-color": "secondary", part: "close", onClick: ev => {
                 stopEventBubbling(ev);
                 this.close();
             } })))));