@baloise/ds-core 16.5.0 → 16.5.1-nightly.20240925

package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js

@@ -0,0 +1,229 @@
+import { Host, h } from "@stencil/core";
+import * as balIcons from "../../../../../../icons/src/index";
+import { updateBalIcons } from "../../../utils/config";
+import { balBrowser } from "../../../utils/browser";
+import globalScript from "../../../global";
+/**
+ * @internal
+ */
+export class DocApp {
+    constructor() {
+        this.logComponents = '';
+        this.logLifecycle = true;
+        this.logEvents = true;
+        this.logRender = true;
+        this.logCustom = true;
+        this.stickyFooter = false;
+        this.region = undefined;
+        this.language = undefined;
+        this.animated = true;
+    }
+    connectedCallback() {
+        globalScript();
+        updateBalIcons(balIcons);
+    }
+    componentDidRender() {
+        const logConfig = {
+            components: this.logComponents
+                .split(',')
+                .map(c => c.trim())
+                .filter(c => c !== ''),
+            lifecycle: this.logLifecycle,
+            event: this.logEvents,
+            render: this.logRender,
+            custom: this.logCustom,
+        };
+        if (balBrowser.hasWindow) {
+            if (this.logComponents) {
+                ;
+                window.BaloiseDesignSystem.config.logger = logConfig;
+            }
+            if (this.region) {
+                ;
+                window.BaloiseDesignSystem.config.region = this.region;
+            }
+            if (this.language) {
+                ;
+                window.BaloiseDesignSystem.config.language = this.language;
+            }
+        }
+    }
+    render() {
+        return (h(Host, null, h("bal-app", { animated: this.animated }, h("div", { class: { 'has-sticky-footer': this.stickyFooter } }, h("slot", null)))));
+    }
+    static get is() { return "bal-doc-app"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bal-doc-app.sass"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bal-doc-app.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "logComponents": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "log-components",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "logLifecycle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "log-lifecycle",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "logEvents": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "log-events",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "logRender": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "log-render",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "logCustom": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "log-custom",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "stickyFooter": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "sticky-footer",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "region": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "region",
+                "reflect": false
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": false
+            },
+            "animated": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables all animation inside the bal-app. Can be used for simplify e2e testing."
+                },
+                "attribute": "animated",
+                "reflect": true,
+                "defaultValue": "true"
+            }
+        };
+    }
+}

package/dist/collection/utils/constants/version.constant.js

@@ -1,2 +1,2 @@
 // generated by .build/version.js
-export const VERSION = '16.5.0';
+export const VERSION = '16.5.1-nightly.20240925';

package/dist/collection/utils/form-input.js

@@ -72,3 +72,16 @@ export const inputHandleChange = (component) => {
         component.balChange.emit(component.value);
     }
 };
+export const isEmptyValue = (value) => {
+    return (value === '' ||
+        value === undefined ||
+        value === null ||
+        (Array.isArray(value) && !value.length) ||
+        (typeof value === 'number' && isNaN(value)));
+};
+export const parseValue = (value) => {
+    return isEmptyValue(value) ? undefined : value;
+};
+export const hasValueChanged = (oldValue, newValue) => {
+    return parseValue(oldValue) !== parseValue(newValue);
+};

package/dist/collection/utils/form-input.spec.js

@@ -0,0 +1,30 @@
+import { isEmptyValue, parseValue, hasValueChanged } from "./form-input";
+describe('form input', () => {
+    describe('isEmptyValue', () => {
+        test('should check if value is empty', () => {
+            expect(isEmptyValue('')).toBeTruthy;
+            expect(isEmptyValue(undefined)).toBeTruthy;
+            expect(isEmptyValue(null)).toBeTruthy;
+            expect(isEmptyValue([])).toBeTruthy;
+            expect(isEmptyValue('01')).toBeFalsy;
+        });
+    });
+    describe('parseValue', () => {
+        test('should return undefined if value is considered as empty', () => {
+            expect(parseValue('')).toBe(undefined);
+            expect(parseValue(undefined)).toBe(undefined);
+            expect(parseValue(null)).toBe(undefined);
+            expect(parseValue([])).toBe(undefined);
+            expect(parseValue('01')).toBe('01');
+        });
+    });
+    describe('hasValueChanged', () => {
+        test('should return true if values are not equal', () => {
+            expect(hasValueChanged('', undefined)).toBeFalsy();
+            expect(hasValueChanged(null, undefined)).toBeFalsy();
+            expect(hasValueChanged(undefined, undefined)).toBeFalsy();
+            expect(hasValueChanged([], undefined)).toBeFalsy();
+            expect(hasValueChanged('01', undefined)).toBeTruthy();
+        });
+    });
+});

package/dist/collection/utils/mask/context/mask-context.js

@@ -1,4 +1,5 @@
 import { MaskPosition } from "./mask-position";
+import { hasValueChanged } from "../../form-input";
 export class MaskContext {
     constructor(_options) {
         this._options = _options;
@@ -49,8 +50,7 @@ export class MaskContext {
                     this._options.component.balInput.emit(this.value);
                 }
                 if ((eventType === 'change' || eventType === 'blur') && parsedValue !== undefined) {
-                    const valueChanged = this._options.component.value !== parsedValue;
-                    if (valueChanged) {
+                    if (hasValueChanged(this._options.component.value, parsedValue)) {
                         this._options.component.value = parsedValue;
                         this._options.component.balChange.emit(parsedValue);
                     }

package/dist/esm/app-globals-970bab17.js

@@ -0,0 +1,5 @@
+import { g as globalScript } from './global-63f4bcec.js';
+
+const globalScripts = globalScript;
+
+export { globalScripts as g };

package/dist/esm/bal-accordion_4.entry.js

@@ -4,8 +4,8 @@ import { l as raf, t as transitionEndAsync, m as debounceEvent, w as waitForComp
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
-import { s as stopEventBubbling } from './form-input-28a08ec5.js';
-import { h as isEnterKey, e as isSpaceKey } from './index.esm-76abd8e3.js';
+import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
+import { h as isEnterKey, e as isSpaceKey } from './index.esm-cc299511.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';

package/dist/esm/bal-carousel_2.entry.js

@@ -2,13 +2,13 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { l as raf, b as waitAfterFramePaint } from './helpers-c201154e.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
-import { s as stopEventBubbling } from './form-input-28a08ec5.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-f2ac9963.js';
+import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f3c82221.js';
 import { g as getComputedWidth } from './style-ca1bd202.js';
 import { L as ListenToMutation } from './mutation.decorator-c7b24839.js';
 import { L as ListenToSwipe } from './swipe.decorator-9d904794.js';
 import { L as ListenToResize } from './resize.decorator-f70563b5.js';
-import { b as balBreakpoints } from './breakpoints.subject-3605e395.js';
+import { b as balBreakpoints } from './breakpoints.subject-011cd9e8.js';
 import { d as defaultConfig } from './config.default-7efdc82d.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
@@ -18,7 +18,7 @@ import './config.utils-6ac6c9bd.js';
 import './listener-04842ae9.js';
 import './swipe.subject-f1d64e8d.js';
 import './device-8c6d2881.js';
-import './tokens.esm-337782ae.js';
+import './tokens.esm-a3a35692.js';
 import './log-dfd1c19f.js';
 
 const TabControl = ({ value, items, containerId, onControlChange }) => {

package/dist/esm/bal-checkbox-button.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6003bc7.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
-import { s as stopEventBubbling } from './form-input-28a08ec5.js';
+import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { F as FOCUS_KEYS } from './focus-visible-f0cdd043.js';
 import { i as isDescendant } from './helpers-c201154e.js';

package/dist/esm/bal-checkbox_2.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6003bc7.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { s as stopEventBubbling, c as inputSetFocus, d as inputSetBlur } from './form-input-28a08ec5.js';
+import { s as stopEventBubbling, c as inputSetFocus, d as inputSetBlur } from './form-input-a8fdaaef.js';
 import { i as isDescendant, p as hasTagName } from './helpers-c201154e.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
-import { e as isSpaceKey, o as areArraysEqual } from './index.esm-76abd8e3.js';
+import { e as isSpaceKey, o as areArraysEqual } from './index.esm-cc299511.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { F as FOCUS_KEYS } from './focus-visible-f0cdd043.js';
 import { d as defaultBalAriaForm } from './form-fb8dd9f5.js';

package/dist/esm/bal-content.entry.js

@@ -0,0 +1,52 @@
+import { r as registerInstance, h, H as Host } from './index-b6003bc7.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';
+
+const balContentCss = ".bal-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-align:left;gap:.25rem}.bal-content--align-center{-ms-flex-align:center;align-items:center;text-align:center}.bal-content--align-end{-ms-flex-align:end;align-items:flex-end;text-align:right}.bal-content--layout-horizontal{-ms-flex-direction:row;flex-direction:row}.bal-content--layout-vertical{-ms-flex-direction:column;flex-direction:column}.bal-content--space-none{gap:0rem}.bal-content--space-xxx-small{gap:.125rem}.bal-content--space-xx-small{gap:.25rem}.bal-content--space-x-small{gap:.5rem}.bal-content--space-small{gap:.75rem}.bal-content--space-normal{gap:1rem}.bal-content>.bal-text{margin:0}";
+const BalContentStyle0 = balContentCss;
+
+const Content = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.layout = 'vertical';
+        this.align = 'start';
+        this.space = 'xx-small';
+        this.direction = '';
+        this.alignment = '';
+    }
+    createLogger(log) {
+        this.log = log;
+    }
+    /**
+     * RENDER
+     * ------------------------------------------------------
+     */
+    render() {
+        const block = BEM.block('content');
+        const direction = !!this.direction;
+        const layout = !!this.layout;
+        const alignment = !!this.alignment;
+        const align = !!this.align;
+        const space = !!this.space;
+        let layoutValue = this.layout;
+        if (direction) {
+            layoutValue = this.direction === 'row' ? 'horizontal' : 'vertical';
+        }
+        let alignValue = this.align.split(' ').join('-');
+        if (alignment) {
+            alignValue = this.alignment.split(' ').join('-');
+        }
+        return (h(Host, { class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)) }, h("slot", null)));
+    }
+};
+__decorate([
+    Logger('bal-content'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Function]),
+    __metadata("design:returntype", void 0)
+], Content.prototype, "createLogger", null);
+Content.style = BalContentStyle0;
+
+export { Content as bal_content };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b6003bc7.js';
-import { s as stopEventBubbling } from './form-input-28a08ec5.js';
+import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import './helpers-c201154e.js';
 import './browser-a8073d92.js';

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-b6003bc7.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { D as lodash_padstart, d as dateSeparator } from './index.esm-76abd8e3.js';
+import { D as lodash_padstart, d as dateSeparator } from './index.esm-cc299511.js';
 import { l as lodash_isnil } from './index-82aff103.js';
-import { B as BalDate, i as i18nBalDate } from './date-aba2d404.js';
+import { B as BalDate, i as i18nBalDate } from './date-6e8f5617.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { b as waitAfterFramePaint, n as hasParent } from './helpers-c201154e.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
@@ -10,7 +10,7 @@ import { d as defaultConfig } from './config.default-7efdc82d.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import { L as ListenToSwipe } from './swipe.decorator-9d904794.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
-import { c as inputSetFocus, d as inputSetBlur } from './form-input-28a08ec5.js';
+import { m as hasValueChanged, c as inputSetFocus, d as inputSetBlur } from './form-input-a8fdaaef.js';
 import { d as defaultBalAriaForm } from './form-fb8dd9f5.js';
 import { N as NUMBER_KEYS } from './keys.constant-0eb059e0.js';
 import { I as INVALID_VALUE } from './mask-util-71edc2b8.js';
@@ -591,8 +591,7 @@ class MaskContext {
                     this._options.component.balInput.emit(this.value);
                 }
                 if ((eventType === 'change' || eventType === 'blur') && parsedValue !== undefined) {
-                    const valueChanged = this._options.component.value !== parsedValue;
-                    if (valueChanged) {
+                    if (hasValueChanged(this._options.component.value, parsedValue)) {
                         this._options.component.value = parsedValue;
                         this._options.component.balChange.emit(parsedValue);
                     }

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6003bc7.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { e as isSpaceKey } from './index.esm-76abd8e3.js';
+import { e as isSpaceKey } from './index.esm-cc299511.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom.esm-f1cf1077.js';
-import { B as BalDate, i as i18nBalDate } from './date-aba2d404.js';
+import { B as BalDate, i as i18nBalDate } from './date-6e8f5617.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
-import { s as stopEventBubbling } from './form-input-28a08ec5.js';
+import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
 import { m as debounceEvent } from './helpers-c201154e.js';
 import { d as defaultBalAriaForm } from './form-fb8dd9f5.js';
 import { d as defaultConfig } from './config.default-7efdc82d.js';

package/dist/esm/bal-datepicker.entry.js

@@ -2,26 +2,26 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { k as rIC, m as debounceEvent } from './helpers-c201154e.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
-import { r as requiredArgs, t as toDate, b as toInteger, g as getDefaultOptions, p as parse, f as formatDateString, i as isValidIsoString, c as format, e as isSpaceKey, h as isEnterKey, d as dateSeparator, j as getYear, n as now, k as getMonth, m as getDate } from './index.esm-76abd8e3.js';
+import { r as requiredArgs, t as toDate, b as toInteger, g as getDefaultOptions, p as parse, f as formatDateString, i as isValidIsoString, c as format, e as isSpaceKey, h as isEnterKey, d as dateSeparator, j as getYear, n as now, k as getMonth, m as getDate } from './index.esm-cc299511.js';
 import { l as lodash_isnil } from './index-82aff103.js';
 import { N as NUMBER_KEYS, A as ACTION_KEYS, i as isCtrlOrCommandKey } from './keys.constant-0eb059e0.js';
 import { i as i18nBalDatepicker } from './bal-datepicker.i18n-63a3cb67.js';
-import { s as stopEventBubbling, g as getInputTarget, i as inputHandleFocus, a as inputHandleHostClick, b as inputListenOnClick, c as inputSetFocus, d as inputSetBlur } from './form-input-28a08ec5.js';
+import { s as stopEventBubbling, g as getInputTarget, i as inputHandleFocus, a as inputHandleHostClick, b as inputListenOnClick, c as inputSetFocus, d as inputSetBlur } from './form-input-a8fdaaef.js';
 import { p as preventDefault } from './utils-9fbab1d3.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { d as defaultBalAriaForm } from './form-fb8dd9f5.js';
 import { d as defaultConfig, a as defaultLocale } from './config.default-7efdc82d.js';
-import { b as balBreakpoints } from './breakpoints.subject-3605e395.js';
+import { b as balBreakpoints } from './breakpoints.subject-011cd9e8.js';
 import { g as useBalConfig } from './config.utils-6ac6c9bd.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-f2ac9963.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f3c82221.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './_commonjsHelpers-1c8beb5f.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-337782ae.js';
+import './tokens.esm-a3a35692.js';
 
 /**
  * @name addDays