@baloise/ds-core 19.6.0 → 19.7.0-nightly.20250905

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 { m as rIC, a as waitAfterFramePaint, p as addEventListener, q as removeEventListener, b as waitAfterIdleCallback } from './helpers.js';
+import { n as rIC, a as waitAfterFramePaint, o as addEventListener, p 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 { m as rIC } from './helpers.js';
+import { n as rIC } from './helpers.js';
 import { d as defineCustomElement$3 } from './bal-icon2.js';
 import { d as defineCustomElement$2 } from './bal-logo2.js';
 
@@ -154,10 +154,11 @@ const Footer = /*@__PURE__*/ proxyCustomElement(class Footer extends HTMLElement
             } }, this.socialMediaLinks.map(link => (h("a", { key: link.link, href: link.link, target: "_blank", class: {
                 'link': true,
                 'is-inverted': true,
-            } }, h("bal-icon", { name: link.label.toLowerCase() }))))), h("div", { key: '3b91222ee07a7c7d5e1995f5180398272fd6d92e', class: Object.assign({}, elLegalLinks.class()), style: { display: this.hideLinks ? 'none' : 'flex' } }, this.links.map(link => (h("a", { key: link.link, href: link.link, target: "_blank", class: {
-                'link': true,
-                'is-light': true,
-            } }, link.label)))))))));
+            } }, h("bal-icon", { name: link.label.toLowerCase() }))))), h("div", { key: '3b91222ee07a7c7d5e1995f5180398272fd6d92e', class: Object.assign({}, elLegalLinks.class()), style: { display: this.hideLinks ? 'none' : 'flex' } }, this.links &&
+            this.links.map(link => (h("a", { key: link.link, href: link.link, target: "_blank", class: {
+                    'link': true,
+                    'is-light': true,
+                } }, link.label)))))))));
     }
     static get style() { return balFooterCss; }
 }, [4, "bal-footer", {

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 { m as rIC, k as debounceEvent } from './helpers.js';
+import { n 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, l as debounce } from './helpers.js';
+import { r as raf, q 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, m as rIC } from './helpers.js';
+import { r as raf, t as transitionEndAsync, n 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 { n as rOnLoad } from './helpers.js';
+import { l 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 { m as rIC, i as isDescendant, f as waitForComponent, b as waitAfterIdleCallback } from './helpers.js';
+import { n 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-navbar-brand.js

@@ -107,10 +107,16 @@ const NavbarBrand = /*@__PURE__*/ proxyCustomElement(class NavbarBrand extends H
     }
     async resetIsMenuActive(ev) {
         if (ev.matches && !this.simple) {
-            this.toggle(false);
+            this.setIsMenuActiveAndAnimate(false);
         }
     }
-    async toggle(isMenuActive) {
+    /**
+     * @internal
+     */
+    async toggle() {
+        await this.setIsMenuActiveAndAnimate(!this.isMenuActive);
+    }
+    async setIsMenuActiveAndAnimate(isMenuActive = this.isMenuActive) {
         this.isMenuActive = isMenuActive;
         this.balWillAnimate.emit(this.isMenuActive);
         if (balBrowser.hasWindow && window.scrollY > 0) {
@@ -135,13 +141,13 @@ const NavbarBrand = /*@__PURE__*/ proxyCustomElement(class NavbarBrand extends H
         this.balDidAnimate.emit(this.isMenuActive);
     }
     async onClick() {
-        this.toggle(!this.isMenuActive);
+        this.toggle();
     }
     render() {
         const navbarBrandEl = BEM.block('navbar').element('brand');
         const logoTemplate = this.logo ? (h("img", { class: Object.assign({}, navbarBrandEl.element('logo').class()), src: this.logo, alt: "" })) : (h("bal-logo", { animated: this.animated, color: 'white', size: this.logoSize }));
         const logoLabel = this.logoLabel ? this.logoLabel : i18nBalNavbarBrand[this.language].logoButtonLabel;
-        return (h(Host, { key: '1c5a31aedc7120f89f9a1b31d25bd00b724de889', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (h("a", { "aria-label": logoLabel, title: logoLabel, href: this.href, rel: this.rel, target: this.target, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : this.logoClickable ? (h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), h("span", { key: 'b6347efe529507db4f4b4f78352fc82c957f71fc', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: '4357757d01e9ccc0d497ea04021c64fa06bea1a8' })), h("bal-button", { key: '35e86c5414289bb937a4aab0c5c8bbdc0a27d67a', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
+        return (h(Host, { key: '99b5f123911b805e5cf79ba9ab395b1d8d2421cc', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (h("a", { "aria-label": logoLabel, title: logoLabel, href: this.href, rel: this.rel, target: this.target, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : this.logoClickable ? (h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), h("span", { key: '3c007d46ec3efbbd3be956a0aceaeba762b964ce', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: '28304a753591015e53f85675533e58544c797ddc' })), h("bal-button", { key: 'f0d595579b7d63428196cc9947e87cb058e42fcb', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
                 .element('burger')
                 .modifier('hidden')
                 .class(this.interface === 'simple')), color: "light", inverted: true, square: true, icon: this.isMenuActive ? 'close' : 'menu-bars', onClick: () => this.onClick() })));
@@ -160,7 +166,8 @@ const NavbarBrand = /*@__PURE__*/ proxyCustomElement(class NavbarBrand extends H
         "interface": [1],
         "language": [32],
         "isMenuActive": [32],
-        "configChanged": [64]
+        "configChanged": [64],
+        "toggle": [64]
     }]);
 __decorate([
     ListenToConfig(),

package/components/bal-navbar.js

@@ -25,6 +25,15 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends HTMLElement
     interfaceHandler() {
         this.updateProps(['bal-navbar-brand', 'bal-navbar-menu', 'bal-navbar-menu-start', 'bal-navbar-menu-end'], 'interface');
     }
+    /**
+     * Toggles the menu on request method can be used from outside to open or close the menu
+     */
+    async toggleMenu() {
+        const brand = this.element.querySelector('bal-navbar-brand');
+        if (brand) {
+            await brand.toggle();
+        }
+    }
     componentWillLoad() {
         this.interfaceHandler();
     }
@@ -40,7 +49,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends HTMLElement
     }
     render() {
         const navbarEl = BEM.block('navbar');
-        return (h(Host, { key: 'fd92bf967ce7199269234da14b2a9612c56cbb06', class: Object.assign(Object.assign(Object.assign({}, navbarEl.class()), navbarEl.modifier(`context-${this.interface}`).class()), navbarEl.modifier(`is-light`).class(this.light)) }, h("nav", { key: '7e172f369abc559d4e9ccdaee88631d8480f6704', role: "navigation", "aria-label": "main navigation", class: Object.assign(Object.assign({}, navbarEl.element('nav').class()), { container: true, [`is-${this.container}`]: this.container !== '' }) }, h("slot", { key: '7970369d6f3a5538884a29a30db863acf6f9061b' }))));
+        return (h(Host, { key: 'd21b6f612b2111ce0a70adb00e62fc7663d1b651', class: Object.assign(Object.assign(Object.assign({}, navbarEl.class()), navbarEl.modifier(`context-${this.interface}`).class()), navbarEl.modifier(`is-light`).class(this.light)) }, h("nav", { key: 'c04d357d30be897227259035bd86e2f5a7edc936', role: "navigation", "aria-label": "main navigation", class: Object.assign(Object.assign({}, navbarEl.element('nav').class()), { container: true, [`is-${this.container}`]: this.container !== '' }) }, h("slot", { key: '48fba6d236e2dfdbf7d0ae23d76b290f63692ba6' }))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -50,7 +59,8 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends HTMLElement
 }, [4, "bal-navbar", {
         "light": [4],
         "interface": [1],
-        "container": [1]
+        "container": [1],
+        "toggleMenu": [64]
     }, undefined, {
         "interface": ["interfaceHandler"]
     }]);

package/components/bal-option.js

@@ -133,13 +133,13 @@ const Option = /*@__PURE__*/ proxyCustomElement(class Option extends HTMLElement
      */
     render() {
         const block = BEM.block('option');
-        return (h(Host, { key: 'a9b567396356b31dc5dacf1115b538eb6f0229e9', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('checkbox').class(this.checkbox)), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('selected').class(this.selected)), block.modifier('disabled').class(this.disabled)), block.modifier('hidden').class(this.hidden)), role: "option", id: this.inputId, "data-value": this.value, "data-label": this.label, "aria-label": this.label, "aria-hidden": ariaBooleanToString(this.hidden), "aria-selected": ariaBooleanToString(this.selected), "aria-checked": ariaBooleanToString(this.selected), "aria-disabled": ariaBooleanToString(this.disabled), "aria-invalid": ariaBooleanToString(this.invalid), tabIndex: -1, onClick: this.onClick }, h("bal-stack", { key: 'bc7b02be2431b89e05a16df87b2ef5e7e828577a', py: "small", space: "x-small" }, this.checkbox ? (h("bal-check", { checked: this.selected, disabled: this.disabled, invalid: this.invalid, hovered: this.interactionState.hovered, pressed: this.interactionState.pressed, tabindex: -1 })) : (''), h("div", { key: 'dd0f4a8143bcff57bcfd578073fc5c13fc947b64', class: Object.assign(Object.assign({}, block.element('inner').class()), block.element('inner').modifier('multiline').class(this.multiline)) }, h("slot", { key: '49d60c90205cc0181cfc61eac50e2de14bc1dc80' })), this.selected && !this.checkbox ? (h("bal-icon", { name: "check", size: "small", color: this.disabled ? 'grey' : this.invalid ? 'danger' : 'primary' })) : (''))));
+        return (h(Host, { key: '414068aff0d1e8941fd0136fd727186d1720b954', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('checkbox').class(this.checkbox)), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('selected').class(this.selected)), block.modifier('disabled').class(this.disabled)), block.modifier('hidden').class(this.hidden)), role: "option", id: this.inputId, "data-value": this.value, "data-label": this.label, "aria-label": this.label, "aria-hidden": ariaBooleanToString(this.hidden), "aria-selected": ariaBooleanToString(this.selected), "aria-checked": ariaBooleanToString(this.selected), "aria-disabled": ariaBooleanToString(this.disabled), "aria-invalid": ariaBooleanToString(this.invalid), tabIndex: -1, onClick: this.onClick }, h("bal-stack", { key: 'ae708955909732ef6bd03403374cec8098f4e140', py: "small", space: "x-small" }, this.checkbox ? (h("bal-check", { checked: this.selected, disabled: this.disabled, invalid: this.invalid, hovered: this.interactionState.hovered, pressed: this.interactionState.pressed, tabindex: -1 })) : (''), h("div", { key: 'ddc2384b1d07f89c0b68746b76a25b9821cc99c2', class: Object.assign(Object.assign({}, block.element('inner').class()), block.element('inner').modifier('multiline').class(this.multiline)) }, h("slot", { key: '17356f3f1d39f90f4f9d8c73ece8e6f77de9e747' })), this.selected && !this.checkbox ? (h("bal-icon", { name: "check", size: "small", color: this.disabled ? 'grey' : this.invalid ? 'danger' : 'primary' })) : (''))));
     }
     get el() { return this; }
     static get style() { return balOptionCss; }
 }, [4, "bal-option", {
-        "label": [1],
-        "value": [1],
+        "label": [513],
+        "value": [513],
         "disabled": [4],
         "multiline": [4],
         "invalid": [4],

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 { l as debounce } from './helpers.js';
+import { q 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, o as hasTagName } from './helpers.js';
+import { i as isDescendant, m 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 { p as addEventListener, r as raf, q as removeEventListener } from './helpers.js';
+import { o as addEventListener, r as raf, p 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 { m as rIC, l as debounce, b as waitAfterIdleCallback, d as deepReady, i as isDescendant } from './helpers.js';
+import { n as rIC, q 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, n as rOnLoad } from './helpers.js';
+import { r as raf, l 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 { n as rOnLoad } from './helpers.js';
+import { l 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, l as debounce, k as debounceEvent, u as hasParent, n as rOnLoad, i as isDescendant, a as waitAfterFramePaint } from './helpers.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 { 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, balSnackbarController as a, balToastController as b, BalToastController as c };
+export { BalSnackbarController as B, BalToastController as a, balSnackbarController 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 { l as debounce } from './helpers.js';
+import { q as debounce } from './helpers.js';
 
 const toNumber = (pixel) => parseInt(pixel.slice(0, -2), 10);
 const breakpointTablet = toNumber(balBreakpointTablet);

package/components/config.decorator.js

@@ -1,4 +1,4 @@
-import { K as attachComponentToConfig, L as detachComponentFromConfig } from './config.utils.js';
+import { L as attachComponentToConfig, M as detachComponentFromConfig } from './config.utils.js';
 
 function ListenToConfig() {
     return function (target, _propertyKey, _descriptor) {

package/components/config.default.js

@@ -1,7 +1,8 @@
+import { h as balIconCaretUp, i as balIconCaretRight, j as balIconCaretLeft, k as balIconCaretDown, l as balIconWeb, m as balIconYoutube, n as balIconXing, p as balIconX, q as balIconTwitter, r as balIconLinkedin, s as balIconInstagram, t as balIconFacebook, v as balIconMenuBars, w as balIconUpload, x as balIconDocument, y as balIconDate, z as balIconCheck, A as balIconNavGoUp, B as balIconNavGoDown, C as balIconNavGoRight, D as balIconNavGoLeft, E as balIconTrash, F as balIconEdit, G as balIconMinus, H as balIconPlus, I as balIconInfoCircle, J as balIconClose, K as balIconClock } from './config.utils.js';
 import { d as defaultLoggerConfig } from './log.js';
-import { h as balIconCaretUp, i as balIconCaretRight, j as balIconCaretLeft, k as balIconCaretDown, l as balIconWeb, m as balIconYoutube, n as balIconXing, p as balIconX, q as balIconTwitter, r as balIconLinkedin, s as balIconInstagram, t as balIconFacebook, v as balIconMenuBars, w as balIconUpload, x as balIconDocument, y as balIconDate, z as balIconCheck, A as balIconNavGoUp, B as balIconNavGoDown, C as balIconNavGoRight, D as balIconNavGoLeft, E as balIconTrash, F as balIconEdit, G as balIconMinus, H as balIconPlus, I as balIconInfoCircle, J as balIconClose } from './config.utils.js';
 
 const defaultIcons = {
+    balIconClock,
     balIconClose,
     balIconInfoCircle,
     balIconPlus,

package/components/config.utils.js

@@ -23,6 +23,7 @@ const balIconEdit = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"
 const balIconDocument = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M1.43934 0.43934C1.72064 0.158035 2.10218 0 2.5 0H7.5C7.63261 0 7.75979 0.0526784 7.85355 0.146447L12.8536 5.14645C12.9473 5.24021 13 5.36739 13 5.5V12.5C13 12.8978 12.842 13.2794 12.5607 13.5607C12.2794 13.842 11.8978 14 11.5 14H2.5C2.10217 14 1.72064 13.842 1.43934 13.5607C1.15804 13.2794 1 12.8978 1 12.5V1.5C1 1.10218 1.15804 0.720644 1.43934 0.43934ZM4.5 3.875C4.15482 3.875 3.875 4.15482 3.875 4.5C3.875 4.84518 4.15482 5.125 4.5 5.125H6.5C6.84518 5.125 7.125 4.84518 7.125 4.5C7.125 4.15482 6.84518 3.875 6.5 3.875H4.5ZM3.875 7.5C3.875 7.15482 4.15482 6.875 4.5 6.875H9.5C9.84518 6.875 10.125 7.15482 10.125 7.5C10.125 7.84518 9.84518 8.125 9.5 8.125H4.5C4.15482 8.125 3.875 7.84518 3.875 7.5ZM4.5 9.875C4.15482 9.875 3.875 10.1548 3.875 10.5C3.875 10.8452 4.15482 11.125 4.5 11.125H9.5C9.84518 11.125 10.125 10.8452 10.125 10.5C10.125 10.1548 9.84518 9.875 9.5 9.875H4.5Z" clip-rule="evenodd"/></svg>';
 const balIconDate = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M10 0a.75.75 0 0 1 .75.75v.75h1.5c.966 0 1.75.784 1.75 1.75v9A1.75 1.75 0 0 1 12.25 14H1.75A1.75 1.75 0 0 1 0 12.25v-9C0 2.284.784 1.5 1.75 1.5h1.5V.75a.75.75 0 0 1 1.5 0v.75h4.5V.75A.75.75 0 0 1 10 0zM3.25 3v.75a.75.75 0 0 0 1.5 0V3h4.5v.75a.75.75 0 0 0 1.5 0V3h1.5a.25.25 0 0 1 .25.25v2.282a1.002 1.002 0 0 0-.25-.032H1.75c-.086 0-.17.01-.25.032V3.25A.25.25 0 0 1 1.75 3h1.5z" clip-rule="evenodd"/></svg>';
 const balIconClose = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z" clip-rule="evenodd"/></svg>';
+const balIconClock = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM7.625 4.5C7.625 4.15482 7.34518 3.875 7 3.875C6.65482 3.875 6.375 4.15482 6.375 4.5V7C6.375 7.14621 6.42626 7.28779 6.51986 7.40012L9.01986 10.4001C9.24084 10.6653 9.63494 10.7011 9.90012 10.4801C10.1653 10.2592 10.2011 9.86506 9.98014 9.59988L7.625 6.77372V4.5Z" clip-rule="evenodd"/></svg>';
 const balIconCheck = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z" clip-rule="evenodd"/></svg>';
 const balIconCaretUp = '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M9.794,6.607,5.884,2.49A1.255,1.255,0,0,0,4.1,2.5l-3.9,4.1A.75.75,0,1,0,1.294,7.641L4.819,3.928a.249.249,0,0,1,.362,0L8.706,7.641A.75.75,0,1,0,9.794,6.607Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
 const balIconCaretRight = '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
@@ -98,4 +99,4 @@ const updateBalAnimated = (animated) => {
     }
 };
 
-export { balIconNavGoUp as A, balIconNavGoDown as B, balIconNavGoRight as C, balIconNavGoLeft as D, balIconTrash as E, balIconEdit as F, balIconMinus as G, balIconPlus as H, balIconInfoCircle as I, balIconClose as J, attachComponentToConfig as K, detachComponentFromConfig as L, attachToConfig as a, updateBalAnimated as b, updateBalIcons as c, detachFromConfig as d, updateBalLanguage as e, updateBalRegion as f, useBalConfig as g, balIconCaretUp as h, balIconCaretRight as i, balIconCaretLeft as j, balIconCaretDown as k, balIconWeb as l, balIconYoutube as m, balIconXing as n, onBalConfigChange as o, balIconX as p, balIconTwitter as q, balIconLinkedin as r, balIconInstagram as s, balIconFacebook as t, updateBalAllowedLanguages as u, balIconMenuBars as v, balIconUpload as w, balIconDocument as x, balIconDate as y, balIconCheck as z };
+export { balIconNavGoUp as A, balIconNavGoDown as B, balIconNavGoRight as C, balIconNavGoLeft as D, balIconTrash as E, balIconEdit as F, balIconMinus as G, balIconPlus as H, balIconInfoCircle as I, balIconClose as J, balIconClock as K, attachComponentToConfig as L, detachComponentFromConfig as M, attachToConfig as a, updateBalAnimated as b, updateBalIcons as c, detachFromConfig as d, updateBalLanguage as e, updateBalRegion as f, useBalConfig as g, balIconCaretUp as h, balIconCaretRight as i, balIconCaretLeft as j, balIconCaretDown as k, balIconWeb as l, balIconYoutube as m, balIconXing as n, onBalConfigChange as o, balIconX as p, balIconTwitter as q, balIconLinkedin as r, balIconInstagram as s, balIconFacebook as t, updateBalAllowedLanguages as u, balIconMenuBars as v, balIconUpload as w, balIconDocument as x, balIconDate as y, balIconCheck as z };

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 { p as addEventListener, q as removeEventListener } from './helpers.js';
+import { o as addEventListener, p as removeEventListener } from './helpers.js';
 
 class BalElementStateListener extends ListenerAbstract {
     constructor() {

package/components/floating-ui.js

@@ -1,4 +1,4 @@
-import { n as rOnLoad } from './helpers.js';
+import { l 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, p as addEventListener, q as removeEventListener } from './helpers.js';
+import { b as waitAfterIdleCallback, i as isDescendant, o as addEventListener, p 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, 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 };
+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 };