@baloise/ds-core 19.2.0 → 19.3.0-nightly.20250630

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

@@ -1,19 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const formInput = require('./form-input-e9974433.js');
-const bem = require('./bem-81bc6a2d.js');
-const aria = require('./aria-7672033f.js');
-require('./helpers-debb881a.js');
-require('./browser-1d542d0f.js');
-require('./config.utils-df30e424.js');
+var index = require('./index-D4vG8k57.js');
+var formInput = require('./form-input-B660-bjw.js');
+var bem = require('./bem-p0PWVN8n.js');
+var aria = require('./aria-BzkqcV7W.js');
 
 const DateCalendarCell = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.balSelectDay = index.createEvent(this, "balSelectDay", 7);
+        this.balSelectDay = index.createEvent(this, "balSelectDay");
+        this.selected = false;
+        this.today = false;
+        this.disabled = false;
         /**
          * EVENT BINDING
          * ------------------------------------------------------
@@ -26,14 +24,6 @@ const DateCalendarCell = class {
                 formInput.stopEventBubbling(ev);
             }
         };
-        this.day = undefined;
-        this.month = undefined;
-        this.year = undefined;
-        this.isoDate = undefined;
-        this.fullDate = undefined;
-        this.selected = false;
-        this.today = false;
-        this.disabled = false;
     }
     /**
      * RENDER

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

@@ -1,30 +1,23 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index$2 = require('./index-84f42282.js');
-const tslib_es6 = require('./tslib.es6-a680968e.js');
-const index = require('./index-758765f7.js');
-const index$1 = require('./index-e6a233be.js');
-const date = require('./date-ce9c7f3f.js');
-const log = require('./log-33398c2a.js');
-const helpers = require('./helpers-debb881a.js');
-const bem = require('./bem-81bc6a2d.js');
-const config_default = require('./config.default-7e96eb95.js');
-const config_decorator = require('./config.decorator-de244188.js');
-const swipe_decorator = require('./swipe.decorator-9c105f90.js');
-const attributes = require('./attributes-11acd153.js');
-const formInput = require('./form-input-e9974433.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');
-require('./config.utils-df30e424.js');
-require('./browser-1d542d0f.js');
-require('./swipe.subject-191f7d8a.js');
-require('./device-9f97a845.js');
-require('./listener-52d2e5fd.js');
+var index$2 = require('./index-D4vG8k57.js');
+var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
+var index = require('./index-C413E-IK.js');
+var index$1 = require('./index-BZ67Dcnb.js');
+var date = require('./date-TPRfNe4M.js');
+var config_decorator = require('./config.decorator-D_FjiIar.js');
+var bem = require('./bem-p0PWVN8n.js');
+var swipe_decorator = require('./swipe.decorator-aP7AIbLE.js');
+var attributes = require('./attributes-Cp0kpySW.js');
+var formInput = require('./form-input-B660-bjw.js');
+var keys_constant = require('./keys.constant-LnwxHAZo.js');
+var maskUtil = require('./mask-util-B8hrxmqO.js');
+var form = require('./form-BSlIiqcR.js');
+var aria = require('./aria-BzkqcV7W.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./swipe.subject-BhMYr3OO.js');
+require('./device-PwXgHi--.js');
+require('./listener-B7XPbb55.js');
 
 // Function to get the number of days in a month
 function getDaysInMonth(year, month) {
@@ -34,11 +27,11 @@ function getDaysInMonth(year, month) {
     return new Date(year, month, 0).getDate();
 }
 function isoDateOfDay(day, month, year) {
-    return `${year}-${index.lodash_padstart(`${month}`, 2, '0')}-${index.lodash_padstart(`${day}`, 2, '0')}`;
+    return `${year}-${index.padStart(`${month}`, 2, '0')}-${index.padStart(`${day}`, 2, '0')}`;
 }
 function isoDateOfToday() {
     const today = new Date();
-    return `${today.getFullYear()}-${index.lodash_padstart(`${today.getMonth() + 1}`, 2, '0')}-${index.lodash_padstart(`${today.getDate()}`, 2, '0')}`;
+    return `${today.getFullYear()}-${index.padStart(`${today.getMonth() + 1}`, 2, '0')}-${index.padStart(`${today.getDate()}`, 2, '0')}`;
 }
 // Function to generate the calendar grid
 function generateCalendarGrid(year, month, min, max, allowedDates) {
@@ -53,7 +46,7 @@ function generateCalendarGrid(year, month, min, max, allowedDates) {
         const dateMin = date.BalDate.fromISO(min);
         const dateMax = date.BalDate.fromISO(max);
         const allowedDate = (isoDate) => {
-            if (index$1.lodash_isnil(allowedDates)) {
+            if (index$1.isNil(allowedDates)) {
                 return false;
             }
             return !allowedDates(isoDate);
@@ -214,14 +207,30 @@ const CalendarNav = ({ language, onClickSelectMonthAndYear, monthFullNames, mont
 };
 
 const balDateCalendarCss = ":host{--bal-date-first-week-day:0;--bal-date-calendar-background:var(--bal-color-red-3)}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;background:var(--bal-color-white);border-radius:var(--bal-radius-normal)}.bal-date-calendar__nav{display:-ms-flexbox;display:flex;width:calc(100% - 1rem);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;gap:.5rem}.bal-date-calendar__nav--start>button{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav--end{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;min-height:2rem;min-width:2rem;padding:.25rem;border-radius:var(--bal-button-radius);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__nav button--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__nav button--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body{display:block}.bal-date-calendar__body__grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;height:0;padding-top:0;padding-bottom:0;visibility:hidden}.bal-date-calendar__body__grid--visible{height:auto;padding-top:.5rem;padding-bottom:.5rem;visibility:visible}.bal-date-calendar__body__grid__head{position:relative;display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-date-calendar__body__grid__head::after{position:absolute;content:\"\";height:2px;width:calc(100% + 1rem);bottom:0;left:-0.5rem;right:-0.5rem;background:var(--bal-color-border)}.bal-date-calendar__body__grid__head span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2rem;width:2rem;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:nowrap}.bal-date-calendar__body__grid__body{display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:.5rem}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell{width:2rem;height:2rem;text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell:first-child{grid-column:var(--bal-date-first-week-day)}.bal-date-calendar__body__list{display:none;list-style:none;margin:0;padding:0;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1rem);overflow-y:auto;max-height:18rem;position:relative;padding:.5rem;border-top:2px solid var(--bal-color-border)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:100%}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body__list--visible{display:grid}.bal-date-calendar__body__list--year{grid-template-columns:repeat(4, 1fr)}.bal-date-calendar__body__list--month{grid-template-columns:repeat(2, 1fr)}.bal-date-calendar-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:2rem;height:2rem}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar-cell--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar-cell--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}";
-const BalDateCalendarStyle0 = balDateCalendarCss;
 
 const DateCalendar = class {
     constructor(hostRef) {
         index$2.registerInstance(this, hostRef);
-        this.balChange = index$2.createEvent(this, "balChange", 7);
+        this.balChange = index$2.createEvent(this, "balChange");
         this.oldMin = '';
         this.oldMax = '';
+        this.selectedDate = '';
+        this.monthFullNames = [];
+        this.weekdays = [];
+        this.months = [];
+        this.years = [];
+        this.calendarGrid = [];
+        this.firstDayOfWeek = 0;
+        this.month = 0;
+        this.year = 0;
+        this.language = index$2.defaultConfig.language;
+        this.isCalendarVisible = true;
+        this.isYearListVisible = false;
+        this.isMonthListVisible = false;
+        /**
+         * Callback to determine which date in the datepicker should be selectable.
+         */
+        this.allowedDates = undefined;
         /**
          * EVENT BINDING
          * ------------------------------------------------------
@@ -254,7 +263,7 @@ const DateCalendar = class {
                 this.isCalendarVisible = false;
                 this.isYearListVisible = true;
                 this.isMonthListVisible = false;
-                await helpers.waitAfterFramePaint();
+                await index$2.waitAfterFramePaint();
                 if (this.yearListEl) {
                     const selectedYearEl = this.yearListEl.querySelector(`#year-${this.year}`);
                     if (selectedYearEl) {
@@ -284,26 +293,6 @@ const DateCalendar = class {
             this.isCalendarVisible = true;
             this.generateGridByMonthAndYear(newMonth, this.year);
         };
-        this.selectedDate = '';
-        this.monthFullNames = [];
-        this.weekdays = [];
-        this.months = [];
-        this.years = [];
-        this.calendarGrid = [];
-        this.firstDayOfWeek = 0;
-        this.month = 0;
-        this.year = 0;
-        this.language = config_default.defaultConfig.language;
-        this.isCalendarVisible = true;
-        this.isYearListVisible = false;
-        this.isMonthListVisible = false;
-        this.value = undefined;
-        this.defaultDate = undefined;
-        this.allowedDates = undefined;
-        this.min = undefined;
-        this.max = undefined;
-        this.minYearProp = undefined;
-        this.maxYearProp = undefined;
     }
     createLogger(log) {
         this.log = log;
@@ -460,7 +449,7 @@ const DateCalendar = class {
     }; }
 };
 tslib_es6.__decorate([
-    log.Logger('bal-date-calendar'),
+    index$2.Logger('bal-date-calendar'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -477,7 +466,7 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:paramtypes", [Object]),
     tslib_es6.__metadata("design:returntype", void 0)
 ], DateCalendar.prototype, "swipeListener", null);
-DateCalendar.style = BalDateCalendarStyle0;
+DateCalendar.style = balDateCalendarCss;
 
 class MaskPosition {
     constructor(_options) {
@@ -1348,37 +1337,71 @@ class MaskComponentAdapter {
 }
 
 const balInputDateCss = ".bal-input-date{display:block;width:100%;-ms-flex:1;flex:1}.bal-input-date input:not(:-moz-placeholder-shown){letter-spacing:.4px}.bal-input-date input:not(:-ms-input-placeholder){letter-spacing:.4px}.bal-input-date input:not(:placeholder-shown){letter-spacing:.4px}.bal-input-date__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}";
-const BalInputDateStyle0 = balInputDateCss;
 
 const InputDate = class {
     constructor(hostRef) {
         index$2.registerInstance(this, hostRef);
-        this.balKeyPress = index$2.createEvent(this, "balKeyPress", 7);
-        this.balChange = index$2.createEvent(this, "balChange", 7);
-        this.balInput = index$2.createEvent(this, "balInput", 7);
-        this.balBlur = index$2.createEvent(this, "balBlur", 7);
-        this.balFocus = index$2.createEvent(this, "balFocus", 7);
+        this.balKeyPress = index$2.createEvent(this, "balKeyPress");
+        this.balChange = index$2.createEvent(this, "balChange");
+        this.balInput = index$2.createEvent(this, "balInput");
+        this.balBlur = index$2.createEvent(this, "balBlur");
+        this.balFocus = index$2.createEvent(this, "balFocus");
         this.inputId = `bal-i-date-${inputDateIds++}`;
         this.inheritedAttributes = {};
         this.maskAdapter = new MaskComponentAdapter(new DateMask());
-        this.inputValue = this.value;
-        this.initialValue = this.value || '';
         this.focused = false;
         this.isGrouped = false;
         this.ariaForm = form.defaultBalAriaForm;
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
         this.name = this.inputId;
+        /**
+         * If `true` the component gets a invalid style.
+         */
         this.invalid = false;
