@baloise/ds-core 17.3.0 → 17.4.0-nightly.20250207

package/dist/cjs/bal-date-calendar_2.cjs.entry.js

@@ -13,9 +13,10 @@ const bem = require('./bem-81bc6a2d.js');
 const config_default = require('./config.default-48618371.js');
 const config_decorator = require('./config.decorator-c38efed9.js');
 const swipe_decorator = require('./swipe.decorator-220cd690.js');
-const attributes = require('./attributes-9f366716.js');
+const attributes = require('./attributes-11acd153.js');
 const formInput = require('./form-input-85323470.js');
-const form = require('./form-2279fb2f.js');
+const form = require('./form-17c98ac2.js');
+const aria = require('./aria-7672033f.js');
 const keys_constant = require('./keys.constant-b53da545.js');
 const maskUtil = require('./mask-util-19c28b4a.js');
 require('./_commonjsHelpers-68cdf74f.js');
@@ -447,7 +448,7 @@ const DateCalendar = class {
         const block = bem.BEM.block('date-calendar');
         const blockBody = block.element('body');
         const blockFoot = block.element('foot');
-        return (index$2.h(index$2.Host, { key: 'e6348fe5b0ddab2253f7c79cb41a16fd93fe9a63', class: Object.assign({}, block.class()) }, index$2.h(CalendarNav, { key: 'fc808b662835df468fe53a659cfdb048a2ce2325', language: this.language, monthFullNames: this.monthFullNames, month: this.month, year: this.year, isCalendarVisible: this.isCalendarVisible, isListVisible: this.isMonthListVisible || this.isYearListVisible, onClickSelectMonthAndYear: this.onClickSelectMonthAndYear, onClickPreviousMonth: this.onClickPreviousMonth, onClickNextMonth: this.onClickNextMonth }), index$2.h("div", { key: '14a071d6e691964876d2a832a9d2a7b20e2b5139', class: Object.assign({}, blockBody.class()) }, index$2.h(CalendarGrid, { key: 'd7d81606a5bcf10637f48ad9d5f095cac4851c60', isVisible: this.isCalendarVisible, grid: this.calendarGrid, weekdays: this.weekdays, firstDayOfWeek: this.firstDayOfWeek, selectedDate: this.selectedDate, ref: el => (this.gridEl = el), onSelectDay: isoDate => this.onSelectDay(isoDate) }), index$2.h(CalendarList, { key: '3804356a689232d66ecbac4ad02c152a7e11739f', name: "year", isVisible: this.isYearListVisible, girdHeight: girdHeight, list: this.years, ref: el => (this.yearListEl = el), onSelect: item => this.onClickYear(item.value) }), index$2.h(CalendarList, { key: '2721e28b96097dfb3f824c6ef085657c56c89342', name: "month", isVisible: this.isMonthListVisible, girdHeight: girdHeight, list: this.months, onSelect: item => this.onClickMonth(item.value) })), index$2.h("div", { key: 'da53c2e514df3bf5d4890a16fdc5738e55366f31', class: Object.assign({}, blockFoot.class()) }, index$2.h("slot", { key: '6b75be6d0ad833854a0eade0d014ee26b05bc868' }))));
+        return (index$2.h(index$2.Host, { key: '2d3c53228071c0a19b7195a60f655bffec5fcfc0', class: Object.assign({}, block.class()) }, index$2.h(CalendarNav, { key: '4722788040473eb1c25f3446658d7b958e874291', language: this.language, monthFullNames: this.monthFullNames, month: this.month, year: this.year, isCalendarVisible: this.isCalendarVisible, isListVisible: this.isMonthListVisible || this.isYearListVisible, onClickSelectMonthAndYear: this.onClickSelectMonthAndYear, onClickPreviousMonth: this.onClickPreviousMonth, onClickNextMonth: this.onClickNextMonth }), index$2.h("div", { key: '02dcfdf4f715f41c59e2a9df96a290c27cf08ae1', class: Object.assign({}, blockBody.class()) }, index$2.h(CalendarGrid, { key: '4c46752a54d57421757d861233960d03f5ba699e', isVisible: this.isCalendarVisible, grid: this.calendarGrid, weekdays: this.weekdays, firstDayOfWeek: this.firstDayOfWeek, selectedDate: this.selectedDate, ref: el => (this.gridEl = el), onSelectDay: isoDate => this.onSelectDay(isoDate) }), index$2.h(CalendarList, { key: '30104d40aa8929886651789d7c06ad87f3e6378f', name: "year", isVisible: this.isYearListVisible, girdHeight: girdHeight, list: this.years, ref: el => (this.yearListEl = el), onSelect: item => this.onClickYear(item.value) }), index$2.h(CalendarList, { key: '0e2fa6041ac31f0144086d1b8026af06e3008251', name: "month", isVisible: this.isMonthListVisible, girdHeight: girdHeight, list: this.months, onSelect: item => this.onClickMonth(item.value) })), index$2.h("div", { key: '21a7d0cc3c36217f69fb4b07b42b065c3c82299d', class: Object.assign({}, blockFoot.class()) }, index$2.h("slot", { key: '8aafbfd98fd66b25e313c15864831d4538c56487' }))));
     }
     get el() { return index$2.getElement(this); }
     static get watchers() { return {
@@ -1454,14 +1455,14 @@ const InputDate = class {
     render() {
         const block = bem.BEM.block('input-date');
         const native = block.element('native');
-        return (index$2.h(index$2.Host, { key: 'c1401f0c7df85ca5d78649b764215e27aa6790ae', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, index$2.h("input", Object.assign({ key: '37c33527ad82e2f74b19f734f2a752cc49a8a352', class: {
+        return (index$2.h(index$2.Host, { key: '38b2bfc91f2249540a9f5d2536d34b917070e903', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, index$2.h("input", Object.assign({ key: 'b689f1780889807f91d776f903712cd3e6341283', class: {
                 'input': true,
                 'is-disabled': this.disabled || this.readonly,
                 'is-danger': this.invalid,
                 'is-clickable': this.clickable && !(this.disabled || this.readonly),
                 'bal-focusable': !this.disabled,
                 'has-icon-right': this.hasIconRight,
-            }, "data-testid": "bal-date-input", ref: el => (this.nativeInput = el), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, required: this.required, disabled: this.disabled, readonly: this.readonly, autoComplete: this.autocomplete }, this.maskAdapter.attributes, this.inheritedAttributes, { placeholder: this.placeholder, value: this.inputValue, onKeyDown: event => this.maskAdapter.bindKeyDown(event), onClick: event => this.maskAdapter.bindClick(event), onFocus: event => this.maskAdapter.bindFocus(event), onBlur: event => this.maskAdapter.bindBlur(event), onPaste: event => this.maskAdapter.bindPaste(event) })), index$2.h("input", { key: 'c2b6921f78a345008b3475273f19dfe1dcd59373', type: "date", class: Object.assign({}, native.class()), name: this.name, min: this.min, max: this.max, value: this.value, tabindex: -1, "aria-hidden": "true" })));
+            }, "data-testid": "bal-date-input", ref: el => (this.nativeInput = el), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), required: this.required, disabled: this.disabled, readonly: this.readonly, autoComplete: this.autocomplete }, this.maskAdapter.attributes, this.inheritedAttributes, { placeholder: this.placeholder, value: this.inputValue, onKeyDown: event => this.maskAdapter.bindKeyDown(event), onClick: event => this.maskAdapter.bindClick(event), onFocus: event => this.maskAdapter.bindFocus(event), onBlur: event => this.maskAdapter.bindBlur(event), onPaste: event => this.maskAdapter.bindPaste(event) })), index$2.h("input", { key: '80414fe198d63903a23853e603053771c50448d3', type: "date", class: Object.assign({}, native.class()), name: this.name, min: this.min, max: this.max, value: this.value, tabindex: -1, "aria-hidden": "true" })));
     }
     get el() { return index$2.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-date.cjs.entry.js

@@ -7,11 +7,12 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
 const date = require('./date-355f73bb.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
-const attributes = require('./attributes-9f366716.js');
+const attributes = require('./attributes-11acd153.js');
 const formInput = require('./form-input-85323470.js');
 const helpers = require('./helpers-c858e965.js');
-const form = require('./form-2279fb2f.js');
+const form = require('./form-17c98ac2.js');
 const floatingUi = require('./floating-ui-3147d2ff.js');
+const aria = require('./aria-7672033f.js');
 const keyboard_helpers = require('./keyboard.helpers-2093e793.js');
 const config_default = require('./config.default-48618371.js');
 const config_decorator = require('./config.decorator-c38efed9.js');
@@ -290,7 +291,7 @@ const Date = class {
         const block = bem.BEM.block('date');
         const blockIcon = block.element('icon');
         const blockPopup = block.element('popup');
-        return (index.h(index.Host, { key: 'b795b526c8e86eb1f96ad07bc8d2f484b41f1f32', id: this.inputId, class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: '4e4eeacea6fa61affc57ddae68036250d0ef76cc', invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, ref: el => (this.referenceEl = el) }, index.h("bal-input-date", Object.assign({ key: '311169f2038c5548cb4a1c182c0fb8a61e404fbb', name: this.name, required: this.required, placeholder: this.placeholder, value: this.value, min: this.min, max: this.max, invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, allowInvalidValue: this.allowInvalidValue, autocomplete: this.autocomplete, onClick: this.onInputClick, onBalInput: this.onInputInput, onBalChange: this.onInputChange, onBalFocus: this.onInputFocus, onBalBlur: this.onInputBlur, onBalKeyPress: this.onKeyPress, ref: el => (this.inputEl = el) }, this.inheritedAttributes)), !this.freeSolo ? (index.h("bal-icon", { name: "date", role: "button", tabindex: -1, class: Object.assign(Object.assign({}, blockIcon.class()), blockIcon.modifier('clickable').class(!this.disabled && !this.readonly)), "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', onClick: this.onIconClick, "aria-label": date.i18nBalDate[this.language].toggleDatepicker, "aria-haspopup": "true", "aria-expanded": this.isExpanded ? 'true' : 'false' })) : ('')), index.h("div", { key: '65512ad855b4c33fc85ea703129b5b4af777216a', role: "dialog", class: Object.assign(Object.assign({}, blockPopup.class()), blockPopup.modifier('visible').class(this.isExpanded)), ref: el => (this.floatingEl = el), "aria-hidden": `${this.isExpanded !== true}`, "aria-presented": `${this.isExpanded === true}` }, index.h("bal-date-calendar", { key: '229c68237b8a13335448e5a3f940065535bff2a4', value: this.calendarValue, min: this.min, max: this.max, minYearProp: this.minYearProp, maxYearProp: this.maxYearProp, defaultDate: this.defaultDate, allowedDates: this.allowedDates, onBalChange: this.onCalendarChange }))));
+        return (index.h(index.Host, { key: '05aca7ed04b08027762c5ef57508d5db38b0ccc6', id: this.inputId, class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: '4be9f4b1261ed958e71959721e254b0eaae2d11b', invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, ref: el => (this.referenceEl = el) }, index.h("bal-input-date", Object.assign({ key: '26af250c551879cc6018f0c7105ef149fb5e1df9', name: this.name, required: this.required, placeholder: this.placeholder, value: this.value, min: this.min, max: this.max, invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, allowInvalidValue: this.allowInvalidValue, autocomplete: this.autocomplete, onClick: this.onInputClick, onBalInput: this.onInputInput, onBalChange: this.onInputChange, onBalFocus: this.onInputFocus, onBalBlur: this.onInputBlur, onBalKeyPress: this.onKeyPress, ref: el => (this.inputEl = el) }, this.inheritedAttributes)), !this.freeSolo ? (index.h("bal-icon", { name: "date", role: "button", tabindex: -1, class: Object.assign(Object.assign({}, blockIcon.class()), blockIcon.modifier('clickable').class(!this.disabled && !this.readonly)), "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', onClick: this.onIconClick, "aria-label": date.i18nBalDate[this.language].toggleDatepicker, "aria-haspopup": "true", "aria-expanded": aria.ariaBooleanToString(this.isExpanded) })) : ('')), index.h("div", { key: 'bd3a743349853f2d02cd6eab24a0f4cf8bb66896', role: "dialog", class: Object.assign(Object.assign({}, blockPopup.class()), blockPopup.modifier('visible').class(this.isExpanded)), ref: el => (this.floatingEl = el), "aria-hidden": `${this.isExpanded !== true}`, "aria-presented": `${this.isExpanded === true}` }, index.h("bal-date-calendar", { key: '562fe8d5b1dadc617fe1e5de53a636fc5cdd5b01', value: this.calendarValue, min: this.min, max: this.max, minYearProp: this.minYearProp, maxYearProp: this.maxYearProp, defaultDate: this.defaultDate, allowedDates: this.allowedDates, onBalChange: this.onCalendarChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/bal-divider.cjs.entry.js

@@ -32,7 +32,7 @@ const Divider = class {
         const space = !!this.space;
         const color = !!this.color;
         const borderStyle = !!this.borderStyle;
-        return (index.h(index.Host, { key: '8478d5e9ab81d7062675e8a83f5da79efe9e2554', role: "separator", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`layout-${this.layout}`).class(layout)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`color-${this.color}`).class(color)), block.modifier(`border-style-${this.borderStyle}`).class(borderStyle)) }, index.h("slot", { key: '30d8100818dcddd6a2d8d21df17f41965d12d4f8' })));
+        return (index.h(index.Host, { key: '21f73f3c69f25be339fbd8cdd02a65690d4e36a9', role: "separator", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`layout-${this.layout}`).class(layout)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`color-${this.color}`).class(color)), block.modifier(`border-style-${this.borderStyle}`).class(borderStyle)) }, index.h("slot", { key: '133fd38632e8361528ce8ade456196a8384ddc95' })));
     }
 };
 tslib_es6.__decorate([