@baloise/ds-core 19.8.2 → 19.8.3

package/dist/cjs/bal-tab-item_2.cjs.entry.js

@@ -1,31 +1,35 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
-var animation_decorator = require('./animation.decorator-DvBKgd0w.js');
 var array = require('./array-Db63Hhl1.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');
-require('./window-resize.subject-AALAxaW0.js');
-var resize_decorator = require('./resize.decorator-Cxv0R8v_.js');
-var swiper_util = require('./swiper.util-B4hvYgKv.js');
-var swipe_decorator = require('./swipe.decorator-B69SZ4Jn.js');
-var visibility_decorator = require('./visibility.decorator-CC35M6Un.js');
+var formInput = require('./form-input-BwFB4Rej.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var log = require('./log-CXDMiw7o.js');
+var string = require('./string-CKS6CsMi.js');
 var balTab_util = require('./bal-tab.util-DFGwGbfr.js');
 var aria = require('./aria-BzkqcV7W.js');
-require('./listener-h1eTpBYL.js');
+var browser = require('./browser-BwmkTmm8.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 visibility_decorator = require('./visibility.decorator-DTARY-5M.js');
+var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
+var resize_decorator = require('./resize.decorator-ChuFQ8x3.js');
+var swipe_decorator = require('./swipe.decorator-BZYUlkYt.js');
+var animation_decorator = require('./animation.decorator-B4NJvcMF.js');
+var config_decorator = require('./config.decorator-CUe4yCTd.js');
 require('./index-BZ67Dcnb.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./index-BobQkZjn.js');
-require('./device-CrnZOym8.js');
-require('./tokens.esm-yrgVVjY8.js');
+require('./config.utils-Civnz2jT.js');
 require('./keyboard.helpers-BkZpVT-9.js');
-require('./swipe.subject-BbLTKDyB.js');
+require('./device-CoogBamh.js');
+require('./listener-DspXpqzY.js');
+require('./tokens.esm-CNpvwEnI.js');
+require('./swipe.subject-BaKNugDQ.js');
 
 const TabItem = class {
     constructor(hostRef) {
@@ -142,10 +146,10 @@ const TabItem = class {
     render() {
         const hasPanel = !this.noPanel;
         const noPanelOrInactive = !this.isActive || this.noPanel;
-        return (index.h(index.Host, { key: '4cca3771f21f5049d68fcb2da92a2a49972670c3', id: this.tabPanelID, class: {
+        return (index.h(index.Host, { key: '8faef74e951bde8c3e3be3348ce09ce614d321de', id: this.tabPanelID, class: {
                 'bal-tab-item': true,
                 'bal-tab-item--active': this.isActive,
-            }, role: hasPanel ? 'tabpanel' : undefined, "aria-hidden": noPanelOrInactive ? 'true' : 'false', "aria-labelledby": this.tabsId ? `${this.tabsId}-button-${this.value}` : undefined, tabindex: noPanelOrInactive ? '-1' : undefined, hidden: noPanelOrInactive ? true : undefined }, index.h("slot", { key: 'e8521265c345ce4dfbc5e6e1f332d11004c7588b' })));
+            }, role: hasPanel ? 'tabpanel' : undefined, "aria-hidden": noPanelOrInactive ? 'true' : 'false', "aria-labelledby": this.tabsId ? `${this.tabsId}-button-${this.value}` : undefined, tabindex: noPanelOrInactive ? '-1' : undefined, hidden: noPanelOrInactive ? true : undefined }, index.h("slot", { key: '23bfff424e8da5faee77587e5bc6f46ea7cfb109' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -157,17 +161,12 @@ const TabIcon = ({ item, inverted, accordion, isAccordionOpen, isMobile, hasBubb
     if (inverted) {
         iconColor = item.disabled ? 'primary-light' : 'white';
     }
-    return (index.h("span", { class: Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('active').class(item.active)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('display-svg').class(item.svg !== undefined)) },
-        item.svg ? (index.h("bal-icon", { svg: item.svg, size: "large", color: "auto" })) : (index.h("bal-icon", { size: isMobile || accordion ? 'small' : '', name: accordion ? 'nav-go-down' : item.icon, color: iconColor, turn: accordion && isAccordionOpen === true && item.active })),
-        hasBubble ? (index.h("bal-badge", { class: Object.assign({}, bemEl.element('bubble').class()), size: "small" }, item.bubble)) : ('')));
+    return (index.h("span", { class: Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('active').class(item.active)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('display-svg').class(item.svg !== undefined)) }, item.svg ? (index.h("bal-icon", { svg: item.svg, size: "large", color: "auto" })) : (index.h("bal-icon", { size: isMobile || accordion ? 'small' : '', name: accordion ? 'nav-go-down' : item.icon, color: iconColor, turn: accordion && isAccordionOpen === true && item.active })), hasBubble ? (index.h("bal-badge", { class: Object.assign({}, bemEl.element('bubble').class()), size: "small" }, item.bubble)) : ('')));
 };
 
 const TabLabel = ({ item, inverted, hasBubble, isExpanded, isVertical, context, }) => {
     const bemEl = bem.BEM.block('tabs').element('nav').element('item').element('label');
-    return (index.h("span", { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('inverted').class(inverted)), bemEl.modifier('active').class(item.active)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('vertical').class(isVertical)), bemEl.modifier('expanded').class(isExpanded)), bemEl.modifier(`context-${context}`).class(context !== undefined)), bemEl.modifier('with-svg').class(item.svg && item.svg.length > 0)), "data-testid": "bal-tabs-item-label" },
-        item.label,
-        item.subLabel && index.h("span", { class: bemEl.element('sub-label').class() }, item.subLabel),
-        hasBubble ? (index.h("bal-badge", { class: Object.assign({}, bemEl.element('bubble').class()), size: "small" }, item.bubble)) : ('')));
+    return (index.h("span", { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('inverted').class(inverted)), bemEl.modifier('active').class(item.active)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('vertical').class(isVertical)), bemEl.modifier('expanded').class(isExpanded)), bemEl.modifier(`context-${context}`).class(context !== undefined)), bemEl.modifier('with-svg').class(item.svg && item.svg.length > 0)), "data-testid": "bal-tabs-item-label" }, item.label, item.subLabel && index.h("span", { class: bemEl.element('sub-label').class() }, item.subLabel), hasBubble ? (index.h("bal-badge", { class: Object.assign({}, bemEl.element('bubble').class()), size: "small" }, item.bubble)) : ('')));
 };
 
 const TabButton = ({ item, tabsId, isFirst, isLast, isMobile, isVertical, accordion, isAccordionOpen, isLinkList, inverted, isExpanded, spaceless, clickable, iconPosition, context, onSelectTab, hasSubLabelInGroup, dimInactiveElements, }) => {
@@ -204,13 +203,10 @@ const TabButton = ({ item, tabsId, isFirst, isLast, isMobile, isVertical, accord
     if (!isLinkList) {
         attrs['tabindex'] = item.active ? '0' : '-1';
     }
-    const renderButton = () => (index.h(TagType, Object.assign({ id: `${tabsId}-button-${swiper_util.toKebabCase(item.value)}`, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('active').class(item.active)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('accordion').class(accordion)), bemEl.modifier('inverted').class(inverted)), bemEl.modifier('expanded').class(isExpanded)), bemEl.modifier('spaceless').class(spaceless)), bemEl.modifier('first').class(isFirst)), bemEl.modifier('last').class(isLast)), bemEl.modifier('passed').class(item.passed)), bemEl.modifier('vertical').class(isVertical)), bemEl.modifier(`context-${context}`).class(context !== undefined)), bemEl.modifier(`icon-position-${iconPosition}`).class(iconPosition !== 'horizontal')), bemEl.modifier(`display-svg`).class(item.svg && item.svg.length > 0)), bemEl.modifier('group-has-sub-label').class(hasSubLabelInGroup)), bemEl.modifier('dim-inactive-elements').class(dimInactiveElements)), { 'bal-focusable': !item.disabled && !item.invisible }), draggable: false, "data-tabs": tabsId, "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-tabs-item", "aria-selected": !isTabButton ? undefined : item.active ? 'true' : 'false' }, attrs, { onClick: (ev) => onSelectTab(ev, item), onKeyDown: (ev) => {
+    const renderButton = () => (index.h(TagType, Object.assign({ id: `${tabsId}-button-${string.toKebabCase(item.value)}`, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('active').class(item.active)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('accordion').class(accordion)), bemEl.modifier('inverted').class(inverted)), bemEl.modifier('expanded').class(isExpanded)), bemEl.modifier('spaceless').class(spaceless)), bemEl.modifier('first').class(isFirst)), bemEl.modifier('last').class(isLast)), bemEl.modifier('passed').class(item.passed)), bemEl.modifier('vertical').class(isVertical)), bemEl.modifier(`context-${context}`).class(context !== undefined)), bemEl.modifier(`icon-position-${iconPosition}`).class(iconPosition !== 'horizontal')), bemEl.modifier(`display-svg`).class(item.svg && item.svg.length > 0)), bemEl.modifier('group-has-sub-label').class(hasSubLabelInGroup)), bemEl.modifier('dim-inactive-elements').class(dimInactiveElements)), { 'bal-focusable': !item.disabled && !item.invisible }), draggable: false, "data-tabs": tabsId, "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-tabs-item", "aria-selected": !isTabButton ? undefined : item.active ? 'true' : 'false' }, attrs, { onClick: (ev) => onSelectTab(ev, item), onKeyDown: (ev) => {
             var _a;
             (_a = item.keyDown) === null || _a === void 0 ? void 0 : _a.emit(ev);
-        } }),
-        item.icon || item.svg ? (index.h(TabIcon, { accordion: false, item: item, isMobile: isMobile, hasBubble: hasIconBubble, inverted: inverted })) : (''),
-        index.h(TabLabel, { item: item, isMobile: isMobile, isVertical: isVertical, isExpanded: isExpanded, hasBubble: hasLabelBubble, inverted: inverted, context: context }),
-        accordion && !item.href ? (index.h(TabIcon, { accordion: accordion, isAccordionOpen: isAccordionOpen, item: item, isMobile: isMobile, hasBubble: hasAccordionIconBubble, inverted: inverted })) : ('')));
+        } }), item.icon || item.svg ? (index.h(TabIcon, { accordion: false, item: item, isMobile: isMobile, hasBubble: hasIconBubble, inverted: inverted })) : (''), index.h(TabLabel, { item: item, isMobile: isMobile, isVertical: isVertical, isExpanded: isExpanded, hasBubble: hasLabelBubble, inverted: inverted, context: context }), accordion && !item.href ? (index.h(TabIcon, { accordion: accordion, isAccordionOpen: isAccordionOpen, item: item, isMobile: isMobile, hasBubble: hasAccordionIconBubble, inverted: inverted })) : ('')));
     if (isLinkList) {
         return index.h("li", null, renderButton());
     }
