@baloise/ds-core 19.1.0 → 19.2.0-nightly.20250623

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/constants/version.constant.js

@@ -1,2 +1,2 @@
 // generated by .build/version.js
-export const VERSION = '19.1.0';
+export const VERSION = '19.2.0-nightly.20250623';

package/dist/collection/utils/overlays/focus-trap.js

@@ -69,11 +69,11 @@ const focusElementInContext = (hostToFocus, fallbackElement) => {
     }
     else {
         // Focus fallback element instead of letting focus escape
-        fallbackElement.focus();
+        fallbackElement.focus({ preventScroll: true });
     }
 };
 export const focusVisibleElement = (el) => {
-    el.focus();
+    el.focus({ preventScroll: true });
     /**
      * When programmatically focusing an element,
      * the focus-visible utility will not run because

package/dist/esm/app-globals-1ecf000f.js

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

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

@@ -4,7 +4,7 @@ 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-94c3fbac.js';
 import { L as Logger } from './log-dfd1c19f.js';
-import { s as startFocusVisible } from './focus-visible-f0cdd043.js';
+import { s as startFocusVisible } from './focus-visible-c1d6b5b8.js';
 import { F as updateBalAnimated } from './config.utils-cd529084.js';
 
 const balAppCss = ":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";

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

@@ -4,24 +4,26 @@ import { B as BEM } from './bem-8c7d2eb0.js';
 import { a as ariaBooleanToString } from './aria-ea150568.js';
 import { t as toKebabCase, S as SwiperUtil } from './swiper.util-5f92ac1c.js';
 import { s as stopEventBubbling } from './form-input-263e6f5b.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-3666716a.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-ecda98cb.js';
 import { L as ListenToMutation } from './mutation.decorator-e915d053.js';
 import { L as ListenToSwipe } from './swipe.decorator-902c4936.js';
 import { L as ListenToResize } from './resize.decorator-08f6286b.js';
-import { b as balBreakpoints } from './breakpoints.subject-1aa7be9a.js';
+import { b as balBreakpoints } from './breakpoints.subject-2897cae5.js';
 import { d as defaultConfig } from './config.default-8e11a860.js';
 import { L as ListenToVisibility } from './visibility.decorator-ee4b6682.js';
 import { L as ListenToConfig } from './config.decorator-42dba864.js';
-import { m as rOnLoad, b as waitAfterFramePaint } from './helpers-94c3fbac.js';
+import { D as DOMPurify } from './purify-8cb49f16.js';
 import { i as inheritAttributes } from './attributes-a3e70948.js';
+import { m as rOnLoad, b as waitAfterFramePaint } from './helpers-94c3fbac.js';
 import './keyboard.helpers-159e517d.js';
 import './listener-04842ae9.js';
 import './browser-a8073d92.js';
 import './swipe.subject-fbdb665a.js';
 import './device-8c6d2881.js';
-import './tokens.esm-a3abda33.js';
+import './tokens.esm-17500c90.js';
 import './log-dfd1c19f.js';
 import './config.utils-cd529084.js';
+import './_commonjsHelpers-1c8beb5f.js';
 
 const TabControl = ({ value, items, containerId, onControlChange }) => {
     const block = BEM.block('carousel');
@@ -231,6 +233,11 @@ const CarouselItem = class {
         this.balFocus = createEvent(this, "balFocus", 7);
         this.balBlur = createEvent(this, "balBlur", 7);
         this.imageInheritAttributes = {};
+        this.generateSvgContent = () => {
+            if (this.svg !== undefined && this.svg.length > 0) {
+                this.svgContent = DOMPurify.sanitize(this.svg) || '';
+            }
+        };
         this.onClick = (ev) => {
             if (this.href !== undefined) {
                 this.balNavigate.emit(ev);
@@ -244,8 +251,10 @@ const CarouselItem = class {
         };
         this.isOnLoadEventDone = false;
         this.containerId = '';
+        this.svgContent = '';
         this.src = undefined;
         this.label = '';
+        this.svg = '';
         this.htmlRole = 'listitem';
         this.elementType = 'button';
         this.name = undefined;
@@ -256,10 +265,16 @@ const CarouselItem = class {
         this.download = undefined;
         this.color = undefined;
     }
+    svgChanged() {
+        this.generateSvgContent();
+    }
     /**
      * LIFECYCLE
      * ------------------------------------------------------
      */
+    connectedCallback() {
+        this.generateSvgContent();
+    }
     componentDidLoad() {
         rOnLoad(() => {
             this.isOnLoadEventDone = true;
@@ -302,9 +317,12 @@ const CarouselItem = class {
                 rel,
                 target,
             };
-        return (h(Host, { id: id, role: role, "aria-label": this.label, class: Object.assign({}, itemEl.class()) }, h(TagType, Object.assign({}, attrs, { class: Object.assign(Object.assign({}, button.class()), button.modifier(`color-${this.color}`).class()), part: "native", onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, ref: el => (this.buttonEl = el) }), this.isOnLoadEventDone && this.src !== undefined ? (h("img", Object.assign({ class: Object.assign({}, image.class()), draggable: false, onDragStart: () => false, "aria-hidden": "true", src: this.src }, this.imageInheritAttributes))) : (''), this.label !== undefined ? h("span", { class: Object.assign({}, label.class()) }, this.label) : '', h("slot", null))));
+        return (h(Host, { id: id, role: role, "aria-label": this.label, class: Object.assign({}, itemEl.class()) }, h(TagType, Object.assign({}, attrs, { class: Object.assign(Object.assign({}, button.class()), button.modifier(`color-${this.color}`).class()), part: "native", onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, ref: el => (this.buttonEl = el) }), this.isOnLoadEventDone && this.src !== undefined ? (h("img", Object.assign({ class: Object.assign({}, image.class()), draggable: false, onDragStart: () => false, "aria-hidden": "true", src: this.src }, this.imageInheritAttributes))) : this.isOnLoadEventDone && this.svgContent !== undefined ? (h("div", { class: Object.assign({}, image.class()), innerHTML: this.svgContent })) : (''), this.label !== undefined ? h("span", { class: Object.assign({}, label.class()) }, this.label) : '', h("slot", null))));
     }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "svg": ["svgChanged"]
+    }; }
 };
 
 export { Carousel as bal_carousel, CarouselItem as bal_carousel_item };

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

@@ -3,7 +3,7 @@ import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.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 { F as FOCUS_KEYS } from './focus-visible-f0cdd043.js';
+import { F as FOCUS_KEYS } from './focus-visible-c1d6b5b8.js';
 import { d as defaultBalAriaForm } from './form-841232ff.js';
 import { s as stopEventBubbling, c as inputSetFocus, d as inputSetBlur } from './form-input-263e6f5b.js';
 import { j as isDescendant, v as hasTagName } from './helpers-94c3fbac.js';

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

@@ -6,7 +6,7 @@ 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-775ee3d1.js';
-import { F as FOCUS_KEYS } from './focus-visible-f0cdd043.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-263e6f5b.js';
 import { n as rIC, p as debounceEvent, l as addEventListener, r as removeEventListener, d as waitAfterIdleCallback } from './helpers-94c3fbac.js';