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

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

@@ -1,20 +1,21 @@
 /*!
  * (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 isNil } from './isNil-DWALHtG8.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 isNil } from './isNil-DxRbUK54.js';
 import { i as isCtrlOrCommandKey, N as NUMBER_KEYS, A as ACTION_KEYS } from './keys.constant-D86WpWIE.js';
 import { i as inheritAttributes } from './attributes-B62ocg4Q.js';
-import { s as stopEventBubbling, F as FormControl } from './form-control-g2Cf81YC.js';
-import { h as hasValue } from './has-value-D7lYQNBK.js';
-import { w as watchInvalidTextSlot } from './invalid-text-slot-Dcf7YMP0.js';
-import { F as Field } from './field.util-OTyuJ6iL.js';
+import { s as stopEventBubbling, F as FormControl } 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 { F as Field } from './field.util-DmVa8E0M.js';
 import { I as INPUT_COLORS, b as INPUT_INPUT_TYPES, a as INPUT_AUTOCOMPLETES, c as INPUT_AUTOCORRECTS, d as INPUT_INPUT_MODES, e as INPUT_MASKS } 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 './create-validator-decorator-ZDmCDTEb.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 './create-validator-decorator-Da-m3zPX.js';
+import './dom-969JOO-P.js';
 import './aria-DYfTMCkl.js';
 import './label.i18n-C7I7OlaM.js';
 
@@ -693,7 +694,7 @@ const Input = class {
             inputProps = { pattern: this.pattern };
         }
         const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
-        return (h(Field, { key: '2b58da577133cac3b0cd7649c0b5a168c97e3aa6', disabled: this.disabled, color: this.color, invalid: isInvalid, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, h("input", Object.assign({ key: '3b18c7a0fadd841de8275fa405a49fd92cec55de', id: "input", part: "input", name: this.name, ref: inputEl => (this.control.nativeEl = inputEl), "aria-describedby": "description", "aria-invalid": isInvalid ? 'true' : 'false', disabled: this.disabled, accept: this.accept, inputMode: this.inputmode, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autocorrect: this.autocorrect, autofocus: this.autofocus, min: this.min, max: this.max, minLength: this.minLength, maxLength: this.maxLength, multiple: this.multiple, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: value, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onInput: ev => this.handleInput(ev), onKeyDown: ev => this.handleKeydown(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, inputProps, this.inheritedAttributes))));
+        return (h(Field, { key: '40b70b3a01a7569c67e3da6020db922fd3da9fb9', disabled: this.disabled, color: this.color, invalid: isInvalid, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, h("input", Object.assign({ key: '4b43fe8759f73a21227041052cfa708aed8337b9', id: "input", part: "input", name: this.name, ref: inputEl => (this.control.nativeEl = inputEl), "aria-describedby": "description", "aria-invalid": isInvalid ? 'true' : 'false', disabled: this.disabled, accept: this.accept, inputMode: this.inputmode, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autocorrect: this.autocorrect, autofocus: this.autofocus, min: this.min, max: this.max, minLength: this.minLength, maxLength: this.maxLength, multiple: this.multiple, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: value, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onInput: ev => this.handleInput(ev), onKeyDown: ev => this.handleKeydown(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, inputProps, this.inheritedAttributes))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

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

@@ -1,15 +1,15 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, 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 { h as hasValue } from './has-value-D7lYQNBK.js';
+import { D as registerInstance, J as createEvent, 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 { h as hasValue } from './has-value-uy_-jH0L.js';
 import { A as ACCORDION_MARKERS, a as ACCORDION_MARKER_POSITIONS } from './accordion.interfaces-ihXFfBSf.js';
 import { B as BUTTON_TARGETS } from './button.interfaces-BP1qxp2Q.js';
 import { I as ITEM_ACTION_ICONS, a as ITEM_LABEL_LEVELS, b as ITEM_LABEL_SIZES, c as ITEM_SIZES, d as ITEM_VARIANTS } from './item.interfaces-RyTWoVi9.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 itemHostCss = () => `:host{--_list-item-focus:var(--list-item-focus, var(--mod-list-item-focus, var(--ds-alias-interaction-focus-color-base)));--_list-item-grid-template-columns:var(--list-item-grid-template-columns, var(--mod-list-item-grid-template-columns, 1fr));--_list-item-min-height:var(--list-item-min-height, var(--mod-list-item-min-height, var(--ds-list-item-size-base-min-height)));--_list-item-gap:var(--list-item-gap, var(--mod-list-item-gap, var(--ds-list-item-gap)));--_list-item-py:var(--list-item-py, var(--mod-list-item-py, var(--ds-list-item-size-base-padding-y)));--_list-item-content-gap:var(--list-item-content-gap, var(--mod-list-item-content-gap, var(--ds-list-item-content-gap)));--_list-item-color:var(--list-item-color, var(--mod-list-item-color, var(--ds-list-item-color-text-base)));--_list-item-color-hover:var(--list-item-color-hover, var(--mod-list-item-color-hover, var(--ds-list-item-color-text-hover)));--_list-item-color-active:var(--list-item-color-active, var(--mod-list-item-color-active, var(--ds-list-item-color-text-active)));--_list-item-color-disabled:var(--list-item-color-disabled, var(--mod-list-item-color-disabled, var(--ds-list-item-color-text-disabled)));--_list-item-border-color-base:var(--list-item-border-color-base, var(--mod-list-item-border-color-base, var(--ds-alias-border-color-grey-light)));--_list-item-border-color-hover:var(--list-item-border-color-hover, var(--mod-list-item-border-color-hover, var(--ds-alias-border-color-primary-hover)));--_list-item-border-color-active:var(--list-item-border-color-active, var(--mod-list-item-border-color-active, var(--ds-alias-border-color-primary-active)));--_list-item-border-width:var(--list-item-border-width, var(--mod-list-item-border-width, var(--ds-alias-border-width-base)));--_list-item-border-radius:var(--list-item-border-radius, var(--mod-list-item-border-radius, var(--ds-list-item-radius)));--_list-item-background-base:var(--list-item-background-base, var(--mod-list-item-background-base, transparent));--_list-item-background-hover:var(--list-item-background-hover, var(--mod-list-item-background-hover, var(--ds-alias-surface-primary-lighter)));--_list-item-background-active:var(--list-item-background-active, var(--mod-list-item-background-active, var(--ds-alias-surface-primary-lighter)));--_list-item-accordion-py:var(--list-item-accordion-py, var(--mod-list-item-accordion-py, var(--ds-list-item-accordion-py)));--_list-item-action-icon-size:var(--list-item-action-icon-size, var(--mod-list-item-action-icon-size, var(--ds-list-item-action-icon-size)));--_list-item-title-size:var(--list-item-title-size, var(--mod-list-item-title-size, var(--ds-list-item-title-font-size)));--_list-item-title-weight:var(--list-item-title-weight, var(--mod-list-item-title-weight, var(--ds-list-item-title-font-weight)));--_list-item-title-family:var(--list-item-title-family, var(--mod-list-item-title-family, var(--ds-list-item-title-font-family)));--_list-item-title-line-height:var(--list-item-title-line-height, var(--mod-list-item-title-line-height, var(--ds-list-item-title-line-height)));--_list-item-text-family:var(--list-item-text-family, var(--mod-list-item-text-family, var(--ds-list-item-text-font-family)));--_list-item-text-weight:var(--list-item-text-weight, var(--mod-list-item-text-weight, var(--ds-list-item-text-font-weight)));--_list-item-text-size:var(--list-item-text-size, var(--mod-list-item-text-size, var(--ds-list-item-text-font-size)));--_list-item-text-line-height:var(--list-item-text-line-height, var(--mod-list-item-text-line-height, var(--ds-list-item-text-line-height)))}:host{position:relative;display:grid;-webkit-box-sizing:border-box;box-sizing:border-box;grid-template-columns:var(--_list-item-grid-template-columns)}:host ::slotted([slot=content]){min-height:46px}:host #item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:var(--_list-item-gap);width:100%;color:var(--_list-item-color);background:inherit;border:none;-ms-flex-item-align:stretch;align-self:stretch;text-align:left;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--_list-item-title-family);padding:var(--_list-item-py) .25rem;padding-bottom:calc(var(--_list-item-py) + 2px);min-height:var(--_list-item-min-height)}:host #item ds-icon{-ms-flex-negative:0;flex-shrink:0}:host #item #content+ds-icon{--icon-size:var(--_list-item-action-icon-size);--icon-inner-size:var(--_list-item-action-icon-size)}:host #item #content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_list-item-content-gap);font-family:var(--_list-item-text-family);font-weight:var(--_list-item-text-weight)}:host #item #label{font-family:var(--_list-item-title-family);font-weight:var(--_list-item-title-weight);font-size:var(--_list-item-title-size);line-height:var(--_list-item-title-line-height);margin:0}:host #item #description{font-family:var(--_list-item-text-family);font-weight:var(--_list-item-text-weight);font-size:var(--_list-item-text-size);line-height:var(--_list-item-text-line-height);margin:0}:host #item:after{content:"";border-radius:var(--_list-item-border-radius);width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--_list-item-border-width);background:var(--_list-item-border-color-base);z-index:1}:host(.has-label-h1){--mod-list-item-title-size:var(--ds-heading-level-1-font-size)}:host(.has-label-3xl){--mod-list-item-title-size:var(--ds-heading-level-1-font-size)}:host(.has-label-h2){--mod-list-item-title-size:var(--ds-heading-level-2-font-size)}:host(.has-label-2xl){--mod-list-item-title-size:var(--ds-heading-level-2-font-size)}:host(.has-label-h3){--mod-list-item-title-size:var(--ds-heading-level-3-font-size)}:host(.has-label-xl){--mod-list-item-title-size:var(--ds-heading-level-3-font-size)}:host(.has-label-h4){--mod-list-item-title-size:var(--ds-heading-level-4-font-size)}:host(.has-label-lg){--mod-list-item-title-size:var(--ds-heading-level-4-font-size)}:host(.has-label-h5){--mod-list-item-title-size:var(--ds-heading-level-5-font-size)}:host(.has-label-base){--mod-list-item-title-size:var(--ds-heading-level-5-font-size)}:host(.is-link) #item,:host(.is-button) #item{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;text-decoration:none;outline:none;cursor:pointer;background:var(--_list-item-background-base)}:host(.is-link:not(.is-disabled)) #item::-moz-focus-inner,:host(.is-button:not(.is-disabled)) #item::-moz-focus-inner{border:0}:host(.is-link:not(.is-disabled)) #item #content,:host(.is-button:not(.is-disabled)) #item #content{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-family:var(--_list-item-title-family);font-weight:var(--_list-item-title-weight);font-size:var(--_list-item-title-size);line-height:var(--_list-item-title-line-height);color:var(--_list-item-color)}:host(.is-link:not(.is-disabled)) #item #content+ds-icon,:host(.is-button:not(.is-disabled)) #item #content+ds-icon{--icon-color:var(--_list-item-color)}@media (hover: hover)and (pointer: fine){:host(.is-link:not(.is-disabled)) #item:hover,:host(.is-link:not(.is-disabled)) #item.is-hovered,:host(.is-button:not(.is-disabled)) #item:hover,:host(.is-button:not(.is-disabled)) #item.is-hovered{background:var(--_list-item-background-hover);color:var(--_list-item-color-hover)}:host(.is-link:not(.is-disabled)) #item:hover #content,:host(.is-link:not(.is-disabled)) #item.is-hovered #content,:host(.is-button:not(.is-disabled)) #item:hover #content,:host(.is-button:not(.is-disabled)) #item.is-hovered #content{color:var(--_list-item-color-hover)}:host(.is-link:not(.is-disabled)) #item:hover #content+ds-icon,:host(.is-link:not(.is-disabled)) #item:hover ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item:hover ::slotted(ds-badge),:host(.is-link:not(.is-disabled)) #item.is-hovered #content+ds-icon,:host(.is-link:not(.is-disabled)) #item.is-hovered ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item.is-hovered ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item:hover #content+ds-icon,:host(.is-button:not(.is-disabled)) #item:hover ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item:hover ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item.is-hovered #content+ds-icon,:host(.is-button:not(.is-disabled)) #item.is-hovered ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item.is-hovered ::slotted(ds-badge){--icon-color:var(--_list-item-color-hover)}}:host(.is-link:not(.is-disabled)) #item:active,:host(.is-link:not(.is-disabled)) #item.is-pressed,:host(.is-button:not(.is-disabled)) #item:active,:host(.is-button:not(.is-disabled)) #item.is-pressed{background:var(--_list-item-background-active);color:var(--_list-item-color-active)}:host(.is-link:not(.is-disabled)) #item:active #content,:host(.is-link:not(.is-disabled)) #item.is-pressed #content,:host(.is-button:not(.is-disabled)) #item:active #content,:host(.is-button:not(.is-disabled)) #item.is-pressed #content{color:var(--_list-item-color-active)}:host(.is-link:not(.is-disabled)) #item:active #content+ds-icon,:host(.is-link:not(.is-disabled)) #item:active ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item:active ::slotted(ds-badge),:host(.is-link:not(.is-disabled)) #item.is-pressed #content+ds-icon,:host(.is-link:not(.is-disabled)) #item.is-pressed ::slotted(ds-icon),:host(.is-link:not(.is-disabled)) #item.is-pressed ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item:active #content+ds-icon,:host(.is-button:not(.is-disabled)) #item:active ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item:active ::slotted(ds-badge),:host(.is-button:not(.is-disabled)) #item.is-pressed #content+ds-icon,:host(.is-button:not(.is-disabled)) #item.is-pressed ::slotted(ds-icon),:host(.is-button:not(.is-disabled)) #item.is-pressed ::slotted(ds-badge){--icon-color:var(--_list-item-color-active)}:host(.is-link:not(.is-disabled)) #item:before,:host(.is-button:not(.is-disabled)) #item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--ds-alias-radius-base);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host(.is-link:not(.is-disabled)) #item:focus-visible:not(:active):before,:host(.is-link:not(.is-disabled)) #item.is-focused:not(:active):before,:host(.is-button:not(.is-disabled)) #item:focus-visible:not(:active):before,:host(.is-button:not(.is-disabled)) #item.is-focused:not(:active):before{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_list-item-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_list-item-focus) 0 0 0 5px !important}@media (hover: hover)and (pointer: fine){:host(.is-link:not(.is-disabled)) #item:hover:after,:host(.is-link:not(.is-disabled)) #item.is-hovered:after,:host(.is-button:not(.is-disabled)) #item:hover:after,:host(.is-button:not(.is-disabled)) #item.is-hovered:after,:host(.is-accordion:not(.is-disabled)) #item:hover:after,:host(.is-accordion:not(.is-disabled)) #item.is-hovered:after{background:var(--_list-item-border-color-hover)}}:host(.is-link:not(.is-disabled)) #item:active:after,:host(.is-link:not(.is-disabled)) #item.is-pressed:after,:host(.is-button:not(.is-disabled)) #item:active:after,:host(.is-button:not(.is-disabled)) #item.is-pressed:after,:host(.is-accordion:not(.is-disabled)) #item:active:after,:host(.is-accordion:not(.is-disabled)) #item.is-pressed:after{background:var(--_list-item-border-color-active)}:host(.is-accordion) ::slotted(p){padding-block:var(--_list-item-accordion-py)}:host(.is-accordion) ds-accordion{--accordion-summary-color-hover:var(--_list-item-color-hover)}:host(.is-accordion) ds-accordion::part(header){background:var(--_list-item-background-base)}:host(.is-accordion) ds-accordion::part(summary){padding-right:.25rem}:host(.is-accordion) ds-accordion::part(summary):hover{background:var(--_list-item-background-hover)}:host(.is-accordion) ds-accordion::part(summary):active{background:var(--_list-item-background-active)}:host(.is-accordion) #accordion-content:after{content:"";border-radius:var(--_list-item-border-radius);width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--_list-item-border-width);background:var(--_list-item-border-color-base)}:host(.is-disabled) #item{pointer-events:none !important;cursor:default !important;color:var(--_list-item-color-disabled)}:host(.is-disabled) #item #content{color:var(--_list-item-color-disabled)}:host(.is-disabled) #item ds-icon,:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-icon),:host(.is-disabled) #item ::slotted(ds-badge){--icon-color:var(--_list-item-color-disabled)}:host(.is-disabled) #item ds-badge,:host(.is-disabled) #item ::slotted(ds-badge){--badge-color-background:var(--ds-badge-disabled-color-background);--badge-color-text:var(--ds-badge-disabled-color-text)}:host(.is-inverted){--mod-list-item-color:var(--ds-list-item-inverted-color-text-base);--mod-list-item-color-hover:var(--ds-list-item-inverted-color-text-hover);--mod-list-item-color-active:var(--ds-list-item-inverted-color-text-active);--mod-list-item-color-disabled:var(--ds-list-item-inverted-color-text-disabled);--mod-list-item-border-color-base:var(--ds-alias-border-color-inverted-primary);--mod-list-item-border-color-hover:var(--ds-alias-border-color-inverted-primary-hover);--mod-list-item-border-color-active:var(--ds-alias-border-color-inverted-primary-active);--mod-list-item-background-hover:transparent;--mod-list-item-background-active:transparent;--mod-list-item-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-lg){--mod-list-item-min-height:var(--ds-list-item-size-lg-min-height);--mod-list-item-py:var(--ds-list-item-size-lg-padding-y)}`;
 
@@ -92,7 +92,7 @@ const Item = class {
         let actionIconName = '';
         if (hasActionIcon) {
             if (this.actionIcon === 'link') {
-                actionIconName = 'nav-go-right';
+                actionIconName = 'caret-right';
             }
             else if (this.actionIcon === 'link-external') {
                 actionIconName = 'link';
@@ -102,7 +102,7 @@ const Item = class {
             }
             else if (this.actionIcon === 'default' || !hasValue(this.actionIcon)) {
                 if (this.variant === 'link' || this.variant === 'button') {
-                    actionIconName = 'nav-go-right';
+                    actionIconName = 'caret-right';
                 }
             }
         }

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

@@ -1,14 +1,14 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, x as defaultConfig, 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 { h as hasValue } from './has-value-D7lYQNBK.js';
+import { D as registerInstance, x as defaultConfig, 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 { h as hasValue } from './has-value-uy_-jH0L.js';
 import { I as I18nDsLabel } from './label.i18n-C7I7OlaM.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 './create-validator-decorator-ZDmCDTEb.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 './create-validator-decorator-Da-m3zPX.js';
 
 const LABEL_SIZES = ['sm', 'lg', 'xl', '2xl', '3xl'];
 
@@ -79,13 +79,13 @@ const Label = class {
         const suffix = this.required === false ? I18nDsLabel[this.language].optional || '' : '';
         const id = this.htmlId;
         const htmlFor = this.htmlFor;
-        return (h(Host, { key: '5aef8e850bab6c06a43f746f96327fa76be940a6', class: {
+        return (h(Host, { key: '6a6bde38af1ac2152a586f609ed28f35ee93b2ff', class: {
                 'is-disabled': this.disabled,
                 'is-valid': this.valid,
                 'is-invalid': this.invalid,
                 'has-no-wrap': this.noWrap,
                 [`is-${this.size}`]: hasValue(this.size),
-            } }, h("label", { key: '8bb5fb0307995f0903a2255fb4c5fda0cd467bb4', id: id, part: "label", htmlFor: htmlFor }, h("slot", { key: '00ba5865dc8a9d720b3119a9007c9eb3407cca86' }), suffix)));
+            } }, h("label", { key: 'c49f6e2d8916d3fe1bf144b8400cb12f0986d797', id: id, part: "label", htmlFor: htmlFor }, h("slot", { key: 'ba6116478a49f5a8b56505eb597e2af1e4dd1207' }), suffix)));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,13 +1,13 @@
 /*!
  * (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 { h as hasValue } from './has-value-D7lYQNBK.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 { h as hasValue } from './has-value-uy_-jH0L.js';
 import { c as ITEM_SIZES } from './item.interfaces-RyTWoVi9.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 listHostCss = () => `:host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}:host(.is-inverted){--mod-list-item-color:var(--ds-list-item-inverted-color-text-base);--mod-list-item-color-hover:var(--ds-list-item-inverted-color-text-hover);--mod-list-item-color-active:var(--ds-list-item-inverted-color-text-active);--mod-list-item-color-disabled:var(--ds-list-item-inverted-color-text-disabled);--mod-list-item-border-color-base:var(--ds-alias-border-color-inverted-primary);--mod-list-item-border-color-hover:var(--ds-alias-border-color-inverted-primary-hover);--mod-list-item-border-color-active:var(--ds-alias-border-color-inverted-primary-active);--mod-list-item-background-hover:transparent;--mod-list-item-background-active:transparent;--mod-list-item-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-lg){--mod-list-item-min-height:var(--ds-list-item-size-lg-min-height);--mod-list-item-py:var(--ds-list-item-size-lg-padding-y)}`;
 
@@ -37,7 +37,7 @@ const List = class {
      */
     render() {
         const ListTag = this.ordered ? 'ol' : 'ul';
-        return (h(Host, { key: '162cd5301d4728d918909c73b008fcc0e0c260d1', class: { 'is-inverted': this.inverted, [`is-${this.size}`]: hasValue(this.size) } }, h(ListTag, { key: '28b3480af2a82ae6790b0e367317f4ff1be61761', id: "list", part: "list" }, h("slot", { key: '46af781e333c704266fea884bb5c28dd0a698ad2' }))));
+        return (h(Host, { key: '555557d23c4534daf4a99ce5c065e8025efd0f59', class: { 'is-inverted': this.inverted, [`is-${this.size}`]: hasValue(this.size) } }, h(ListTag, { key: '7acca648cb81ee60f591374c2869ee7b31da74ac', id: "list", part: "list" }, h("slot", { key: '6dd47b8e7b94cab5385611499a86315dfb27f2d6' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-modal-body.entry.js

@@ -1,8 +1,8 @@
 /*!
  * (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';
 
 const modalBodyHostCss = () => `:host{display:contents}`;
 
@@ -21,7 +21,7 @@ const ModalBody = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: '1dde254ac6d097d00b58c865a5a9a86a314122bf' }, h("slot", { key: '4e180d4ed9fc83438c49d1da441b0ef907a1eb0f' })));
+        return (h(Host, { key: 'c5561818568b48e9f6b55b4851c76c4ea3817254' }, h("slot", { key: '9bb1b85b5a430f75cc42aaa36916aa8c2e54a179' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-modal-header.entry.js

@@ -1,8 +1,8 @@
 /*!
  * (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';
 
 const ModalHeader = class {
     constructor(hostRef) {
@@ -19,7 +19,7 @@ const ModalHeader = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: '03058012e65c15b84b178ce478eca9249ef5b83d', style: { display: 'contents' } }, h("slot", { key: 'f7d44d86833d3298920c3667fce6b4aa4e62e386' })));
+        return (h(Host, { key: 'a18b40a44d1b4750e2b1e7a60260caa1122b7076', style: { display: 'contents' } }, h("slot", { key: '54539a2004deeaecc84fabbf0c1ecfc2cc529430' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,12 +1,12 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, w as wait, 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 ScrollHandler } from './scroll-DsSOuPzW.js';
-import { T as Type } from './type-CZBrLp5X.js';
-import { L as ListenToConfig } from './config.utils-CB-CXrKY.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { D as registerInstance, J as createEvent, w as wait, 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 ScrollHandler } from './scroll-BQR4AN2V.js';
+import { T as Type } from './type-3Im_fSnq.js';
+import { L as ListenToConfig } from './config.utils-RtLdZ8k8.js';
+import './create-validator-decorator-Da-m3zPX.js';
 
 const modalHostCss = () => `:host{--_modal-background:var(--modal-background, var(--mod-modal-background, var(--ds-modal-color-background)));--_modal-radius:var(--modal-radius, var(--mod-modal-radius, var(--ds-modal-radius)));--_modal-backdrop-opacity:var(--modal-backdrop-opacity, var(--mod-modal-backdrop-opacity, var(--ds-modal-backdrop-opacity)));--_modal-backdrop-filter:var(--modal-backdrop-filter, var(--mod-modal-backdrop-filter, var(--ds-modal-backdrop-filter)));--_modal-heading-family:var(--modal-heading-family, var(--mod-modal-heading-family, var(--ds-modal-heading-font-family)));--_modal-heading-weight:var(--modal-heading-weight, var(--mod-modal-heading-weight, var(--ds-modal-heading-font-weight)));--_modal-heading-size:var(--modal-heading-size, var(--mod-modal-heading-size, var(--ds-modal-heading-font-size)));--_modal-heading-line-height:var(--modal-heading-line-height, var(--mod-modal-heading-line-height, var(--ds-modal-heading-line-height)));--_modal-width:var(--modal-width, var(--mod-modal-width, var(--ds-modal-width)));--_modal-p:var(--modal-p, var(--mod-modal-p, var(--ds-modal-padding)));--_modal-gap:var(--modal-gap, var(--mod-modal-gap, var(--ds-modal-gap)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 1rem);max-height:calc(100vh - 1rem);overflow:hidden;background:var(--_modal-background);border-radius:var(--_modal-radius);padding:var(--_modal-p);opacity:0;-webkit-transform:translate(-50%, calc(-50% - 1rem));transform:translate(-50%, calc(-50% - 1rem));pointer-events:none}@media screen and (min-width: 769px){:host dialog{width:var(--_modal-width);max-height:calc(100vh - 6rem)}}:host(.is-open) dialog{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none !important;transition:none !important}}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--_modal-backdrop-filter);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--_modal-backdrop-filter);backdrop-filter:var(--_modal-backdrop-filter);opacity:var(--_modal-backdrop-opacity)}:host(.is-fullscreen) dialog{top:0;left:0;width:100%;max-height:100%;height:100%;border-radius:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}:host(.is-fullscreen.is-open) dialog{-webkit-transform:translateY(0);transform:translateY(0)}:host ds-close{position:absolute;top:var(--_modal-p);right:var(--_modal-p)}:host #modal-title{padding-right:calc(var(--_modal-p) + 2rem);margin:0 0 var(--_modal-gap);font-family:var(--_modal-heading-family);font-weight:var(--_modal-heading-weight);font-size:var(--_modal-heading-size);line-height:var(--_modal-heading-line-height)}:host #modal-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-left:calc(-1*var(--_modal-p));margin-right:calc(-1*var(--_modal-p));padding-left:var(--_modal-p);padding-right:var(--_modal-p)}:host #modal-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--_modal-gap)}:host #modal-actions:empty{display:none}::slotted(*){display:block}`;
 
@@ -156,11 +156,11 @@ const Modal = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: '656a4293161bbb6fcab278cecd0c5d47b93c191e', class: {
+        return (h(Host, { key: 'ab13073dc67e59cfafd924a9f36ed82cb9b00857', class: {
                 'is-open': this.isOpen,
                 'is-animated': this.animated,
                 'is-fullscreen': this.fullscreen,
-            }, style: { '--_modal-width': `${this.modalWidth}px` } }, h("dialog", { key: '5ed2cf5a15f90b643c4f79a59bb0871039242edd', part: "dialog", ref: el => (this.dialogEl = el), "aria-labelledby": "modal-title", "aria-describedby": "modal-body", onClick: this.handleBackdropClick }, this.closable && h("ds-close", { key: '3b0dccbaa6612ade55346a7949dec1151a3dc03e', part: "close", onClick: () => (this.open = false) }), h("h2", { key: '3b0fb97465bd99e6353f3e30f25b86478844cce2', id: "modal-title", part: "title" }, h("slot", { key: '220d6a05435543a6b1ffafcb3fea8b0bebbebc79', name: "header" })), h("div", { key: 'df62477813854d77f988120ee736c40aa17c03a6', id: "modal-body", part: "body" }, h("slot", { key: 'a6b1591cf7645a094b8af839759c0e8ce862c38f', name: "body" })), h("div", { key: '4afa59aedd7bdd4175db4354e71110628e03dadb', id: "modal-actions", part: "actions" }, h("slot", { key: 'f5f723f1e0a07c0c71b795a9a9c8bd40d98dd683', name: "actions" })))));
+            }, style: { '--_modal-width': `${this.modalWidth}px` } }, h("dialog", { key: '4af2a8ddc97da2f73c96f62315f8046a68678c92', part: "dialog", ref: el => (this.dialogEl = el), "aria-labelledby": "modal-title", "aria-describedby": "modal-body", onClick: this.handleBackdropClick }, this.closable && h("ds-close", { key: '1e2f472d0fd00adfcf2ae4ef011874c2329d7c80', part: "close", onClick: () => (this.open = false) }), h("h2", { key: '5b2be1d7ffa0679846d4d065b73ef469d019a7ce', id: "modal-title", part: "title" }, h("slot", { key: 'fa544fabfe7b9b44fae650c08c3b49c6c9b6aa58', name: "header" })), h("div", { key: '678d1248cebc43a902574d732139f61c67da21d9', id: "modal-body", part: "body" }, h("slot", { key: 'a0c25d0c83da67d8c4560716e2df3abf9cce3218', name: "body" })), h("div", { key: '5185bc1bdcd343dbebc7704e9882507c38ca6458', id: "modal-actions", part: "actions" }, h("slot", { key: '7f0d9ccb64ef0c8a94ec360e6051624263ecf5dd', name: "actions" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,13 +1,14 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, 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 { T as Type } from './type-CZBrLp5X.js';
-import { O as OneOf } from './one-of-BExTRiXT.js';
-import './create-validator-decorator-ZDmCDTEb.js';
+import { D as registerInstance, J as createEvent, 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 { d as directChildren, b as byTagName } from './dom-969JOO-P.js';
+import { s as stopEventBubbling } from './form-control-RKlnnjxO.js';
+import { h as hasValue } from './has-value-uy_-jH0L.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 NOTIFICATION_SIZES = ['sm'];
 const NOTIFICATION_COLORS = [
@@ -61,7 +62,7 @@ const Notification = class {
          * ─────────────────────────────────────────────────────
          */
         this.updateHasBrandIcon = () => {
-            this.hasBrandIcon = !!this.el.querySelector(':scope > ds-brand-icon');
+            this.hasBrandIcon = directChildren(this.el, byTagName('DS-BRAND-ICON')).length > 0;
         };
     }
     createLogger(log) {
@@ -96,15 +97,15 @@ const Notification = class {
         const a11yAttributes = this.alert
             ? { 'role': 'alert', 'aria-live': 'assertive', 'aria-atomic': 'true' }
             : { 'role': 'status', 'aria-live': 'polite', 'aria-atomic': 'true' };
-        return (h(Host, Object.assign({ key: '15efc7eac68cd01245733bffe23fc1d35bcc4dcf' }, a11yAttributes, { class: {
+        return (h(Host, Object.assign({ key: '83980a557445d4d8784d0af1ab76b69aa7a1758a' }, a11yAttributes, { class: {
                 'has-no-icon': this.noIcon,
                 'has-brand-icon': this.hasBrandIcon,
                 [`is-${this.color}`]: hasValue(this.color),
                 [`is-${size}`]: hasValue(this.size),
-            } }), h("section", { key: '1c912e151498ad210b8130e69494f5b0dd920975', id: "notification", part: "section" }, this.closable && (h("ds-close", { key: '3f9aa1170c083a0be30d6a24d79e3af0b4e82783', part: "close", onClick: ev => {
+            } }), h("section", { key: '43e4193118d3f03858a31b0be6626036bb7453df', id: "notification", part: "section" }, this.closable && (h("ds-close", { key: 'c8ede2917fb199a6afacd072f9800cfbb3e89d97', part: "close", onClick: ev => {
                 stopEventBubbling(ev);
                 this.close();
-            } })), hasValue(this.heading) && h("h2", { key: '77550a588aef7281647dde59049b64bf116d2194', part: "heading" }, this.heading), h("span", { key: '83b23fae92a7f0f961acf39b2a1ab9fb8cc2bd1f' }, h("slot", { key: 'e4c29bbcebb603e3936295695399288994ec3df7', onSlotchange: this.updateHasBrandIcon })))));
+            } })), hasValue(this.heading) && h("h2", { key: '5244c63219eea139ddf23c922e152bf55689953b', part: "heading" }, this.heading), h("span", { key: 'f390a6797968c49399e747778462e29267c26b3f' }, h("slot", { key: 'f3af4e56e3df538384c5a3a8bacc3ad4983a2ae9', onSlotchange: this.updateHasBrandIcon })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-number-input.entry.js

@@ -1,22 +1,23 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { U as require_baseKeys, V as require_getTag, W as requireIsArguments, X as requireIsArrayLike, Y as requireIsBuffer, Z as requireIsTypedArray, _ as requireIsArray, $ as require_isPrototype, N as getDefaultExportFromCjs, 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 } from './isNaN-DxqUQhlF.js';
-import { i as isNil } from './isNil-DWALHtG8.js';
+import { U as require_baseKeys, V as require_getTag, W as requireIsArguments, X as requireIsArrayLike, Y as requireIsBuffer, Z as requireIsTypedArray, _ as requireIsArray, $ as require_isPrototype, N as getDefaultExportFromCjs, 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 } from './isNaN-B9kO8LAw.js';
+import { i as isNil } from './isNil-DxRbUK54.js';
 import { i as inheritAttributes } from './attributes-B62ocg4Q.js';
-import { F as FormControl, s as stopEventBubbling } from './form-control-g2Cf81YC.js';
-import { h as hasValue } from './has-value-D7lYQNBK.js';
-import { w as watchInvalidTextSlot } from './invalid-text-slot-Dcf7YMP0.js';
+import { F as FormControl, s as stopEventBubbling } 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 { g as getNegativeSymbol, a as getDecimalSeparator, b as getThousandSeparator, f as formatLocaleNumber } from './number-B08yyDMo.js';
 import { N as NUMBER_KEYS, A as ACTION_KEYS } from './keys.constant-D86WpWIE.js';
-import { F as Field } from './field.util-OTyuJ6iL.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 './create-validator-decorator-ZDmCDTEb.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 './create-validator-decorator-Da-m3zPX.js';
+import './dom-969JOO-P.js';
 import './aria-DYfTMCkl.js';
 import './label.i18n-C7I7OlaM.js';
 
@@ -513,7 +514,7 @@ const NumberInput = class {
      */
     render() {
         const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
-        return (h(Field, { key: '466da866696fa75eec44e0432a3e8763166bafec', disabled: this.disabled, color: this.color, invalid: isInvalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, h("input", Object.assign({ key: '06b2959447753f4616586dd9f4c1f998a28b6171', id: "input", part: "input", type: "text", inputMode: "decimal", pattern: this.inputPattern, ref: el => (this.control.nativeEl = el), "aria-describedby": "description", "aria-invalid": isInvalid ? 'true' : 'false', name: this.name, disabled: this.disabled, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, min: this.min, max: this.max, value: this.nativeInputValue, onInput: ev => this.handleInput(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onClick: ev => this.control.onClick(ev), onKeyDown: ev => this.handleKeydown(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, this.inheritedAttributes))));
+        return (h(Field, { key: '51cd67447f1fe58990414983427a74ee9283392b', disabled: this.disabled, color: this.color, invalid: isInvalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, h("input", Object.assign({ key: '6a49bba4d07f12f1812e0f0e179876f0e239d0b6', id: "input", part: "input", type: "text", inputMode: "decimal", pattern: this.inputPattern, ref: el => (this.control.nativeEl = el), "aria-describedby": "description", "aria-invalid": isInvalid ? 'true' : 'false', name: this.name, disabled: this.disabled, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, min: this.min, max: this.max, value: this.nativeInputValue, onInput: ev => this.handleInput(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onClick: ev => this.control.onClick(ev), onKeyDown: ev => this.handleKeydown(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, this.inheritedAttributes))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -522,7 +523,7 @@ const NumberInput = class {
                 "debounceChanged": 0
             }],
         "value": [{
-                "valueChanged": 0
+                "valueChanged": 1
             }]
     }; }
 };

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

@@ -1,18 +1,18 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, 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 { h as hasValue } from './has-value-D7lYQNBK.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, 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 { h as hasValue } from './has-value-uy_-jH0L.js';
 import { i as i18nControlLabel } from './pagination.i18n-BR1SYpQO.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 { L as ListenToConfig } from './config.utils-CB-CXrKY.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 { L as ListenToConfig } from './config.utils-RtLdZ8k8.js';
+import './create-validator-decorator-Da-m3zPX.js';
+import './listener-CAqZogmy.js';
+import './device-DNizTY2o.js';
 
 function generatePaginationControl(value, totalPages, pageRange) {
     const paginationArray = [];
@@ -241,26 +241,26 @@ const Pagination = class {
         const leftControlTitle = this.textPrevious || i18nControlLabel[this.language].left;
         const rightControlTitle = this.textNext || i18nControlLabel[this.language].right;
         const hasBasicNavigationButtons = !hasValue(this.variant) || (isVariantDots && this.totalPages <= 5);
-        const DotsWithText = () => (h("span", { key: '8f42f795346a44395721b07b761b13f50850e9b2', class: "dots" }, h("strong", { key: '44dde1213049bf5ea78d98e57a6dfa49ddf4f648' }, this.value), h("span", { key: '81e4c16f124a15c459a46defe1a2d7da4b670822' }, "/"), h("span", { key: 'c79617f3b4db4f68e1c32000319dc43e05f461d9' }, this.totalPages)));
-        return (h(Host, { key: '637c2e265ad20556e6f43d367d6d3187ceaf15cb', class: {
+        const DotsWithText = () => (h("span", { key: '0deab4b48f970249ffd17adb7d25acbf5345241a', class: "dots" }, h("strong", { key: '174de54787b225130f59896e4e822eb23134e602' }, this.value), h("span", { key: 'b317bbbb2e6a671d9cac3a1905e4f7c55146dfd5' }, "/"), h("span", { key: '1d635ab6cc7e7e5aea2a4b8a9d74ad672f227f08' }, this.totalPages)));
+        return (h(Host, { key: '72f9efe99ea2f48cb8bd2839eaf4aff54b919ec1', class: {
                 'is-sticky': this.sticky,
                 'is-disabled': this.disabled,
                 [`is-variant-${this.variant}`]: hasValue(this.variant),
                 [`is-size-${this.size}`]: hasValue(this.size),
                 [`is-align-${this.align}`]: hasValue(this.align),
-            } }, h("nav", { key: 'f050cc9415a8cce8c1bbd8f5eaa33cdb3cfa9ec4', class: {}, id: "nav", part: "navigation", role: "navigation", "aria-label": labelControlTitle }, !this.disabled && (h("button", { key: 'd0196f3b7afbc7fd5bb1ba9e279141190eafb42e', id: "previous", part: "previous", "aria-label": leftControlTitle, title: leftControlTitle, class: {
+            } }, h("nav", { key: '8da376fe8ee9245c280e1698e853bceebb57d770', class: {}, id: "nav", part: "navigation", role: "navigation", "aria-label": labelControlTitle }, !this.disabled && (h("button", { key: '10cc17b60e9bb45cb9c1bb18ba62a784e6d22730', id: "previous", part: "previous", "aria-label": leftControlTitle, title: leftControlTitle, class: {
                 'ds-button': true,
                 'is-square': true,
                 'is-disabled': this.value < 2,
                 [buttonColor]: !(this.value < 2),
                 [buttonSize]: true,
-            }, disabled: this.value < 2, onClick: () => this.previous() }, h("ds-icon", { key: 'ecd78610321eafb951e7b41851040f7af1ab81e0', name: "nav-go-left", size: "sm", disabled: this.value < 2 }))), !this.disabled && (h("button", { key: '9083b10d8aae01b295b23abcf330b630c8e66248', id: "next", part: "next", "aria-label": rightControlTitle, title: rightControlTitle, class: {
+            }, disabled: this.value < 2, onClick: () => this.previous() }, h("ds-icon", { key: '25d2338b886d7d9d3474361b8ad5f7e1849274c8', name: "caret-left", size: "sm", disabled: this.value < 2 }))), !this.disabled && (h("button", { key: '0f5176a9f5f2799aac60e960f3eea388a2b8a5da', id: "next", part: "next", "aria-label": rightControlTitle, title: rightControlTitle, class: {
                 'ds-button': true,
                 'is-square': true,
                 'is-disabled': this.value === this.totalPages,
                 [buttonColor]: true,
                 [buttonSize]: true,
-            }, disabled: this.value === this.totalPages, onClick: () => this.next() }, h("ds-icon", { key: 'c343f0dcc89bf5d46d86f128bb7414691186c817', name: "nav-go-right", size: "sm", disabled: this.value === this.totalPages }))), hasBasicNavigationButtons ? (h("ul", { class: { dots: hasValue(this.variant) }, part: "list" }, items)) : (h(DotsWithText, null)))));
+            }, disabled: this.value === this.totalPages, onClick: () => this.next() }, h("ds-icon", { key: 'e16a0b71a18922329ba33c0082edb94d7e656a0a', name: "caret-right", size: "sm", disabled: this.value === this.totalPages }))), hasBasicNavigationButtons ? (h("ul", { class: { dots: hasValue(this.variant) }, part: "list" }, items)) : (h(DotsWithText, null)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ds-progress-bar.entry.js

@@ -1,17 +1,17 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import { d as dsBrowser, D as registerInstance, x as defaultConfig, 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 { h as hasValue } from './has-value-D7lYQNBK.js';
-import { W as WindowResizeListener, i as initialBreakpoints } from './breakpoints.subject-CgNq7C9X.js';
-import { a as SingleSubject } from './listener-nZ8kL6Qe.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 { L as ListenToConfig } from './config.utils-CB-CXrKY.js';
-import './create-validator-decorator-ZDmCDTEb.js';
-import './device-ckOLnxX9.js';
+import { d as dsBrowser, D as registerInstance, x as defaultConfig, 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 { h as hasValue } from './has-value-uy_-jH0L.js';
+import { W as WindowResizeListener, i as initialBreakpoints } from './breakpoints.subject-Dft-o__O.js';
+import { a as SingleSubject } from './listener-CAqZogmy.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 { L as ListenToConfig } from './config.utils-RtLdZ8k8.js';
+import './create-validator-decorator-Da-m3zPX.js';
+import './device-DNizTY2o.js';
 
 class WindowResizeSubject extends SingleSubject {
     constructor() {
@@ -174,7 +174,7 @@ const ProgressBar = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: 'fe94b2e345de7499a1e99f3762d7e8f5336f48b7', role: "progressbar", "aria-label": `${i18nDsProgressBar[this.language].progress}: ${this.value}%`, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", class: {
+        return (h(Host, { key: '42eb92479f4240052aa9e1b0211921df93bfb5ce', role: "progressbar", "aria-label": `${i18nDsProgressBar[this.language].progress}: ${this.value}%`, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", class: {
                 'is-light': hasValue(this.background) && this.background === 'light',
                 'is-dark': !hasValue(this.background) || this.background === 'dark',
                 'is-primary': !hasValue(this.color) || this.color === 'primary',
@@ -182,7 +182,7 @@ const ProgressBar = class {
                 'is-yellow': hasValue(this.color) && this.color === 'yellow',
                 'is-red': hasValue(this.color) && this.color === 'red',
                 'is-green': hasValue(this.color) && this.color === 'green',
-            } }, h("div", { key: '50e1f1902f3d5fb50390ef79d7674e1e8ad7ec4e', id: "line", part: "line", class: {
+            } }, h("div", { key: 'c1a7765ffba5b4509ac66321ff0392a267945c72', id: "line", part: "line", class: {
                 'is-animated': this.animated,
             }, ref: lineEl => (this.lineEl = lineEl) })));
     }

package/dist/esm/ds-radio-group.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, h as isDescendant, K as hasTagName, 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 { D as registerInstance, J as createEvent, x as defaultConfig, h as isDescendant, K as hasTagName, 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 { I as INPUT_COLORS } from './input.interfaces-BRYPu0SP.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 { 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';
 
 const radioGroupHostCss = () => `:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-radio-group-description-color:var(--ds-form-danger-description-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-radio-group-label-color:var(--ds-form-disabled-label-color);--mod-radio-group-description-color:var(--ds-form-disabled-description-color)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}`;
 
@@ -145,7 +146,7 @@ const RadioGroup = class {
                     this.value = undefined;
                 }
                 this.dsChange.emit(this.value);
-                this.internals.setFormValue(this.value);
+                setFormValue(this.internals, this.value);
             }
         };
     }
@@ -161,7 +162,7 @@ const RadioGroup = class {
      */
     connectedCallback() {
         this.initialValue = this.value;
-        this.internals.setFormValue(this.value);
+        setFormValue(this.internals, this.value);
         this.disconnectInvalidTextSlotWatcher = watchInvalidTextSlot(this.el, hasContent => {
             this.hasInvalidTextSlotContent = hasContent;
         });
@@ -248,14 +249,14 @@ const RadioGroup = class {
                 next.setFocus();
                 this.value = next.value;
                 this.dsChange.emit(this.value);
-                this.internals.setFormValue(this.value);
+                setFormValue(this.internals, this.value);
             }
             // Update the radio group value when a user presses the
             // space bar on top of a selected radio
             if (['Space'].includes(ev.code)) {
                 this.value = this.allowEmptySelection && this.value !== undefined ? undefined : current.value;
                 this.dsChange.emit(this.value);
-                this.internals.setFormValue(this.value);
+                setFormValue(this.internals, this.value);
                 // Prevent browsers from jumping to the bottom of the screen
                 ev.preventDefault();
             }
@@ -331,10 +332,10 @@ const RadioGroup = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Field, { key: '5c4e5f67189e5e28504d8d5c58033eb854f4de92', role: "fieldset", disabled: this.disabled, color: this.color, invalid: this.invalid || this.hasInvalidTextSlotContent, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, cssClasses: {
+        return (h(Field, { key: '616a7ea2bbf1e25e64bd9952d80e2863c093175a', role: "fieldset", disabled: this.disabled, color: this.color, invalid: this.invalid || this.hasInvalidTextSlotContent, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, cssClasses: {
                 'is-vertical': this.vertical,
                 'is-tile': this.tile,
-            }, onClick: this.handleClick }, h("slot", { key: '34c623e20e4709d8206c72fcbaccddd99b9a1f35', onSlotchange: this.handleSlotChange })));
+            }, onClick: this.handleClick }, h("slot", { key: '72a97e481089b45a943b3309268e20c88ccc49c3', onSlotchange: this.handleSlotChange })));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }