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

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

@@ -3,20 +3,21 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
-var isNil = require('./isNil-vWTxCDwP.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
+var isNil = require('./isNil-CB9gi3c4.js');
 var keys_constant = require('./keys.constant-BYIApas2.js');
 var attributes = require('./attributes-D57TMQsY.js');
-var formControl = require('./form-control-CMLNa-jP.js');
-var hasValue = require('./has-value-jsQ_XPV1.js');
-var invalidTextSlot = require('./invalid-text-slot-DCqojm_q.js');
-var field_util = require('./field.util-cPS6JUpa.js');
+var formControl = require('./form-control-DSel6gP-.js');
+var hasValue = require('./has-value-CnygFgyg.js');
+var invalidTextSlot = require('./invalid-text-slot-D_fJ9XCX.js');
+var field_util = require('./field.util-eBnmJNBK.js');
 var input_interfaces = require('./input.interfaces-9cNxHeju.js');
-var type = require('./type-ekmQVouB.js');
-var oneOf = require('./one-of-GU-CalY9.js');
-var config_utils = require('./config.utils-B4mCijIx.js');
-require('./create-validator-decorator-BQRnK-zG.js');
+var type = require('./type-xjbuaDB_.js');
+var oneOf = require('./one-of-Maip98c6.js');
+var config_utils = require('./config.utils-DCs-qJCq.js');
+require('./create-validator-decorator-C4BA-l0Q.js');
+require('./dom-CPxHYIDv.js');
 require('./aria-C3Tx6AHY.js');
 require('./label.i18n-C00ZY0P9.js');
 
@@ -695,7 +696,7 @@ const Input = class {
             inputProps = { pattern: this.pattern };
         }
         const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
-        return (index.h(field_util.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 }, index.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 (index.h(field_util.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 }, index.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 index.getElement(this); }

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

@@ -3,15 +3,15 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
-var hasValue = require('./has-value-jsQ_XPV1.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
+var hasValue = require('./has-value-CnygFgyg.js');
 var accordion_interfaces = require('./accordion.interfaces-DI-BRvEk.js');
 var button_interfaces = require('./button.interfaces-DkkETT0o.js');
 var item_interfaces = require('./item.interfaces-BPJi0PIG.js');
-var type = require('./type-ekmQVouB.js');
-var oneOf = require('./one-of-GU-CalY9.js');
-require('./create-validator-decorator-BQRnK-zG.js');
+var type = require('./type-xjbuaDB_.js');
+var oneOf = require('./one-of-Maip98c6.js');
+require('./create-validator-decorator-C4BA-l0Q.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)}`;
 
@@ -94,7 +94,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';
@@ -104,7 +104,7 @@ const Item = class {
             }
             else if (this.actionIcon === 'default' || !hasValue.hasValue(this.actionIcon)) {
                 if (this.variant === 'link' || this.variant === 'button') {
-                    actionIconName = 'nav-go-right';
+                    actionIconName = 'caret-right';
                 }
             }
         }

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

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
-var hasValue = require('./has-value-jsQ_XPV1.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
+var hasValue = require('./has-value-CnygFgyg.js');
 var label_i18n = require('./label.i18n-C00ZY0P9.js');
-var type = require('./type-ekmQVouB.js');
-var oneOf = require('./one-of-GU-CalY9.js');
-var config_utils = require('./config.utils-B4mCijIx.js');
-require('./create-validator-decorator-BQRnK-zG.js');
+var type = require('./type-xjbuaDB_.js');
+var oneOf = require('./one-of-Maip98c6.js');
+var config_utils = require('./config.utils-DCs-qJCq.js');
+require('./create-validator-decorator-C4BA-l0Q.js');
 
 const LABEL_SIZES = ['sm', 'lg', 'xl', '2xl', '3xl'];
 
@@ -81,13 +81,13 @@ const Label = class {
         const suffix = this.required === false ? label_i18n.I18nDsLabel[this.language].optional || '' : '';
         const id = this.htmlId;
         const htmlFor = this.htmlFor;
-        return (index.h(index.Host, { key: '5aef8e850bab6c06a43f746f96327fa76be940a6', class: {
+        return (index.h(index.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.hasValue(this.size),
-            } }, index.h("label", { key: '8bb5fb0307995f0903a2255fb4c5fda0cd467bb4', id: id, part: "label", htmlFor: htmlFor }, index.h("slot", { key: '00ba5865dc8a9d720b3119a9007c9eb3407cca86' }), suffix)));
+            } }, index.h("label", { key: 'c49f6e2d8916d3fe1bf144b8400cb12f0986d797', id: id, part: "label", htmlFor: htmlFor }, index.h("slot", { key: 'ba6116478a49f5a8b56505eb597e2af1e4dd1207' }), suffix)));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
-var hasValue = require('./has-value-jsQ_XPV1.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
+var hasValue = require('./has-value-CnygFgyg.js');
 var item_interfaces = require('./item.interfaces-BPJi0PIG.js');
-var type = require('./type-ekmQVouB.js');
-var oneOf = require('./one-of-GU-CalY9.js');
-require('./create-validator-decorator-BQRnK-zG.js');
+var type = require('./type-xjbuaDB_.js');
+var oneOf = require('./one-of-Maip98c6.js');
+require('./create-validator-decorator-C4BA-l0Q.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)}`;
 
@@ -39,7 +39,7 @@ const List = class {
      */
     render() {
         const ListTag = this.ordered ? 'ol' : 'ul';
-        return (index.h(index.Host, { key: '162cd5301d4728d918909c73b008fcc0e0c260d1', class: { 'is-inverted': this.inverted, [`is-${this.size}`]: hasValue.hasValue(this.size) } }, index.h(ListTag, { key: '28b3480af2a82ae6790b0e367317f4ff1be61761', id: "list", part: "list" }, index.h("slot", { key: '46af781e333c704266fea884bb5c28dd0a698ad2' }))));
+        return (index.h(index.Host, { key: '555557d23c4534daf4a99ce5c065e8025efd0f59', class: { 'is-inverted': this.inverted, [`is-${this.size}`]: hasValue.hasValue(this.size) } }, index.h(ListTag, { key: '7acca648cb81ee60f591374c2869ee7b31da74ac', id: "list", part: "list" }, index.h("slot", { key: '6dd47b8e7b94cab5385611499a86315dfb27f2d6' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
 
 const modalBodyHostCss = () => `:host{display:contents}`;
 
@@ -23,7 +23,7 @@ const ModalBody = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (index.h(index.Host, { key: '1dde254ac6d097d00b58c865a5a9a86a314122bf' }, index.h("slot", { key: '4e180d4ed9fc83438c49d1da441b0ef907a1eb0f' })));
+        return (index.h(index.Host, { key: 'c5561818568b48e9f6b55b4851c76c4ea3817254' }, index.h("slot", { key: '9bb1b85b5a430f75cc42aaa36916aa8c2e54a179' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
 
 const ModalHeader = class {
     constructor(hostRef) {
@@ -21,7 +21,7 @@ const ModalHeader = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (index.h(index.Host, { key: '03058012e65c15b84b178ce478eca9249ef5b83d', style: { display: 'contents' } }, index.h("slot", { key: 'f7d44d86833d3298920c3667fce6b4aa4e62e386' })));
+        return (index.h(index.Host, { key: 'a18b40a44d1b4750e2b1e7a60260caa1122b7076', style: { display: 'contents' } }, index.h("slot", { key: '54539a2004deeaecc84fabbf0c1ecfc2cc529430' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
-var scroll = require('./scroll-CUj4eCY9.js');
-var type = require('./type-ekmQVouB.js');
-var config_utils = require('./config.utils-B4mCijIx.js');
-require('./create-validator-decorator-BQRnK-zG.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
+var scroll = require('./scroll-DL8b2hGh.js');
+var type = require('./type-xjbuaDB_.js');
+var config_utils = require('./config.utils-DCs-qJCq.js');
+require('./create-validator-decorator-C4BA-l0Q.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}`;
 
@@ -158,11 +158,11 @@ const Modal = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (index.h(index.Host, { key: '656a4293161bbb6fcab278cecd0c5d47b93c191e', class: {
+        return (index.h(index.Host, { key: 'ab13073dc67e59cfafd924a9f36ed82cb9b00857', class: {
                 'is-open': this.isOpen,
                 'is-animated': this.animated,
                 'is-fullscreen': this.fullscreen,
-            }, style: { '--_modal-width': `${this.modalWidth}px` } }, index.h("dialog", { key: '5ed2cf5a15f90b643c4f79a59bb0871039242edd', part: "dialog", ref: el => (this.dialogEl = el), "aria-labelledby": "modal-title", "aria-describedby": "modal-body", onClick: this.handleBackdropClick }, this.closable && index.h("ds-close", { key: '3b0dccbaa6612ade55346a7949dec1151a3dc03e', part: "close", onClick: () => (this.open = false) }), index.h("h2", { key: '3b0fb97465bd99e6353f3e30f25b86478844cce2', id: "modal-title", part: "title" }, index.h("slot", { key: '220d6a05435543a6b1ffafcb3fea8b0bebbebc79', name: "header" })), index.h("div", { key: 'df62477813854d77f988120ee736c40aa17c03a6', id: "modal-body", part: "body" }, index.h("slot", { key: 'a6b1591cf7645a094b8af839759c0e8ce862c38f', name: "body" })), index.h("div", { key: '4afa59aedd7bdd4175db4354e71110628e03dadb', id: "modal-actions", part: "actions" }, index.h("slot", { key: 'f5f723f1e0a07c0c71b795a9a9c8bd40d98dd683', name: "actions" })))));
+            }, style: { '--_modal-width': `${this.modalWidth}px` } }, index.h("dialog", { key: '4af2a8ddc97da2f73c96f62315f8046a68678c92', part: "dialog", ref: el => (this.dialogEl = el), "aria-labelledby": "modal-title", "aria-describedby": "modal-body", onClick: this.handleBackdropClick }, this.closable && index.h("ds-close", { key: '1e2f472d0fd00adfcf2ae4ef011874c2329d7c80', part: "close", onClick: () => (this.open = false) }), index.h("h2", { key: '5b2be1d7ffa0679846d4d065b73ef469d019a7ce', id: "modal-title", part: "title" }, index.h("slot", { key: 'fa544fabfe7b9b44fae650c08c3b49c6c9b6aa58', name: "header" })), index.h("div", { key: '678d1248cebc43a902574d732139f61c67da21d9', id: "modal-body", part: "body" }, index.h("slot", { key: 'a0c25d0c83da67d8c4560716e2df3abf9cce3218', name: "body" })), index.h("div", { key: '5185bc1bdcd343dbebc7704e9882507c38ca6458', id: "modal-actions", part: "actions" }, index.h("slot", { key: '7f0d9ccb64ef0c8a94ec360e6051624263ecf5dd', name: "actions" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,13 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
-var formControl = require('./form-control-CMLNa-jP.js');
-var hasValue = require('./has-value-jsQ_XPV1.js');
-var type = require('./type-ekmQVouB.js');
-var oneOf = require('./one-of-GU-CalY9.js');
-require('./create-validator-decorator-BQRnK-zG.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
+var dom = require('./dom-CPxHYIDv.js');
+var formControl = require('./form-control-DSel6gP-.js');
+var hasValue = require('./has-value-CnygFgyg.js');
+var type = require('./type-xjbuaDB_.js');
+var oneOf = require('./one-of-Maip98c6.js');
+require('./create-validator-decorator-C4BA-l0Q.js');
 
 const NOTIFICATION_SIZES = ['sm'];
 const NOTIFICATION_COLORS = [
@@ -63,7 +64,7 @@ const Notification = class {
          * ─────────────────────────────────────────────────────
          */
         this.updateHasBrandIcon = () => {
-            this.hasBrandIcon = !!this.el.querySelector(':scope > ds-brand-icon');
+            this.hasBrandIcon = dom.directChildren(this.el, dom.byTagName('DS-BRAND-ICON')).length > 0;
         };
     }
     createLogger(log) {
@@ -98,15 +99,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 (index.h(index.Host, Object.assign({ key: '15efc7eac68cd01245733bffe23fc1d35bcc4dcf' }, a11yAttributes, { class: {
+        return (index.h(index.Host, Object.assign({ key: '83980a557445d4d8784d0af1ab76b69aa7a1758a' }, a11yAttributes, { class: {
                 'has-no-icon': this.noIcon,
                 'has-brand-icon': this.hasBrandIcon,
                 [`is-${this.color}`]: hasValue.hasValue(this.color),
                 [`is-${size}`]: hasValue.hasValue(this.size),
-            } }), index.h("section", { key: '1c912e151498ad210b8130e69494f5b0dd920975', id: "notification", part: "section" }, this.closable && (index.h("ds-close", { key: '3f9aa1170c083a0be30d6a24d79e3af0b4e82783', part: "close", onClick: ev => {
+            } }), index.h("section", { key: '43e4193118d3f03858a31b0be6626036bb7453df', id: "notification", part: "section" }, this.closable && (index.h("ds-close", { key: 'c8ede2917fb199a6afacd072f9800cfbb3e89d97', part: "close", onClick: ev => {
                 formControl.stopEventBubbling(ev);
                 this.close();
-            } })), hasValue.hasValue(this.heading) && index.h("h2", { key: '77550a588aef7281647dde59049b64bf116d2194', part: "heading" }, this.heading), index.h("span", { key: '83b23fae92a7f0f961acf39b2a1ab9fb8cc2bd1f' }, index.h("slot", { key: 'e4c29bbcebb603e3936295695399288994ec3df7', onSlotchange: this.updateHasBrandIcon })))));
+            } })), hasValue.hasValue(this.heading) && index.h("h2", { key: '5244c63219eea139ddf23c922e152bf55689953b', part: "heading" }, this.heading), index.h("span", { key: 'f390a6797968c49399e747778462e29267c26b3f' }, index.h("slot", { key: 'f3af4e56e3df538384c5a3a8bacc3ad4983a2ae9', onSlotchange: this.updateHasBrandIcon })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,22 +3,23 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
-var isNaN = require('./isNaN-BsjhIwfg.js');
-var isNil = require('./isNil-vWTxCDwP.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
+var isNaN = require('./isNaN-IIpdS7oH.js');
+var isNil = require('./isNil-CB9gi3c4.js');
 var attributes = require('./attributes-D57TMQsY.js');
-var formControl = require('./form-control-CMLNa-jP.js');
-var hasValue = require('./has-value-jsQ_XPV1.js');
-var invalidTextSlot = require('./invalid-text-slot-DCqojm_q.js');
+var formControl = require('./form-control-DSel6gP-.js');
+var hasValue = require('./has-value-CnygFgyg.js');
+var invalidTextSlot = require('./invalid-text-slot-D_fJ9XCX.js');
 var number = require('./number-CWocqj6E.js');
 var keys_constant = require('./keys.constant-BYIApas2.js');
-var field_util = require('./field.util-cPS6JUpa.js');
+var field_util = require('./field.util-eBnmJNBK.js');
 var input_interfaces = require('./input.interfaces-9cNxHeju.js');
-var type = require('./type-ekmQVouB.js');
-var oneOf = require('./one-of-GU-CalY9.js');
-var config_utils = require('./config.utils-B4mCijIx.js');
-require('./create-validator-decorator-BQRnK-zG.js');
+var type = require('./type-xjbuaDB_.js');
+var oneOf = require('./one-of-Maip98c6.js');
+var config_utils = require('./config.utils-DCs-qJCq.js');
+require('./create-validator-decorator-C4BA-l0Q.js');
+require('./dom-CPxHYIDv.js');
 require('./aria-C3Tx6AHY.js');
 require('./label.i18n-C00ZY0P9.js');
 
@@ -515,7 +516,7 @@ const NumberInput = class {
      */
     render() {
         const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
-        return (index.h(field_util.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 }, index.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 (index.h(field_util.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 }, index.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 index.getElement(this); }
@@ -524,7 +525,7 @@ const NumberInput = class {
                 "debounceChanged": 0
             }],
         "value": [{
-                "valueChanged": 0
+                "valueChanged": 1
             }]
     }; }
 };

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

@@ -3,18 +3,18 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
-var hasValue = require('./has-value-jsQ_XPV1.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
+var hasValue = require('./has-value-CnygFgyg.js');
 var pagination_i18n = require('./pagination.i18n-D2ElLaZ_.js');
-var breakpoints_subject = require('./breakpoints.subject-CFibnYcR.js');
-var oneOf = require('./one-of-GU-CalY9.js');
-var type = require('./type-ekmQVouB.js');
-var breakpoints_decorator = require('./breakpoints.decorator-LnHu4AA-.js');
-var config_utils = require('./config.utils-B4mCijIx.js');
-require('./create-validator-decorator-BQRnK-zG.js');
-require('./listener-BsqaYzlf.js');
-require('./device-BAXxh6Rd.js');
+var breakpoints_subject = require('./breakpoints.subject-5q3_3VmC.js');
+var oneOf = require('./one-of-Maip98c6.js');
+var type = require('./type-xjbuaDB_.js');
+var breakpoints_decorator = require('./breakpoints.decorator-Bb2joxtH.js');
+var config_utils = require('./config.utils-DCs-qJCq.js');
+require('./create-validator-decorator-C4BA-l0Q.js');
+require('./listener-D8KLaDvy.js');
+require('./device-DzT8Jy_P.js');
 
 function generatePaginationControl(value, totalPages, pageRange) {
     const paginationArray = [];
@@ -243,26 +243,26 @@ const Pagination = class {
         const leftControlTitle = this.textPrevious || pagination_i18n.i18nControlLabel[this.language].left;
         const rightControlTitle = this.textNext || pagination_i18n.i18nControlLabel[this.language].right;
         const hasBasicNavigationButtons = !hasValue.hasValue(this.variant) || (isVariantDots && this.totalPages <= 5);
-        const DotsWithText = () => (index.h("span", { key: '8f42f795346a44395721b07b761b13f50850e9b2', class: "dots" }, index.h("strong", { key: '44dde1213049bf5ea78d98e57a6dfa49ddf4f648' }, this.value), index.h("span", { key: '81e4c16f124a15c459a46defe1a2d7da4b670822' }, "/"), index.h("span", { key: 'c79617f3b4db4f68e1c32000319dc43e05f461d9' }, this.totalPages)));
-        return (index.h(index.Host, { key: '637c2e265ad20556e6f43d367d6d3187ceaf15cb', class: {
+        const DotsWithText = () => (index.h("span", { key: '0deab4b48f970249ffd17adb7d25acbf5345241a', class: "dots" }, index.h("strong", { key: '174de54787b225130f59896e4e822eb23134e602' }, this.value), index.h("span", { key: 'b317bbbb2e6a671d9cac3a1905e4f7c55146dfd5' }, "/"), index.h("span", { key: '1d635ab6cc7e7e5aea2a4b8a9d74ad672f227f08' }, this.totalPages)));
+        return (index.h(index.Host, { key: '72f9efe99ea2f48cb8bd2839eaf4aff54b919ec1', class: {
                 'is-sticky': this.sticky,
                 'is-disabled': this.disabled,
                 [`is-variant-${this.variant}`]: hasValue.hasValue(this.variant),
                 [`is-size-${this.size}`]: hasValue.hasValue(this.size),
                 [`is-align-${this.align}`]: hasValue.hasValue(this.align),
-            } }, index.h("nav", { key: 'f050cc9415a8cce8c1bbd8f5eaa33cdb3cfa9ec4', class: {}, id: "nav", part: "navigation", role: "navigation", "aria-label": labelControlTitle }, !this.disabled && (index.h("button", { key: 'd0196f3b7afbc7fd5bb1ba9e279141190eafb42e', id: "previous", part: "previous", "aria-label": leftControlTitle, title: leftControlTitle, class: {
+            } }, index.h("nav", { key: '8da376fe8ee9245c280e1698e853bceebb57d770', class: {}, id: "nav", part: "navigation", role: "navigation", "aria-label": labelControlTitle }, !this.disabled && (index.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() }, index.h("ds-icon", { key: 'ecd78610321eafb951e7b41851040f7af1ab81e0', name: "nav-go-left", size: "sm", disabled: this.value < 2 }))), !this.disabled && (index.h("button", { key: '9083b10d8aae01b295b23abcf330b630c8e66248', id: "next", part: "next", "aria-label": rightControlTitle, title: rightControlTitle, class: {
+            }, disabled: this.value < 2, onClick: () => this.previous() }, index.h("ds-icon", { key: '25d2338b886d7d9d3474361b8ad5f7e1849274c8', name: "caret-left", size: "sm", disabled: this.value < 2 }))), !this.disabled && (index.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() }, index.h("ds-icon", { key: 'c343f0dcc89bf5d46d86f128bb7414691186c817', name: "nav-go-right", size: "sm", disabled: this.value === this.totalPages }))), hasBasicNavigationButtons ? (index.h("ul", { class: { dots: hasValue.hasValue(this.variant) }, part: "list" }, items)) : (index.h(DotsWithText, null)))));
+            }, disabled: this.value === this.totalPages, onClick: () => this.next() }, index.h("ds-icon", { key: 'e16a0b71a18922329ba33c0082edb94d7e656a0a', name: "caret-right", size: "sm", disabled: this.value === this.totalPages }))), hasBasicNavigationButtons ? (index.h("ul", { class: { dots: hasValue.hasValue(this.variant) }, part: "list" }, items)) : (index.h(DotsWithText, null)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,17 +3,17 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
-var hasValue = require('./has-value-jsQ_XPV1.js');
-var breakpoints_subject = require('./breakpoints.subject-CFibnYcR.js');
-var listener = require('./listener-BsqaYzlf.js');
-var oneOf = require('./one-of-GU-CalY9.js');
-var type = require('./type-ekmQVouB.js');
-var breakpoints_decorator = require('./breakpoints.decorator-LnHu4AA-.js');
-var config_utils = require('./config.utils-B4mCijIx.js');
-require('./create-validator-decorator-BQRnK-zG.js');
-require('./device-BAXxh6Rd.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
+var hasValue = require('./has-value-CnygFgyg.js');
+var breakpoints_subject = require('./breakpoints.subject-5q3_3VmC.js');
+var listener = require('./listener-D8KLaDvy.js');
+var oneOf = require('./one-of-Maip98c6.js');
+var type = require('./type-xjbuaDB_.js');
+var breakpoints_decorator = require('./breakpoints.decorator-Bb2joxtH.js');
+var config_utils = require('./config.utils-DCs-qJCq.js');
+require('./create-validator-decorator-C4BA-l0Q.js');
+require('./device-DzT8Jy_P.js');
 
 class WindowResizeSubject extends listener.SingleSubject {
     constructor() {
@@ -176,7 +176,7 @@ const ProgressBar = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (index.h(index.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 (index.h(index.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.hasValue(this.background) && this.background === 'light',
                 'is-dark': !hasValue.hasValue(this.background) || this.background === 'dark',
                 'is-primary': !hasValue.hasValue(this.color) || this.color === 'primary',
@@ -184,7 +184,7 @@ const ProgressBar = class {
                 'is-yellow': hasValue.hasValue(this.color) && this.color === 'yellow',
                 'is-red': hasValue.hasValue(this.color) && this.color === 'red',
                 'is-green': hasValue.hasValue(this.color) && this.color === 'green',
-            } }, index.h("div", { key: '50e1f1902f3d5fb50390ef79d7674e1e8ad7ec4e', id: "line", part: "line", class: {
+            } }, index.h("div", { key: 'c1a7765ffba5b4509ac66321ff0392a267945c72', id: "line", part: "line", class: {
                 'is-animated': this.animated,
             }, ref: lineEl => (this.lineEl = lineEl) })));
     }

package/dist/cjs/ds-radio-group.cjs.entry.js

@@ -3,19 +3,20 @@
  */
 'use strict';
 
-var index = require('./index-Bra7vxQ-.js');
-var tslib_es6 = require('./tslib.es6-Cx0A1PKk.js');
-var formControl = require('./form-control-CMLNa-jP.js');
-var invalidTextSlot = require('./invalid-text-slot-DCqojm_q.js');
-var field_util = require('./field.util-cPS6JUpa.js');
+var index = require('./index-NTRiwz5O.js');
+var tslib_es6 = require('./tslib.es6-JZhzHA9W.js');
+var formControl = require('./form-control-DSel6gP-.js');
+var invalidTextSlot = require('./invalid-text-slot-D_fJ9XCX.js');
+var field_util = require('./field.util-eBnmJNBK.js');
 var input_interfaces = require('./input.interfaces-9cNxHeju.js');
 var radio_interfaces = require('./radio.interfaces-BWpixP5z.js');
-var type = require('./type-ekmQVouB.js');
-var oneOf = require('./one-of-GU-CalY9.js');
-var config_utils = require('./config.utils-B4mCijIx.js');
+var type = require('./type-xjbuaDB_.js');
+var oneOf = require('./one-of-Maip98c6.js');
+var config_utils = require('./config.utils-DCs-qJCq.js');
+require('./dom-CPxHYIDv.js');
 require('./aria-C3Tx6AHY.js');
 require('./label.i18n-C00ZY0P9.js');
-require('./create-validator-decorator-BQRnK-zG.js');
+require('./create-validator-decorator-C4BA-l0Q.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}`;
 
@@ -147,7 +148,7 @@ const RadioGroup = class {
                     this.value = undefined;
                 }
                 this.dsChange.emit(this.value);
-                this.internals.setFormValue(this.value);
+                formControl.setFormValue(this.internals, this.value);
             }
         };
     }
@@ -163,7 +164,7 @@ const RadioGroup = class {
      */
     connectedCallback() {
         this.initialValue = this.value;
-        this.internals.setFormValue(this.value);
+        formControl.setFormValue(this.internals, this.value);
         this.disconnectInvalidTextSlotWatcher = invalidTextSlot.watchInvalidTextSlot(this.el, hasContent => {
             this.hasInvalidTextSlotContent = hasContent;
         });
@@ -250,14 +251,14 @@ const RadioGroup = class {
                 next.setFocus();
                 this.value = next.value;
                 this.dsChange.emit(this.value);
-                this.internals.setFormValue(this.value);
+                formControl.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);
+                formControl.setFormValue(this.internals, this.value);
                 // Prevent browsers from jumping to the bottom of the screen
                 ev.preventDefault();
             }
@@ -333,10 +334,10 @@ const RadioGroup = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (index.h(field_util.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 (index.h(field_util.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 }, index.h("slot", { key: '34c623e20e4709d8206c72fcbaccddd99b9a1f35', onSlotchange: this.handleSlotChange })));
+            }, onClick: this.handleClick }, index.h("slot", { key: '72a97e481089b45a943b3309268e20c88ccc49c3', onSlotchange: this.handleSlotChange })));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }