@baloise/ds-core 19.7.0-nightly.20250904 → 19.7.0

package/components/all.d.ts

@@ -27,7 +27,6 @@ import { BalDate, defineCustomElement as defineBalDate } from './bal-date'
 import { BalDateCalendar, defineCustomElement as defineBalDateCalendar } from './bal-date-calendar'
 import { BalDateCalendarCell, defineCustomElement as defineBalDateCalendarCell } from './bal-date-calendar-cell'
 import { BalDivider, defineCustomElement as defineBalDivider } from './bal-divider'
-import { BalDocApp, defineCustomElement as defineBalDocApp } from './bal-doc-app'
 import { BalDropdown, defineCustomElement as defineBalDropdown } from './bal-dropdown'
 import { BalField, defineCustomElement as defineBalField } from './bal-field'
 import { BalFieldControl, defineCustomElement as defineBalFieldControl } from './bal-field-control'
@@ -146,7 +145,6 @@ export { BalDate, defineBalDate }
 export { BalDateCalendar, defineBalDateCalendar }
 export { BalDateCalendarCell, defineBalDateCalendarCell }
 export { BalDivider, defineBalDivider }
-export { BalDocApp, defineBalDocApp }
 export { BalDropdown, defineBalDropdown }
 export { BalField, defineBalField }
 export { BalFieldControl, defineBalFieldControl }

package/components/all.js

@@ -27,7 +27,6 @@ import { BalDate, defineCustomElement as defineBalDate } from './bal-date'
 import { BalDateCalendar, defineCustomElement as defineBalDateCalendar } from './bal-date-calendar'
 import { BalDateCalendarCell, defineCustomElement as defineBalDateCalendarCell } from './bal-date-calendar-cell'
 import { BalDivider, defineCustomElement as defineBalDivider } from './bal-divider'
-import { BalDocApp, defineCustomElement as defineBalDocApp } from './bal-doc-app'
 import { BalDropdown, defineCustomElement as defineBalDropdown } from './bal-dropdown'
 import { BalField, defineCustomElement as defineBalField } from './bal-field'
 import { BalFieldControl, defineCustomElement as defineBalFieldControl } from './bal-field-control'
@@ -146,7 +145,6 @@ export { BalDate, defineBalDate }
 export { BalDateCalendar, defineBalDateCalendar }
 export { BalDateCalendarCell, defineBalDateCalendarCell }
 export { BalDivider, defineBalDivider }
-export { BalDocApp, defineBalDocApp }
 export { BalDropdown, defineBalDropdown }
 export { BalField, defineBalField }
 export { BalFieldControl, defineBalFieldControl }
@@ -266,7 +264,6 @@ export const defineAllComponents = () => {
   defineBalDateCalendar()
   defineBalDateCalendarCell()
   defineBalDivider()
-  defineBalDocApp()
   defineBalDropdown()
   defineBalField()
   defineBalFieldControl()

package/components/animation.decorator.js

@@ -1,4 +1,4 @@
-import { q as debounce, v as isChildOfEventTarget, o as addEventListener, p as removeEventListener } from './helpers.js';
+import { l as debounce, v as isChildOfEventTarget, p as addEventListener, q as removeEventListener } from './helpers.js';
 import { L as ListenerAbstract, a as SingleSubject } from './listener.js';
 
 class BalAnimationListener extends ListenerAbstract {

package/components/bal-app.js

@@ -1,4 +1,101 @@
-import { A as App, d as defineCustomElement$1 } from './bal-app2.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { _ as __decorate, a as __metadata } from './tslib.es6.js';
+import { b as balBrowser } from './browser.js';
+import { b as balDevice } from './device.js';
+import { L as Logger } from './log.js';
+import { b as updateBalAnimated } from './config.utils.js';
+import { l as debounce, m as rIC, n as rOnLoad } from './helpers.js';
+import { s as startFocusVisible } from './focus-visible.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}";
+
+const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.debouncedNotify = debounce(() => this.notifyResize(), 100);
+        /**
+         * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
+         */
+        this.animated = true;
+        /**
+         * @internal Is `true` when DS components are ready to be shown.
+         */
+        this.ready = false;
+        this.notifyResize = async () => {
+            if (balBrowser.hasDocument && balBrowser.hasWindow) {
+                const doc = document.documentElement;
+                doc.style.setProperty('--bal-app-height', `${window.innerHeight}px`);
+            }
+        };
+    }
+    createLogger(log) {
+        this.log = log;
+    }
+    connectedCallback() {
+        if (this.animated === false) {
+            updateBalAnimated(this.animated);
+        }
+        if (balBrowser.hasWindow) {
+            window.addEventListener('resize', this.debouncedNotify);
+            this.debouncedNotify();
+        }
+    }
+    componentDidLoad() {
+        rIC(() => {
+            this.ready = true;
+            startFocusVisible();
+        });
+        rOnLoad(() => {
+            if (balBrowser.hasDocument && balBrowser.hasWindow) {
+                const doc = document.documentElement;
+                doc.classList.add('lcp-ready');
+            }
+        });
+    }
+    disconnectedCallback() {
+        if (balBrowser.hasWindow) {
+            window.removeEventListener('resize', this.debouncedNotify);
+        }
+    }
+    async setFocus(elements) {
+        if (this.focusVisible) {
+            this.focusVisible.setFocus(elements);
+        }
+    }
+    render() {
+        return (h(Host, { key: '8aa3c989125e06e500597db9773fca378e4b7467', class: {
+                'bal-app': true,
+                'bal-app--safari': balBrowser.isSafari,
+                'bal-app--touch': balDevice.hasTouchScreen,
+            } }, h("slot", { key: 'c0e432a988e29f653198ed4eeead7f18fa447035' })));
+    }
+    get el() { return this; }
+    static get style() { return balAppCss; }
+}, [4, "bal-app", {
+        "animated": [516],
+        "ready": [1540],
+        "setFocus": [64]
+    }]);
+__decorate([
+    Logger('bal-app'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Function]),
+    __metadata("design:returntype", void 0)
+], App.prototype, "createLogger", null);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bal-app"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bal-app":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, App);
+            }
+            break;
+    } });
+}
 
 const BalApp = App;
 const defineCustomElement = defineCustomElement$1;

package/components/bal-button2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as ariaBooleanToString } from './aria.js';
 import { i as inheritAttributes } from './attributes.js';
-import { l as rOnLoad } from './helpers.js';
+import { n as rOnLoad } from './helpers.js';
 import { d as defineCustomElement$2 } from './bal-icon2.js';
 import { d as defineCustomElement$1 } from './bal-spinner2.js';
 

package/components/bal-carousel-item.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { s as sanitizeSvg } from './svg.js';
 import { i as inheritAttributes } from './attributes.js';
 import { B as BEM } from './bem.js';
-import { l as rOnLoad, a as waitAfterFramePaint } from './helpers.js';
+import { n as rOnLoad, a as waitAfterFramePaint } from './helpers.js';
 import { t as toKebabCase } from './string.js';
 
 const CarouselItem = /*@__PURE__*/ proxyCustomElement(class CarouselItem extends HTMLElement {

package/components/bal-checkbox-group.js

@@ -7,7 +7,7 @@ import { B as BEM } from './bem.js';
 import { L as ListenToFocus } from './focus.decorator.js';
 import { d as defaultBalAriaForm } from './form.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { i as isDescendant, m as hasTagName } from './helpers.js';
+import { i as isDescendant, o as hasTagName } from './helpers.js';
 import { L as Logger } from './log.js';
 import { L as ListenToMutation } from './mutation.decorator.js';
 import { d as defineCustomElement$2 } from './bal-checkbox2.js';

package/components/bal-date.js

@@ -12,7 +12,7 @@ import { b as balFloatingUi } from './floating-ui.js';
 import { F as FOCUS_KEYS } from './focus-visible.js';
 import { d as defaultBalAriaForm } from './form.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { n as rIC, k as debounceEvent, o as addEventListener, p as removeEventListener, b as waitAfterIdleCallback } from './helpers.js';
+import { m as rIC, k as debounceEvent, p as addEventListener, q as removeEventListener, b as waitAfterIdleCallback } from './helpers.js';
 import { a as isSpaceKey } from './keyboard.helpers.js';
 import { L as Logger } from './log.js';
 import { i as i18nBalDate } from './bal-date.i18n.js';

package/components/bal-dropdown.js

@@ -1,6 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { n as rIC, a as waitAfterFramePaint, o as addEventListener, p as removeEventListener, b as waitAfterIdleCallback } from './helpers.js';
+import { m as rIC, a as waitAfterFramePaint, p as addEventListener, q as removeEventListener, b as waitAfterIdleCallback } from './helpers.js';
 import { b as balBrowser } from './browser.js';
 import { b as isArrowDownKey, c as isArrowUpKey, i as isEnterKey, d as isEscapeKey, a as isSpaceKey } from './keyboard.helpers.js';
 import { B as BEM } from './bem.js';

package/components/bal-footer.js

@@ -6,7 +6,7 @@ import { L as ListenToConfig } from './config.decorator.js';
 import { e as updateBalLanguage } from './config.utils.js';
 import { B as BEM } from './bem.js';
 import { L as Logger } from './log.js';
-import { n as rIC } from './helpers.js';
+import { m as rIC } from './helpers.js';
 import { d as defineCustomElement$3 } from './bal-icon2.js';
 import { d as defineCustomElement$2 } from './bal-logo2.js';
 

package/components/bal-input-stepper.js

@@ -8,7 +8,7 @@ import { d as defaultConfig } from './config.default.js';
 import { L as ListenToConfig } from './config.decorator.js';
 import { d as defaultBalAriaForm } from './form.js';
 import { s as stopEventBubbling, j as inputListenOnClick } from './form-input.js';
-import { n as rIC, k as debounceEvent } from './helpers.js';
+import { m as rIC, k as debounceEvent } from './helpers.js';
 import { L as Logger } from './log.js';
 import { f as formatLocaleNumber } from './number.js';
 import { i as i18nBalInputStepper } from './bal-input-stepper.i18n.js';

package/components/bal-list-item-accordion-body2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
 import { b as balBreakpoints } from './breakpoints.subject.js';
 import { L as ListenToBreakpoints } from './breakpoints.decorator.js';
-import { r as raf, q as debounce } from './helpers.js';
+import { r as raf, l as debounce } from './helpers.js';
 import { L as Logger } from './log.js';
 import './window-resize.subject.js';
 import { L as ListenToResize } from './resize.decorator.js';

package/components/bal-list-item2.js

@@ -3,7 +3,7 @@ import { _ as __decorate, a as __metadata } from './tslib.es6.js';
 import { B as BEM } from './bem.js';
 import { L as Logger } from './log.js';
 import { L as ListenToConfig } from './config.decorator.js';
-import { r as raf, t as transitionEndAsync, n as rIC } from './helpers.js';
+import { r as raf, t as transitionEndAsync, m as rIC } from './helpers.js';
 
 const ListItem = /*@__PURE__*/ proxyCustomElement(class ListItem extends HTMLElement {
     constructor() {

package/components/bal-logo2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
 import { B as BEM } from './bem.js';
 import { L as Logger } from './log.js';
-import { l as rOnLoad } from './helpers.js';
+import { n as rOnLoad } from './helpers.js';
 import { b as balBreakpoints } from './breakpoints.subject.js';
 import { L as ListenToBreakpoints } from './breakpoints.decorator.js';
 import { L as ListenToConfig } from './config.decorator.js';

package/components/bal-nav.js

@@ -7,7 +7,7 @@ import { b as balBrowser } from './browser.js';
 import { d as defaultConfig } from './config.default.js';
 import { L as ListenToConfig } from './config.decorator.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { n as rIC, i as isDescendant, f as waitForComponent, b as waitAfterIdleCallback } from './helpers.js';
+import { m as rIC, i as isDescendant, f as waitForComponent, b as waitAfterIdleCallback } from './helpers.js';
 import { L as Logger } from './log.js';
 import { L as ListenToMutation } from './mutation.decorator.js';
 import { B as BalScrollHandler } from './scroll.js';

package/components/bal-popup2.js

@@ -3,7 +3,7 @@ import { _ as __decorate, a as __metadata } from './tslib.es6.js';
 import { B as BEM } from './bem.js';
 import { b as balBrowser } from './browser.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { q as debounce } from './helpers.js';
+import { l as debounce } from './helpers.js';
 import { d as isEscapeKey } from './keyboard.helpers.js';
 import { L as Logger } from './log.js';
 import { b as balFloatingUi } from './floating-ui.js';

package/components/bal-radio-group.js

@@ -6,7 +6,7 @@ import { B as BEM } from './bem.js';
 import { L as ListenToFocus } from './focus.decorator.js';
 import { d as defaultBalAriaForm } from './form.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { i as isDescendant, m as hasTagName } from './helpers.js';
+import { i as isDescendant, o as hasTagName } from './helpers.js';
 import { L as Logger } from './log.js';
 import { L as ListenToMutation } from './mutation.decorator.js';
 import { d as defineCustomElement$3 } from './bal-radio2.js';

package/components/bal-segment-item.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { i as inheritAttributes } from './attributes.js';
 import { B as BEM } from './bem.js';
 import { d as defaultBalAriaForm } from './form.js';
-import { o as addEventListener, r as raf, p as removeEventListener } from './helpers.js';
+import { p as addEventListener, r as raf, q as removeEventListener } from './helpers.js';
 import { d as defineCustomElement$5 } from './bal-content2.js';
 import { d as defineCustomElement$4 } from './bal-icon2.js';
 import { d as defineCustomElement$3 } from './bal-label2.js';

package/components/bal-select2.js

@@ -6,7 +6,7 @@ import { a as areArraysEqual } from './array.js';
 import { B as BEM } from './bem.js';
 import { d as defaultBalAriaForm } from './form.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { n as rIC, q as debounce, b as waitAfterIdleCallback, d as deepReady, i as isDescendant } from './helpers.js';
+import { m as rIC, l as debounce, b as waitAfterIdleCallback, d as deepReady, i as isDescendant } from './helpers.js';
 import { a as isSpaceKey, b as isArrowDownKey, c as isArrowUpKey, i as isEnterKey, d as isEscapeKey, f as isBackspaceKey } from './keyboard.helpers.js';
 import { L as Logger } from './log.js';
 import { r as removeValue, p as preventDefault, l as length, g as getValues, i as includes, s as startsWith, a as addValue, f as findLabelByValue, b as findOptionByLabel, v as validateAfterBlur } from './utils.js';

package/components/bal-spinner2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { r as raf, l as rOnLoad } from './helpers.js';
+import { r as raf, n as rOnLoad } from './helpers.js';
 import { L as Logger } from './log.js';
 import { B as BEM } from './bem.js';
 import { d as defaultConfig } from './config.default.js';

package/components/bal-stage-image.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { B as BEM } from './bem.js';
 import { i as inheritAttributes } from './attributes.js';
-import { l as rOnLoad } from './helpers.js';
+import { n as rOnLoad } from './helpers.js';
 
 const StageImage = /*@__PURE__*/ proxyCustomElement(class StageImage extends HTMLElement {
     constructor() {

package/components/bal-tabs2.js

@@ -9,7 +9,7 @@ import { L as ListenToBreakpoints } from './breakpoints.decorator.js';
 import { d as defaultConfig } from './config.default.js';
 import { L as ListenToConfig } from './config.decorator.js';
 import { s as stopEventBubbling } from './form-input.js';
-import { r as raf, d as deepReady, t as transitionEndAsync, q as debounce, k as debounceEvent, u as hasParent, l as rOnLoad, i as isDescendant, a as waitAfterFramePaint } from './helpers.js';
+import { r as raf, d as deepReady, t as transitionEndAsync, l as debounce, k as debounceEvent, u as hasParent, n as rOnLoad, i as isDescendant, a as waitAfterFramePaint } from './helpers.js';
 import { L as Logger } from './log.js';
 import { L as ListenToMutation } from './mutation.decorator.js';
 import './window-resize.subject.js';

package/components/bal-toast.controller.js

@@ -124,4 +124,4 @@ class BalToastController extends BalNoticeController {
 }
 const balToastController = new BalToastController();
 
-export { BalSnackbarController as B, BalToastController as a, balSnackbarController as b, balToastController as c };
+export { BalSnackbarController as B, balSnackbarController as a, balToastController as b, BalToastController as c };

package/components/breakpoints.subject.js

@@ -2,7 +2,7 @@ import { B as BalWindowResizeListener } from './window-resize.listener.js';
 import { b as balBrowser } from './browser.js';
 import { b as balBreakpointFullhd$1, a as balBreakpointWidescreen, c as balBreakpointHighDefinition, d as balBreakpointTablet, e as balBreakpointDesktop } from './tokens.esm.js';
 import { S as Subject } from './listener.js';
-import { q as debounce } from './helpers.js';
+import { l as debounce } from './helpers.js';
 
 const toNumber = (pixel) => parseInt(pixel.slice(0, -2), 10);
 const breakpointTablet = toNumber(balBreakpointTablet);

package/components/element-states.decorator.js

@@ -1,6 +1,6 @@
 import { L as ListenerAbstract, a as SingleSubject } from './listener.js';
 import { b as balBrowser } from './browser.js';
-import { o as addEventListener, p as removeEventListener } from './helpers.js';
+import { p as addEventListener, q as removeEventListener } from './helpers.js';
 
 class BalElementStateListener extends ListenerAbstract {
     constructor() {

package/components/floating-ui.js

@@ -1,4 +1,4 @@
-import { l as rOnLoad } from './helpers.js';
+import { n as rOnLoad } from './helpers.js';
 
 class BalFloatingUiInternal {
     constructor() {

package/components/focus.decorator.js

@@ -1,6 +1,6 @@
 import { L as ListenerAbstract, a as SingleSubject } from './listener.js';
 import { b as balBrowser } from './browser.js';
-import { b as waitAfterIdleCallback, i as isDescendant, o as addEventListener, p as removeEventListener } from './helpers.js';
+import { b as waitAfterIdleCallback, i as isDescendant, p as addEventListener, q as removeEventListener } from './helpers.js';
 
 class BalFocusListener extends ListenerAbstract {
     constructor() {

package/components/helpers.js

@@ -304,4 +304,4 @@ const runHighPrioritizedTask = (callback) => {
     }
 };
 
-export { waitAfterFramePaint as a, waitAfterIdleCallback as b, componentOnReady as c, deepReady as d, waitAfterLargestContentfulPaintCallback as e, waitForComponent as f, getAppRoot as g, waitForDesignSystem as h, isDescendant as i, waitOnLoadEventCallback as j, debounceEvent as k, rOnLoad as l, hasTagName as m, rIC as n, addEventListener as o, removeEventListener as p, debounce as q, raf as r, shallowReady as s, transitionEndAsync as t, hasParent as u, isChildOfEventTarget as v, wait as w };
+export { waitAfterFramePaint as a, waitAfterIdleCallback as b, componentOnReady as c, deepReady as d, waitAfterLargestContentfulPaintCallback as e, waitForComponent as f, getAppRoot as g, waitForDesignSystem as h, isDescendant as i, waitOnLoadEventCallback as j, debounceEvent as k, debounce as l, rIC as m, rOnLoad as n, hasTagName as o, addEventListener as p, removeEventListener as q, raf as r, shallowReady as s, transitionEndAsync as t, hasParent as u, isChildOfEventTarget as v, wait as w };