@@ -233,21 +229,15 @@ const TabNav = ({ swiper, items, tabsId, isVertical, inNavbar, isMobile, isTouch
     const Button = ({ item, index: index$1 }) => (index.h(TabButton, { item: item, isLinkList: isLinkList, tabsId: tabsId, isFirst: index$1 === 0, isLast: index$1 === tabs.length - 1, isMobile: isMobile, isVertical: isVertical, iconPosition: iconPosition, spaceless: spaceless, inverted: inverted, accordion: accordion, isAccordionOpen: isAccordionOpen, context: context, isExpanded: expanded, clickable: clickable && !item.disabled, onSelectTab: onSelectTab, hasSubLabelInGroup: hasSubLabelInGroup, dimInactiveElements: dimInactiveElements }));
     const NavOrDiv = isLinkList ? 'nav' : 'div';
     const DivOrList = isLinkList ? 'ul' : 'div';
-    return (index.h("div", { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('vertical').class(isVertical)), bemEl.modifier('full-height').class(isFullHeight)), bemEl.modifier(`vertical-col-${verticalColSize}`).class(isVertical)), swiper.cssSwiper()) },
-        index.h(NavOrDiv, { id: `${tabsId}-nav`, class: Object.assign(Object.assign(Object.assign({}, swiper.cssInnerSwiper()), navInnerEl.class()), navInnerEl.modifier(`full-height`).class(isFullHeight)), ref: el => {
-                if (el) {
-                    swiper.innerEl = el;
-                }
-            }, "aria-label": isLinkList ? ariaLabel : undefined },
-            index.h(DivOrList, { id: swiper.containerId, class: Object.assign(Object.assign(Object.assign(Object.assign({}, swiper.cssSwiperContainer()), navContainerEl.class()), navContainerEl.modifier(`vertical`).class(isVertical)), navContainerEl.modifier(`expanded`).class(expanded && !isVertical)), role: isLinkList ? undefined : 'tablist', "aria-label": isLinkList ? undefined : ariaLabel, ref: el => {
-                    if (el) {
-                        swiper.containerEl = el;
-                    }
-                } },
-                tabs.map((tab, index$1) => (index.h(Button, { item: tab, index: index$1 }))),
-                index.h("div", { id: `${tabsId}-line`, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, navLineEl.class()), navLineEl.modifier(`active`).class(lineActive)), navLineEl.modifier(`inverted`).class(inverted)), navLineEl.modifier(`animated`).class(animated)), navLineEl.modifier(`vertical`).class(isVertical)), navLineEl.modifier(`hidden`).class(lineHidden)) }),
-                border ? (index.h("div", { id: `${tabsId}-border`, class: Object.assign(Object.assign(Object.assign({}, navBorderEl.class()), navBorderEl.modifier(`inverted`).class(inverted)), navBorderEl.modifier(`vertical`).class(isVertical)) })) : (''))),
-        showSwiperControls ? swiper.renderControls() : ''));
+    return (index.h("div", { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('vertical').class(isVertical)), bemEl.modifier('full-height').class(isFullHeight)), bemEl.modifier(`vertical-col-${verticalColSize}`).class(isVertical)), swiper.cssSwiper()) }, index.h(NavOrDiv, { id: `${tabsId}-nav`, class: Object.assign(Object.assign(Object.assign({}, swiper.cssInnerSwiper()), navInnerEl.class()), navInnerEl.modifier(`full-height`).class(isFullHeight)), ref: el => {
+            if (el) {
+                swiper.innerEl = el;
+            }
+        }, "aria-label": isLinkList ? ariaLabel : undefined }, index.h(DivOrList, { id: swiper.containerId, class: Object.assign(Object.assign(Object.assign(Object.assign({}, swiper.cssSwiperContainer()), navContainerEl.class()), navContainerEl.modifier(`vertical`).class(isVertical)), navContainerEl.modifier(`expanded`).class(expanded && !isVertical)), role: isLinkList ? undefined : 'tablist', "aria-label": isLinkList ? undefined : ariaLabel, ref: el => {
+            if (el) {
+                swiper.containerEl = el;
+            }
+        } }, tabs.map((tab, index$1) => (index.h(Button, { item: tab, index: index$1 }))), index.h("div", { id: `${tabsId}-line`, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, navLineEl.class()), navLineEl.modifier(`active`).class(lineActive)), navLineEl.modifier(`inverted`).class(inverted)), navLineEl.modifier(`animated`).class(animated)), navLineEl.modifier(`vertical`).class(isVertical)), navLineEl.modifier(`hidden`).class(lineHidden)) }), border ? (index.h("div", { id: `${tabsId}-border`, class: Object.assign(Object.assign(Object.assign({}, navBorderEl.class()), navBorderEl.modifier(`inverted`).class(inverted)), navBorderEl.modifier(`vertical`).class(isVertical)) })) : (''))), showSwiperControls ? swiper.renderControls() : ''));
 };
 
 const TabSelect = ({ items, value, onSelectTab }) => {
@@ -257,7 +247,7 @@ const TabSelect = ({ items, value, onSelectTab }) => {
         if (selectedTabs.length > 0) {
             const selectedTab = selectedTabs[0];
             if (selectedTab.href !== '' && selectedTab.href !== undefined) {
-                if (index.balBrowser.hasWindow) {
+                if (browser.balBrowser.hasWindow) {
                     window.open(selectedTab.href, selectedTab.target);
                 }
             }
@@ -279,7 +269,7 @@ const Tabs = class {
         this.balDidAnimate = index.createEvent(this, "balDidAnimate");
         this.tabsId = `bal-tabs-${TabsIds++}`;
         this.inheritAttributes = {};
-        this.swiper = new swiper_util.SwiperUtil();
+        this.swiper = new string.SwiperUtil();
         this.isAccordionOpen = false;
         this.accordionState = 1 /* AccordionState.Collapsed */;
         this.isNavbarOpen = false;
@@ -290,7 +280,7 @@ const Tabs = class {
         this.index = 0;
         this.isMobile = breakpoints_subject.balBreakpoints.isMobile;
         this.isTablet = breakpoints_subject.balBreakpoints.isTablet;
-        this.language = index.defaultConfig.language;
+        this.language = config_default.defaultConfig.language;
         this.store = [];
         this.animated = true;
         /**
@@ -456,9 +446,9 @@ const Tabs = class {
             if (this.currentRaf !== undefined) {
                 cancelAnimationFrame(this.currentRaf);
             }
-            index.raf(async () => {
-                await index.deepReady(this.el, true);
-                this.currentRaf = index.raf(async () => {
+            helpers.raf(async () => {
+                await helpers.deepReady(this.el, true);
+                this.currentRaf = helpers.raf(async () => {
                     const target = this.getTargetElement(this.value);
                     if (!target) {
                         return;
@@ -466,14 +456,14 @@ const Tabs = class {
                     if (target.getAttribute('target') === '_blank') {
                         return;
                     }
-                    const padding = swiper_util.getComputedPadding(target);
+                    const padding = string.getComputedPadding(target);
                     const size = this.getLineSize(target, padding);
                     const offset = this.getOffset(target, padding);
                     const lineElement = this.getLineElement();
                     if (lineElement) {
                         const isVertical = this.isVertical();
                         this.balWillAnimate.emit(this.value);
-                        const waitForTransition = index.transitionEndAsync(lineElement, 300);
+                        const waitForTransition = helpers.transitionEndAsync(lineElement, 300);
                         if (isVertical) {
                             lineElement.style.setProperty('transform', `translateY(${offset}px)`);
                             lineElement.style.setProperty('min-height', `${size}px`);
@@ -494,7 +484,7 @@ const Tabs = class {
                                     borderElement.style.setProperty('width', `100%`);
                                 }
                                 else {
-                                    const containerMaxWidth = swiper_util.getWidthOfOverflowingChildren(carouselElement);
+                                    const containerMaxWidth = string.getWidthOfOverflowingChildren(carouselElement);
                                     borderElement.style.setProperty('width', `${containerMaxWidth}px`);
                                 }
                             }
@@ -543,7 +533,7 @@ const Tabs = class {
          * EVENT BINDING
          * ------------------------------------------------------
          */
-        this.onOptionChange = index.debounce(() => this.onOptionChangeInternal(), 100);
+        this.onOptionChange = helpers.debounce(() => this.onOptionChangeInternal(), 100);
         this.onOptionChangeInternal = async () => {
             try {
                 const options = await this.getOptions();
@@ -591,7 +581,7 @@ const Tabs = class {
         this.updateSwiper();
     }
     debounceChanged() {
-        this.balChange = index.debounceEvent(this.balChange, this.debounce);
+        this.balChange = helpers.debounceEvent(this.balChange, this.debounce);
     }
     verticalChanged() {
         this.updateSwiper();
@@ -609,7 +599,7 @@ const Tabs = class {
         this.swiper.connectedCallback(this);
         this.swiper.controls = 'small';
         this.updateSwiper();
-        this.inNavbar = index.hasParent('bal-navbar', this.el);
+        this.inNavbar = helpers.hasParent('bal-navbar', this.el);
         if (this.inNavbar) {
             const parentNavbar = this.el.closest('bal-navbar');
             if (parentNavbar) {
@@ -619,7 +609,7 @@ const Tabs = class {
         this.debounceChanged();
         this.mutationObserverActive = this.options === undefined || this.options.length < 1;
         if (this.accordion) {
-            const inNavMenuBar = index.hasParent('bal-nav-menu-bar', this.el);
+            const inNavMenuBar = helpers.hasParent('bal-nav-menu-bar', this.el);
             if (inNavMenuBar) {
                 this.isAccordionOpen = false;
             }
@@ -645,7 +635,7 @@ const Tabs = class {
         this.items.forEach(item => {
             item.setTabId(this.tabsId);
         });
-        index.rOnLoad(() => {
+        helpers.rOnLoad(() => {
             this.enableLineRender = true;
             this.animateLine(true);
         });
@@ -799,7 +789,7 @@ const Tabs = class {
     isUsedInNavbar(target) {
         const parentNavbar = target.closest('bal-navbar');
         const isNavbarOpen = target;
-        if (parentNavbar && index.isDescendant(parentNavbar, this.el)) {
+        if (parentNavbar && helpers.isDescendant(parentNavbar, this.el)) {
             this.isNavbarOpen = isNavbarOpen;
         }
     }
@@ -895,9 +885,9 @@ const Tabs = class {
             const index = options.findIndex(option => option.value === tab.value);
             this.swiper.updateIndex(index);
         }
-        await index.waitAfterFramePaint();
+        await helpers.waitAfterFramePaint();
         if (hasKeyboardFocus) {
-            const tabEl = this.el.querySelector(`#${this.tabsId}-button-${swiper_util.toKebabCase(tab.value)}`);
+            const tabEl = this.el.querySelector(`#${this.tabsId}-button-${string.toKebabCase(tab.value)}`);
             if (tabEl) {
                 tabEl.focus({ preventScroll: true });
             }
@@ -930,9 +920,9 @@ const Tabs = class {
             .filter(t => this.isTabActive(t))
             .map(t => t.label)
             .join(',');
-        return (index.h(index.Host, { key: 'cbce10198c6f32e4323ffabf9f2e95ed7c5671de', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('navbar').class(this.inNavbar)), block.modifier('vertical').class(isVertical)), block.modifier('fullwidth').class(this.expanded || this.fullwidth)), block.modifier('accordion').class(this.accordion)), block.modifier('animated').class(this.animated && this.isTabList)), block.modifier('expanding').class(this.accordionState === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.accordionState === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.accordionState === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.accordionState === 1 /* AccordionState.Collapsed */)), "data-value": dataValue, "data-label": dataLabel }, isSelect ? (index.h(TabSelect, { value: this.value, items: tabs, onSelectTab: this.onSelectTab })) : (index.h(TabNav, { swiper: this.swiper, items: tabs, isLinkList: isLinkList, tabsId: this.tabsId, clickable: this.clickable, ariaLabel: this.inheritAttributes['aria-label'], accordion: this.accordion, isAccordionOpen: this.isAccordionOpen, lineActive: valueExists, lineHidden: !this.enableLineRender, inverted: isInverted, animated: this.animated && this.isTabList, context: this.context, border: hasBorder, spaceless: this.spaceless, expanded: this.expanded, isMobile: isMobile, isTouch: isTouch, isVertical: isVertical, inNavbar: this.inNavbar, iconPosition: this.iconPosition, showSwiperControls: !this.isVertical(), verticalColSize: this.verticalColSize, onSelectTab: this.onSelectTab, dimInactiveElements: this.dimInactiveElements })), index.h("div", { key: '51096cdb6f56a75951792e036384e9891dba5f36', part: contentPart, class: Object.assign(Object.assign(Object.assign({}, contentEl.class()), contentEl.modifier('vertical').class(this.isVertical())), contentEl
+        return (index.h(index.Host, { key: 'adf5438fb91ca1ae24825612e717b22653e4b51b', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('navbar').class(this.inNavbar)), block.modifier('vertical').class(isVertical)), block.modifier('fullwidth').class(this.expanded || this.fullwidth)), block.modifier('accordion').class(this.accordion)), block.modifier('animated').class(this.animated && this.isTabList)), block.modifier('expanding').class(this.accordionState === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.accordionState === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.accordionState === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.accordionState === 1 /* AccordionState.Collapsed */)), "data-value": dataValue, "data-label": dataLabel }, isSelect ? (index.h(TabSelect, { value: this.value, items: tabs, onSelectTab: this.onSelectTab })) : (index.h(TabNav, { swiper: this.swiper, items: tabs, isLinkList: isLinkList, tabsId: this.tabsId, clickable: this.clickable, ariaLabel: this.inheritAttributes['aria-label'], accordion: this.accordion, isAccordionOpen: this.isAccordionOpen, lineActive: valueExists, lineHidden: !this.enableLineRender, inverted: isInverted, animated: this.animated && this.isTabList, context: this.context, border: hasBorder, spaceless: this.spaceless, expanded: this.expanded, isMobile: isMobile, isTouch: isTouch, isVertical: isVertical, inNavbar: this.inNavbar, iconPosition: this.iconPosition, showSwiperControls: !this.isVertical(), verticalColSize: this.verticalColSize, onSelectTab: this.onSelectTab, dimInactiveElements: this.dimInactiveElements })), index.h("div", { key: 'ef3a8707ffd193bb1a2ab0f76b140bd8ddf03010', part: contentPart, class: Object.assign(Object.assign(Object.assign({}, contentEl.class()), contentEl.modifier('vertical').class(this.isVertical())), contentEl
                 .modifier('hidden')
-                .class(this.context === 'meta' || this.context === 'navbar' || this.context === 'navigation')) }, index.h("div", { key: 'bb0e4faeb94da487c315507fb6b05391147cd1da', id: this.tabsId, class: Object.assign({}, contentEl.element('wrapper').class()) }, index.h("slot", { key: 'fbb8d282dc68ea5889436792efa76e174be9cc9d' })))));
+                .class(this.context === 'meta' || this.context === 'navbar' || this.context === 'navigation')) }, index.h("div", { key: '9c2c2d354e1f9b1d71b85810e9ef5fccc1f3f683', id: this.tabsId, class: Object.assign({}, contentEl.element('wrapper').class()) }, index.h("slot", { key: 'ab7902280092861830088a06478049ac35befa2c' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -944,7 +934,7 @@ const Tabs = class {
     }; }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-tabs'),
+    log.Logger('bal-tabs'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)

package/dist/cjs/bal-table.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 balTableCss = ".bal-table{display:block;position:static}.bal-table--is-fullwidth{display:-ms-flexbox;display:flex;width:100%}bal-checkbox .bal-checkbox__label::before{top:0}bal-checkbox .bal-checkbox__label::after{margin-top:0px}";
@@ -17,7 +17,7 @@ const Table = class {
         const block = bem.BEM.block('table');
         const fullwidthClass = 'is-fullwidth';
         const hasFullwidth = this.expanded;
-        return (index.h(index.Host, { key: 'e649f646f51b2ff16ad47498e4338b4856c078de', class: Object.assign(Object.assign(Object.assign({}, block.class()), { 'ag-theme-alpine': true }), block.modifier(fullwidthClass).class(hasFullwidth)) }, index.h("slot", { key: 'cb13c3d6ef13e8fc4013683f60b4557a13fd4401' })));
+        return (index.h(index.Host, { key: '02a18be55045376f238aeaaf4fdf0d1abd97788a', class: Object.assign(Object.assign(Object.assign({}, block.class()), { 'ag-theme-alpine': true }), block.modifier(fullwidthClass).class(hasFullwidth)) }, index.h("slot", { key: '33860f7409dc7b8ef772327022bed7978513a94a' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
+var aria = require('./aria-BzkqcV7W.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 var bem = require('./bem-p0PWVN8n.js');
-var aria = require('./aria-BzkqcV7W.js');
 
 const balTagCss = ":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-large);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white);--bal-tag-size-small-font-size:var(--bal-text-size-small);--bal-tag-size-small-font-weight:var(--bal-font-weight-regular)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-tag-size-small-font-size) !important;font-weight:var(--bal-tag-size-small-font-weight) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";
 
@@ -62,7 +62,7 @@ const Tag = class {
         const hasDisabled = this.disabled;
         const positionClass = `is-${this.position}`;
         const hasPosition = this.position !== undefined;
-        return (index.h(index.Host, Object.assign({ key: '19610b319eef385b35d471cbb7c8dbbec82d948d', "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(sizeClass).class(hasSize)), block.modifier(colorClass).class(hasColor)), block.modifier(disabledClass).class(hasDisabled)), block.modifier(positionClass).class(hasPosition)), block.modifier('is-invalid').class(this.invalid)) }, this.inheritedAttributes), index.h("span", { key: 'fd3ca48806a3e38c7147d4be4a12eccb585838c3', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, elLabel.class()), elLabel.modifier(sizeClass).class(hasSize)), elLabel.modifier(colorClass).class(hasColor)), elLabel.modifier(disabledClass).class(hasDisabled)), elLabel.modifier('is-invalid').class(this.invalid)), "data-testid": "bal-tag-label" }, index.h("slot", { key: '52520c8b812402d98138bbce22ba2f6dd017cdd3' })), index.h("bal-close", Object.assign({ key: '50b84027169d67402416c9d5c759f75439acf3b3', class: Object.assign({}, block.element('close').class()), style: {
+        return (index.h(index.Host, Object.assign({ key: '27a4f2f99a2ef7160c9239608a65fd035f07baac', "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(sizeClass).class(hasSize)), block.modifier(colorClass).class(hasColor)), block.modifier(disabledClass).class(hasDisabled)), block.modifier(positionClass).class(hasPosition)), block.modifier('is-invalid').class(this.invalid)) }, this.inheritedAttributes), index.h("span", { key: 'd67ec24e9286c0cd3539c87c3aec6fe2f539d178', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, elLabel.class()), elLabel.modifier(sizeClass).class(hasSize)), elLabel.modifier(colorClass).class(hasColor)), elLabel.modifier(disabledClass).class(hasDisabled)), elLabel.modifier('is-invalid').class(this.invalid)), "data-testid": "bal-tag-label" }, index.h("slot", { key: '6d9edd38cb609bb1ac630a31a066ce8a8b797f10' })), index.h("bal-close", Object.assign({ key: '5b10ce55af2a1ef7651fed5baa8a2a21ae0d5a6c', class: Object.assign({}, block.element('close').class()), style: {
                 display: this.closable && !this.disabled ? 'flex' : 'none',
             }, size: this.size === 'small' ? 'small' : '', inverted: (['blue', 'primary', 'info', 'success', 'warning', 'danger', 'red', 'purple', 'yellow', 'green'].includes(this.color) &&
                 !this.light) ||

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

@@ -1,11 +1,14 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var aria = require('./aria-BzkqcV7W.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 var bem = require('./bem-p0PWVN8n.js');
 var form = require('./form-BSlIiqcR.js');
-var formInput = require('./form-input-DBZuEpuy.js');
+var formInput = require('./form-input-BwFB4Rej.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+require('./browser-BwmkTmm8.js');
+require('./config.utils-Civnz2jT.js');
 
 const balTextareaCss = ".bal-textarea{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;width:100%;font-family:var(--bal-font-family-text);white-space:pre-wrap;-webkit-box-sizing:border-box;box-sizing:border-box}.bal-textarea__native{margin:0;display:block;width:100%;max-width:100%;max-height:100%;outline:none;background:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:calc(.75em - 2px)}.bal-textarea__native::-webkit-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-moz-placeholder{padding:0;font-family:inherit}.bal-textarea__native:-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::placeholder{padding:0;font-family:inherit}";
 
@@ -91,7 +94,7 @@ const Textarea = class {
         this.handleClick = (ev) => formInput.inputHandleHostClick(this, ev);
     }
     debounceChanged() {
-        this.balChange = index.debounceEvent(this.balChange, this.debounce);
+        this.balChange = helpers.debounceEvent(this.balChange, this.debounce);
     }
     listenOnClick(ev) {
         formInput.inputListenOnClick(this, ev);
@@ -146,7 +149,7 @@ const Textarea = class {
         const value = this.getValue();
         const block = bem.BEM.block('textarea');
         const elNative = block.element('native');
-        return (index.h(index.Host, { key: '6abf8c53f5514217abc01dfc9a34d2f77eeae25c', onClick: this.handleClick, "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index.h("textarea", Object.assign({ key: 'e133831d646f2a4483a98ecbf19a74ca4b086896', class: Object.assign(Object.assign({}, elNative.class()), { 'textarea': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'clickable': this.clickable }), "data-testid": "bal-textarea-input", ref: inputEl => (this.nativeInput = inputEl), name: this.name, id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), disabled: this.disabled, readonly: this.readonly, required: this.required, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autoFocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder, inputMode: this.inputmode, value: this.value, cols: this.cols, rows: this.rows, wrap: this.wrap, onFocus: this.onFocus, onInput: ev => this.onInput(ev), onBlur: this.onBlur, onClick: this.onClick, onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes), value, index.h("slot", { key: 'b5b22f948ec25bca265d654f1f8dfc397aca839a' }))));
+        return (index.h(index.Host, { key: 'd89d5925e65ffcf37caf62fdb8aef42361ceea7f', onClick: this.handleClick, "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index.h("textarea", Object.assign({ key: '20f02fa458fd85ff4c7c880b11522011052ff2e4', class: Object.assign(Object.assign({}, elNative.class()), { 'textarea': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'clickable': this.clickable }), "data-testid": "bal-textarea-input", ref: inputEl => (this.nativeInput = inputEl), name: this.name, id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), disabled: this.disabled, readonly: this.readonly, required: this.required, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autoFocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder, inputMode: this.inputmode, value: this.value, cols: this.cols, rows: this.rows, wrap: this.wrap, onFocus: this.onFocus, onInput: ev => this.onInput(ev), onBlur: this.onBlur, onClick: this.onClick, onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes), value, index.h("slot", { key: 'dfbd0670d3a5428b393bbdfb4778dbd4de5fddcc' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,17 +1,22 @@
 'use strict';
 
-var index = require('./index-TwNDE7ev.js');
+var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 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 keys_constant = require('./keys.constant-LnwxHAZo.js');
 var form = require('./form-BSlIiqcR.js');
-var formInput = require('./form-input-DBZuEpuy.js');
+var formInput = require('./form-input-BwFB4Rej.js');
+var helpers = require('./helpers-HuaiWXrB.js');
+var log = require('./log-CXDMiw7o.js');
 var balTimeInput_i18n = require('./bal-time-input.i18n-Bfr3EMVD.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');
 
 const balTimeInputCss = ":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";
 
@@ -29,8 +34,8 @@ const TimeInput = class {
         this.inputValue = this.value;
         this.initialValue = '';
         this.focused = false;
-        this.language = index.defaultConfig.language;
-        this.region = index.defaultConfig.region;
+        this.language = config_default.defaultConfig.language;
+        this.region = config_default.defaultConfig.region;
         this.ariaForm = form.defaultBalAriaForm;
         /**
          * The name of the control, which is submitted with the form data.
@@ -94,7 +99,7 @@ const TimeInput = class {
         this.log = log;
     }
     debounceChanged() {
-        this.balChange = index.debounceEvent(this.balChange, this.debounce);
+        this.balChange = helpers.debounceEvent(this.balChange, this.debounce);
     }
     listenOnClick(ev) {
         formInput.inputListenOnClick(this, ev);
@@ -166,7 +171,7 @@ const TimeInput = class {
         const value = this.focused ? this.getRawValue() : this.getFormattedValue();
         const block = bem.BEM.block('time-input');
         const native = block.element('native');
-        return (index.h(index.Host, { key: '169d820dea13588e19c1e31307cdf506d7cb103d', "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: 'a35e45501ec4fab9eb274c5dbc76f76d99794922', disabled: this.disabled || this.readonly, invalid: this.invalid }, index.h("input", Object.assign({ key: '22a706a78b700fc39b6819d5f34ef3cc7213e293', type: "time", class: Object.assign({ 'input': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'has-focus': this.focused, 'show-placeholder': !this.focused && (this.value === '' || this.value === undefined), 'has-value': this.value !== '' && this.value !== undefined }, native.class()), ref: input => (this.nativeInput = input), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: `${balTimeInput_i18n.i18nBalTimeInput[this.language].hours}:${balTimeInput_i18n.i18nBalTimeInput[this.language].minutes}`, value: value, onInput: ev => this.onInput(ev), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeydown(e), onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes)), index.h("bal-icon", { key: '99e813d458b4adb13726057d7cf82f21745bded7', "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', name: "clock" }))));
+        return (index.h(index.Host, { key: '86f8a153c77f318da2e35298216ab1b5c24ee7bd', "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: '32beb28a88c67c27102e682d29a705bff9fa0ebb', disabled: this.disabled || this.readonly, invalid: this.invalid }, index.h("input", Object.assign({ key: 'b96e7dd3309fa3e4e5e186000f6e3320f3fd42c0', type: "time", class: Object.assign({ 'input': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'has-focus': this.focused, 'show-placeholder': !this.focused && (this.value === '' || this.value === undefined), 'has-value': this.value !== '' && this.value !== undefined }, native.class()), ref: input => (this.nativeInput = input), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": aria.ariaBooleanToString(this.disabled), name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: `${balTimeInput_i18n.i18nBalTimeInput[this.language].hours}:${balTimeInput_i18n.i18nBalTimeInput[this.language].minutes}`, value: value, onInput: ev => this.onInput(ev), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeydown(e), onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes)), index.h("bal-icon", { key: '0b968334c8e83ee0eb538f6f2b2b07186e0676c7', "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', name: "clock" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -174,7 +179,7 @@ const TimeInput = class {
     }; }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-time-input'),
+    log.Logger('bal-time-input'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)

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

@@ -1,10 +1,14 @@
 '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 device = require('./device-CrnZOym8.js');
-var floatingUi = require('./floating-ui-T_yqQ0TC.js');
+var browser = require('./browser-BwmkTmm8.js');
+var device = require('./device-CoogBamh.js');
+var floatingUi = require('./floating-ui-DyN44UhF.js');
+var log = require('./log-CXDMiw7o.js');
+require('./helpers-HuaiWXrB.js');
+require('./config.utils-Civnz2jT.js');
 
 const showContainerElement = (containerEl) => {
     if (containerEl) {
@@ -131,7 +135,7 @@ const Tooltip = class {
     async present() {
         //
         // identify trigger element or the the closest trigger available
-        if (!this.trigger && index.balBrowser.hasDocument) {
+        if (!this.trigger && browser.balBrowser.hasDocument) {
             const firstTrigger = Array.from(document.querySelectorAll(`[id="${this.reference}"]`))[0];
             this.trigger = firstTrigger;
         }
@@ -192,7 +196,7 @@ const Tooltip = class {
         if (this.trigger && this.containerEl && this.arrowEl) {
             this.balWillAnimate.emit();
             let isInFrame = false;
-            if (index.balBrowser.hasWindow) {
+            if (browser.balBrowser.hasWindow) {
                 isInFrame = !!window.frameElement;
             }
             const lib = await floatingUi.balFloatingUi.load();
@@ -256,7 +260,7 @@ const Tooltip = class {
         const arrowBlock = block.element('arrow');
         const innerBlock = block.element('inner');
         const innerContentBlock = innerBlock.element('content');
-        return (index.h(index.Host, { key: '8a590dae8eddc3aba2700a72f040af70ac4dd3e6', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}` }, index.h("div", { key: 'c27651c603f1dda66783bbf9fc57f9b84f29465e', class: Object.assign({}, containerBlock.class()), ref: containerEl => (this.containerEl = containerEl) }, index.h("div", { key: '9e8bb710979992265e4b3938b03500f332fd76f8', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), index.h("bal-stack", { key: '8986da10e482c79939711244189613b601bbac60', layout: "vertical", class: Object.assign({}, innerBlock.class()) }, index.h("div", { key: '0f7ff54deee83d4dc00d95655b0f3d0e0a5ce4ed', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-tooltip-content" }, index.h("slot", { key: '6abe4c290c6974b1b6b075f7ddee9834949cdba8' }))))));
+        return (index.h(index.Host, { key: '02cb6bd433580340afae9201c14b98e78c9c37ad', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}` }, index.h("div", { key: '2f5a536123df97f387c094297a5c735c3645575a', class: Object.assign({}, containerBlock.class()), ref: containerEl => (this.containerEl = containerEl) }, index.h("div", { key: 'd084a2ecd2f8f920b180a833bbb2c80fb4850b83', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), index.h("bal-stack", { key: 'f5245be9dbfb32546d4273140de8dfc1e5c68b69', layout: "vertical", class: Object.assign({}, innerBlock.class()) }, index.h("div", { key: 'bd3b5bc24f24aa70f54f1fd6d3a572d8e57fc971', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-tooltip-content" }, index.h("slot", { key: '13f425d634613314bc59c37488bc7d3d9a0e6f64' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -264,7 +268,7 @@ const Tooltip = class {
     }; }
 };
 tslib_es6.__decorate([
-    index.Logger('bal-tooltip'),
+    log.Logger('bal-tooltip'),
     tslib_es6.__metadata("design:type", Function),
     tslib_es6.__metadata("design:paramtypes", [Function]),
     tslib_es6.__metadata("design:returntype", void 0)