npm - @baloise/ds-core - Versions diffs - 19.3.0 → 19.4.0-nightly.20250721 - Mend

@baloise/ds-core 19.3.0 → 19.4.0-nightly.20250721

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1125) hide show

package/dist/esm/bal-date-calendar_2.entry.js CHANGED Viewed

@@ -1,26 +1,21 @@
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-8d2a7ce7.js';
-import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { l as lodash_padstart } from './index-bba06972.js';
-import { l as lodash_isnil } from './index-82aff103.js';
-import { B as BalDate, i as i18nBalDate, d as dateSeparator } from './date-87bdb1d1.js';
-import { L as Logger } from './log-dfd1c19f.js';
-import { b as waitAfterFramePaint, u as hasParent } from './helpers-51d51cc5.js';
-import { B as BEM } from './bem-8c7d2eb0.js';
-import { d as defaultConfig } from './config.default-53a04699.js';
-import { L as ListenToConfig } from './config.decorator-6795d1fe.js';
-import { L as ListenToSwipe } from './swipe.decorator-3d3585e7.js';
-import { i as inheritAttributes } from './attributes-a3e70948.js';
-import { m as hasValueChanged, c as inputSetFocus, d as inputSetBlur } from './form-input-1ebdb905.js';
-import { d as defaultBalAriaForm } from './form-841232ff.js';
-import { a as ariaBooleanToString } from './aria-ea150568.js';
-import { N as NUMBER_KEYS } from './keys.constant-0eb059e0.js';
-import { I as INVALID_VALUE } from './mask-util-71edc2b8.js';
-import './_commonjsHelpers-1c8beb5f.js';
-import './config.utils-f3793464.js';
-import './browser-a8073d92.js';
-import './swipe.subject-26a9e5a5.js';
-import './device-8c6d2881.js';
-import './listener-04842ae9.js';
+import { M as h, L as Logger, H as registerInstance, P as createEvent, f as defaultConfig, x as waitAfterFramePaint, N as Host, O as getElement, X as hasParent } from './index-CPBMBpj8.js';
+import { _ as __decorate, a as __metadata } from './tslib.es6-dfXERft2.js';
+import { p as padStart } from './index-BU7FUSdu.js';
+import { i as isNil } from './index-zWZxKBfo.js';
+import { B as BalDate, i as i18nBalDate, d as dateSeparator } from './date-hkTgL47P.js';
+import { L as ListenToConfig } from './config.decorator-Ces1faHU.js';
+import { B as BEM } from './bem-ByiN-QjD.js';
+import { L as ListenToSwipe } from './swipe.decorator-DdRiK_fU.js';
+import { i as inheritAttributes } from './attributes-C4sZQbkT.js';
+import { l as hasValueChanged, c as inputSetFocus, d as inputSetBlur } from './form-input-DonCVtv7.js';
+import { N as NUMBER_KEYS } from './keys.constant-xVPGsAdF.js';
+import { I as INVALID_VALUE } from './mask-util-DuObDTix.js';
+import { d as defaultBalAriaForm } from './form-FCLKfv6B.js';
+import { a as ariaBooleanToString } from './aria-DBsOHTWj.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './swipe.subject-CymP2gNV.js';
+import './device-DJ1AJn2t.js';
+import './listener-TABKdeGv.js';
 // Function to get the number of days in a month
 function getDaysInMonth(year, month) {
@@ -30,11 +25,11 @@ function getDaysInMonth(year, month) {
     return new Date(year, month, 0).getDate();
 }
 function isoDateOfDay(day, month, year) {
-    return `${year}-${lodash_padstart(`${month}`, 2, '0')}-${lodash_padstart(`${day}`, 2, '0')}`;
+    return `${year}-${padStart(`${month}`, 2, '0')}-${padStart(`${day}`, 2, '0')}`;
 }
 function isoDateOfToday() {
     const today = new Date();
-    return `${today.getFullYear()}-${lodash_padstart(`${today.getMonth() + 1}`, 2, '0')}-${lodash_padstart(`${today.getDate()}`, 2, '0')}`;
+    return `${today.getFullYear()}-${padStart(`${today.getMonth() + 1}`, 2, '0')}-${padStart(`${today.getDate()}`, 2, '0')}`;
 }
 // Function to generate the calendar grid
 function generateCalendarGrid(year, month, min, max, allowedDates) {
@@ -49,7 +44,7 @@ function generateCalendarGrid(year, month, min, max, allowedDates) {
         const dateMin = BalDate.fromISO(min);
         const dateMax = BalDate.fromISO(max);
         const allowedDate = (isoDate) => {
-            if (lodash_isnil(allowedDates)) {
+            if (isNil(allowedDates)) {
                 return false;
             }
             return !allowedDates(isoDate);
@@ -210,14 +205,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) {
         registerInstance(this, hostRef);
-        this.balChange = createEvent(this, "balChange", 7);
+        this.balChange = 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 = 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
          * ------------------------------------------------------
@@ -280,26 +291,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 = 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;
@@ -473,7 +464,7 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], DateCalendar.prototype, "swipeListener", null);
-DateCalendar.style = BalDateCalendarStyle0;
+DateCalendar.style = balDateCalendarCss;
 class MaskPosition {
     constructor(_options) {
@@ -1344,37 +1335,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) {
         registerInstance(this, hostRef);
-        this.balKeyPress = createEvent(this, "balKeyPress", 7);
-        this.balChange = createEvent(this, "balChange", 7);
-        this.balInput = createEvent(this, "balInput", 7);
-        this.balBlur = createEvent(this, "balBlur", 7);
-        this.balFocus = createEvent(this, "balFocus", 7);
+        this.balKeyPress = createEvent(this, "balKeyPress");
+        this.balChange = createEvent(this, "balChange");
+        this.balInput = createEvent(this, "balInput");
+        this.balBlur = createEvent(this, "balBlur");
+        this.balFocus = 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 = 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) {
@@ -1478,6 +1503,6 @@ __decorate([
     __metadata("design:returntype", Promise)
 ], InputDate.prototype, "configChanged", null);
 let inputDateIds = 0;
-InputDate.style = BalInputDateStyle0;
+InputDate.style = balInputDateCss;
 export { DateCalendar as bal_date_calendar, InputDate as bal_input_date };

package/dist/esm/bal-date.entry.js CHANGED Viewed

@@ -1,41 +1,102 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8d2a7ce7.js';
-import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { b as isEscapeKey } from './index.esm-9079680d.js';
-import { a as ariaBooleanToString } from './aria-ea150568.js';
-import { i as inheritAttributes } from './attributes-a3e70948.js';
-import { B as BEM } from './bem-8c7d2eb0.js';
-import { b as balBrowser } from './browser-a8073d92.js';
-import { b as balFloatingUi } from './floating-ui-8ffbc979.js';
-import { F as FOCUS_KEYS } from './focus-visible-c1d6b5b8.js';
-import { d as defaultBalAriaForm } from './form-841232ff.js';
-import { s as stopEventBubbling } from './form-input-1ebdb905.js';
-import { n as rIC, p as debounceEvent, l as addEventListener, r as removeEventListener, e as waitAfterIdleCallback } from './helpers-51d51cc5.js';
-import { L as Logger } from './log-dfd1c19f.js';
-import { B as BalDate, i as i18nBalDate } from './date-87bdb1d1.js';
-import { d as isSpaceKey } from './keyboard.helpers-159e517d.js';
-import { d as defaultConfig } from './config.default-53a04699.js';
-import { L as ListenToConfig } from './config.decorator-6795d1fe.js';
-import './index-95ee0c4b.js';
-import './_commonjsHelpers-1c8beb5f.js';
-import './index-bba06972.js';
-import './config.utils-f3793464.js';
+import { L as Logger, H as registerInstance, P as createEvent, f as defaultConfig, J as rIC, T as debounceEvent, a as balBrowser, R as addEventListener, S as removeEventListener, y as waitAfterIdleCallback, M as h, N as Host, O as getElement } from './index-CPBMBpj8.js';
+import { _ as __decorate, a as __metadata } from './tslib.es6-dfXERft2.js';
+import { b as isEscapeKey } from './index.esm-Btc0yydR.js';
+import { a as ariaBooleanToString } from './aria-DBsOHTWj.js';
+import { i as inheritAttributes } from './attributes-C4sZQbkT.js';
+import { B as BEM } from './bem-ByiN-QjD.js';
+import { L as ListenToConfig } from './config.decorator-Ces1faHU.js';
+import { B as BalDate, i as i18nBalDate } from './date-hkTgL47P.js';
+import { b as balFloatingUi } from './floating-ui-BN-yGSe3.js';
+import { F as FOCUS_KEYS } from './focus-visible-DqCbGYzv.js';
+import { d as defaultBalAriaForm } from './form-FCLKfv6B.js';
+import { s as stopEventBubbling } from './form-input-DonCVtv7.js';
+import { d as isSpaceKey } from './keyboard.helpers-D1VPLQ5z.js';
+import './index-zWZxKBfo.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './index-B4k_dH6V.js';
+import './index-BU7FUSdu.js';
+import './index-D6JOtC1P.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) {
         registerInstance(this, hostRef);
-        this.balInput = createEvent(this, "balInput", 7);
-        this.balChange = createEvent(this, "balChange", 7);
-        this.balWillAnimate = createEvent(this, "balWillAnimate", 7);
-        this.balDidAnimate = createEvent(this, "balDidAnimate", 7);
-        this.balBlur = createEvent(this, "balBlur", 7);
-        this.balFocus = createEvent(this, "balFocus", 7);
-        this.balInputClick = createEvent(this, "balInputClick", 7);
-        this.balIconClick = createEvent(this, "balIconClick", 7);
+        this.balInput = createEvent(this, "balInput");
+        this.balChange = createEvent(this, "balChange");
+        this.balWillAnimate = createEvent(this, "balWillAnimate");
+        this.balDidAnimate = createEvent(this, "balDidAnimate");
+        this.balBlur = createEvent(this, "balBlur");
+        this.balFocus = createEvent(this, "balFocus");
+        this.balInputClick = createEvent(this, "balInputClick");
+        this.balIconClick = createEvent(this, "balIconClick");
         this.inputId = `bal-da-${dateIds++}`;
         this.inheritedAttributes = {};
+        this.isKeyboardMode = false;
+        this.hasFocus = false;
+        this.isExpanded = false;
+        this.language = defaultConfig.language;
+        this.ariaForm = 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
          * ------------------------------------------------------
@@ -128,32 +189,6 @@ const Date = class {
                 }
             }
         };
-        this.isKeyboardMode = false;
-        this.hasFocus = false;
-        this.isExpanded = false;
-        this.language = defaultConfig.language;
-        this.calendarValue = undefined;
-        this.ariaForm = 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;
@@ -331,6 +366,6 @@ __decorate([
     __metadata("design:returntype", Promise)
 ], Date.prototype, "configChanged", null);
 let dateIds = 0;
-Date.style = BalDateStyle0;
+Date.style = balDateCss;
 export { Date as bal_date };

package/dist/esm/bal-divider.entry.js CHANGED Viewed

@@ -1,18 +1,32 @@
-import { r as registerInstance, h, H as Host } from './index-8d2a7ce7.js';
-import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { B as BEM } from './bem-8c7d2eb0.js';
-import { L as Logger } from './log-dfd1c19f.js';
-import './browser-a8073d92.js';
+import { L as Logger, H as registerInstance, M as h, N as Host } from './index-CPBMBpj8.js';
+import { _ as __decorate, a as __metadata } from './tslib.es6-dfXERft2.js';
+import { B as BEM } from './bem-ByiN-QjD.js';
 const balDividerCss = ":root{--bal-divider-border-width:var(--bal-border-width-normal);--bal-divider-background-primary:var(--bal-color-border-primary);--bal-divider-background-primary-light:var(--bal-color-border-primary-light);--bal-divider-background-primary-dark:var(--bal-color-border-primary-pressed);--bal-divider-background-grey-light:var(--bal-color-border-divider);--bal-divider-background-grey:var(--bal-color-border);--bal-divider-background-grey-dark:var(--bal-color-border-grey-dark);--bal-divider-background-warning:var(--bal-color-border-warning);--bal-divider-background-success:var(--bal-color-border-success);--bal-divider-background-danger:var(--bal-color-border-danger);--bal-divider-background-danger-dark:var(--bal-color-border-danger-hovered);--bal-divider-background-danger-darker:var(--bal-color-border-danger-pressed);--bal-divider-background-white:var(--bal-color-border-inverted);--bal-divider-background-light-blue:var(--bal-color-border-primary-hovered);--bal-divider-radius:var(--bal-radius-rounded)}.bal-divider{margin:0;display:block;border-radius:var(--bal-divider-radius)}.bal-divider--color-primary{background:var(--bal-divider-background-primary)}.bal-divider--color-primary-light{background:var(--bal-divider-background-primary-light)}.bal-divider--color-primary-dark{background:var(--bal-divider-background-primary-dark)}.bal-divider--color-grey-light{background:var(--bal-divider-background-grey-light)}.bal-divider--color-grey{background:var(--bal-divider-background-grey)}.bal-divider--color-grey-dark{background:var(--bal-divider-background-grey-dark)}.bal-divider--color-warning{background:var(--bal-divider-background-warning)}.bal-divider--color-success{background:var(--bal-divider-background-success)}.bal-divider--color-danger{background:var(--bal-divider-background-danger)}.bal-divider--color-danger-dark{background:var(--bal-divider-background-danger-dark)}.bal-divider--color-danger-darker{background:var(--bal-divider-background-danger-darker)}.bal-divider--color-white{background:var(--bal-divider-background-white)}.bal-divider--color-light-blue{background:var(--bal-divider-background-light-blue)}.bal-divider--layout-horizontal{-ms-flex:1 0 100%;flex:1 0 100%;width:100%;min-height:var(--bal-divider-border-width);height:var(--bal-divider-border-width)}.bal-divider--layout-vertical{height:auto;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;align-self:stretch;width:var(--bal-divider-border-width)}.bal-divider--border-style-dashed.bal-divider--color-primary{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-primary-light{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary-light) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-primary-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary-dark) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey-light{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey-light) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey-dark) 0px, var --bal-divider-background-grey 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-warning{background:repeating-linear-gradient(90deg, var(--bal-divider-background-warning) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-success{background:repeating-linear-gradient(90deg, var(--bal-divider-background-success) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger-dark) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger-darker{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger-darker) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-white{background:repeating-linear-gradient(90deg, var(--bal-divider-background-white) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-light-blue{background:repeating-linear-gradient(90deg, var(--bal-divider-background-light-blue) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--space-none{margin:0}.bal-divider--space-xx-small{margin:var(--bal-space-xx-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xx-small{margin:var(--bal-space-xx-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xx-small{margin:var(--bal-space-xx-small-desktop) 0}}.bal-divider--space-x-small{margin:var(--bal-space-x-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-x-small{margin:var(--bal-space-x-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-x-small{margin:var(--bal-space-x-small-desktop) 0}}.bal-divider--space-small{margin:var(--bal-space-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-small{margin:var(--bal-space-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-small{margin:var(--bal-space-small-desktop) 0}}.bal-divider--space-normal{margin:var(--bal-space-normal) 0}@media screen and (min-width: 769px),print{.bal-divider--space-normal{margin:var(--bal-space-normal-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-normal{margin:var(--bal-space-normal-desktop) 0}}.bal-divider--space-medium{margin:var(--bal-space-medium) 0}@media screen and (min-width: 769px),print{.bal-divider--space-medium{margin:var(--bal-space-medium-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-medium{margin:var(--bal-space-medium-desktop) 0}}.bal-divider--space-large{margin:var(--bal-space-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-large{margin:var(--bal-space-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-large{margin:var(--bal-space-large-desktop) 0}}.bal-divider--space-x-large{margin:var(--bal-space-x-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-x-large{margin:var(--bal-space-x-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-x-large{margin:var(--bal-space-x-large-desktop) 0}}.bal-divider--space-xx-large{margin:var(--bal-space-xx-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xx-large{margin:var(--bal-space-xx-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xx-large{margin:var(--bal-space-xx-large-desktop) 0}}.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large-desktop) 0}}.bal-divider--layout-vertical.bal-divider--space-none{margin:0}.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal-desktop)}}.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium-desktop)}}.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large-desktop)}}";
-const BalDividerStyle0 = balDividerCss;
 const Divider = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * Defines the position of the child elements if they
+         * are showed verticaly or horizontally. Default is verticaly.
+         */
         this.layout = 'horizontal';
+        /**
+         * Defines the space between the child elements. Default is xx-small.
+         */
         this.space = 'none';
+        /**
+         * Defines the color of the separator line.
+         */
         this.color = 'grey';
+        /**
+         * Defines the color of the separator line.
+         */
         this.borderStyle = 'solid';
     }
     createLogger(log) {
@@ -37,6 +51,6 @@ __decorate([
     __metadata("design:paramtypes", [Function]),
     __metadata("design:returntype", void 0)
 ], Divider.prototype, "createLogger", null);
-Divider.style = BalDividerStyle0;
+Divider.style = balDividerCss;
 export { Divider as bal_divider };