@baloise/ds-core 17.2.4 → 17.2.5-nightly.20250115

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

@@ -0,0 +1,247 @@
+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, { key: 'c86b106e773e7f16451b7cc0767907b48746919b' }, h("bal-app", { key: '1f8de4c0b71fe89f6e3704010271ee499ef5e05c', animated: this.animated }, h("div", { key: 'a58a3eefd8969e481a4950d6dd53a33cfb79c59b', class: { 'has-sticky-footer': this.stickyFooter } }, h("slot", { key: 'c80c4b5bdfeb9f002831ad44911ade2a2b3fb021' })))));
+    }
+    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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "log-components",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "logLifecycle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "region",
+                "reflect": false
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "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."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "animated",
+                "reflect": true,
+                "defaultValue": "true"
+            }
+        };
+    }
+}

package/dist/collection/utils/animation/animation.decorator.js

@@ -0,0 +1,23 @@
+import { BalAnimationSubject } from "./animation.subject";
+export function ListenToAnimation() {
+    return function (target, _propertyKey, _descriptor) {
+        const { connectedCallback, componentDidLoad, disconnectedCallback } = target;
+        target.connectedCallback = function () {
+            if (!this._balAnimationSubject) {
+                this._balAnimationSubject = new BalAnimationSubject();
+            }
+            return connectedCallback && connectedCallback.call(this);
+        };
+        target.componentDidLoad = function () {
+            this._balAnimationSubject.attach(this);
+            return componentDidLoad && componentDidLoad.call(this);
+        };
+        target.disconnectedCallback = function () {
+            if (this._balAnimationSubject) {
+                this._balAnimationSubject.detach();
+                this._balAnimationSubject = undefined;
+            }
+            return disconnectedCallback && disconnectedCallback.call(this);
+        };
+    };
+}

package/dist/collection/utils/animation/animation.interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/animation/animation.listener.js

@@ -0,0 +1,30 @@
+import { addEventListener, removeEventListener, debounce, isChildOfEventTarget } from "../helpers";
+import { ListenerAbstract } from "../types/listener";
+export class BalAnimationListener extends ListenerAbstract {
+    constructor() {
+        super(...arguments);
+        this.debouncedNotify = debounce(target => this.notify({ target }), 42);
+        this.callbackWillAnimate = (ev) => {
+            isChildOfEventTarget(ev, this.el, target => this.debouncedNotify(target));
+        };
+        this.callbackDidAnimate = (ev) => {
+            isChildOfEventTarget(ev, this.el, target => this.debouncedNotify(target));
+        };
+    }
+    connect(el) {
+        super.connect(el);
+        const win = window;
+        if (win) {
+            addEventListener(win, 'balWillAnimate', this.callbackWillAnimate, { passive: true });
+            addEventListener(win, 'balDidAnimate', this.callbackDidAnimate, { passive: true });
+        }
+    }
+    disconnect() {
+        super.disconnect();
+        const win = window;
+        if (win) {
+            removeEventListener(win, 'balWillAnimate', this.callbackWillAnimate);
+            removeEventListener(win, 'balDidAnimate', this.callbackDidAnimate);
+        }
+    }
+}

package/dist/collection/utils/animation/animation.subject.js

@@ -0,0 +1,20 @@
+import { BalAnimationListener } from "./animation.listener";
+import { SingleSubject } from "../types/signal";
+export class BalAnimationSubject extends SingleSubject {
+    constructor() {
+        super((observer, data) => {
+            observer.animationListener(data);
+        });
+        this.listener = new BalAnimationListener();
+    }
+    attach(observer) {
+        super.attach(observer);
+        this.listener.connect(observer.el);
+        this.listener.add(info => super.notify(info));
+    }
+    detach() {
+        super.detach();
+        this.listener.disconnect();
+    }
+}
+export const balAnimationSubject = new BalAnimationSubject();

package/dist/collection/utils/animation/index.js

@@ -0,0 +1,2 @@
+export * from './animation.decorator';
+export * from './animation.interfaces';

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

@@ -1,2 +1,2 @@
 // generated by .build/version.js
-export const VERSION = '17.2.4';
+export const VERSION = '17.2.5-nightly.20250115';

package/dist/collection/utils/helpers.js

@@ -253,7 +253,7 @@ export const isChildOfEventTarget = async (ev, el, callback) => {
             target = target.closest('bal-navbar');
         }
         if (target && isDescendant(target, el)) {
-            callback();
+            callback(target);
         }
     }
 };

package/dist/collection/utils/resize/resize.listener.js

@@ -1,10 +1,10 @@
 import { balBrowser } from "../browser";
