@baloise/ds-core 16.1.0 → 16.2.0-nightly.20240517

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

@@ -17,6 +17,7 @@ const attributes = require('./attributes-9f366716.js');
 const formInput = require('./form-input-134c5116.js');
 const form = require('./form-2279fb2f.js');
 const keys_constant = require('./keys.constant-b53da545.js');
+const maskUtil = require('./mask-util-19c28b4a.js');
 require('./_commonjsHelpers-68cdf74f.js');
 require('./config.utils-e4cd49d6.js');
 require('./browser-1d542d0f.js');
@@ -552,6 +553,7 @@ class MaskContext {
             this._value = this._options.component.nativeInput.value;
         }
         this.position = new MaskPosition(this._options);
+        this.component = this._options.component;
     }
     get target() {
         if (this._options.component && this._options.component.nativeInput) {
@@ -921,7 +923,7 @@ class AbstractMask {
         context.value = inputValue;
         context.position.toEnd();
     }
-    onParseValue(inputValue) {
+    onParseValue(inputValue, options = { allowInvalidValue: false }) {
         if (inputValue) {
             return inputValue.trim();
         }
@@ -986,7 +988,7 @@ class AbstractMask {
             }
             else {
                 this.onBlur(context);
-                context.submit('blur', this.onParseValue(context.value));
+                context.submit('blur', this.onParseValue(context.value, { allowInvalidValue: context.component.allowInvalidValue }));
             }
         }
     }
@@ -1176,12 +1178,15 @@ class DateMask extends AbstractMask {
             fi: 'V',
         };
     }
-    onParseValue(inputValue) {
+    onParseValue(inputValue, options = { allowInvalidValue: false }) {
         if (inputValue) {
             const date$1 = date.BalDate.fromAnyFormat(this.blocks.getRawValueWithoutMask(inputValue));
             if (date$1.isValid) {
                 return date$1.toISODate();
             }
+            else if (options && options.allowInvalidValue) {
+                return maskUtil.INVALID_VALUE;
+            }
         }
         return '';
     }
@@ -1211,6 +1216,11 @@ class DateMask extends AbstractMask {
                 context.value = formattedDate;
             }
         }
+        else if (context.component.allowInvalidValue) {
+            if (rawValue !== context.value) {
+                context.value = rawValue;
+            }
+        }
     }
 }
 
@@ -1370,6 +1380,7 @@ const InputDate = class {
         this.hasIconRight = false;
         this.value = undefined;
         this.autoInvalidOff = false;
+        this.allowInvalidValue = false;
     }
     createLogger(log) {
         this.log = log;

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

@@ -116,6 +116,7 @@ const Date = class {
         this.maxYearProp = undefined;
         this.defaultDate = undefined;
         this.allowedDates = undefined;
+        this.allowInvalidValue = false;
         this.debounce = 0;
         this.autoInvalidOff = false;
     }
@@ -287,7 +288,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, { id: this.inputId, class: Object.assign({}, block.class()) }, index.h("bal-input-group", { invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, ref: el => (this.referenceEl = el) }, index.h("bal-input-date", Object.assign({ 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, 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", { 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", { 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, { id: this.inputId, class: Object.assign({}, block.class()) }, index.h("bal-input-group", { invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, ref: el => (this.referenceEl = el) }, index.h("bal-input-date", Object.assign({ 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, 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", { 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", { 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-datepicker.cjs.entry.js

@@ -16,16 +16,16 @@ const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const form = require('./form-2279fb2f.js');
 const config_default = require('./config.default-5bdd6e3d.js');
-const breakpoints_subject = require('./breakpoints.subject-66093c8f.js');
+const breakpoints_subject = require('./breakpoints.subject-332028d6.js');
 const config_utils = require('./config.utils-e4cd49d6.js');
-const breakpoints_decorator = require('./breakpoints.decorator-47fd6060.js');
+const breakpoints_decorator = require('./breakpoints.decorator-212f98f2.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./_commonjsHelpers-68cdf74f.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-bb0ef2db.js');
+require('./tokens.esm-73274252.js');
 
 /**
  * @name addDays