+        /**
+         * If `true` the attribute required is added to the native input.
+         */
         this.required = false;
+        /**
+         * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
         this.disabled = false;
+        /**
+         * If `true` the element can not mutated, meaning the user can not edit the control.
+         */
         this.readonly = false;
-        this.placeholder = undefined;
+        /**
+         * If `true` the input gets a clickable cursor style
+         */
         this.clickable = false;
-        this.min = undefined;
-        this.max = undefined;
+        /**
+         * Indicates whether the value of the control can be automatically completed by the browser.
+         */
         this.autocomplete = 'off';
+        /**
+         * @internal
+         * If `true` the input will get some right padding.
+         */
         this.hasIconRight = false;
+        /**
+         * The value of the form field, which accepts ISO 8601 date strings (YYYY-MM-DD).
+         */
         this.value = undefined;
+        this.inputValue = this.value;
+        this.initialValue = this.value || '';
+        /**
+         * If `true`, in Angular reactive forms the control will not be set invalid
+         */
         this.autoInvalidOff = false;
+        /**
+         * If `true`, it returns the string `INVALID_VALUE` within the balChange event if the input provided is not valid.
+         */
         this.allowInvalidValue = false;
     }
     createLogger(log) {
@@ -1393,7 +1416,7 @@ const InputDate = class {
      */
     connectedCallback() {
         this.maskAdapter.bindComponent(this);
-        this.isGrouped = helpers.hasParent('bal-input-group', this.el);
+        this.isGrouped = index$2.hasParent('bal-input-group', this.el);
     }
     componentDidLoad() {
         this.maskAdapter.bindComponentDidLoad();
@@ -1470,7 +1493,7 @@ const InputDate = class {
     }; }
 };
 tslib_es6.__decorate([
-    log.Logger('bal-input-date'),
+    index$2.Logger('bal-input-date'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -1482,7 +1505,7 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:returntype", Promise)
 ], InputDate.prototype, "configChanged", null);
 let inputDateIds = 0;
-InputDate.style = BalInputDateStyle0;
+InputDate.style = balInputDateCss;
 
 exports.bal_date_calendar = DateCalendar;
 exports.bal_input_date = InputDate;

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

@@ -1,45 +1,104 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-84f42282.js');
-const tslib_es6 = require('./tslib.es6-a680968e.js');
-const index_esm = require('./index.esm-a38eebac.js');
-const aria = require('./aria-7672033f.js');
-const attributes = require('./attributes-11acd153.js');
-const bem = require('./bem-81bc6a2d.js');
-const browser = require('./browser-1d542d0f.js');
-const floatingUi = require('./floating-ui-4a4a1aed.js');
-const focusVisible = require('./focus-visible-a434c91f.js');
-const form = require('./form-17c98ac2.js');
-const formInput = require('./form-input-e9974433.js');
-const helpers = require('./helpers-debb881a.js');
-const log = require('./log-33398c2a.js');
-const date = require('./date-ce9c7f3f.js');
-const keyboard_helpers = require('./keyboard.helpers-2093e793.js');
-const config_default = require('./config.default-7e96eb95.js');
-const config_decorator = require('./config.decorator-de244188.js');
-require('./index-3b7f8988.js');
-require('./_commonjsHelpers-68cdf74f.js');
-require('./index-758765f7.js');
-require('./config.utils-df30e424.js');
+var index = require('./index-D4vG8k57.js');
+var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
+var index_esm = require('./index.esm-CKDqUwIC.js');
+var aria = require('./aria-BzkqcV7W.js');
+var attributes = require('./attributes-Cp0kpySW.js');
+var bem = require('./bem-p0PWVN8n.js');
+var config_decorator = require('./config.decorator-D_FjiIar.js');
+var date = require('./date-TPRfNe4M.js');
+var floatingUi = require('./floating-ui-l3NjU516.js');
+var focusVisible = require('./focus-visible-DFZa8IIA.js');
+var form = require('./form-BSlIiqcR.js');
+var formInput = require('./form-input-B660-bjw.js');
+var keyboard_helpers = require('./keyboard.helpers-BkZpVT-9.js');
+require('./index-BZ67Dcnb.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./index-BobQkZjn.js');
+require('./index-C413E-IK.js');
+require('./index-ifu9fMyU.js');
 
 const balDateCss = ":root{--bal-date-popup-z-index:var(--bal-z-index-tooltip);--bal-date-popup-shadow:var(--bal-shadow-normal);--bal-date-popup-radius:var(--bal-radius-normal)}:root{--bal-z-index-tooltip:1300}.bal-date{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-date__icon--clickable{cursor:pointer}.bal-date__popup{display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:var(--bal-date-popup-z-index);-webkit-box-shadow:var(--bal-date-popup-shadow);box-shadow:var(--bal-date-popup-shadow);border-radius:var(--bal-date-popup-radius)}.bal-date__popup--visible{display:block}";
-const BalDateStyle0 = balDateCss;
 
 const Date = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.balInput = index.createEvent(this, "balInput", 7);
-        this.balChange = index.createEvent(this, "balChange", 7);
-        this.balWillAnimate = index.createEvent(this, "balWillAnimate", 7);
-        this.balDidAnimate = index.createEvent(this, "balDidAnimate", 7);
-        this.balBlur = index.createEvent(this, "balBlur", 7);
-        this.balFocus = index.createEvent(this, "balFocus", 7);
-        this.balInputClick = index.createEvent(this, "balInputClick", 7);
-        this.balIconClick = index.createEvent(this, "balIconClick", 7);
+        this.balInput = index.createEvent(this, "balInput");
+        this.balChange = index.createEvent(this, "balChange");
+        this.balWillAnimate = index.createEvent(this, "balWillAnimate");
+        this.balDidAnimate = index.createEvent(this, "balDidAnimate");
+        this.balBlur = index.createEvent(this, "balBlur");
+        this.balFocus = index.createEvent(this, "balFocus");
+        this.balInputClick = index.createEvent(this, "balInputClick");
+        this.balIconClick = index.createEvent(this, "balIconClick");
         this.inputId = `bal-da-${dateIds++}`;
         this.inheritedAttributes = {};
+        this.isKeyboardMode = false;
+        this.hasFocus = false;
+        this.isExpanded = false;
+        this.language = index.defaultConfig.language;
+        this.ariaForm = form.defaultBalAriaForm;
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
+        this.name = this.inputId;
+        /**
+         * If `true` the component gets a invalid style.
+         */
+        this.invalid = false;
+        /**
+         * If `true` the attribute required is added to the native input.
+         */
+        this.required = false;
+        /**
+         * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        this.disabled = false;
+        /**
+         * If `true` the element can not mutated, meaning the user can not edit the control.
+         */
+        this.readonly = false;
+        /**
+         * If `true` there will be no trigger icon visible, so no UX indicator for a picker
+         */
+        this.freeSolo = false;
+        /**
+         * If `true` the datepicker only open on click of the icon
+         */
+        this.triggerIcon = false;
+        /**
+         * Closes the datepicker popover after selection
+         */
+        this.closeOnSelect = true;
+        /**
+         * Indicates whether the value of the control can be automatically completed by the browser.
+         */
+        this.autocomplete = 'off';
+        /**
+         * The value of the form field, which accepts ISO 8601 date strings (YYYY-MM-DD).
+         */
+        this.value = undefined;
+        /**
+         * Callback to determine which date in the datepicker should be selectable.
+         */
+        this.allowedDates = undefined;
+        /**
+         * If `true`, it returns the string `INVALID_VALUE` within the balChange event if the input provided is not valid.
+         */
+        this.allowInvalidValue = false;
+        /**
+         * Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
+         */
+        this.debounce = 0;
+        /**
+         * If `true`, in Angular reactive forms the control will not be set invalid
+         */
+        this.autoInvalidOff = false;
         /**
          * LIFECYCLE
          * ------------------------------------------------------
@@ -60,7 +119,7 @@ const Date = class {
                 if (!this.el.contains(ev.target)) {
                     this.isExpanded = false;
                     this.hasFocus = false;
-                    helpers.rIC(() => this.balBlur.emit(ev));
+                    index.rIC(() => this.balBlur.emit(ev));
                 }
             }
         };
@@ -73,7 +132,7 @@ const Date = class {
             formInput.stopEventBubbling(ev);
             if (!this.isExpanded) {
                 this.hasFocus = false;
-                helpers.rIC(() => this.balBlur.emit(ev.detail));
+                index.rIC(() => this.balBlur.emit(ev.detail));
             }
         };
         /**
@@ -100,7 +159,7 @@ const Date = class {
             if (this.closeOnSelect) {
                 this.close();
                 this.hasFocus = false;
-                helpers.rIC(() => this.balBlur.emit());
+                index.rIC(() => this.balBlur.emit());
             }
         };
         this.onInputInput = (ev) => {
@@ -132,32 +191,6 @@ const Date = class {
                 }
             }
         };
-        this.isKeyboardMode = false;
-        this.hasFocus = false;
-        this.isExpanded = false;
-        this.language = config_default.defaultConfig.language;
-        this.calendarValue = undefined;
-        this.ariaForm = form.defaultBalAriaForm;
-        this.name = this.inputId;
-        this.invalid = false;
-        this.required = false;
-        this.disabled = false;
-        this.readonly = false;
-        this.freeSolo = false;
-        this.placeholder = undefined;
-        this.triggerIcon = false;
-        this.closeOnSelect = true;
-        this.autocomplete = 'off';
-        this.value = undefined;
-        this.min = undefined;
-        this.max = undefined;
-        this.minYearProp = undefined;
-        this.maxYearProp = undefined;
-        this.defaultDate = undefined;
-        this.allowedDates = undefined;
-        this.allowInvalidValue = false;
-        this.debounce = 0;
-        this.autoInvalidOff = false;
     }
     createLogger(log) {
         this.log = log;
@@ -166,24 +199,24 @@ const Date = class {
         this.calendarValue = this.value;
     }
     debounceChanged() {
-        this.balChange = helpers.debounceEvent(this.balChange, this.debounce);
+        this.balChange = index.debounceEvent(this.balChange, this.debounce);
     }
     connectedCallback() {
-        if (browser.balBrowser.hasDocument) {
-            helpers.addEventListener(document, 'keydown', this.handleKeydown);
-            helpers.addEventListener(document, 'touchstart', this.handlePointerDown);
-            helpers.addEventListener(document, 'mousedown', this.handlePointerDown);
-            helpers.addEventListener(document, 'click', this.handleOutsideClick);
+        if (index.balBrowser.hasDocument) {
+            index.addEventListener(document, 'keydown', this.handleKeydown);
+            index.addEventListener(document, 'touchstart', this.handlePointerDown);
+            index.addEventListener(document, 'mousedown', this.handlePointerDown);
+            index.addEventListener(document, 'click', this.handleOutsideClick);
         }
         this.hasConnected = true;
         this.valueChanged();
     }
     disconnectedCallback() {
-        if (browser.balBrowser.hasDocument) {
-            helpers.removeEventListener(document, 'keydown', this.handleKeydown);
-            helpers.removeEventListener(document, 'touchstart', this.handlePointerDown);
-            helpers.removeEventListener(document, 'mousedown', this.handlePointerDown);
-            helpers.removeEventListener(document, 'click', this.handleOutsideClick);
+        if (index.balBrowser.hasDocument) {
+            index.removeEventListener(document, 'keydown', this.handleKeydown);
+            index.removeEventListener(document, 'touchstart', this.handlePointerDown);
+            index.removeEventListener(document, 'mousedown', this.handlePointerDown);
+            index.removeEventListener(document, 'click', this.handleOutsideClick);
         }
     }
     componentWillLoad() {
@@ -238,7 +271,7 @@ const Date = class {
      */
     async setFocus() {
         if (this.inputEl && !this.disabled && !this.readonly) {
-            await helpers.waitAfterIdleCallback();
+            await index.waitAfterIdleCallback();
             this.inputEl.focus();
         }
     }
@@ -250,7 +283,7 @@ const Date = class {
     async setBlur() {
         var _a;
         if (this.inputEl && !this.disabled && !this.readonly) {
-            await helpers.waitAfterIdleCallback();
+            await index.waitAfterIdleCallback();
             (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.setBlur();
         }
     }
@@ -323,7 +356,7 @@ const Date = class {
     }; }
 };
 tslib_es6.__decorate([
-    log.Logger('bal-date'),
+    index.Logger('bal-date'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -335,6 +368,6 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:returntype", Promise)
 ], Date.prototype, "configChanged", null);
 let dateIds = 0;
-Date.style = BalDateStyle0;
+Date.style = balDateCss;
 
 exports.bal_date = Date;