-import { debounce, rIC } from "../helpers";
+import { debounce } from "../helpers";
 import { ListenerAbstract } from "../types/listener";
 export class BalResizeListener extends ListenerAbstract {
     constructor() {
         super(...arguments);
-        this.debouncedNotify = debounce((info) => this.notify(info), 10);
+        this.debouncedNotify = debounce((info) => this.notify(info), 42);
     }
     connect(el) {
         var _a;
@@ -31,10 +31,10 @@ export class BalResizeListener extends ListenerAbstract {
                         const widthChanged = this.lastWidth !== entry.contentRect.width;
                         const heightChanged = this.lastHeight !== entry.contentRect.height;
                         if (widthChanged || heightChanged) {
-                            rIC(() => this.debouncedNotify({
+                            this.debouncedNotify({
                                 width: widthChanged,
                                 height: heightChanged,
-                            }));
+                            });
                             this.lastWidth = entry.contentRect.width;
                             this.lastHeight = entry.contentRect.height;
                         }

package/dist/collection/utils/resize/resize.subject.js

@@ -1,9 +1,10 @@
+import { rIC } from "../helpers";
 import { SingleSubject } from "../types/signal";
 import { BalResizeListener } from "./resize.listener";
 export class BalResizeSubject extends SingleSubject {
     constructor() {
         super((observer, data) => {
-            observer.resizeListener(data);
+            rIC(() => observer.resizeListener(data));
         });
         this.listener = new BalResizeListener();
     }

package/dist/collection/utils/swiper/controls/dot-control.js

@@ -13,5 +13,5 @@ export const DotControl = ({ value, items, containerId, onControlChange }) => {
         }
         onControlChange(items[selectedValue]);
     };
-    return (h("div", { class: Object.assign(Object.assign({}, controls.class()), controls.modifier('tabs').class()) }, h("bal-pagination", { "aria-controls": containerId, interface: "small", value: value + 1, totalPages: items.length, onBalChange: onChange })));
+    return (h("div", { class: Object.assign(Object.assign({}, controls.class()), controls.modifier('dots').class()) }, h("bal-pagination", { "aria-controls": containerId, interface: "small", value: value + 1, totalPages: items.length, onBalChange: onChange })));
 };

package/dist/collection/utils/swiper/swiper.util.js

@@ -114,23 +114,6 @@ export class SwiperUtil {
         addEventListener(window, 'touchstart', this.pointerDown);
         addEventListener(window, 'mousedown', this.pointerDown);
     }
-    componentDidLoad() {
-        const observer = new IntersectionObserver(entries => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) {
-                    this.notifyChange();
-                }
-            });
-        }, {
-            root: null, // Use the viewport as the container
-            threshold: 0.5, // Trigger when 50% of the element is visible
-        });
-        // Target the element you want to observe
-        const targetElement = this.component.el;
-        if (targetElement) {
-            observer.observe(targetElement);
-        }
-    }
     disconnectedCallback() {
         removeEventListener(window, 'keydown', this.listenToKeyDown);
         removeEventListener(this.component.el, 'focusin', this.updateFocus);

package/dist/collection/utils/visibility/index.js

@@ -0,0 +1,2 @@
+export * from './visibility.interfaces';
+export * from './visibility.decorator';

package/dist/collection/utils/visibility/visibility.decorator.js

@@ -0,0 +1,23 @@
+import { BalVisibilitySubject } from "./visibility.subject";
+export function ListenToVisibility() {
+    return function (target, _propertyKey, _descriptor) {
+        const { connectedCallback, componentDidLoad, disconnectedCallback } = target;
+        target.connectedCallback = function () {
+            if (!this._balVisibilitySubject) {
+                this._balVisibilitySubject = new BalVisibilitySubject();
+            }
+            return connectedCallback && connectedCallback.call(this);
+        };
+        target.componentDidLoad = function () {
+            this._balVisibilitySubject.attach(this);
+            return componentDidLoad && componentDidLoad.call(this);
+        };
+        target.disconnectedCallback = function () {
+            if (this._balVisibilitySubject) {
+                this._balVisibilitySubject.detach();
+                this._balVisibilitySubject = undefined;
+            }
+            return disconnectedCallback && disconnectedCallback.call(this);
+        };
+    };
+}

package/dist/collection/utils/visibility/visibility.interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/visibility/visibility.listener.js

@@ -0,0 +1,41 @@
+import { deepReady, waitAfterFramePaint } from "../helpers";
+import { ListenerAbstract } from "../types/listener";
+export class BalVisibilityListener extends ListenerAbstract {
+    constructor() {
+        super(...arguments);
+        this.waitAfterFramePrint = false;
+        this.intersectionObserver = undefined;
+        this.intersectionCallback = (records) => {
+            const isIntersecting = records.some(record => record.isIntersecting);
+            if (isIntersecting) {
+                this.notify();
+            }
+        };
+    }
+    async connect(el) {
+        super.connect(el);
+        if (typeof IntersectionObserver === 'undefined') {
+            return;
+        }
+        if (this.waitAfterFramePrint) {
+            await deepReady(el);
+            await waitAfterFramePaint();
+        }
+        this.destroyMutationObserver();
+        this.intersectionObserver = new IntersectionObserver(this.intersectionCallback, {
+            root: null, // Use the viewport as the container
+            threshold: 0.5, // Trigger when 50% of the element is visible
+        });
+        this.intersectionObserver.observe(el);
+    }
+    disconnect() {
+        super.disconnect();
+        this.destroyMutationObserver();
+    }
+    destroyMutationObserver() {
+        if (this.intersectionObserver !== undefined) {
+            this.intersectionObserver.disconnect();
+            this.intersectionObserver = undefined;
+        }
+    }
+}

package/dist/collection/utils/visibility/visibility.subject.js

@@ -0,0 +1,23 @@
+import { debounce } from "../helpers";
+import { SingleSubject } from "../types/signal";
+import { BalVisibilityListener } from "./visibility.listener";
+export class BalVisibilitySubject extends SingleSubject {
+    constructor() {
+        super(observer => {
+            observer.visibilityListener();
+        });
+        this.debouncedNotify = debounce(() => this.notify(), 50);
+        this.listener = new BalVisibilityListener();
+    }
+    attach(observer) {
+        var _a, _b;
+        super.attach(observer);
+        (_a = this.listener) === null || _a === void 0 ? void 0 : _a.connect(observer.el);
+        (_b = this.listener) === null || _b === void 0 ? void 0 : _b.add(() => this.debouncedNotify());
+    }
+    detach() {
+        var _a;
+        super.detach();
+        (_a = this.listener) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+}

package/dist/esm/animation.decorator-903bd4d2.js

@@ -0,0 +1,75 @@
+import { k as debounce, q as isChildOfEventTarget, l as addEventListener, r as removeEventListener } from './helpers-21ff73ef.js';
+import { L as ListenerAbstract, a as SingleSubject } from './listener-04842ae9.js';
+
+class BalAnimationListener extends ListenerAbstract {
+    constructor() {
+        super(...arguments);
+        this.debouncedNotify = debounce(target => this.notify({ target }), 42);
+        this.callbackWillAnimate = (ev) => {
+            isChildOfEventTarget(ev, this.el, target => this.debouncedNotify(target));
+        };
+        this.callbackDidAnimate = (ev) => {
+            isChildOfEventTarget(ev, this.el, target => this.debouncedNotify(target));
+        };
+    }
+    connect(el) {
+        super.connect(el);
+        const win = window;
+        if (win) {
+            addEventListener(win, 'balWillAnimate', this.callbackWillAnimate, { passive: true });
+            addEventListener(win, 'balDidAnimate', this.callbackDidAnimate, { passive: true });
+        }
+    }
+    disconnect() {
+        super.disconnect();
+        const win = window;
+        if (win) {
+            removeEventListener(win, 'balWillAnimate', this.callbackWillAnimate);
+            removeEventListener(win, 'balDidAnimate', this.callbackDidAnimate);
+        }
+    }
+}
+
+class BalAnimationSubject extends SingleSubject {
+    constructor() {
+        super((observer, data) => {
+            observer.animationListener(data);
+        });
+        this.listener = new BalAnimationListener();
+    }
+    attach(observer) {
+        super.attach(observer);
+        this.listener.connect(observer.el);
+        this.listener.add(info => super.notify(info));
+    }
+    detach() {
+        super.detach();
+        this.listener.disconnect();
+    }
+}
+new BalAnimationSubject();
+
+function ListenToAnimation() {
+    return function (target, _propertyKey, _descriptor) {
+        const { connectedCallback, componentDidLoad, disconnectedCallback } = target;
+        target.connectedCallback = function () {
+            if (!this._balAnimationSubject) {
+                this._balAnimationSubject = new BalAnimationSubject();
+            }
+            return connectedCallback && connectedCallback.call(this);
+        };
+        target.componentDidLoad = function () {
+            this._balAnimationSubject.attach(this);
+            return componentDidLoad && componentDidLoad.call(this);
+        };
+        target.disconnectedCallback = function () {
+            if (this._balAnimationSubject) {
+                this._balAnimationSubject.detach();
+                this._balAnimationSubject = undefined;
+            }
+            return disconnectedCallback && disconnectedCallback.call(this);
+        };
+    };
+}
+
+export { ListenToAnimation as L };

package/dist/esm/app-globals-83570026.js

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

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

@@ -1,10 +1,10 @@
 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 { o as raf, t as transitionEndAsync, p as debounceEvent, w as waitForComponent } from './helpers-32d9e1cc.js';
+import { o as raf, t as transitionEndAsync, p as debounceEvent, w as waitForComponent } from './helpers-21ff73ef.js';
 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-1f3d8337.js';
+import { s as stopEventBubbling } from './form-input-a5a2b129.js';
 import { b as isEnterKey, d as isSpaceKey } from './keyboard.helpers-159e517d.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-8d
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { b as balDevice } from './device-8c6d2881.js';
-import { k as debounce, n as rIC, m as rOnLoad } from './helpers-32d9e1cc.js';
+import { k as debounce, n as rIC, m as rOnLoad } from './helpers-21ff73ef.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { s as startFocusVisible } from './focus-visible-f0cdd043.js';
 import { b as updateBalAnimated } from './config.utils-6ac6c9bd.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8d2a7ce7.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
-import { m as rOnLoad } from './helpers-32d9e1cc.js';
+import { m as rOnLoad } from './helpers-21ff73ef.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';