@baloise/ds-core 19.8.2 → 19.8.3

package/dist/cjs/bal-nav_8.cjs.entry.js

@@ -1,21 +1,25 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
-var breakpoints_subject = require('./breakpoints.subject-DyM7928g.js');
-var breakpoints_decorator = require('./breakpoints.decorator-Bcx5bHdk.js');
-var config_decorator = require('./config.decorator-D_YTqpYj.js');
-var formInput = require('./form-input-DBZuEpuy.js');
-var mutation_decorator = require('./mutation.decorator-C3JICFwA.js');
-var scroll = require('./scroll-DU1EZHWg.js');
+var browser = require('./browser-BwmkTmm8.js');
+var formInput = require('./form-input-BwFB4Rej.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var log = require('./log-CXDMiw7o.js');
+var scroll = require('./scroll-B_kvfDui.js');
 var svg = require('./svg-Bw61tXih.js');
 var keyboard_helpers = require('./keyboard.helpers-BkZpVT-9.js');
-require('./window-resize.subject-AALAxaW0.js');
-var resize_decorator = require('./resize.decorator-Cxv0R8v_.js');
-require('./device-CrnZOym8.js');
-require('./listener-h1eTpBYL.js');
-require('./tokens.esm-yrgVVjY8.js');
+var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
+var config_default = require('./config.default-Bkso4_bY.js');
+var mutation_decorator = require('./mutation.decorator-BolUYaKD.js');
+var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
+var config_decorator = require('./config.decorator-CUe4yCTd.js');
+var resize_decorator = require('./resize.decorator-ChuFQ8x3.js');
+require('./config.utils-Civnz2jT.js');
+require('./device-CoogBamh.js');
+require('./listener-DspXpqzY.js');
+require('./tokens.esm-CNpvwEnI.js');
 
 /**
  * Gathers information about the tabs in the navigation.
@@ -42,7 +46,7 @@ const handleTabKeyDown = ({ tabs, indexOfNextTab, indexOfActiveTab }, detail) =>
     if (!detail.isBackwards && indexOfFocusedTab === tabs.length - 1) {
         detail.stopEventBubbling();
         detail.closeFlyout();
-        index.rIC(() => {
+        helpers.rIC(() => {
             focusNextElement(document.activeElement, detail.el);
         });
         return;
@@ -97,9 +101,9 @@ const focusNextElement = (current, balNavEl) => {
         // visible elements only
         .filter(el => el.offsetParent !== null)
         // exclude elements inside the bal-nav
-        .filter(el => !index.isDescendant(balNavEl, el));
-    const index$1 = focusableElements.indexOf(current);
-    const next = focusableElements[index$1 + 1];
+        .filter(el => !helpers.isDescendant(balNavEl, el));
+    const index = focusableElements.indexOf(current);
+    const next = focusableElements[index + 1];
     if (next)
         next.focus();
 };
@@ -223,8 +227,7 @@ class NavLinkItem {
     }
     renderTouch(_context) {
         const block = bem.BEM.block('nav');
-        return (index.h("li", null,
-            index.h("a", { id: this.id, class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-links').class()), block.element('mobile-links').modifier('selected').class(this.active)), block.element('mobile-links').modifier('clickable').class(this.clickable)), href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onClick(ev) }, this.label)));
+        return (index.h("li", null, index.h("a", { id: this.id, class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-links').class()), block.element('mobile-links').modifier('selected').class(this.active)), block.element('mobile-links').modifier('clickable').class(this.clickable)), href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onClick(ev) }, this.label)));
     }
     render(_context) {
         return (index.h("bal-nav-link", { role: "listitem", href: this.href, rel: this.rel, target: this.target, clickable: this.clickable, selected: this.active, onClick: ev => this.onClick(ev) }, this.label));
@@ -275,7 +278,7 @@ class NavMetaButton extends NavLinkItem {
         }
     }
     resetTouchBottomMetaBar() {
-        if (index.balBrowser.hasDocument && this.touchPlacement === 'bottom') {
+        if (browser.balBrowser.hasDocument && this.touchPlacement === 'bottom') {
             const button = document.getElementById(this.value);
             if (button && button.balPopupVariant === 'drawer') {
                 button.color = 'info';
@@ -283,7 +286,7 @@ class NavMetaButton extends NavLinkItem {
         }
     }
     resetDesktopMetaBar() {
-        if (index.balBrowser.hasDocument) {
+        if (browser.balBrowser.hasDocument) {
             const button = document.getElementById(this.value);
             if (button && button.balPopupVariant === 'popover') {
                 button.color = 'info';
@@ -310,10 +313,7 @@ let NavMetaButtonIDs = 0;
 
 const AccordionButton = ({ id, label, level, open, link, href, rel, target, onClick, }) => {
     const block = bem.BEM.block('nav');
-    return link ? (index.h("a", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), href: href, rel: rel, target: target, onClick: ev => onClick(ev) },
-        index.h("span", null, label))) : (index.h("button", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), onClick: ev => onClick(ev) },
-        index.h("span", null, label),
-        index.h("bal-icon", { name: "nav-go-down", size: "small", turn: open })));
+    return link ? (index.h("a", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), href: href, rel: rel, target: target, onClick: ev => onClick(ev) }, index.h("span", null, label))) : (index.h("button", { id: id, class: Object.assign({}, block.element(`mobile-${level}-item`).class()), onClick: ev => onClick(ev) }, index.h("span", null, label), index.h("bal-icon", { name: "nav-go-down", size: "small", turn: open })));
 };
 
 const OverviewLink = ({ item, isMenu, onClick, isVisible }) => {
@@ -324,10 +324,7 @@ const OverviewLink = ({ item, isMenu, onClick, isVisible }) => {
     return (index.h("a", { class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-overview-link').class()), block.element('mobile-overview-link').modifier('menu').class(!!isMenu)), block
             .element('mobile-overview-link')
             .modifier('invisible')
-            .class(isVisible === false)), href: item.href, rel: item.rel, target: item.target, onClick: ev => onClick(ev) },
-        item.label,
-        " ",
-        item.label ? '➞' : ''));
+            .class(isVisible === false)), href: item.href, rel: item.rel, target: item.target, onClick: ev => onClick(ev) }, item.label, " ", item.label ? '➞' : ''));
 };
 
 class NavSectionLinkItem extends NavLinkItem {
@@ -348,14 +345,10 @@ class NavSectionLinkItem extends NavLinkItem {
     renderTouch(_context) {
         const block = bem.BEM.block('nav');
         const hasItems = this.linkItems && this.linkItems.length > 0;
-        return (index.h("li", null,
-            index.h("a", { id: this.id, class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-section-item').class()), block.element('mobile-section-item').modifier('selected').class(this.active)), block.element('mobile-section-item').modifier('clickable').class(this.clickable)), href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onClick(ev) }, this.label),
-            hasItems ? (index.h("ul", { class: Object.assign({}, block.element('mobile-links-list').class()) }, this.linkItems.map(item => item.renderTouch()))) : ('')));
+        return (index.h("li", null, index.h("a", { id: this.id, class: Object.assign(Object.assign(Object.assign({}, block.element('mobile-section-item').class()), block.element('mobile-section-item').modifier('selected').class(this.active)), block.element('mobile-section-item').modifier('clickable').class(this.clickable)), href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onClick(ev) }, this.label), hasItems ? (index.h("ul", { class: Object.assign({}, block.element('mobile-links-list').class()) }, this.linkItems.map(item => item.renderTouch()))) : ('')));
     }
     render(_context) {
-        return (index.h("bal-nav-link-group", { role: "list" },
-            index.h("bal-nav-link", { role: "listitem", variant: "title", href: this.href, target: this.target, selected: this.active, onClick: ev => this.onClick(ev) }, this.label),
-            this.linkItems.map(item => item.render())));
+        return (index.h("bal-nav-link-group", { role: "list" }, index.h("bal-nav-link", { role: "listitem", variant: "title", href: this.href, target: this.target, selected: this.active, onClick: ev => this.onClick(ev) }, this.label), this.linkItems.map(item => item.render())));
     }
 }
 let NavSectionLinkItemIDs = 0;
@@ -376,14 +369,10 @@ class NavServiceLinkItem extends NavLinkItem {
     renderTouch(_context) {
         const block = bem.BEM.block('nav');
         const hasItems = this.linkItems && this.linkItems.length > 0;
-        return (index.h("li", { class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('mobile-service-item').class()), block.element('mobile-service-item').modifier(`color-${this.color}`).class()), block.element('mobile-service-item').modifier('selected').class(this.active)), block.element('mobile-service-item').modifier('clickable').class(this.clickable)) },
-            index.h("a", { id: this.id, href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onClick(ev) }, this.label),
-            hasItems ? (index.h("ul", { class: Object.assign({}, block.element('mobile-links-list').class()) }, this.linkItems.map(item => item.renderTouch()))) : ('')));
+        return (index.h("li", { class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('mobile-service-item').class()), block.element('mobile-service-item').modifier(`color-${this.color}`).class()), block.element('mobile-service-item').modifier('selected').class(this.active)), block.element('mobile-service-item').modifier('clickable').class(this.clickable)) }, index.h("a", { id: this.id, href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onClick(ev) }, this.label), hasItems ? (index.h("ul", { class: Object.assign({}, block.element('mobile-links-list').class()) }, this.linkItems.map(item => item.renderTouch()))) : ('')));
     }
     render(_context) {
-        return (index.h("bal-nav-link-group", { color: this.color, role: "list" },
-            index.h("bal-nav-link", { role: "listitem", variant: "title", href: this.href, target: this.target, selected: this.active, onClick: ev => this.onClick(ev) }, this.label),
-            this.linkItems.map(item => item.render())));
+        return (index.h("bal-nav-link-group", { color: this.color, role: "list" }, index.h("bal-nav-link", { role: "listitem", variant: "title", href: this.href, target: this.target, selected: this.active, onClick: ev => this.onClick(ev) }, this.label), this.linkItems.map(item => item.render())));
     }
 }
 let NavServiceLinkItemIDs = 0;
@@ -407,17 +396,13 @@ class NavMenuLinkItem extends NavLinkItem {
         const hasSectionLinkItems = this.sectionLinkItems && this.sectionLinkItems.length > 0;
         const hasServiceLinkItems = this.serviceLinkItems && this.serviceLinkItems.length > 0;
         const isSelected = (context === null || context === void 0 ? void 0 : context.activeMenuLinkValue) === this.value;
-        return (index.h("li", null,
-            index.h(AccordionButton, { id: this.id, level: "menu", label: this.label, href: this.href, rel: this.rel, target: this.target, link: hasSectionLinkItems || hasServiceLinkItems ? false : this.isLink, open: isSelected, onClick: ev => this.onAccordionClick(ev) }),
-            index.h(OverviewLink, { item: this.overviewLink, onClick: ev => this.onClick(ev), isMenu: true, isVisible: isSelected }),
-            hasSectionLinkItems ? (index.h("ul", { class: Object.assign(Object.assign({}, block.element('mobile-section-list').class()), block
-                    .element('mobile-section-list')
-                    .modifier('invisible')
-                    .class(isSelected === false)) }, this.sectionLinkItems.map(item => item.renderTouch()))) : (''),
-            hasServiceLinkItems ? (index.h("ul", { class: Object.assign(Object.assign({}, block.element('mobile-service-list').class()), block
-                    .element('mobile-service-list')
-                    .modifier('invisible')
-                    .class(isSelected === false)) }, this.serviceLinkItems.map(item => item.renderTouch()))) : ('')));
+        return (index.h("li", null, index.h(AccordionButton, { id: this.id, level: "menu", label: this.label, href: this.href, rel: this.rel, target: this.target, link: hasSectionLinkItems || hasServiceLinkItems ? false : this.isLink, open: isSelected, onClick: ev => this.onAccordionClick(ev) }), index.h(OverviewLink, { item: this.overviewLink, onClick: ev => this.onClick(ev), isMenu: true, isVisible: isSelected }), hasSectionLinkItems ? (index.h("ul", { class: Object.assign(Object.assign({}, block.element('mobile-section-list').class()), block
+                .element('mobile-section-list')
+                .modifier('invisible')
+                .class(isSelected === false)) }, this.sectionLinkItems.map(item => item.renderTouch()))) : (''), hasServiceLinkItems ? (index.h("ul", { class: Object.assign(Object.assign({}, block.element('mobile-service-list').class()), block
+                .element('mobile-service-list')
+                .modifier('invisible')
+                .class(isSelected === false)) }, this.serviceLinkItems.map(item => item.renderTouch()))) : ('')));
     }
     render(context) {
         const hasChildren = this.sectionLinkItems.length > 0 || this.serviceLinkItems.length > 0;
@@ -449,15 +434,10 @@ class NavMetaLinkItem extends NavLinkItem {
     renderTouch(context) {
         const block = bem.BEM.block('nav');
         const isSelected = (context === null || context === void 0 ? void 0 : context.activeMetaLinkValue) === this.value;
-        return (index.h("li", null,
-            index.h(AccordionButton, { id: this.id, level: "meta", label: this.label, open: isSelected, link: this.mainLinkItems.length > 0 ? false : this.isLink, href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onAccordionClick(ev) }),
-            isSelected ? index.h(OverviewLink, { item: this.overviewLink, onClick: ev => this.onClick(ev) }) : '',
-            isSelected ? (index.h("hr", { class: Object.assign(Object.assign({}, block.element('line').class()), block.element('line').modifier('up').class()) })) : (''),
-            isSelected && this.mainLinkItems && this.mainLinkItems.length > 0 ? (index.h("ul", { class: Object.assign({}, block.element('mobile-menu-list').class()) }, this.mainLinkItems.map(item => item.renderTouch({
-                activeMetaLinkValue: context.activeMetaLinkValue,
-                activeMenuLinkValue: context.activeMenuLinkValue,
-            })))) : (''),
-            index.h("hr", { class: Object.assign({}, block.element('line').class()) })));
+        return (index.h("li", null, index.h(AccordionButton, { id: this.id, level: "meta", label: this.label, open: isSelected, link: this.mainLinkItems.length > 0 ? false : this.isLink, href: this.href, rel: this.rel, target: this.target, onClick: ev => this.onAccordionClick(ev) }), isSelected ? index.h(OverviewLink, { item: this.overviewLink, onClick: ev => this.onClick(ev) }) : '', isSelected ? (index.h("hr", { class: Object.assign(Object.assign({}, block.element('line').class()), block.element('line').modifier('up').class()) })) : (''), isSelected && this.mainLinkItems && this.mainLinkItems.length > 0 ? (index.h("ul", { class: Object.assign({}, block.element('mobile-menu-list').class()) }, this.mainLinkItems.map(item => item.renderTouch({
+            activeMetaLinkValue: context.activeMetaLinkValue,
+            activeMenuLinkValue: context.activeMenuLinkValue,
+        })))) : (''), index.h("hr", { class: Object.assign({}, block.element('line').class()) })));
     }
     render(context) {
         if (this.isLink) {
@@ -482,8 +462,8 @@ const Nav = class {
         this.bodyScrollHandler = new scroll.BalScrollHandler();
         this.isTouch = breakpoints_subject.balBreakpoints.isTouch;
         this.isDesktop = breakpoints_subject.balBreakpoints.isDesktop;
-        this.language = index.defaultConfig.language;
-        this.region = index.defaultConfig.region;
+        this.language = config_default.defaultConfig.language;
+        this.region = config_default.defaultConfig.region;
         this.isFlyoutActive = false;
         this.hasRenderedWithFlyoutActive = false;
         /**
@@ -512,7 +492,7 @@ const Nav = class {
         this.onTouchToggleFlyout = (_ev) => {
             this.closeAllPopups();
             this.toggleFlyout();
-            if (index.balBrowser.hasWindow && window.scrollY > 0) {
+            if (browser.balBrowser.hasWindow && window.scrollY > 0) {
                 window.scrollTo(0, 0);
             }
             if (this.isFlyoutActive) {
@@ -524,7 +504,7 @@ const Nav = class {
         };
         this.onPopupOpen = (triggers) => {
             if (this.isTouch) {
-                if (index.balBrowser.hasWindow && window.scrollY > 0) {
+                if (browser.balBrowser.hasWindow && window.scrollY > 0) {
                     window.scrollTo(0, 0);
                 }
             }
@@ -708,8 +688,8 @@ const Nav = class {
         if ('NavMenuLinkItem' === item.type) {
             this.activeMenuLinkValue = this.activeMenuLinkValue === item.value ? undefined : item.value;
         }
-        await index.waitForComponent(this.el);
-        await index.waitAfterIdleCallback();
+        await helpers.waitForComponent(this.el);
+        await helpers.waitAfterIdleCallback();
         const elementToScroll = this.el.querySelector(`#${item.id}`);
         if (elementToScroll) {
             elementToScroll.scrollIntoView({
@@ -745,7 +725,7 @@ const Nav = class {
         const block = bem.BEM.block('nav');
         const flyoutBlock = block.element('flyout');
         this.hasRenderedWithFlyoutActive = this.isFlyoutActive;
-        return (index.h(index.Host, { key: 'dae60e87a7091b449e1f75eab64b12ce35fb05ea', id: this.navId, class: Object.assign({}, block.class()) }, index.h("div", { key: '649fcb126503a271bc248ee96e68b425a923e5d3', class: {
+        return (index.h(index.Host, { key: 'bd3aaf8839666e5d482640dfa9274b799036fec3', id: this.navId, class: Object.assign({}, block.class()) }, index.h("div", { key: '0ff02ba7e1ad39d2707e84f500768385cd8058f6', class: {
                 'bal-nav-meta-bar-transform': true,
                 'bal-nav-meta-bar-transform-touch': this.isTouch,
             } }, this.isDesktop ? (index.h("bal-nav-meta-bar", { variant: "primary", size: "small", position: "sticky-top", ref: metaBarEl => (this.metaBarEl = metaBarEl) }, index.h("bal-stack", { space: "auto" }, this.linkItems.length > 1 ? (index.h("bal-tabs", { inverted: true, context: "meta", value: this.activeMetaLinkValue, "aria-label": i18nNavBars[this.language].mainNavigation, onBalChange: ev => this.onMetaBarTabChange(ev) }, this.linkItems.map(item => item.render({
@@ -781,14 +761,14 @@ const Nav = class {
                         activeMenuLinkValue: this.activeMenuLinkValue,
                         linkItems: this.linkItems,
                     });
-                    const isBackwards = index.isDescendant(this.el, ev.detail.relatedTarget);
+                    const isBackwards = helpers.isDescendant(this.el, ev.detail.relatedTarget);
                     handleFlyoutFocusOut(info, {
                         el: this.el,
                         isBackwards,
                     });
                 }
             } }, index.h("bal-nav-link", { role: "listitem", variant: "overview", href: (_c = (_b = this.activeMenuLinkItem) === null || _b === void 0 ? void 0 : _b.overviewLink) === null || _c === void 0 ? void 0 : _c.href, target: (_e = (_d = this.activeMenuLinkItem) === null || _d === void 0 ? void 0 : _d.overviewLink) === null || _e === void 0 ? void 0 : _e.target, onClick: () => { var _a; return this.linkItemClickListener((_a = this.activeMenuLinkItem) === null || _a === void 0 ? void 0 : _a.overviewLink); } }, (_g = (_f = this.activeMenuLinkItem) === null || _f === void 0 ? void 0 : _f.overviewLink) === null || _g === void 0 ? void 0 :
-            _g.label, ' ', ((_j = (_h = this.activeMenuLinkItem) === null || _h === void 0 ? void 0 : _h.overviewLink) === null || _j === void 0 ? void 0 : _j.label) ? '➞' : ''), this.renderGridLinks(this.activeMenuLinkItem))) : (''))) : (''), index.h("div", { key: '6499f09da6ff07093492b342ee5851600eccd391' }, index.h("slot", { key: '83f00bc33f0587edf5145def059525712b62637d' }))), this.isTouch ? (index.h("bal-nav-meta-bar", { variant: "white", size: "normal" }, index.h("bal-stack", { space: "auto" }, this.renderLogo(), index.h("bal-stack", { space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtTouchTopMetaBar()), index.h("bal-button", { square: true, color: this.isFlyoutActive ? 'primary' : 'light', icon: this.isFlyoutActive ? 'close' : 'menu-bars', "aria-label": this.isFlyoutActive ? i18nNavBars[this.language].close : i18nNavBars[this.language].open, onClick: ev => this.onTouchToggleFlyout(ev) }))))) : (''), this.isTouch ? (index.h("div", { class: Object.assign(Object.assign({}, flyoutBlock.class()), flyoutBlock.modifier('visible').class(this.isFlyoutActive)) }, index.h("nav", { class: Object.assign({}, flyoutBlock.element('container').class()) }, index.h("ul", { class: Object.assign({}, block.element('mobile-meta-list').class()) }, this.linkItems.map(item => item.renderTouch({
+            _g.label, ' ', ((_j = (_h = this.activeMenuLinkItem) === null || _h === void 0 ? void 0 : _h.overviewLink) === null || _j === void 0 ? void 0 : _j.label) ? '➞' : ''), this.renderGridLinks(this.activeMenuLinkItem))) : (''))) : (''), index.h("div", { key: '5d7ce9a508ca9c83120c8f288c946ff42001d41d' }, index.h("slot", { key: 'a05f492433abe803c255ed42ecd52faf35f42f38' }))), this.isTouch ? (index.h("bal-nav-meta-bar", { variant: "white", size: "normal" }, index.h("bal-stack", { space: "auto" }, this.renderLogo(), index.h("bal-stack", { space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtTouchTopMetaBar()), index.h("bal-button", { square: true, color: this.isFlyoutActive ? 'primary' : 'light', icon: this.isFlyoutActive ? 'close' : 'menu-bars', "aria-label": this.isFlyoutActive ? i18nNavBars[this.language].close : i18nNavBars[this.language].open, onClick: ev => this.onTouchToggleFlyout(ev) }))))) : (''), this.isTouch ? (index.h("div", { class: Object.assign(Object.assign({}, flyoutBlock.class()), flyoutBlock.modifier('visible').class(this.isFlyoutActive)) }, index.h("nav", { class: Object.assign({}, flyoutBlock.element('container').class()) }, index.h("ul", { class: Object.assign({}, block.element('mobile-meta-list').class()) }, this.linkItems.map(item => item.renderTouch({
             activeMetaLinkValue: this.activeMetaLinkValue,
             activeMenuLinkValue: this.activeMenuLinkValue,
         })))))) : (''), this.isTouch && this.isFlyoutActive ? (index.h("bal-nav-meta-bar", { stayOnTopOfBackdrop: true, variant: "grey", size: "normal" }, index.h("bal-stack", { space: "x-small", align: "center" }, this.metaButtons.map(button => button.renderAtTouchBottomMetaBar())))) : ('')));
@@ -835,7 +815,7 @@ const Nav = class {
     }; }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-nav'),
+    log.Logger('bal-nav'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -912,7 +892,7 @@ const NavLink = class {
     }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-nav-link'),
+    log.Logger('bal-nav-link'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -938,7 +918,7 @@ const NavLinkGrid = class {
     }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-nav-link-grid'),
+    log.Logger('bal-nav-link-grid'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -973,7 +953,7 @@ const NavLinkGridCol = class {
     }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-nav-link-grid-col'),
+    log.Logger('bal-nav-link-grid-col'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -1008,7 +988,7 @@ const NavLinkGroup = class {
     }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-nav-link-group'),
+    log.Logger('bal-nav-link-group'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -1052,12 +1032,12 @@ const NavMenuBar = class {
     render() {
         const block = bem.BEM.block('nav-menu-bar');
         const innerBlock = block.element('inner');
-        return (index.h(index.Host, { key: '1d3156e1e56a298106c03aa04a7ce6e7e720fa09', id: this.navMenuBarId, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`position-${this.position}`).class(this.position !== 'none')) }, index.h("div", { key: '1e1855a00bf27d97cd6740bbf1bf6c27b688b8fd', class: Object.assign({}, innerBlock.class()) }, index.h("div", { key: '96ada15dbc1e40a0f364d05de09692c483a57c44', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: '1a3229dd01d5da1cfc3e9ff15ae995ddd6fb2c93' })))));
+        return (index.h(index.Host, { key: 'c512c5c56732da21be09b4f425cadf3e59cd42f9', id: this.navMenuBarId, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`position-${this.position}`).class(this.position !== 'none')) }, index.h("div", { key: '79c4e0d458b0a7ced671b8fe9268d10748f676f8', class: Object.assign({}, innerBlock.class()) }, index.h("div", { key: '565d5c9f36f2e1d835f1e918308d7b4435cf650a', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: 'ab610c474c6c6a9e1b15036a298aa3b273ae4207' })))));
     }
     get el() { return index.getElement(this); }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-nav-menu-bar'),
+    log.Logger('bal-nav-menu-bar'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -1100,7 +1080,7 @@ const NavMenuFlyout = class {
      * ------------------------------------------------------
      */
     onFocusLeave(event) {
-        if (this.el && event.relatedTarget && !index.isDescendant(this.el, event.relatedTarget)) {
+        if (this.el && event.relatedTarget && !helpers.isDescendant(this.el, event.relatedTarget)) {
             this.balFocusOut.emit(event);
         }
     }
@@ -1127,12 +1107,12 @@ const NavMenuFlyout = class {
     render() {
         const block = bem.BEM.block('nav-menu-flyout');
         const line = block.element('line');
-        return (index.h(index.Host, { key: '08fec06021b7342e57f8b473e8b3945e9f9b1fdd', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, index.h("div", { key: 'e0ac894e2f7f9f598e83f9b356d6b6650517dae8', class: Object.assign({}, line.class()) }), index.h("div", { key: '1849d0a2e87299ed182eb4d3adf167f129dc50f5', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: 'd4b6906e2747d25c10426c295cce3f6a64ee5fb3' }))));
+        return (index.h(index.Host, { key: '5b8b721ba798c1b821379db4eb80bb99d03cbc5b', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, index.h("div", { key: 'b17ee85558e1fcd48d98f1b1744f7484f105e5dc', class: Object.assign({}, line.class()) }), index.h("div", { key: 'b864ab407819d5169e5ac03108d15f1cd0383715', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: '2e517d14555faa2f42447ea55208c3580882fa7b' }))));
     }
     get el() { return index.getElement(this); }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-nav-menu-flyout'),
+    log.Logger('bal-nav-menu-flyout'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)
@@ -1187,7 +1167,7 @@ const NavMetaBar = class {
      * ------------------------------------------------------
      */
     handleScroll() {
-        if (index.balBrowser.hasWindow && index.balBrowser.hasDocument && this.position === 'sticky-top') {
+        if (browser.balBrowser.hasWindow && browser.balBrowser.hasDocument && this.position === 'sticky-top') {
             const maxScrollHeight = document.body.scrollHeight - document.body.clientHeight;
             const isOnTop = 0 >= window.scrollY;
             const isOverViewportTop = 0 > window.scrollY;
@@ -1223,12 +1203,12 @@ const NavMetaBar = class {
      */
     render() {
         const block = bem.BEM.block('nav-meta-bar');
-        return (index.h(index.Host, { key: 'b0bcf370b580af4b1b08e3db52fdcd63d73b6626', id: this.navMetaBarId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class()), block.modifier(`size-${this.size}`).class()), block.modifier(`position-${this.position}`).class(this.position !== 'none')), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`stay-on-top`).class(this.stayOnTopOfBackdrop)) }, index.h("div", { key: 'e6d3b94907abfa645139d6f680f70fc5c4120704', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: 'd8f228c8191c61245dcf96f54270e021609a9296' }))));
+        return (index.h(index.Host, { key: '25684e02977f5a4d967d30008b547d8cf44e3226', id: this.navMetaBarId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class()), block.modifier(`size-${this.size}`).class()), block.modifier(`position-${this.position}`).class(this.position !== 'none')), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`stay-on-top`).class(this.stayOnTopOfBackdrop)) }, index.h("div", { key: 'f57d830449b096a918c3c95afdc3c10bfe0aebab', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: 'bff11fca547605a1f0f1993fd7ffefa4b3c500a6' }))));
     }
     get el() { return index.getElement(this); }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-meta-bar'),
