@baloise/ds-core 17.2.1 → 17.2.2-nightly.20250109

package/dist/esm/swiper.util-3e090584.js

@@ -0,0 +1,445 @@
+import { h } from './index-8d2a7ce7.js';
+import { j as isDescendant, k as debounce, l as addEventListener, r as removeEventListener, o as raf } from './helpers-32d9e1cc.js';
+import { B as BEM } from './bem-8c7d2eb0.js';
+import { s as stopEventBubbling } from './form-input-1f3d8337.js';
+import { j as isTabKey } from './keyboard.helpers-159e517d.js';
+
+const toKebabCase = (string) => {
+    if (typeof string === 'string') {
+        return string
+            .replace(/([a-z])([0-9])/g, '$1-$2')
+            .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+            .replace(/[\s_]+/g, '-')
+            .toLowerCase();
+    }
+    return '';
+};
+
+const convert = (value) => parseInt(value.slice(0, -2), 10);
+const getComputedPadding = (element, defaultPadding = 16) => {
+    if (typeof window === 'undefined' || element === undefined) {
+        return { top: defaultPadding, right: defaultPadding, bottom: defaultPadding, left: defaultPadding };
+    }
+    const computedStyle = window.getComputedStyle(element);
+    const top = convert(computedStyle.getPropertyValue('padding-top'));
+    const right = convert(computedStyle.getPropertyValue('padding-right'));
+    const bottom = convert(computedStyle.getPropertyValue('padding-bottom'));
+    const left = convert(computedStyle.getPropertyValue('padding-left'));
+    return { top, right, bottom, left };
+};
+const getComputedWidth = (element) => {
+    if (typeof window === 'undefined') {
+        return element.clientWidth;
+    }
+    const computedStyle = window.getComputedStyle(element);
+    const boxSizing = computedStyle.getPropertyValue('box-sizing');
+    const width = convert(computedStyle.getPropertyValue('width'));
+    if (boxSizing === 'border-box') {
+        return width;
+    }
+    const right = convert(computedStyle.getPropertyValue('padding-right'));
+    const left = convert(computedStyle.getPropertyValue('padding-left'));
+    return left + width + right;
+};
+const getWidthOfOverflowingChildren = (element) => {
+    const children = Array.from(element.children);
+    let maxWidth = 0;
+    for (const child of children) {
+        const childWidth = child.offsetLeft + child.offsetWidth;
+        maxWidth = Math.max(maxWidth, childWidth);
+    }
+    return maxWidth;
+};
+
+const i18nSwiperControlLabel = {
+    de: {
+        left: 'vorherige',
+        right: 'nächste',
+    },
+    en: {
+        left: 'previous',
+        right: 'next',
+    },
+    fr: {
+        left: 'précédent',
+        right: 'suivant',
+    },
+    it: {
+        left: 'precedente',
+        right: 'successivo',
+    },
+    nl: {
+        left: 'vorige',
+        right: 'volgende',
+    },
+    es: {
+        left: 'anterior',
+        right: 'siguiente',
+    },
+    pl: {
+        left: 'poprzedni',
+        right: 'następny',
+    },
+    pt: {
+        left: 'anterior',
+        right: 'próximo',
+    },
+    sv: {
+        left: 'föregående',
+        right: 'nästa',
+    },
+    fi: {
+        left: 'edellinen',
+        right: 'seuraava',
+    },
+};
+
+const SmallControl = ({ isFirst, isLast, inverted, leftControlTitle, rightControlTitle, containerId, onNextClick, onPreviousClick, }) => {
+    const block = BEM.block('swiper');
+    const controls = block.element('controls');
+    const button = controls.element('button');
+    return (h("div", { class: Object.assign(Object.assign({}, controls.class()), controls.modifier('small').class()) },
+        h("bal-button", { class: Object.assign(Object.assign(Object.assign({}, button.class()), button.modifier('left').class()), button.modifier('hidden').class(isFirst)), "aria-controls": containerId, square: true, size: "small", icon: "nav-go-left", rounded: true, inverted: inverted, onClick: () => onPreviousClick(), disabled: isFirst, tabindex: "-1", "data-testid": "bal-carousel-control-left", title: leftControlTitle }),
+        h("bal-button", { class: Object.assign(Object.assign(Object.assign({}, button.class()), button.modifier('right').class()), button.modifier('hidden').class(isLast)), "aria-controls": containerId, square: true, size: "small", icon: "nav-go-right", rounded: true, inverted: inverted, onClick: () => onNextClick(), disabled: isLast, tabindex: "-1", "data-testid": "bal-carousel-control-right", title: rightControlTitle })));
+};
+
+const LargeControl = ({ isFirst, isLast, inverted, areControlsHidden, onNextClick, onPreviousClick, containerId, leftControlTitle, rightControlTitle, }) => {
+    const block = BEM.block('swiper');
+    const controls = block.element('controls');
+    const button = controls.element('button');
+    return (h("div", { "data-mutation": "false", class: Object.assign(Object.assign({}, controls.class()), controls.modifier('large').class()) },
+        h("bal-button", { class: Object.assign(Object.assign(Object.assign({}, button.class()), button.modifier('left').class()), button.modifier('hidden').class(isFirst && areControlsHidden)), "aria-controls": containerId, square: true, icon: "nav-go-left", rounded: true, inverted: inverted, onClick: () => onPreviousClick(), tabindex: -1, disabled: isFirst, "aria-hidden": isFirst && areControlsHidden ? 'true' : null, "data-testid": "bal-carousel-control-left", title: leftControlTitle }),
+        h("bal-button", { class: Object.assign(Object.assign(Object.assign({}, button.class()), button.modifier('right').class()), button.modifier('hidden').class(isLast && areControlsHidden)), "aria-controls": containerId, square: true, icon: "nav-go-right", rounded: true, inverted: inverted, onClick: () => onNextClick(), tabindex: -1, disabled: isLast, "aria-hidden": isLast && areControlsHidden ? 'true' : null, "data-testid": "bal-carousel-control-right", title: rightControlTitle })));
+};
+
+const DotControl = ({ value, items, containerId, onControlChange }) => {
+    const block = BEM.block('swiper');
+    const controls = block.element('controls');
+    const onChange = (ev) => {
+        let selectedValue = ev.detail - 1;
+        if (selectedValue < 0) {
+            selectedValue = 0;
+        }
+        if (selectedValue >= items.length) {
+            selectedValue = items.length - 1;
+        }
+        onControlChange(items[selectedValue]);
+    };
+    return (h("div", { class: Object.assign(Object.assign({}, controls.class()), controls.modifier('tabs').class()) },
+        h("bal-pagination", { "aria-controls": containerId, interface: "small", value: value + 1, totalPages: items.length, onBalChange: onChange })));
+};
+
+class SwiperUtil {
+    constructor() {
+        this.previousTransformValue = 0;
+        this.active = true;
+        this.id = `bal-swiper-${SwiperIds++}`;
+        this.containerId = `${this.id}-container`;
+        this.index = 0;
+        this.gapSize = 0;
+        this.steps = 1;
+        this.noNeedForSlide = true;
+        this.isLastSlideVisible = false;
+        this.itemsPerView = 1;
+        this.controls = 'none';
+        /**
+         * EVENTS
+         * ------------------------------------------------------
+         */
+        this.keyboardMode = false;
+        this.shiftMode = false;
+        this.isInsideContainer = false;
+        this.focusByKey = false;
+        this.pointerDown = () => {
+            this.keyboardMode = false;
+            this.shiftMode = false;
+            this.focusByKey = false;
+            this.isInsideContainer = false;
+        };
+        this.listenToKeyDown = (ev) => {
+            this.keyboardMode = isTabKey(ev);
+            this.shiftMode = ev.shiftKey;
+            this.focusByKey = false;
+            this.isInsideContainer = isDescendant(this.containerEl, ev.target);
+            if (this.active) {
+                if (this.controls !== 'dots' && this.controls !== 'tabs') {
+                    if (this.isInsideContainer && this.keyboardMode) {
+                        if (this.shiftMode && this.index > 0) {
+                            this.focusByKey = true;
+                            this.focusPreviousItem(ev);
+                        }
+                        else if (!this.shiftMode && this.index < this.lastIndex()) {
+                            this.focusByKey = true;
+                            this.focusNextItem(ev);
+                        }
+                    }
+                }
+            }
+        };
+        /**
+         * PRIVATE METHODS
+         * ------------------------------------------------------
+         */
+        this.updateFocus = (ev) => {
+            if (this.active) {
+                const focusByKey = this.focusByKey;
+                const backwards = this.shiftMode;
+                const isInsideContainer = this.isInsideContainer;
+                // when the focus enters the component we focus
+                // the last focused item
+                if (this.controls !== 'dots' && this.controls !== 'tabs' && focusByKey && !isInsideContainer) {
+                    if (backwards) {
+                        this.focusItem(this.lastIndex());
+                    }
+                    else {
+                        this.focusItem(0);
+                    }
+                }
+            }
+        };
+        /**
+         * CSS Classes
+         * ------------------------------------------------------
+         */
+        this.cssBlock = BEM.block('swiper');
+        this.cssSwiper = () => (Object.assign({}, this.cssBlock.class(this.active)));
+        this.cssInnerSwiper = () => (Object.assign(Object.assign(Object.assign(Object.assign({}, this.cssBlock.element('inner').class(this.active)), this.cssBlock.element('inner').modifier(`items-per-view-${this.itemsPerView}`).class(this.active)), this.cssBlock.element('inner').modifier(`shadow-left`).class(this.hasShadowLeft())), this.cssBlock.element('inner').modifier(`shadow-right`).class(this.hasShadowRight())));
+        this.cssSwiperContainer = () => (Object.assign({}, this.cssBlock.element('container').class(this.active)));
+        /**
+         * PUBLIC METHODS
+         * ------------------------------------------------------
+         */
+        this.notifyChange = debounce(() => this.notifyChangeInternal(), 100);
+        this.onControlChange = (selectedValue) => {
+            if (selectedValue !== this.index) {
+                const isForward = selectedValue > this.index;
+                if (isForward) {
+                    this.next(selectedValue - this.index);
+                }
+                else {
+                    this.previous(this.index - selectedValue);
+                }
+            }
+        };
+        this.onPreviousButtonClick = () => this.previous();
+        this.onNextButtonClick = () => this.next();
+    }
+    /**
+     * LIFECYCLE
+     * ------------------------------------------------------
+     */
+    connectedCallback(component) {
+        this.component = component;
+        addEventListener(window, 'keydown', this.listenToKeyDown);
+        addEventListener(this.component.el, 'focusin', this.updateFocus);
+        addEventListener(window, 'touchstart', this.pointerDown);
+        addEventListener(window, 'mousedown', this.pointerDown);
+    }
+    disconnectedCallback() {
+        removeEventListener(window, 'keydown', this.listenToKeyDown);
+        removeEventListener(this.component.el, 'focusin', this.updateFocus);
+        removeEventListener(window, 'touchstart', this.pointerDown);
+        removeEventListener(window, 'mousedown', this.pointerDown);
+    }
+    /**
+     * PUBLIC METHODS
+     * ------------------------------------------------------
+     */
+    isActive() {
+        return this.active;
+    }
+    async activate() {
+        this.active = true;
+    }
+    async disable() {
+        this.active = false;
+    }
+    async focusItem(index) {
+        const slide = await this.goTo(index);
+        if (slide && slide.el) {
+            await this.setFocusToEl(slide.el);
+        }
+    }
+    async focusNextItem(ev) {
+        const slide = await this.next(1);
+        if (slide && slide.el) {
+            stopEventBubbling(ev);
+            await this.setFocusToEl(slide.el);
+        }
+    }
+    async focusPreviousItem(ev) {
+        const slide = await this.previous(1);
+        if (slide && slide.el) {
+            stopEventBubbling(ev);
+            await this.setFocusToEl(slide.el);
+        }
+    }
+    async setFocusToEl(el) {
+        if (el.setFocus) {
+            await el.setFocus();
+        }
+    }
+    isFirst() {
+        return this.index === 0;
+    }
+    hasShadowLeft() {
+        return this.hasShadow() && this.index !== 0 && this.active;
+    }
+    hasShadowRight() {
+        return this.hasShadow() && !this.isLastSlideVisible && this.active;
+    }
+    isLast() {
+        return this.isLastSlideVisible;
+    }
+    async previous(steps = this.steps) {
+        let previousValue = this.index - steps;
+        if (previousValue < 0) {
+            previousValue = 0;
+        }
+        return this.goTo(previousValue);
+    }
+    async next(steps = this.steps) {
+        const items = this.component.swiperGetAllChildrenElements();
+        const length = items.length;
+        let nextValue = this.index + steps;
+        if (nextValue >= length) {
+            nextValue = length - 1;
+        }
+        return this.goTo(nextValue);
+    }
+    async updateIndex(index = this.index) {
+        if (this.index !== index) {
+            this.goTo(index);
+            this.index = index;
+            this.component.swiperOnChange(this.index);
+        }
+    }
+    async goTo(index = this.index) {
+        if (this.active) {
+            const activeSlide = await this.buildSlide(index);
+            if (activeSlide) {
+                const didAnimate = await this.animate(activeSlide.transformActive, true);
+                if (didAnimate || this.index !== index) {
+                    this.index = index;
+                    this.component.swiperOnChange(this.index);
+                }
+            }
+            return activeSlide;
+        }
+    }
+    renderControls() {
+        if (!this.active || this.noNeedForSlide || !this.component.hasAnimated) {
+            return '';
+        }
+        const leftControlTitle = i18nSwiperControlLabel[this.component.language].left;
+        const rightControlTitle = i18nSwiperControlLabel[this.component.language].right;
+        switch (this.controls) {
+            case 'small':
+                return (h(SmallControl, { isFirst: this.isFirst(), isLast: this.isLast(), inverted: this.component.inverted, leftControlTitle: leftControlTitle, rightControlTitle: rightControlTitle, containerId: this.containerId, onNextClick: () => this.onNextButtonClick(), onPreviousClick: () => this.onPreviousButtonClick() }));
+            case 'large':
+                return (h(LargeControl, { isFirst: this.isFirst(), isLast: this.isLast(), inverted: this.component.inverted, areControlsHidden: !this.component.isMobile, leftControlTitle: leftControlTitle, rightControlTitle: rightControlTitle, containerId: this.containerId, onNextClick: () => this.onNextButtonClick(), onPreviousClick: () => this.onPreviousButtonClick() }));
+            case 'dots':
+                return (h(DotControl, { value: this.index, items: this.getAllControlItems(), containerId: this.containerId, onControlChange: item => this.onControlChange(item.value) }));
+            default:
+                return '';
+        }
+    }
+    getAllControlItems() {
+        const items = this.component.swiperGetAllChildrenElements();
+        return items.map((item, index) => ({ value: index, label: item.label }));
+    }
+    /**
+     * PRIVATE METHODS
+     * ------------------------------------------------------
+     */
+    lastIndex() {
+        const items = this.component.swiperGetAllChildrenElements();
+        return items.length - 1;
+    }
+    hasShadow() {
+        return !this.component.inverted && (this.itemsPerView === 'auto' || this.itemsPerView > 1);
+    }
+    async notifyChangeInternal() {
+        const activeSlide = await this.buildSlide(this.index);
+        if (activeSlide) {
+            this.animate(activeSlide.transformActive, false);
+        }
+    }
+    async buildSlide(slideIndex) {
+        const items = this.component.swiperGetAllChildrenElements();
+        const index = slideIndex === undefined ? this.lastIndex() : slideIndex;
+        if (items.length > index && index >= 0) {
+            const gapSize = this.gapSize;
+            const transformNext = items
+                .filter((_, n) => n < index + 1)
+                .reduce((acc, item) => acc + getComputedWidth(item) + gapSize, 0);
+            const transformActive = items
+                .filter((_, n) => n < index)
+                .reduce((acc, item) => acc + getComputedWidth(item) + gapSize, 0);
+            return {
+                el: items[index],
+                transformNext,
+                transformActive,
+                isFirst: index === 0,
+                isLast: index === this.lastIndex(),
+                total: this.lastIndex() + 1,
+                index,
+            };
+        }
+        return undefined;
+    }
+    async animate(pixels = 0, animated = true) {
+        return new Promise(resolve => {
+            if (this.currentRaf !== undefined) {
+                cancelAnimationFrame(this.currentRaf);
+            }
+            this.currentRaf = raf(async () => {
+                if (this.containerEl && this.innerEl) {
+                    const lastSlide = await this.buildSlide();
+                    if (lastSlide) {
+                        const totalWidth = lastSlide.transformNext || 0;
+                        const overflowWindowWidth = this.innerEl.clientWidth || 0;
+                        // get max amount of pixel to move the items container to the left or right
+                        let maxAmountOfPixel = totalWidth - overflowWindowWidth;
+                        // -1 one is needed for example when we use items per view 3 with 33.333%
+                        if (this.itemsPerView === 3) {
+                            maxAmountOfPixel = totalWidth - overflowWindowWidth - 1;
+                        }
+                        // last item is visible if the overflow window moved more than the diff
+                        const isLastSlideVisible = maxAmountOfPixel <= pixels;
+                        const isFirst = pixels === 0 || maxAmountOfPixel <= 2;
+                        if (isFirst) {
+                            this.index = 0;
+                        }
+                        const hasSmallControls = this.controls === 'small';
+                        const hasLargeControls = this.controls === 'large';
+                        this.noNeedForSlide = totalWidth <= overflowWindowWidth;
+                        let transformValue = this.noNeedForSlide ? 0 : isLastSlideVisible ? maxAmountOfPixel : pixels;
+                        if (!isFirst &&
+                            !this.noNeedForSlide &&
+                            (hasSmallControls || (hasLargeControls && !this.component.isMobile))) {
+                            transformValue = transformValue - (isLastSlideVisible ? 0 : hasLargeControls ? 56 : 48);
+                        }
+                        this.containerEl.style.transitionDuration = animated ? '0.6s' : '0';
+                        this.containerEl.style.transform = `translate3d(-${transformValue}px, 0px, 0px)`;
+                        const didAnimate = transformValue !== this.previousTransformValue;
+                        this.previousTransformValue = transformValue;
+                        this.isLastSlideVisible = isLastSlideVisible;
+                        if (this.borderEl) {
+                            this.borderEl.style.transitionDuration = animated ? '0.6s' : '0';
+                            this.borderEl.style.transform = `translate3d(${transformValue}px, 0px, 0px)`;
+                        }
+                        this.component.hasAnimated = true;
+                        if (!didAnimate) {
+                            return resolve(false);
+                        }
+                        return resolve(true);
+                    }
+                }
+            });
+        });
+    }
+}
+let SwiperIds = 0;
+
+export { SwiperUtil as S, getWidthOfOverflowingChildren as a, getComputedPadding as g, toKebabCase as t };

package/dist/esm/{tokens.esm-69df759d.js → tokens.esm-28388bbc.js}

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 17 Dec 2024 20:41:20 GMT
+ * Generated on Thu, 09 Jan 2025 06:14:00 GMT
  */
 const balColorGreen3 = "#94e3d4";
 const balColorGreen6 = "#1b5951";

package/dist/esm/{window-resize.decorator-53d6279e.js → window-resize.decorator-ab7c4574.js}

@@ -1,4 +1,4 @@
-import { B as BalWindowResizeListener } from './breakpoints.subject-0764e6ff.js';
+import { B as BalWindowResizeListener } from './breakpoints.subject-d0b34510.js';
 import { a as SingleSubject } from './listener-04842ae9.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 

package/dist/esm-es5/app-globals-83570026.js

@@ -0,0 +1 @@
+import{g as globalScript}from"./global-88c7b04e.js";var globalScripts=globalScript;export{globalScripts as g};

package/dist/esm-es5/bal-accordion_4.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{n as raf,t as transitionEndAsync,o as debounceEvent,w as waitForComponent}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{b as isEnterKey,d as isSpaceKey}from"./keyboard.helpers-b2dd6393.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balAccordionCss=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";var BalAccordionStyle0=balAccordionCss;var Accordion=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.componentId="bal-accordion-".concat(accordionIds++);this.updateState=function(t){if(t===void 0){t=false}if(i.active){i.expand(t)}else{i.collapse(t)}};this.setState=function(t){i.state=t;if(i.version===2){i.updateTriggerElement();i.updateDetailsElement();i.updateSummaryElement()}};this.updateDetailsElement=function(){var t=i.detailsElement;if(t){t.state=i.state;t.active=i.active;t.animated=i.animated}};this.updateTriggerElement=function(){var t=i.triggerElement;if(t){t.state=i.state;t.active=i.active}};this.updateSummaryElement=function(){var t=i.summaryElement;if(t){t.state=i.state;t.active=i.active}};this.expand=function(t){if(t===void 0){t=false}i.active=true;var a=i.detailsElement;var e=i.detailsWrapperElement;if(t||a===null||e===null){i.setState(4);return i.active}if(i.state===4){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){raf((function(){i.setState(8);i.balWillAnimate.emit(i.active);i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=e.offsetHeight;i=transitionEndAsync(a,300);a.style.setProperty("max-height","".concat(t,"px"));return[4,i];case 1:n.sent();this.setState(4);a.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}))}))}else{i.balWillAnimate.emit(i.active);i.setState(4);i.balDidAnimate.emit(i.active)}return i.active};this.collapse=function(t){if(t===void 0){t=false}i.active=false;var a=i.detailsElement;if(t||a===null){i.setState(1);return i.active}if(i.state===1){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;var i=this;return __generator(this,(function(e){t=a.offsetHeight;a.style.setProperty("max-height","".concat(t,"px"));raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=transitionEndAsync(a,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:i.sent();this.setState(1);a.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}));return[2]}))}))}))}else{i.balDidAnimate.emit(i.active);i.setState(1);i.balDidAnimate.emit(i.active)}return i.active};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onTriggerClickV1=function(){i.humanToggle()};this.state=1;this.animated=true;this.active=false;this.debounce=0;this.openLabel="";this.openIcon="plus";this.closeLabel="";this.closeIcon="close";this.card=false;this.version=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==i){this.active=t;this.updateState()}return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.debounceChanged();return[4,waitForComponent(this.el)];case 1:t.sent();if(this.active){this.activeChanged(this.active,false)}this.updateState(true);return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.humanToggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.collapse()];case 1:t.sent();return[3,4];case 2:return[4,this.expand()];case 3:t.sent();t.label=4;case 4:this.balChange.emit(this.active);return[2,this.active]}}))}))};Object.defineProperty(t.prototype,"summaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-summary")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-trigger")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsElement",{get:function(){var t;if(this.version===1){return this.contentEl||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsWrapperElement",{get:function(){var t;if(this.version===1){return this.contentElWrapper||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details > div")))||null},enumerable:false,configurable:true});t.prototype.render=function(){return this.version===2?this.renderVersion2():this.renderVersion1()};t.prototype.renderVersion2=function(){var t=BEM.block("accordion");return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})};t.prototype.renderVersion1=function(){var t=this;var i=this.active?this.closeLabel:this.openLabel;var a=this.active?this.closeIcon:this.openIcon;var e=BEM.block("accordion");var n=this.state===4||this.state===8;var r=n?"button expanded":"button";var o=n?"content expanded":"content";return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("card-v1").class(this.card)),e.modifier("active").class(this.active)),e.modifier("expanding").class(this.state===8)),e.modifier("expanded").class(this.state===4)),e.modifier("collapsing").class(this.state===2)),e.modifier("collapsed").class(this.state===1)),e.modifier("animated").class(this.animated))},h("div",{class:Object.assign({},e.element("wrapper").class())},h("div",{class:Object.assign(Object.assign({},e.element("trigger").class()),e.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},h("bal-button",{id:"".concat(this.componentId,"-button"),"aria-controls":"".concat(this.componentId,"-content"),part:r,"data-testid":"bal-accordion-trigger",expanded:true,color:"info",icon:a,onClick:this.onTriggerClickV1},i)),h("div",{id:"".concat(this.componentId,"-content"),"aria-labelledby":"".concat(this.componentId,"-button"),role:"region",part:o,class:Object.assign(Object.assign(Object.assign({},e.element("content").class()),e.element("content").modifier("card").class(this.card)),e.element("content").modifier("overflow-hidden").class(this.state!==4)),ref:function(i){return t.contentEl=i}},h("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},e.element("content").element("wrapper").class()),ref:function(i){return t.contentElWrapper=i}},h("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Accordion.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Accordion.prototype,"configChanged",null);var accordionIds=0;Accordion.style=BalAccordionStyle0;var balAccordionDetailsCss=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden}.bal-accordion__details--collapsed{display:none;overflow:hidden}.bal-accordion__details--expanding{max-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var BalAccordionDetailsStyle0=balAccordionDetailsCss;var AccordionDetails=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-details-".concat(accordionDetailIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.parentAccordionId=undefined;this.state=1;this.active=false;this.animated=true}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("details");var i=t.element("container");var a=i.element("wrapper");var e=this.parentAccordionId?"".concat(this.parentAccordionId,"-details"):this.componentId;var n=this.state===4||this.state===8;var r=n?"content expanded":"content";return h(Host,{key:"46658e9e2842371f4faac02f3666f908f48000a2",id:e,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(this.state===8)),t.modifier("expanded").class(this.state===4)),t.modifier("collapsing").class(this.state===2)),t.modifier("collapsed").class(this.state===1)),t.modifier("animated").class(this.animated))},h("div",{key:"4e2616b9946f33ce3a30c396f200dd2a8c16eed4",id:"".concat(e,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:r,class:Object.assign({},a.class()),"data-testid":"bal-accordion-details"},h("slot",{key:"76467aaa5660e88ab9a208fdf0577f203f000fcf"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-details"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionDetails.prototype,"createLogger",null);var accordionDetailIds=0;AccordionDetails.style=BalAccordionDetailsStyle0;var balAccordionSummaryCss="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";var BalAccordionSummaryStyle0=balAccordionSummaryCss;var AccordionSummary=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-summary-".concat(accordionSummaryIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.onKeyDown=function(t){var a;if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()}};this.parentAccordionId=undefined;this.trigger=false;this.active=false;this.state=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=2}this.updateAccordionId()};t.prototype.disconnectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=1}this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("summary");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-summary"):this.componentId;var a=this.state===4||this.state===8;var e=a?"button expanded":"button";var n={};if(this.trigger){n={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:e,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return h(Host,Object.assign({key:"c3a6c35f68b01dcfe81b8e87a8a31b3c87db771c",id:i,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},n,{"data-testid":"bal-accordion-summary"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-summary"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionSummary.prototype,"createLogger",null);var accordionSummaryIds=0;AccordionSummary.style=BalAccordionSummaryStyle0;var balAccordionTriggerCss="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";var BalAccordionTriggerStyle0=balAccordionTriggerCss;var AccordionTrigger=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-trigger-".concat(accordionTriggerIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.parentAccordionId=undefined;this.button=false;this.expanded=true;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionSummaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion-summary"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("trigger");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var a=this.active?this.closeLabel:this.openLabel;var e=false;var n=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){e=this.active;n=this.openIcon||"caret-down"}var r=this.state===4||this.state===8;var o=r?"button expanded":"button";var c=this.parentAccordionSummaryElement;var s={tabindex:-1};if(c&&!c.trigger){s={tabindex:0}}return h(Host,{key:"891c25716cc93bd97ca9b25fcb512bb1915e8f5d",id:i,class:Object.assign({},t.class())},this.button?h("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:o,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:n,iconTurn:e,color:this.color,size:this.size,onClick:this.onClick},a):h("button",Object.assign({class:Object.assign(Object.assign({},t.element("button").class()),{"bal-focused":c&&!c.trigger}),id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-label":"accordion trigger",part:o,"data-testid":"bal-accordion-trigger",onClick:this.onClick},s),h("bal-icon",{turn:e,name:n})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-trigger"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionTrigger.prototype,"createLogger",null);var accordionTriggerIds=0;AccordionTrigger.style=BalAccordionTriggerStyle0;export{Accordion as bal_accordion,AccordionDetails as bal_accordion_details,AccordionSummary as bal_accordion_summary,AccordionTrigger as bal_accordion_trigger};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as raf,t as transitionEndAsync,p as debounceEvent,w as waitForComponent}from"./helpers-32d9e1cc.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import{s as stopEventBubbling}from"./form-input-1f3d8337.js";import{b as isEnterKey,d as isSpaceKey}from"./keyboard.helpers-159e517d.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balAccordionCss=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";var BalAccordionStyle0=balAccordionCss;var Accordion=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.componentId="bal-accordion-".concat(accordionIds++);this.updateState=function(t){if(t===void 0){t=false}if(i.active){i.expand(t)}else{i.collapse(t)}};this.setState=function(t){i.state=t;if(i.version===2){i.updateTriggerElement();i.updateDetailsElement();i.updateSummaryElement()}};this.updateDetailsElement=function(){var t=i.detailsElement;if(t){t.state=i.state;t.active=i.active;t.animated=i.animated}};this.updateTriggerElement=function(){var t=i.triggerElement;if(t){t.state=i.state;t.active=i.active}};this.updateSummaryElement=function(){var t=i.summaryElement;if(t){t.state=i.state;t.active=i.active}};this.expand=function(t){if(t===void 0){t=false}i.active=true;var a=i.detailsElement;var e=i.detailsWrapperElement;if(t||a===null||e===null){i.setState(4);return i.active}if(i.state===4){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){raf((function(){i.setState(8);i.balWillAnimate.emit(i.active);i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=e.offsetHeight;i=transitionEndAsync(a,300);a.style.setProperty("max-height","".concat(t,"px"));return[4,i];case 1:n.sent();this.setState(4);a.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}))}))}else{i.balWillAnimate.emit(i.active);i.setState(4);i.balDidAnimate.emit(i.active)}return i.active};this.collapse=function(t){if(t===void 0){t=false}i.active=false;var a=i.detailsElement;if(t||a===null){i.setState(1);return i.active}if(i.state===1){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;var i=this;return __generator(this,(function(e){t=a.offsetHeight;a.style.setProperty("max-height","".concat(t,"px"));raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=transitionEndAsync(a,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:i.sent();this.setState(1);a.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}));return[2]}))}))}))}else{i.balDidAnimate.emit(i.active);i.setState(1);i.balDidAnimate.emit(i.active)}return i.active};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onTriggerClickV1=function(){i.humanToggle()};this.state=1;this.animated=true;this.active=false;this.debounce=0;this.openLabel="";this.openIcon="plus";this.closeLabel="";this.closeIcon="close";this.card=false;this.version=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==i){this.active=t;this.updateState()}return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.debounceChanged();return[4,waitForComponent(this.el)];case 1:t.sent();if(this.active){this.activeChanged(this.active,false)}this.updateState(true);return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.humanToggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.collapse()];case 1:t.sent();return[3,4];case 2:return[4,this.expand()];case 3:t.sent();t.label=4;case 4:this.balChange.emit(this.active);return[2,this.active]}}))}))};Object.defineProperty(t.prototype,"summaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-summary")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-trigger")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsElement",{get:function(){var t;if(this.version===1){return this.contentEl||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsWrapperElement",{get:function(){var t;if(this.version===1){return this.contentElWrapper||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details > div")))||null},enumerable:false,configurable:true});t.prototype.render=function(){return this.version===2?this.renderVersion2():this.renderVersion1()};t.prototype.renderVersion2=function(){var t=BEM.block("accordion");return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})};t.prototype.renderVersion1=function(){var t=this;var i=this.active?this.closeLabel:this.openLabel;var a=this.active?this.closeIcon:this.openIcon;var e=BEM.block("accordion");var n=this.state===4||this.state===8;var r=n?"button expanded":"button";var o=n?"content expanded":"content";return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("card-v1").class(this.card)),e.modifier("active").class(this.active)),e.modifier("expanding").class(this.state===8)),e.modifier("expanded").class(this.state===4)),e.modifier("collapsing").class(this.state===2)),e.modifier("collapsed").class(this.state===1)),e.modifier("animated").class(this.animated))},h("div",{class:Object.assign({},e.element("wrapper").class())},h("div",{class:Object.assign(Object.assign({},e.element("trigger").class()),e.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},h("bal-button",{id:"".concat(this.componentId,"-button"),"aria-controls":"".concat(this.componentId,"-content"),part:r,"data-testid":"bal-accordion-trigger",expanded:true,color:"info",icon:a,onClick:this.onTriggerClickV1},i)),h("div",{id:"".concat(this.componentId,"-content"),"aria-labelledby":"".concat(this.componentId,"-button"),role:"region",part:o,class:Object.assign(Object.assign(Object.assign({},e.element("content").class()),e.element("content").modifier("card").class(this.card)),e.element("content").modifier("overflow-hidden").class(this.state!==4)),ref:function(i){return t.contentEl=i}},h("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},e.element("content").element("wrapper").class()),ref:function(i){return t.contentElWrapper=i}},h("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Accordion.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Accordion.prototype,"configChanged",null);var accordionIds=0;Accordion.style=BalAccordionStyle0;var balAccordionDetailsCss=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden}.bal-accordion__details--collapsed{display:none;overflow:hidden}.bal-accordion__details--expanding{max-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var BalAccordionDetailsStyle0=balAccordionDetailsCss;var AccordionDetails=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-details-".concat(accordionDetailIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.parentAccordionId=undefined;this.state=1;this.active=false;this.animated=true}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("details");var i=t.element("container");var a=i.element("wrapper");var e=this.parentAccordionId?"".concat(this.parentAccordionId,"-details"):this.componentId;var n=this.state===4||this.state===8;var r=n?"content expanded":"content";return h(Host,{key:"46658e9e2842371f4faac02f3666f908f48000a2",id:e,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(this.state===8)),t.modifier("expanded").class(this.state===4)),t.modifier("collapsing").class(this.state===2)),t.modifier("collapsed").class(this.state===1)),t.modifier("animated").class(this.animated))},h("div",{key:"4e2616b9946f33ce3a30c396f200dd2a8c16eed4",id:"".concat(e,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:r,class:Object.assign({},a.class()),"data-testid":"bal-accordion-details"},h("slot",{key:"76467aaa5660e88ab9a208fdf0577f203f000fcf"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-details"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionDetails.prototype,"createLogger",null);var accordionDetailIds=0;AccordionDetails.style=BalAccordionDetailsStyle0;var balAccordionSummaryCss="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";var BalAccordionSummaryStyle0=balAccordionSummaryCss;var AccordionSummary=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-summary-".concat(accordionSummaryIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.onKeyDown=function(t){var a;if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()}};this.parentAccordionId=undefined;this.trigger=false;this.active=false;this.state=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=2}this.updateAccordionId()};t.prototype.disconnectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=1}this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("summary");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-summary"):this.componentId;var a=this.state===4||this.state===8;var e=a?"button expanded":"button";var n={};if(this.trigger){n={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:e,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return h(Host,Object.assign({key:"c3a6c35f68b01dcfe81b8e87a8a31b3c87db771c",id:i,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},n,{"data-testid":"bal-accordion-summary"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-summary"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionSummary.prototype,"createLogger",null);var accordionSummaryIds=0;AccordionSummary.style=BalAccordionSummaryStyle0;var balAccordionTriggerCss="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";var BalAccordionTriggerStyle0=balAccordionTriggerCss;var AccordionTrigger=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-trigger-".concat(accordionTriggerIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.parentAccordionId=undefined;this.button=false;this.expanded=true;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionSummaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion-summary"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("trigger");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var a=this.active?this.closeLabel:this.openLabel;var e=false;var n=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){e=this.active;n=this.openIcon||"caret-down"}var r=this.state===4||this.state===8;var o=r?"button expanded":"button";var c=this.parentAccordionSummaryElement;var s={tabindex:-1};if(c&&!c.trigger){s={tabindex:0}}return h(Host,{key:"891c25716cc93bd97ca9b25fcb512bb1915e8f5d",id:i,class:Object.assign({},t.class())},this.button?h("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:o,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:n,iconTurn:e,color:this.color,size:this.size,onClick:this.onClick},a):h("button",Object.assign({class:Object.assign(Object.assign({},t.element("button").class()),{"bal-focused":c&&!c.trigger}),id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-label":"accordion trigger",part:o,"data-testid":"bal-accordion-trigger",onClick:this.onClick},s),h("bal-icon",{turn:e,name:n})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-trigger"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionTrigger.prototype,"createLogger",null);var accordionTriggerIds=0;AccordionTrigger.style=BalAccordionTriggerStyle0;export{Accordion as bal_accordion,AccordionDetails as bal_accordion_details,AccordionSummary as bal_accordion_summary,AccordionTrigger as bal_accordion_trigger};

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";import{j as debounce,m as rIC,l as rLCP}from"./helpers-72ae7307.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as startFocusVisible}from"./focus-visible-f0cdd043.js";import{b as updateBalAnimated}from"./config.utils-6ac6c9bd.js";import"./icons.constant-a7885631.js";var balAppCss=":root{--bal-app-height:100%}.bal-app{position:relative;display:block}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";var BalAppStyle0=balAppCss;var App=function(){function t(t){var e=this;registerInstance(this,t);this.debouncedNotify=debounce((function(){return e.notifyResize()}),100);this.notifyResize=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(balBrowser.hasDocument&&balBrowser.hasWindow){t=document.documentElement;t.style.setProperty("--bal-app-height","".concat(window.innerHeight,"px"))}return[2]}))}))};this.animated=true;this.ready=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){if(this.animated===false){updateBalAnimated(this.animated)}if(balBrowser.hasWindow){window.addEventListener("resize",this.debouncedNotify);this.debouncedNotify()}};t.prototype.componentDidLoad=function(){var t=this;rIC((function(){t.ready=true;startFocusVisible()}));rLCP((function(){if(balBrowser.hasDocument&&balBrowser.hasWindow){var t=document.documentElement;t.classList.add("lcp-ready")}}))};t.prototype.disconnectedCallback=function(){if(balBrowser.hasWindow){window.removeEventListener("resize",this.debouncedNotify)}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.focusVisible){this.focusVisible.setFocus(t)}return[2]}))}))};t.prototype.render=function(){return h(Host,{key:"8e124474f0e95f8fdcd4546d7998556764d81d71",class:{"bal-app":true,"bal-app--safari":balBrowser.isSafari,"bal-app--touch":balDevice.hasTouchScreen}},h("slot",{key:"e4a8974a3f55ec71c4ff7c46f2a9728d7efd4408"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-app"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],App.prototype,"createLogger",null);App.style=BalAppStyle0;export{App as bal_app};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";import{k as debounce,n as rIC,m as rOnLoad}from"./helpers-32d9e1cc.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as startFocusVisible}from"./focus-visible-f0cdd043.js";import{b as updateBalAnimated}from"./config.utils-6ac6c9bd.js";import"./icons.constant-a7885631.js";var balAppCss=":root{--bal-app-height:100%}.bal-app{position:relative;display:block}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";var BalAppStyle0=balAppCss;var App=function(){function t(t){var e=this;registerInstance(this,t);this.debouncedNotify=debounce((function(){return e.notifyResize()}),100);this.notifyResize=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(balBrowser.hasDocument&&balBrowser.hasWindow){t=document.documentElement;t.style.setProperty("--bal-app-height","".concat(window.innerHeight,"px"))}return[2]}))}))};this.animated=true;this.ready=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){if(this.animated===false){updateBalAnimated(this.animated)}if(balBrowser.hasWindow){window.addEventListener("resize",this.debouncedNotify);this.debouncedNotify()}};t.prototype.componentDidLoad=function(){var t=this;rIC((function(){t.ready=true;startFocusVisible()}));rOnLoad((function(){if(balBrowser.hasDocument&&balBrowser.hasWindow){var t=document.documentElement;t.classList.add("lcp-ready")}}))};t.prototype.disconnectedCallback=function(){if(balBrowser.hasWindow){window.removeEventListener("resize",this.debouncedNotify)}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.focusVisible){this.focusVisible.setFocus(t)}return[2]}))}))};t.prototype.render=function(){return h(Host,{key:"29fef05a451290e2e20dc6808d1cce03ec1b1c4c",class:{"bal-app":true,"bal-app--safari":balBrowser.isSafari,"bal-app--touch":balDevice.hasTouchScreen}},h("slot",{key:"d54179394cb4d9882647d497e09495193d57a12d"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-app"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],App.prototype,"createLogger",null);App.style=BalAppStyle0;export{App as bal_app};

package/dist/esm-es5/bal-badge.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{B as BEM}from"./bem-8c7d2eb0.js";var balBadgeCss=":root{--bal-badge-background:var(--bal-color-red-3);--bal-badge-background-grey:var(--bal-color-grey-3);--bal-badge-background-red:var(--bal-color-red-3);--bal-badge-background-yellow:var(--bal-color-yellow-3);--bal-badge-background-green:var(--bal-color-green-3);--bal-badge-background-purple:var(--bal-color-purple-3);--bal-badge-radius:var(--bal-radius-rounded);--bal-badge-text-color:var(--bal-color-text-primary);--bal-badge-color-grey:var(--bal-color-text-grey-dark);--bal-badge-color-red:var(--bal-color-text-primary);--bal-badge-color-yellow:var(--bal-color-text-primary);--bal-badge-color-green:var(--bal-color-text-primary);--bal-badge-color-purple:var(--bal-color-text-primary)}.bal-badge{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:1.5rem;height:1.5rem;border-radius:var(--bal-badge-radius);background:var(--bal-badge-background);padding:.25rem}.bal-badge--size-small{width:.75rem;max-width:.75rem;min-width:.75rem;height:.75rem}.bal-badge--size-large{width:2rem;height:2rem}.bal-badge--background-red,.bal-badge--background-danger{background:var(--bal-badge-background-red)}.bal-badge--background-yellow,.bal-badge--background-warning{background:var(--bal-badge-background-yellow)}.bal-badge--background-green,.bal-badge--background-success{background:var(--bal-badge-background-green)}.bal-badge--background-purple{background:var(--bal-badge-background-purple)}.bal-badge--background-grey{background:var(--bal-badge-background-grey)}.bal-badge--position-card,.bal-badge--position-button{position:absolute;right:-0.5rem;top:-0.5rem}.bal-badge--position-tabs{margin-top:-0.25rem;position:absolute;right:-1.625rem}.bal-badge--position-tabs.bal-badge--size-small{right:-1rem}span.bal-badge__label{font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important;font-size:var(--bal-text-size-small) !important;color:var(--bal-badge-text-color);line-height:1.5rem !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}span.bal-badge__label--hidden{display:none !important}span.bal-badge__label--color-red,span.bal-badge__label--color-danger{color:var(--bal-badge-color-red)}span.bal-badge__label--color-yellow,span.bal-badge__label--color-warning{color:var(--bal-badge-color-yellow)}span.bal-badge__label--color-green,span.bal-badge__label--color-success{color:var(--bal-badge-color-green)}span.bal-badge__label--color-grey{color:var(--bal-badge-color-grey)}span.bal-badge__label--color-purple{color:var(--bal-badge-color-purple)}.bal-badge__icon--hidden{display:none !important}";var BalBadgeStyle0=balBadgeCss;var Badge=function(){function a(a){registerInstance(this,a);this.icon=undefined;this.size="";this.color="";this.position=""}a.prototype.render=function(){var a=BEM.block("badge");var e=a.element("label");var r=a.element("icon");var l=this.color!=="";var b=this.size!=="";var o=this.position!=="";var d=!!this.icon||this.size==="small";return h(Host,{key:"8fefcf48fb5ba2011faf11b6d5dee452080d3344",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("background-".concat(this.color)).class(l)),a.modifier("position-".concat(this.position)).class(o)),a.modifier("size-".concat(this.size)).class(b))},h("span",{key:"582a5f522dd5c7fff3c373b4e85055d7b203aa20",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(l)),e.modifier("hidden").class(d)),"data-testid":"bal-badge-label"},h("slot",{key:"cb210bd83465da685b87be59d29195f96be0b584"})),this.size!=="small"?h("bal-icon",{class:Object.assign(Object.assign({},r.class()),r.modifier("hidden").class(!d)),size:this.size===""?"small":"",name:this.icon,color:this.color==="grey"?"grey":"primary"}):"")};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Badge.style=BalBadgeStyle0;export{Badge as bal_badge};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.js";var balBadgeCss=":root{--bal-badge-background:var(--bal-color-red-3);--bal-badge-background-grey:var(--bal-color-grey-3);--bal-badge-background-red:var(--bal-color-red-3);--bal-badge-background-yellow:var(--bal-color-yellow-3);--bal-badge-background-green:var(--bal-color-green-3);--bal-badge-background-purple:var(--bal-color-purple-3);--bal-badge-radius:var(--bal-radius-rounded);--bal-badge-text-color:var(--bal-color-text-primary);--bal-badge-color-grey:var(--bal-color-text-grey-dark);--bal-badge-color-red:var(--bal-color-text-primary);--bal-badge-color-yellow:var(--bal-color-text-primary);--bal-badge-color-green:var(--bal-color-text-primary);--bal-badge-color-purple:var(--bal-color-text-primary)}.bal-badge{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:1.5rem;height:1.5rem;border-radius:var(--bal-badge-radius);background:var(--bal-badge-background);padding:.25rem}.bal-badge--size-small{width:.75rem;max-width:.75rem;min-width:.75rem;height:.75rem}.bal-badge--size-large{width:2rem;height:2rem}.bal-badge--background-red,.bal-badge--background-danger{background:var(--bal-badge-background-red)}.bal-badge--background-yellow,.bal-badge--background-warning{background:var(--bal-badge-background-yellow)}.bal-badge--background-green,.bal-badge--background-success{background:var(--bal-badge-background-green)}.bal-badge--background-purple{background:var(--bal-badge-background-purple)}.bal-badge--background-grey{background:var(--bal-badge-background-grey)}.bal-badge--position-card,.bal-badge--position-button{position:absolute;right:-0.5rem;top:-0.5rem}.bal-badge--position-tabs{margin-top:-0.25rem;position:absolute;right:-1.625rem}.bal-badge--position-tabs.bal-badge--size-small{right:-1rem}span.bal-badge__label{font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important;font-size:var(--bal-text-size-small) !important;color:var(--bal-badge-text-color);line-height:1.5rem !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}span.bal-badge__label--hidden{display:none !important}span.bal-badge__label--color-red,span.bal-badge__label--color-danger{color:var(--bal-badge-color-red)}span.bal-badge__label--color-yellow,span.bal-badge__label--color-warning{color:var(--bal-badge-color-yellow)}span.bal-badge__label--color-green,span.bal-badge__label--color-success{color:var(--bal-badge-color-green)}span.bal-badge__label--color-grey{color:var(--bal-badge-color-grey)}span.bal-badge__label--color-purple{color:var(--bal-badge-color-purple)}.bal-badge__icon--hidden{display:none !important}";var BalBadgeStyle0=balBadgeCss;var Badge=function(){function a(a){registerInstance(this,a);this.icon=undefined;this.size="";this.color="";this.position=""}a.prototype.render=function(){var a=BEM.block("badge");var e=a.element("label");var r=a.element("icon");var l=this.color!=="";var b=this.size!=="";var o=this.position!=="";var d=!!this.icon||this.size==="small";return h(Host,{key:"8fefcf48fb5ba2011faf11b6d5dee452080d3344",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("background-".concat(this.color)).class(l)),a.modifier("position-".concat(this.position)).class(o)),a.modifier("size-".concat(this.size)).class(b))},h("span",{key:"582a5f522dd5c7fff3c373b4e85055d7b203aa20",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(l)),e.modifier("hidden").class(d)),"data-testid":"bal-badge-label"},h("slot",{key:"cb210bd83465da685b87be59d29195f96be0b584"})),this.size!=="small"?h("bal-icon",{class:Object.assign(Object.assign({},r.class()),r.modifier("hidden").class(!d)),size:this.size===""?"small":"",name:this.icon,color:this.color==="grey"?"grey":"primary"}):"")};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Badge.style=BalBadgeStyle0;export{Badge as bal_badge};