+    log.Logger('bal-meta-bar'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)

package/dist/cjs/bal-navbar_5.cjs.entry.js

@@ -1,15 +1,20 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var bem = require('./bem-p0PWVN8n.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
-var config_decorator = require('./config.decorator-D_YTqpYj.js');
-var scroll = require('./scroll-DU1EZHWg.js');
-var breakpoints_subject = require('./breakpoints.subject-DyM7928g.js');
-var breakpoints_decorator = require('./breakpoints.decorator-Bcx5bHdk.js');
-require('./device-CrnZOym8.js');
-require('./listener-h1eTpBYL.js');
-require('./tokens.esm-yrgVVjY8.js');
+var browser = require('./browser-BwmkTmm8.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var scroll = require('./scroll-B_kvfDui.js');
+var config_default = require('./config.default-Bkso4_bY.js');
+var config_decorator = require('./config.decorator-CUe4yCTd.js');
+var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
+var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
+require('./config.utils-Civnz2jT.js');
+require('./log-CXDMiw7o.js');
+require('./device-CoogBamh.js');
+require('./listener-DspXpqzY.js');
+require('./tokens.esm-CNpvwEnI.js');
 
 const balNavbarCss = ":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__logo--small{height:calc(100% - 2.5rem)}@media screen and (min-width: 1024px){.bal-navbar__brand__logo--small{height:calc(100% - 3.5rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";
 
@@ -107,7 +112,7 @@ const NavbarBrand = class {
         this.balWillAnimate = index.createEvent(this, "balWillAnimate");
         this.balDidAnimate = index.createEvent(this, "balDidAnimate");
         this.bodyScrollHandler = new scroll.BalScrollHandler();
-        this.language = index.defaultConfig.language;
+        this.language = config_default.defaultConfig.language;
         this.isMenuActive = false;
         /**
          * Link of the logo / title.
@@ -147,7 +152,7 @@ const NavbarBrand = class {
         this.bodyScrollHandler.connect();
     }
     componentWillLoad() {
-        if (index.balBrowser.hasWindow && window.matchMedia) {
+        if (browser.balBrowser.hasWindow && window.matchMedia) {
             window.matchMedia('(min-width: 960px)').addEventListener('change', this.resetIsMenuActive.bind(this));
         }
     }
@@ -174,7 +179,7 @@ const NavbarBrand = class {
     async setIsMenuActiveAndAnimate(isMenuActive = this.isMenuActive) {
         this.isMenuActive = isMenuActive;
         this.balWillAnimate.emit(this.isMenuActive);
-        if (index.balBrowser.hasWindow && window.scrollY > 0) {
+        if (browser.balBrowser.hasWindow && window.scrollY > 0) {
             window.scrollTo(0, 0);
         }
         if (this.isMenuActive) {
@@ -192,7 +197,7 @@ const NavbarBrand = class {
         }
         // wait for the default animation time to ensure
         // the line of the tabs is at the correct position
-        await index.wait(300);
+        await helpers.wait(300);
         this.balDidAnimate.emit(this.isMenuActive);
     }
     async onClick() {
@@ -205,7 +210,7 @@ const NavbarBrand = class {
                 .modifier('small')
                 .class(this.logoSize === 'small')), src: this.logo, alt: "Logo" })) : (index.h("bal-logo", { animated: this.animated, color: 'white', size: this.logoSize }));
         const logoLabel = this.logoLabel ? this.logoLabel : i18nBalNavbarBrand[this.language].logoButtonLabel;
-        return (index.h(index.Host, { key: '7094feb6286adb3f8ca239f2083915b0c515f558', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (index.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 ? (index.h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), index.h("span", { key: 'd34d073da6df76bb8ee23cf2f0e252e25770e8ae', class: Object.assign({}, navbarBrandEl.element('title').class()) }, index.h("slot", { key: '1fe4bf6cff6641d027a9ead60bd7bb6a7b9aca9d' })), index.h("bal-button", { key: '2c873463b3cf67369769f82e8aa7c524240ad38e', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
+        return (index.h(index.Host, { key: 'e2534fabd7b620bef928e4e5e224295832bc5665', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (index.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 ? (index.h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), index.h("span", { key: '72f3cb42aee12c085ecbc2ecd0a7ef4adbe6e306', class: Object.assign({}, navbarBrandEl.element('title').class()) }, index.h("slot", { key: 'e2e58abba878ec1f05624e319a3c8965680aebac' })), index.h("bal-button", { key: 'd98c54c44c7739518eb62da8fa53df3291592c12', 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() })));
@@ -242,7 +247,7 @@ const NavbarMenu = class {
         this.isMenuActive = isMenuActive;
         const tabsElement = this.element.querySelector('bal-tabs');
         if (tabsElement) {
-            await index.deepReady(tabsElement);
+            await helpers.deepReady(tabsElement);
             tabsElement.renderLine();
         }
     }

package/dist/cjs/bal-notices_3.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var bem = require('./bem-p0PWVN8n.js');
 
-const balNoticesCss = ".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";
+const balNoticesCss = ".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center;pointer-events:auto !important}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";
 
 const Notices = class {
     constructor(hostRef) {

package/dist/cjs/bal-notification.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var bem = require('./bem-p0PWVN8n.js');
 
 const balNotificationCss = ":root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:\"\";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')}";

package/dist/cjs/bal-number-input.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$2 = require('./index-TwNDE7ev.js');
+var index$2 = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var index$3 = require('./index-CuY5w2n4.js');
 var index = require('./index-ifu9fMyU.js');
@@ -8,12 +8,17 @@ var index$1 = require('./index-BZ67Dcnb.js');
 var aria = require('./aria-BzkqcV7W.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 var bem = require('./bem-p0PWVN8n.js');
-var config_decorator = require('./config.decorator-D_YTqpYj.js');
 var form = require('./form-BSlIiqcR.js');
-var formInput = require('./form-input-DBZuEpuy.js');
-var number = require('./number-B6kudt4D.js');
+var formInput = require('./form-input-BwFB4Rej.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var log = require('./log-CXDMiw7o.js');
+var number = require('./number-COdZG-wK.js');
 var keys_constant = require('./keys.constant-LnwxHAZo.js');
+var config_default = require('./config.default-Bkso4_bY.js');
+var config_decorator = require('./config.decorator-CUe4yCTd.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
+require('./browser-BwmkTmm8.js');
+require('./config.utils-Civnz2jT.js');
 
 function checkIfValueIsStringAndDoesNotHaveGermanFormat(val) {
     return typeof val === 'string' && number.getThousandSeparator() !== '.';
@@ -134,8 +139,8 @@ const NumberInput = class {
         this.inputValue = this.value;
         this.initialValue = undefined;
         this.focused = false;
-        this.language = index$2.defaultConfig.language;
-        this.region = index$2.defaultConfig.region;
+        this.language = config_default.defaultConfig.language;
+        this.region = config_default.defaultConfig.region;
         this.ariaForm = form.defaultBalAriaForm;
         this.nativeInputValue = '';
         this.inputPattern = this.createPattern();
@@ -252,7 +257,7 @@ const NumberInput = class {
         this.log = log;
     }
     debounceChanged() {
-        this.balChange = index$2.debounceEvent(this.balChange, this.debounce);
+        this.balChange = helpers.debounceEvent(this.balChange, this.debounce);
     }
     valueChanged(newValue, oldValue) {
         const newValueAsNumber = toNumber(newValue, this.decimal);
@@ -382,7 +387,7 @@ const NumberInput = class {
      */
     render() {
         const block = bem.BEM.block('number-input');
-        return (index$2.h(index$2.Host, { key: 'd91080decce4a1568a02ca2dd035866aae49cf76', onClick: this.handleClick, "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index$2.h("input", Object.assign({ key: '88efec9e37fd84e1aba4672521a93f5453105bcd', class: {
+        return (index$2.h(index$2.Host, { key: '05aefde81132346bdb2130d043eca23d147de546', onClick: this.handleClick, "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index$2.h("input", Object.assign({ key: '28ee794cc826e50003d8485c8dda1ba2e083481b', class: {
                 'input': true,
                 'is-disabled': this.disabled || this.readonly,
                 'is-danger': this.invalid,
@@ -395,7 +400,7 @@ const NumberInput = class {
     }; }
 };
 tslib_es6.__decorate([
-    index$2.Logger('bal-number-input'),
+    log.Logger('bal-number-input'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)