@baloise/ds-core 16.5.0 → 16.5.1

package/dist/esm/bal-segment.entry.js

@@ -1,315 +0,0 @@
-import { r as registerInstance, c as createEvent, w as writeTask, h, H as Host, g as getElement } from './index-b6003bc7.js';
-import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { B as BEM } from './bem-8c7d2eb0.js';
-import { L as Logger } from './log-dfd1c19f.js';
-import { e as isSpaceKey, s as isArrowUpKey, z as isArrowLeftKey, q as isArrowDownKey, A as isArrowRightKey, B as isHomeKey, C as isEndKey } from './index.esm-76abd8e3.js';
-import { s as stopEventBubbling } from './form-input-28a08ec5.js';
-import { F as FOCUS_KEYS } from './focus-visible-f0cdd043.js';
-import { l as raf } from './helpers-c201154e.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-f2ac9963.js';
-import { L as ListenToWindowResize } from './window-resize.decorator-d5198831.js';
-import './browser-a8073d92.js';
-import './index-82aff103.js';
-import './_commonjsHelpers-1c8beb5f.js';
-import './icons.constant-a7885631.js';
-import './config.utils-6ac6c9bd.js';
-import './breakpoints.subject-3605e395.js';
-import './device-8c6d2881.js';
-import './listener-04842ae9.js';
-import './tokens.esm-337782ae.js';
-
-const balSegmentCss = ":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";
-const BalSegmentStyle0 = balSegmentCss;
-
-const Segment = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.balBlur = createEvent(this, "balBlur", 7);
-        this.balChange = createEvent(this, "balChange", 7);
-        this.balSelect = createEvent(this, "balSelect", 7);
-        this.balVertical = createEvent(this, "balVertical", 7);
-        this.getSegmentItem = (selector) => {
-            var _a, _b;
-            const items = this.items.filter(item => !item.disabled);
-            const currIndex = items.findIndex(item => item === document.activeElement.closest('bal-segment-item'));
-            switch (selector) {
-                case 'current':
-                    return items[currIndex];
-                case 'first':
-                    return items[0];
-                case 'last':
-                    return items[items.length - 1];
-                case 'next':
-                    return (_a = items[currIndex + 1]) !== null && _a !== void 0 ? _a : items[0];
-                case 'previous':
-                    return (_b = items[currIndex - 1]) !== null && _b !== void 0 ? _b : items[items.length - 1];
-                default:
-                    return null;
-            }
-        };
-        /**
-         * PRIVATE EVENT HANDLERS
-         * ------------------------------------------------------
-         */
-        this.onPointerDown = () => {
-            this.keyboardMode = false;
-        };
-        this.onSlottedItemsChange = () => {
-            /**
-             * When the slotted segment buttons change we need to
-             * ensure that the new segment buttons are checked if
-             * the value matches the segment button value.
-             */
-            this.valueChanged(this.value);
-            this.defineWidth();
-        };
-        this.onClick = (ev) => {
-            if (this.disabled) {
-                return;
-            }
-            const current = ev.target;
-            const previous = this.checked;
-            // If the current element is a segment then that means
-            // the user tried to swipe to a segment button and
-            // click a segment button at the same time so we should
-            // not update the checked segment button
-            if (current.tagName === 'BAL-SEGMENT') {
-                return;
-            }
-            if (current && current.setFocus) {
-                current.setFocus();
-            }
-            if (previous) {
-                this.checkButton(previous, current);
-            }
-            else {
-                this.setCheckedClasses();
-                this.checkButton(current, current);
-            }
-            if (current !== previous) {
-                this.emitValueChange();
-            }
-        };
-        this.focusedValue = undefined;
-        this.keyboardMode = true;
-        this.isVertical = false;
-        this.isMobile = false;
-        this.maxWidth = 0;
-        this.invalid = false;
-        this.disabled = false;
-        this.vertical = false;
-        this.scrollable = false;
-        this.expanded = false;
-        this.value = undefined;
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    valueChanged(value) {
-        /**
-         * `balSelect` is emitted every time the value changes (internal or external changes).
-         * Used by `bal-segment-item` to determine if the button should be checked.
-         */
-        this.balSelect.emit(value);
-    }
-    /**
-     * LIFECYCLE
-     * ------------------------------------------------------
-     */
-    connectedCallback() {
-        this.el.addEventListener('touchstart', this.onPointerDown);
-        this.el.addEventListener('mousedown', this.onPointerDown);
-    }
-    disconnectedCallback() {
-        this.el.removeEventListener('touchstart', this.onPointerDown);
-        this.el.removeEventListener('mousedown', this.onPointerDown);
-    }
-    async componentDidLoad() {
-        this.setCheckedClasses();
-        this.defineWidth();
-    }
-    /**
-     * LISTENERS
-     * ------------------------------------------------------
-     */
-    breakpointListener(breakpoints) {
-        this.isMobile = breakpoints.mobile;
-    }
-    windowResizeListener() {
-        if (this.vertical === false && this.maxWidth > 0) {
-            const parent = this.el.parentElement.getBoundingClientRect();
-            if (parent.width < this.maxWidth) {
-                //
-                // element in horizontal is to big
-                this.emitVerticalChange(true);
-            }
-            else {
-                //
-                // element has enough space in parent element
-                this.emitVerticalChange(false);
-            }
-        }
-        else {
-            this.emitVerticalChange(true);
-        }
-    }
-    listenOnBalBlur(ev) {
-        stopEventBubbling(ev);
-        this.balBlur.emit(ev.detail);
-    }
-    listenOnKeyDown(ev) {
-        this.keyboardMode = FOCUS_KEYS.includes(ev.key);
-        let current;
-        if (isSpaceKey(ev)) {
-            stopEventBubbling(ev);
-            current = this.getSegmentItem('current');
-        }
-        else if (isArrowUpKey(ev) || isArrowLeftKey(ev)) {
-            stopEventBubbling(ev);
-            current = this.getSegmentItem('previous');
-        }
-        else if (isArrowDownKey(ev) || isArrowRightKey(ev)) {
-            stopEventBubbling(ev);
-            current = this.getSegmentItem('next');
-        }
-        else if (isHomeKey(ev)) {
-            stopEventBubbling(ev);
-            current = this.getSegmentItem('first');
-        }
-        else if (isEndKey(ev)) {
-            stopEventBubbling(ev);
-            current = this.getSegmentItem('last');
-        }
-        if (!current) {
-            return;
-        }
-        const previous = this.checked;
-        if (current !== previous) {
-            this.checkButton(previous, current);
-            this.emitValueChange();
-        }
-        if (current) {
-            current.setFocus();
-        }
-    }
-    /**
-     * GETTERS
-     * ------------------------------------------------------
-     */
-    get items() {
-        return Array.from(this.el.querySelectorAll('bal-segment-item'));
-    }
-    get checked() {
-        return this.items.find(item => item.value === this.value);
-    }
-    /**
-     * PRIVATE METHODS
-     * ------------------------------------------------------
-     */
-    emitValueChange() {
-        this.balChange.emit(this.value);
-    }
-    emitVerticalChange(isVertical) {
-        if (this.isVertical !== isVertical) {
-            this.isVertical = isVertical;
-            this.balVertical.emit(this.isVertical);
-        }
-    }
-    defineWidth() {
-        raf(() => {
-            if (this.isVertical === false) {
-                const childRect = this.el.getBoundingClientRect();
-                this.maxWidth = childRect.width;
-            }
-            this.windowResizeListener();
-        });
-    }
-    getIndicator(item) {
-        const root = item.shadowRoot || item;
-        return root.querySelector('.bal-segment-item__indicator');
-    }
-    checkButton(previous, current) {
-        const previousIndicator = this.getIndicator(previous);
-        const currentIndicator = this.getIndicator(current);
-        if (previousIndicator === null || currentIndicator === null) {
-            return;
-        }
-        const previousClientRect = previousIndicator.getBoundingClientRect();
-        const currentClientRect = currentIndicator.getBoundingClientRect();
-        const widthDelta = previousClientRect.width / currentClientRect.width;
-        const xPosition = previousClientRect.left - currentClientRect.left;
-        // Scale the indicator width to match the previous indicator width
-        // and translate it on top of the previous indicator
-        let transform = `translate3d(${xPosition}px, 0, 0) scaleX(${widthDelta})`;
-        if (this.isVertical) {
-            const heightDelta = previousClientRect.height / currentClientRect.height;
-            const yPosition = previousClientRect.top - currentClientRect.top;
-            // Scale the indicator width to match the previous indicator width
-            // and translate it on top of the previous indicator
-            transform = `translate3d(0, ${yPosition}px, 0) scaleY(${heightDelta})`;
-        }
-        writeTask(() => {
-            // Remove the transition before positioning on top of the previous indicator
-            currentIndicator.classList.remove('bal-segment-item__indicator--animated');
-            currentIndicator.style.setProperty('transform', transform);
-            // Force a repaint to ensure the transform happens
-            currentIndicator.getBoundingClientRect();
-            // Add the transition to move the indicator into place
-            currentIndicator.classList.add('bal-segment-item__indicator--animated');
-            // Remove the transform to slide the indicator back to the button clicked
-            currentIndicator.style.setProperty('transform', '');
-        });
-        this.value = current.value;
-        this.setCheckedClasses();
-    }
-    setCheckedClasses() {
-        const items = this.items;
-        const index = items.findIndex(item => item.value === this.value);
-        const next = index + 1;
-        const previous = index - 1;
-        for (const item of items) {
-            item.classList.remove('bal-segment-item--after-checked');
-            item.classList.remove('bal-segment-item--before-checked');
-        }
-        if (next < items.length) {
-            items[next].classList.add('bal-segment-item--after-checked');
-        }
-        if (previous < items.length && previous >= 0) {
-            items[previous].classList.add('bal-segment-item--before-checked');
-        }
-    }
-    /**
-     * RENDER
-     * ------------------------------------------------------
-     */
-    render() {
-        const { invalid, isVertical, scrollable, keyboardMode, expanded, isMobile } = this;
-        const block = BEM.block('segment');
-        return (h(Host, { role: "radiogroup", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('invalid').class(invalid)), block.modifier('vertical').class(isVertical)), block.modifier('scrollable').class(scrollable)), block.modifier('keyboard').class(keyboardMode)), block.modifier('expanded').class((expanded || isMobile) && !isVertical)), onClick: this.onClick }, h("slot", { onSlotchange: this.onSlottedItemsChange })));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "value": ["valueChanged"]
-    }; }
-};
-__decorate([
-    Logger('bal-segment'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function]),
-    __metadata("design:returntype", void 0)
-], Segment.prototype, "createLogger", null);
-__decorate([
-    ListenToBreakpoints(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", void 0)
-], Segment.prototype, "breakpointListener", null);
-__decorate([
-    ListenToWindowResize(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], Segment.prototype, "windowResizeListener", null);
-Segment.style = BalSegmentStyle0;
-
-export { Segment as bal_segment };

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

@@ -1 +0,0 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{i as i18nBalLabel}from"./bal-label.i18n-4212be56.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balContentCss=".bal-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-align:left;gap:.25rem}.bal-content--align-center{-ms-flex-align:center;align-items:center;text-align:center}.bal-content--align-end{-ms-flex-align:end;align-items:flex-end;text-align:right}.bal-content--layout-horizontal{-ms-flex-direction:row;flex-direction:row}.bal-content--layout-vertical{-ms-flex-direction:column;flex-direction:column}.bal-content--space-none{gap:0rem}.bal-content--space-xxx-small{gap:.125rem}.bal-content--space-xx-small{gap:.25rem}.bal-content--space-x-small{gap:.5rem}.bal-content--space-small{gap:.75rem}.bal-content--space-normal{gap:1rem}.bal-content>.bal-text{margin:0}";var BalContentStyle0=balContentCss;var Content=function(){function e(e){registerInstance(this,e);this.layout="vertical";this.align="start";this.space="xx-small";this.direction="";this.alignment=""}e.prototype.createLogger=function(e){this.log=e};e.prototype.render=function(){var e=BEM.block("content");var a=!!this.direction;var t=!!this.layout;var l=!!this.alignment;var i=!!this.align;var n=!!this.space;var r=this.layout;if(a){r=this.direction==="row"?"horizontal":"vertical"}var s=this.align.split(" ").join("-");if(l){s=this.alignment.split(" ").join("-")}return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("layout-".concat(r)).class(t||a)),e.modifier("align-".concat(s)).class(i||l)),e.modifier("space-".concat(this.space)).class(n))},h("slot",null))};return e}();__decorate([Logger("bal-content"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Content.prototype,"createLogger",null);Content.style=BalContentStyle0;var balLabelCss=".bal-label{display:inline;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word}.bal-label__native{display:inline;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:pre;min-width:0;font-family:var(--bal-form-field-label-font-family);font-weight:var(--bal-form-field-label-font-weight);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}.bal-label__native--multiline{white-space:normal}.bal-label__native--no-wrap{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-label__native--small{font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-label__native--small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-label__native--small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-label__native--large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-label__native--large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-label__native--large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-label__native--x-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-label__native--xx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-label__native--xxx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-label__native--success{color:var(--bal-form-field-label-success-color)}.bal-label__native--danger{color:var(--bal-form-field-label-danger-color)}.bal-label__native--disabled{color:var(--bal-form-field-label-disabled-color) !important}.bal-label__native--regular{font-weight:var(--bal-font-weight-regular)}.bal-label__native--hovered{color:var(--bal-form-field-label-color-hover)}.bal-label__native--pressed{color:var(--bal-form-field-label-color-active)}.bal-label__native--danger.bal-label__native--hovered{color:var(--bal-form-field-label-danger-color-hover)}.bal-label__native--danger.bal-label__native--pressed{color:var(--bal-form-field-label-danger-color-active)}";var BalLabelStyle0=balLabelCss;var Label=function(){function e(e){registerInstance(this,e);this.language=defaultConfig.language;this.region=defaultConfig.region;this.ariaForm=defaultBalAriaForm;this.htmlFor=undefined;this.htmlId="bal-lbl-".concat(labelIds++);this.required=true;this.noWrap=false;this.multiline=false;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="";this.weight="bold";this.hovered=false;this.pressed=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=e.language;this.region=e.region;return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e=BEM.block("label");var a=this.required===false?i18nBalLabel[this.language].optional||"":"";var t=!!this.disabled||!!this.readonly;var l=!!this.invalid;var i=!!this.valid;var n=this.weight==="regular";var r=this.size==="small";var s=this.size==="large";var o=this.size==="x-large";var b=this.size==="xx-large";var g=this.size==="xxx-large";var d=this.ariaForm.labelId||this.htmlId;var c=this.htmlFor||this.ariaForm.controlId;return h(Host,{class:Object.assign({},e.class())},h("label",{id:d,htmlFor:c,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({},e.element("native").class()),e.element("native").modifier("multiline").class(this.multiline)),e.element("native").modifier("no-wrap").class(this.noWrap)),e.element("native").modifier("disabled").class(t)),e.element("native").modifier("danger").class(l)),e.element("native").modifier("success").class(i)),e.element("native").modifier("regular").class(n)),e.element("native").modifier("small").class(r)),e.element("native").modifier("large").class(s)),e.element("native").modifier("x-large").class(o)),e.element("native").modifier("xx-large").class(b)),e.element("native").modifier("xxx-large").class(g)),e.element("native").modifier("hovered").class(this.hovered)),e.element("native").modifier("pressed").class(this.pressed))},h("slot",null),a))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-label"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Label.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Label.prototype,"configChanged",null);var labelIds=0;Label.style=BalLabelStyle0;export{Content as bal_content,Label as bal_label};

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

@@ -1 +0,0 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{p as preventDefault}from"./utils-9fbab1d3.js";import{B as BalScrollHandler}from"./scroll-f4b20848.js";import{b as balBreakpoints}from"./breakpoints.subject-3605e395.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-f2ac9963.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./index-82aff103.js";import"./browser-a8073d92.js";import"./helpers-c201154e.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-337782ae.js";var balHintCss=":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";var BalHintStyle0=balHintCss;var Hint=function(){function t(t){var e=this;registerInstance(this,t);this.bodyScrollHandler=new BalScrollHandler;this.onPopoverChange=function(t){e.isActive=t.detail;preventDefault(t)};this.isActive=false;this.innerCloseLabel="Close";this.isMobile=balBreakpoints.isMobile;this.closeLabel=undefined;this.small=false}t.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};t.prototype.componentDidRender=function(){this.updateContent()};t.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};t.prototype.breakpointListener=function(t){var e=t.mobile;if(e!==this.isMobile){this.isActive=false}this.isMobile=e};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.closeLabel){switch(t.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close";break}}return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isActive){this.dismiss()}else{this.present()}return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.popoverElement){this.popoverElement.present()}if(this.isMobile){this.bodyScrollHandler.disable()}this.isActive=true;return[2]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.popoverElement){this.popoverElement.dismiss()}if(this.isMobile){this.bodyScrollHandler.enable()}this.isActive=false;return[2]}))}))};t.prototype.updateContent=function(){if(this.hintContentEl&&this.slotWrapperEl){this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML}};t.prototype.render=function(){var t=this;var e=BEM.block("hint");var n=e.element("icon");var i=e.element("content");var a=i.element("buttons");var r=this.isMobile?0:8;var o=this.isMobile?0:16;var s=function(){return h("bal-icon",{class:Object.assign({},n.class()),"data-testid":"bal-hint-trigger","bal-popover-trigger":true,"aria-haspopup":"true",role:"button",name:"info-circle",onClick:function(){return t.toggle()}})};var l=function(){return h("div",{class:Object.assign({},i.class()),"data-testid":"bal-hint-content"},h("div",{ref:function(e){return t.hintContentEl=e}}),h("bal-button-group",{class:Object.assign(Object.assign({},a.class()),a.modifier("is-hidden-desktop").class(t.small))},h("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:function(){return t.dismiss()}},t.closeLabel?t.closeLabel:t.innerCloseLabel)))};var c=function(){var n=e.element("overlay");return h("div",{class:Object.assign({},n.class())},h(s,null),h("div",{class:Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("active").class(t.isActive))},h(l,null)))};var u=function(){return h("div",{class:Object.assign({},e.element("popover").class())},h("bal-popover",{hint:true,position:"right",offsetX:0,offsetY:o,padding:r,ref:function(e){return t.popoverElement=e},onBalChange:t.onPopoverChange},h(s,null),h("bal-popover-content",{color:"grey"},h(l,null))))};var f=this.isMobile?c:u;return h(Host,{class:Object.assign({},e.class())},h(f,null),h("div",{ref:function(e){return t.slotWrapperEl=e},style:{display:"none"}},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Hint.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Hint.prototype,"configChanged",null);Hint.style=BalHintStyle0;var HintText=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t=BEM.block("hint");var e=t.element("content");var n=e.element("text");var i=n.element("field");return h(Host,{class:Object.assign({},n.class())},h("p",{class:Object.assign({},i.class())},h("slot",null)))};return t}();var HintTitle=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t=BEM.block("hint");var e=t.element("content");var n=e.element("title");var i=n.element("heading");return h(Host,{class:Object.assign({},n.class())},h("h3",{class:Object.assign({},i.class())},h("span",null,h("slot",null))))};return t}();export{Hint as bal_hint,HintText as bal_hint_text,HintTitle as bal_hint_title};

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

@@ -1 +0,0 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBrowser}from"./browser-a8073d92.js";import{L as Logger}from"./log-dfd1c19f.js";import{b as balBreakpoints}from"./breakpoints.subject-3605e395.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-f2ac9963.js";import"./helpers-c201154e.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-337782ae.js";var top="top";var bottom="bottom";var right="right";var left="left";var auto="auto";var basePlacements=[top,bottom,right,left];var start="start";var end="end";var clippingParents="clippingParents";var viewport="viewport";var popper="popper";var reference="reference";var variationPlacements=basePlacements.reduce((function(e,t){return e.concat([t+"-"+start,t+"-"+end])}),[]);var placements=[].concat(basePlacements,[auto]).reduce((function(e,t){return e.concat([t,t+"-"+start,t+"-"+end])}),[]);var beforeRead="beforeRead";var read="read";var afterRead="afterRead";var beforeMain="beforeMain";var main="main";var afterMain="afterMain";var beforeWrite="beforeWrite";var write="write";var afterWrite="afterWrite";var modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite];function getNodeName(e){return e?(e.nodeName||"").toLowerCase():null}function getWindow(e){if(e==null){return window}if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t?t.defaultView||window:window}return e}function isElement(e){var t=getWindow(e).Element;return e instanceof t||e instanceof Element}function isHTMLElement(e){var t=getWindow(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function isShadowRoot(e){if(typeof ShadowRoot==="undefined"){return false}var t=getWindow(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function applyStyles(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{};var n=t.attributes[e]||{};var o=t.elements[e];if(!isHTMLElement(o)||!getNodeName(o)){return}Object.assign(o.style,r);Object.keys(n).forEach((function(e){var t=n[e];if(t===false){o.removeAttribute(e)}else{o.setAttribute(e,t===true?"":t)}}))}))}function effect$2(e){var t=e.state;var r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,r.popper);t.styles=r;if(t.elements.arrow){Object.assign(t.elements.arrow.style,r.arrow)}return function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e];var o=t.attributes[e]||{};var a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]);var i=a.reduce((function(e,t){e[t]="";return e}),{});if(!isHTMLElement(n)||!getNodeName(n)){return}Object.assign(n.style,i);Object.keys(o).forEach((function(e){n.removeAttribute(e)}))}))}}var applyStyles$1={name:"applyStyles",enabled:true,phase:"write",fn:applyStyles,effect:effect$2,requires:["computeStyles"]};function getBasePlacement(e){return e.split("-")[0]}var max=Math.max;var min=Math.min;var round=Math.round;function getUAString(){var e=navigator.userAgentData;if(e!=null&&e.brands&&Array.isArray(e.brands)){return e.brands.map((function(e){return e.brand+"/"+e.version})).join(" ")}return navigator.userAgent}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(e,t,r){if(t===void 0){t=false}if(r===void 0){r=false}var n=e.getBoundingClientRect();var o=1;var a=1;if(t&&isHTMLElement(e)){o=e.offsetWidth>0?round(n.width)/e.offsetWidth||1:1;a=e.offsetHeight>0?round(n.height)/e.offsetHeight||1:1}var i=isElement(e)?getWindow(e):window,s=i.visualViewport;var l=!isLayoutViewport()&&r;var c=(n.left+(l&&s?s.offsetLeft:0))/o;var p=(n.top+(l&&s?s.offsetTop:0))/a;var f=n.width/o;var u=n.height/a;return{width:f,height:u,top:p,right:c+f,bottom:p+u,left:c,x:c,y:p}}function getLayoutRect(e){var t=getBoundingClientRect(e);var r=e.offsetWidth;var n=e.offsetHeight;if(Math.abs(t.width-r)<=1){r=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function contains(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t)){return true}else if(r&&isShadowRoot(r)){var n=t;do{if(n&&e.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function getComputedStyle(e){return getWindow(e).getComputedStyle(e)}function isTableElement(e){return["table","td","th"].indexOf(getNodeName(e))>=0}function getDocumentElement(e){return((isElement(e)?e.ownerDocument:e.document)||window.document).documentElement}function getParentNode(e){if(getNodeName(e)==="html"){return e}return e.assignedSlot||e.parentNode||(isShadowRoot(e)?e.host:null)||getDocumentElement(e)}function getTrueOffsetParent(e){if(!isHTMLElement(e)||getComputedStyle(e).position==="fixed"){return null}return e.offsetParent}function getContainingBlock(e){var t=/firefox/i.test(getUAString());var r=/Trident/i.test(getUAString());if(r&&isHTMLElement(e)){var n=getComputedStyle(e);if(n.position==="fixed"){return null}}var o=getParentNode(e);if(isShadowRoot(o)){o=o.host}while(isHTMLElement(o)&&["html","body"].indexOf(getNodeName(o))<0){var a=getComputedStyle(o);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||t&&a.willChange==="filter"||t&&a.filter&&a.filter!=="none"){return o}else{o=o.parentNode}}return null}function getOffsetParent(e){var t=getWindow(e);var r=getTrueOffsetParent(e);while(r&&isTableElement(r)&&getComputedStyle(r).position==="static"){r=getTrueOffsetParent(r)}if(r&&(getNodeName(r)==="html"||getNodeName(r)==="body"&&getComputedStyle(r).position==="static")){return t}return r||getContainingBlock(e)||t}function getMainAxisFromPlacement(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function within(e,t,r){return max(e,min(t,r))}function withinMaxClamp(e,t,r){var n=within(e,t,r);return n>r?r:n}function getFreshSideObject(){return{top:0,right:0,bottom:0,left:0}}function mergePaddingObject(e){return Object.assign({},getFreshSideObject(),e)}function expandToHashMap(e,t){return t.reduce((function(t,r){t[r]=e;return t}),{})}var toPaddingObject=function e(t,r){t=typeof t==="function"?t(Object.assign({},r.rects,{placement:r.placement})):t;return mergePaddingObject(typeof t!=="number"?t:expandToHashMap(t,basePlacements))};function arrow(e){var t;var r=e.state,n=e.name,o=e.options;var a=r.elements.arrow;var i=r.modifiersData.popperOffsets;var s=getBasePlacement(r.placement);var l=getMainAxisFromPlacement(s);var c=[left,right].indexOf(s)>=0;var p=c?"height":"width";if(!a||!i){return}var f=toPaddingObject(o.padding,r);var u=getLayoutRect(a);var v=l==="y"?top:left;var d=l==="y"?bottom:right;var b=r.rects.reference[p]+r.rects.reference[l]-i[l]-r.rects.popper[p];var m=i[l]-r.rects.reference[l];var h=getOffsetParent(a);var g=h?l==="y"?h.clientHeight||0:h.clientWidth||0:0;var _=b/2-m/2;var w=f[v];var y=g-u[p]-f[d];var O=g/2-u[p]/2+_;var x=within(w,O,y);var P=l;r.modifiersData[n]=(t={},t[P]=x,t.centerOffset=x-O,t)}function effect$1(e){var t=e.state,r=e.options;var n=r.element,o=n===void 0?"[data-popper-arrow]":n;if(o==null){return}if(typeof o==="string"){o=t.elements.popper.querySelector(o);if(!o){return}}if(!contains(t.elements.popper,o)){return}t.elements.arrow=o}var arrow$1={name:"arrow",enabled:true,phase:"main",fn:arrow,effect:effect$1,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function getVariation(e){return e.split("-")[1]}var unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};function roundOffsetsByDPR(e,t){var r=e.x,n=e.y;var o=t.devicePixelRatio||1;return{x:round(r*o)/o||0,y:round(n*o)/o||0}}function mapToStyles(e){var t;var r=e.popper,n=e.popperRect,o=e.placement,a=e.variation,i=e.offsets,s=e.position,l=e.gpuAcceleration,c=e.adaptive,p=e.roundOffsets,f=e.isFixed;var u=i.x,v=u===void 0?0:u,d=i.y,b=d===void 0?0:d;var m=typeof p==="function"?p({x:v,y:b}):{x:v,y:b};v=m.x;b=m.y;var h=i.hasOwnProperty("x");var g=i.hasOwnProperty("y");var _=left;var w=top;var y=window;if(c){var O=getOffsetParent(r);var x="clientHeight";var P="clientWidth";if(O===getWindow(r)){O=getDocumentElement(r);if(getComputedStyle(O).position!=="static"&&s==="absolute"){x="scrollHeight";P="scrollWidth"}}O=O;if(o===top||(o===left||o===right)&&a===end){w=bottom;var j=f&&O===y&&y.visualViewport?y.visualViewport.height:O[x];b-=j-n.height;b*=l?1:-1}if(o===left||(o===top||o===bottom)&&a===end){_=right;var S=f&&O===y&&y.visualViewport?y.visualViewport.width:O[P];v-=S-n.width;v*=l?1:-1}}var E=Object.assign({position:s},c&&unsetSides);var k=p===true?roundOffsetsByDPR({x:v,y:b},getWindow(r)):{x:v,y:b};v=k.x;b=k.y;if(l){var B;return Object.assign({},E,(B={},B[w]=g?"0":"",B[_]=h?"0":"",B.transform=(y.devicePixelRatio||1)<=1?"translate("+v+"px, "+b+"px)":"translate3d("+v+"px, "+b+"px, 0)",B))}return Object.assign({},E,(t={},t[w]=g?b+"px":"",t[_]=h?v+"px":"",t.transform="",t))}function computeStyles(e){var t=e.state,r=e.options;var n=r.gpuAcceleration,o=n===void 0?true:n,a=r.adaptive,i=a===void 0?true:a,s=r.roundOffsets,l=s===void 0?true:s;var c={placement:getBasePlacement(t.placement),variation:getVariation(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,mapToStyles(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:l})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,mapToStyles(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var computeStyles$1={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:computeStyles,data:{}};var passive={passive:true};function effect(e){var t=e.state,r=e.instance,n=e.options;var o=n.scroll,a=o===void 0?true:o,i=n.resize,s=i===void 0?true:i;var l=getWindow(t.elements.popper);var c=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(a){c.forEach((function(e){e.addEventListener("scroll",r.update,passive)}))}if(s){l.addEventListener("resize",r.update,passive)}return function(){if(a){c.forEach((function(e){e.removeEventListener("scroll",r.update,passive)}))}if(s){l.removeEventListener("resize",r.update,passive)}}}var eventListeners={name:"eventListeners",enabled:true,phase:"write",fn:function e(){},effect:effect,data:{}};var hash$1={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(function(e){return hash$1[e]}))}var hash={start:"end",end:"start"};function getOppositeVariationPlacement(e){return e.replace(/start|end/g,(function(e){return hash[e]}))}function getWindowScroll(e){var t=getWindow(e);var r=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function getWindowScrollBarX(e){return getBoundingClientRect(getDocumentElement(e)).left+getWindowScroll(e).scrollLeft}function getViewportRect(e,t){var r=getWindow(e);var n=getDocumentElement(e);var o=r.visualViewport;var a=n.clientWidth;var i=n.clientHeight;var s=0;var l=0;if(o){a=o.width;i=o.height;var c=isLayoutViewport();if(c||!c&&t==="fixed"){s=o.offsetLeft;l=o.offsetTop}}return{width:a,height:i,x:s+getWindowScrollBarX(e),y:l}}function getDocumentRect(e){var t;var r=getDocumentElement(e);var n=getWindowScroll(e);var o=(t=e.ownerDocument)==null?void 0:t.body;var a=max(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0);var i=max(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);var s=-n.scrollLeft+getWindowScrollBarX(e);var l=-n.scrollTop;if(getComputedStyle(o||r).direction==="rtl"){s+=max(r.clientWidth,o?o.clientWidth:0)-a}return{width:a,height:i,x:s,y:l}}function isScrollParent(e){var t=getComputedStyle(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function getScrollParent(e){if(["html","body","#document"].indexOf(getNodeName(e))>=0){return e.ownerDocument.body}if(isHTMLElement(e)&&isScrollParent(e)){return e}return getScrollParent(getParentNode(e))}function listScrollParents(e,t){var r;if(t===void 0){t=[]}var n=getScrollParent(e);var o=n===((r=e.ownerDocument)==null?void 0:r.body);var a=getWindow(n);var i=o?[a].concat(a.visualViewport||[],isScrollParent(n)?n:[]):n;var s=t.concat(i);return o?s:s.concat(listScrollParents(getParentNode(i)))}function rectToClientRect(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function getInnerBoundingClientRect(e,t){var r=getBoundingClientRect(e,false,t==="fixed");r.top=r.top+e.clientTop;r.left=r.left+e.clientLeft;r.bottom=r.top+e.clientHeight;r.right=r.left+e.clientWidth;r.width=e.clientWidth;r.height=e.clientHeight;r.x=r.left;r.y=r.top;return r}function getClientRectFromMixedType(e,t,r){return t===viewport?rectToClientRect(getViewportRect(e,r)):isElement(t)?getInnerBoundingClientRect(t,r):rectToClientRect(getDocumentRect(getDocumentElement(e)))}function getClippingParents(e){var t=listScrollParents(getParentNode(e));var r=["absolute","fixed"].indexOf(getComputedStyle(e).position)>=0;var n=r&&isHTMLElement(e)?getOffsetParent(e):e;if(!isElement(n)){return[]}return t.filter((function(e){return isElement(e)&&contains(e,n)&&getNodeName(e)!=="body"}))}function getClippingRect(e,t,r,n){var o=t==="clippingParents"?getClippingParents(e):[].concat(t);var a=[].concat(o,[r]);var i=a[0];var s=a.reduce((function(t,r){var o=getClientRectFromMixedType(e,r,n);t.top=max(o.top,t.top);t.right=min(o.right,t.right);t.bottom=min(o.bottom,t.bottom);t.left=max(o.left,t.left);return t}),getClientRectFromMixedType(e,i,n));s.width=s.right-s.left;s.height=s.bottom-s.top;s.x=s.left;s.y=s.top;return s}function computeOffsets(e){var t=e.reference,r=e.element,n=e.placement;var o=n?getBasePlacement(n):null;var a=n?getVariation(n):null;var i=t.x+t.width/2-r.width/2;var s=t.y+t.height/2-r.height/2;var l;switch(o){case top:l={x:i,y:t.y-r.height};break;case bottom:l={x:i,y:t.y+t.height};break;case right:l={x:t.x+t.width,y:s};break;case left:l={x:t.x-r.width,y:s};break;default:l={x:t.x,y:t.y}}var c=o?getMainAxisFromPlacement(o):null;if(c!=null){var p=c==="y"?"height":"width";switch(a){case start:l[c]=l[c]-(t[p]/2-r[p]/2);break;case end:l[c]=l[c]+(t[p]/2-r[p]/2);break}}return l}function detectOverflow(e,t){if(t===void 0){t={}}var r=t,n=r.placement,o=n===void 0?e.placement:n,a=r.strategy,i=a===void 0?e.strategy:a,s=r.boundary,l=s===void 0?clippingParents:s,c=r.rootBoundary,p=c===void 0?viewport:c,f=r.elementContext,u=f===void 0?popper:f,v=r.altBoundary,d=v===void 0?false:v,b=r.padding,m=b===void 0?0:b;var h=mergePaddingObject(typeof m!=="number"?m:expandToHashMap(m,basePlacements));var g=u===popper?reference:popper;var _=e.rects.popper;var w=e.elements[d?g:u];var y=getClippingRect(isElement(w)?w:w.contextElement||getDocumentElement(e.elements.popper),l,p,i);var O=getBoundingClientRect(e.elements.reference);var x=computeOffsets({reference:O,element:_,strategy:"absolute",placement:o});var P=rectToClientRect(Object.assign({},_,x));var j=u===popper?P:O;var S={top:y.top-j.top+h.top,bottom:j.bottom-y.bottom+h.bottom,left:y.left-j.left+h.left,right:j.right-y.right+h.right};var E=e.modifiersData.offset;if(u===popper&&E){var k=E[o];Object.keys(S).forEach((function(e){var t=[right,bottom].indexOf(e)>=0?1:-1;var r=[top,bottom].indexOf(e)>=0?"y":"x";S[e]+=k[r]*t}))}return S}function computeAutoPlacement(e,t){if(t===void 0){t={}}var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,s=r.flipVariations,l=r.allowedAutoPlacements,c=l===void 0?placements:l;var p=getVariation(n);var f=p?s?variationPlacements:variationPlacements.filter((function(e){return getVariation(e)===p})):basePlacements;var u=f.filter((function(e){return c.indexOf(e)>=0}));if(u.length===0){u=f}var v=u.reduce((function(t,r){t[r]=detectOverflow(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[getBasePlacement(r)];return t}),{});return Object.keys(v).sort((function(e,t){return v[e]-v[t]}))}function getExpandedFallbackPlacements(e){if(getBasePlacement(e)===auto){return[]}var t=getOppositePlacement(e);return[getOppositeVariationPlacement(e),t,getOppositeVariationPlacement(t)]}function flip(e){var t=e.state,r=e.options,n=e.name;if(t.modifiersData[n]._skip){return}var o=r.mainAxis,a=o===void 0?true:o,i=r.altAxis,s=i===void 0?true:i,l=r.fallbackPlacements,c=r.padding,p=r.boundary,f=r.rootBoundary,u=r.altBoundary,v=r.flipVariations,d=v===void 0?true:v,b=r.allowedAutoPlacements;var m=t.options.placement;var h=getBasePlacement(m);var g=h===m;var _=l||(g||!d?[getOppositePlacement(m)]:getExpandedFallbackPlacements(m));var w=[m].concat(_).reduce((function(e,r){return e.concat(getBasePlacement(r)===auto?computeAutoPlacement(t,{placement:r,boundary:p,rootBoundary:f,padding:c,flipVariations:d,allowedAutoPlacements:b}):r)}),[]);var y=t.rects.reference;var O=t.rects.popper;var x=new Map;var P=true;var j=w[0];for(var S=0;S<w.length;S++){var E=w[S];var k=getBasePlacement(E);var B=getVariation(E)===start;var T=[top,bottom].indexOf(k)>=0;var M=T?"width":"height";var C=detectOverflow(t,{placement:E,boundary:p,rootBoundary:f,altBoundary:u,padding:c});var L=T?B?right:left:B?bottom:top;if(y[M]>O[M]){L=getOppositePlacement(L)}var R=getOppositePlacement(L);var A=[];if(a){A.push(C[k]<=0)}if(s){A.push(C[L]<=0,C[R]<=0)}if(A.every((function(e){return e}))){j=E;P=false;break}x.set(E,A)}if(P){var N=d?3:1;var W=function e(t){var r=w.find((function(e){var r=x.get(e);if(r){return r.slice(0,t).every((function(e){return e}))}}));if(r){j=r;return"break"}};for(var H=N;H>0;H--){var F=W(H);if(F==="break")break}}if(t.placement!==j){t.modifiersData[n]._skip=true;t.placement=j;t.reset=true}}var flip$1={name:"flip",enabled:true,phase:"main",fn:flip,requiresIfExists:["offset"],data:{_skip:false}};function getSideOffsets(e,t,r){if(r===void 0){r={x:0,y:0}}return{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function isAnySideFullyClipped(e){return[top,right,bottom,left].some((function(t){return e[t]>=0}))}function hide(e){var t=e.state,r=e.name;var n=t.rects.reference;var o=t.rects.popper;var a=t.modifiersData.preventOverflow;var i=detectOverflow(t,{elementContext:"reference"});var s=detectOverflow(t,{altBoundary:true});var l=getSideOffsets(i,n);var c=getSideOffsets(s,o,a);var p=isAnySideFullyClipped(l);var f=isAnySideFullyClipped(c);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:f};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":f})}var hide$1={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:hide};function distanceAndSkiddingToXY(e,t,r){var n=getBasePlacement(e);var o=[left,top].indexOf(n)>=0?-1:1;var a=typeof r==="function"?r(Object.assign({},t,{placement:e})):r,i=a[0],s=a[1];i=i||0;s=(s||0)*o;return[left,right].indexOf(n)>=0?{x:s,y:i}:{x:i,y:s}}function offset(e){var t=e.state,r=e.options,n=e.name;var o=r.offset,a=o===void 0?[0,0]:o;var i=placements.reduce((function(e,r){e[r]=distanceAndSkiddingToXY(r,t.rects,a);return e}),{});var s=i[t.placement],l=s.x,c=s.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=l;t.modifiersData.popperOffsets.y+=c}t.modifiersData[n]=i}var offset$1={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:offset};function popperOffsets(e){var t=e.state,r=e.name;t.modifiersData[r]=computeOffsets({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var popperOffsets$1={name:"popperOffsets",enabled:true,phase:"read",fn:popperOffsets,data:{}};function getAltAxis(e){return e==="x"?"y":"x"}function preventOverflow(e){var t=e.state,r=e.options,n=e.name;var o=r.mainAxis,a=o===void 0?true:o,i=r.altAxis,s=i===void 0?false:i,l=r.boundary,c=r.rootBoundary,p=r.altBoundary,f=r.padding,u=r.tether,v=u===void 0?true:u,d=r.tetherOffset,b=d===void 0?0:d;var m=detectOverflow(t,{boundary:l,rootBoundary:c,padding:f,altBoundary:p});var h=getBasePlacement(t.placement);var g=getVariation(t.placement);var _=!g;var w=getMainAxisFromPlacement(h);var y=getAltAxis(w);var O=t.modifiersData.popperOffsets;var x=t.rects.reference;var P=t.rects.popper;var j=typeof b==="function"?b(Object.assign({},t.rects,{placement:t.placement})):b;var S=typeof j==="number"?{mainAxis:j,altAxis:j}:Object.assign({mainAxis:0,altAxis:0},j);var E=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var k={x:0,y:0};if(!O){return}if(a){var B;var T=w==="y"?top:left;var M=w==="y"?bottom:right;var C=w==="y"?"height":"width";var L=O[w];var R=L+m[T];var A=L-m[M];var N=v?-P[C]/2:0;var W=g===start?x[C]:P[C];var H=g===start?-P[C]:-x[C];var F=t.elements.arrow;var $=v&&F?getLayoutRect(F):{width:0,height:0};var V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:getFreshSideObject();var D=V[T];var I=V[M];var z=within(0,x[C],$[C]);var U=_?x[C]/2-N-z-D-S.mainAxis:W-z-D-S.mainAxis;var q=_?-x[C]/2+N+z+I+S.mainAxis:H+z+I+S.mainAxis;var X=t.elements.arrow&&getOffsetParent(t.elements.arrow);var G=X?w==="y"?X.clientTop||0:X.clientLeft||0:0;var Y=(B=E==null?void 0:E[w])!=null?B:0;var J=L+U-Y-G;var K=L+q-Y;var Q=within(v?min(R,J):R,L,v?max(A,K):A);O[w]=Q;k[w]=Q-L}if(s){var Z;var ee=w==="x"?top:left;var te=w==="x"?bottom:right;var re=O[y];var ne=y==="y"?"height":"width";var oe=re+m[ee];var ae=re-m[te];var ie=[top,left].indexOf(h)!==-1;var se=(Z=E==null?void 0:E[y])!=null?Z:0;var le=ie?oe:re-x[ne]-P[ne]-se+S.altAxis;var ce=ie?re+x[ne]+P[ne]-se-S.altAxis:ae;var pe=v&&ie?withinMaxClamp(le,re,ce):within(v?le:oe,re,v?ce:ae);O[y]=pe;k[y]=pe-re}t.modifiersData[n]=k}var preventOverflow$1={name:"preventOverflow",enabled:true,phase:"main",fn:preventOverflow,requiresIfExists:["offset"]};function getHTMLElementScroll(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function getNodeScroll(e){if(e===getWindow(e)||!isHTMLElement(e)){return getWindowScroll(e)}else{return getHTMLElementScroll(e)}}function isElementScaled(e){var t=e.getBoundingClientRect();var r=round(t.width)/e.offsetWidth||1;var n=round(t.height)/e.offsetHeight||1;return r!==1||n!==1}function getCompositeRect(e,t,r){if(r===void 0){r=false}var n=isHTMLElement(t);var o=isHTMLElement(t)&&isElementScaled(t);var a=getDocumentElement(t);var i=getBoundingClientRect(e,o,r);var s={scrollLeft:0,scrollTop:0};var l={x:0,y:0};if(n||!n&&!r){if(getNodeName(t)!=="body"||isScrollParent(a)){s=getNodeScroll(t)}if(isHTMLElement(t)){l=getBoundingClientRect(t,true);l.x+=t.clientLeft;l.y+=t.clientTop}else if(a){l.x=getWindowScrollBarX(a)}}return{x:i.left+s.scrollLeft-l.x,y:i.top+s.scrollTop-l.y,width:i.width,height:i.height}}function order(e){var t=new Map;var r=new Set;var n=[];e.forEach((function(e){t.set(e.name,e)}));function o(e){r.add(e.name);var a=[].concat(e.requires||[],e.requiresIfExists||[]);a.forEach((function(e){if(!r.has(e)){var n=t.get(e);if(n){o(n)}}}));n.push(e)}e.forEach((function(e){if(!r.has(e.name)){o(e)}}));return n}function orderModifiers(e){var t=order(e);return modifierPhases.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}function debounce(e){var t;return function(){if(!t){t=new Promise((function(r){Promise.resolve().then((function(){t=undefined;r(e())}))}))}return t}}function mergeByName(e){var t=e.reduce((function(e,t){var r=e[t.name];e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t;return e}),{});return Object.keys(t).map((function(e){return t[e]}))}var DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"};function areValidElements(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++){t[r]=arguments[r]}return!t.some((function(e){return!(e&&typeof e.getBoundingClientRect==="function")}))}function popperGenerator(e){if(e===void 0){e={}}var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,o=t.defaultOptions,a=o===void 0?DEFAULT_OPTIONS:o;return function e(t,r,o){if(o===void 0){o=a}var i={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,a),modifiersData:{},elements:{reference:t,popper:r},attributes:{},styles:{}};var s=[];var l=false;var c={state:i,setOptions:function e(o){var s=typeof o==="function"?o(i.options):o;f();i.options=Object.assign({},a,i.options,s);i.scrollParents={reference:isElement(t)?listScrollParents(t):t.contextElement?listScrollParents(t.contextElement):[],popper:listScrollParents(r)};var l=orderModifiers(mergeByName([].concat(n,i.options.modifiers)));i.orderedModifiers=l.filter((function(e){return e.enabled}));p();return c.update()},forceUpdate:function e(){if(l){return}var t=i.elements,r=t.reference,n=t.popper;if(!areValidElements(r,n)){return}i.rects={reference:getCompositeRect(r,getOffsetParent(n),i.options.strategy==="fixed"),popper:getLayoutRect(n)};i.reset=false;i.placement=i.options.placement;i.orderedModifiers.forEach((function(e){return i.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<i.orderedModifiers.length;o++){if(i.reset===true){i.reset=false;o=-1;continue}var a=i.orderedModifiers[o],s=a.fn,p=a.options,f=p===void 0?{}:p,u=a.name;if(typeof s==="function"){i=s({state:i,options:f,name:u,instance:c})||i}}},update:debounce((function(){return new Promise((function(e){c.forceUpdate();e(i)}))})),destroy:function e(){f();l=true}};if(!areValidElements(t,r)){return c}c.setOptions(o).then((function(e){if(!l&&o.onFirstUpdate){o.onFirstUpdate(e)}}));function p(){i.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,n=r===void 0?{}:r,o=e.effect;if(typeof o==="function"){var a=o({state:i,name:t,instance:c,options:n});var l=function e(){};s.push(a||l)}}))}function f(){s.forEach((function(e){return e()}));s=[]}return c}}var defaultModifiers=[eventListeners,popperOffsets$1,computeStyles$1,applyStyles$1,offset$1,flip$1,preventOverflow$1,arrow$1,hide$1];var createPopper=popperGenerator({defaultModifiers:defaultModifiers});var balPopoverCss='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';var BalPopoverStyle0=balPopoverCss;var Popover=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.balPopoverPrepare=createEvent(this,"balPopoverPrepare",7);this.popoverId="bal-po-".concat(PopoverIds++);this.isTouch=balBreakpoints.isTouch;this.isInMainNav=false;this.backdropHeight=0;this.autoTrigger=false;this.hint=false;this.hover=false;this.arrow=false;this.backdrop=false;this.tooltip=false;this.offsetX=0;this.offsetY=0;this.padding=0;this.position="bottom-start";this.active=false;this.mobileTop=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.activeChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(e===true&&e!==t){this.present({force:true})}else{this.dismiss({force:true})}return[2]}))}))};e.prototype.componentWillLoad=function(){this.backdropHeight=this.getBackdropHeight()};e.prototype.componentDidLoad=function(){var e=this;this.isInMainNav=this.footMobileNav!==null;if(this.triggerElement&&this.menuElement){this.popperInstance=createPopper(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});var t=[];var r=[];if(this.autoTrigger){t=["click"]}if(this.tooltip){t=["mouseenter","focus"];r=["mouseleave","blur"]}t.forEach((function(t){if(e.triggerElement){if(t==="click"){e.triggerElement.addEventListener(t,(function(){return e.toggle()}))}else{e.triggerElement.addEventListener(t,(function(){return e.present()}))}}}));r.forEach((function(t){if(e.triggerElement){e.triggerElement.addEventListener(t,(function(){return e.dismiss()}))}}))}};e.prototype.componentDidRender=function(){var e=this;if(this.popperInstance){this.popperInstance.setOptions((function(t){return Object.assign(Object.assign({},t),{placement:e.tooltip?"bottom":e.position,modifiers:__spreadArray(__spreadArray([],t.modifiers.filter((function(e){return e.name!=="offset"&&e.name!=="preventOverflow"})),true),[e.modifierOffset,e.modifierPreventOverflow],false)})}));this.updatePopper()}if(balBrowser.isSafari&&!this.isTouch){clearTimeout(this.componentDidRenderTimer);this.componentDidRenderTimer=setTimeout((function(){var t;var r=(t=e.element)===null||t===void 0?void 0:t.clientWidth;if(r){e.element.style.maxWidth="".concat(r,"px")}else{e.element.style.maxWidth="initial"}}))}};e.prototype.handlePopoverPrepare=function(e){var t=e.detail;if(this.popoverId!==t){this.dismiss()}};e.prototype.clickOnOutside=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(this.active){if(!this.element.contains(e.target)){this.active=false}if((t=this.backdropElement)===null||t===void 0?void 0:t.isEqualNode(e.target)){this.active=false}}return[2]}))}))};e.prototype.handleKeyUp=function(e){if(this.active&&(e.key==="Escape"||e.key==="Esc")){e.preventDefault();this.dismiss()}};e.prototype.tabOutside=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(e.key==="Tab"&&!this.element.contains(document.activeElement)&&this.active))return[3,2];return[4,this.toggle()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.breakpointListener=function(e){this.isTouch=e.touch;this.isInMainNav=this.footMobileNav!==null;this.backdropHeight=this.getBackdropHeight()};e.prototype.present=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){if(!this.active||e.force){(t=this.menuElement)===null||t===void 0?void 0:t.setAttribute("data-show","");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","false");if(this.menuInnerElement){this.menuInnerElement.scrollTo(0,0)}this.balPopoverPrepare.emit(this.popoverId);this.balWillAnimate.emit(this.active);this.active=true;this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};e.prototype.dismiss=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){if(this.active||e.force){(t=this.menuElement)===null||t===void 0?void 0:t.removeAttribute("data-show");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","true");this.balWillAnimate.emit(this.active);this.active=false;this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};e.prototype.toggle=function(e){if(e===void 0){e={force:false}}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.dismiss(e)];case 1:t.sent();return[3,4];case 2:return[4,this.present(e)];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};Object.defineProperty(e.prototype,"footMobileNav",{get:function(){return this.element.closest('[slot="meta-mobile-foot"]')},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"modifierOffset",{get:function(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"modifierPreventOverflow",{get:function(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:true}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"triggerElement",{get:function(){return this.element.querySelector("[bal-popover-trigger]")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuElement",{get:function(){return this.element.querySelector("bal-popover-content")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuInnerElement",{get:function(){return this.element.querySelector(".bal-popover__content__inner")},enumerable:false,configurable:true});e.prototype.getBackdropHeight=function(){if(balBrowser.hasWindow){return this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16}return 0};e.prototype.updatePopper=function(){this.popperInstance.update()};e.prototype.render=function(){var e=this;var t=BEM.block("popover");return h(Host,{"aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&h("div",{ref:function(t){e.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":"".concat(this.backdropHeight,"rem")}}),h("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-popover"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popover.prototype,"createLogger",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Popover.prototype,"breakpointListener",null);var PopoverIds=0;Popover.style=BalPopoverStyle0;var PopoverContent=function(){function e(e){registerInstance(this,e);this.isTouch=balBreakpoints.isTouch;this.spaceless=false;this.scrollable=0;this.contentWidth=0;this.contentMinWidth=0;this.color="white";this.expanded=false;this.radius="normal";this.noShadow=false;this.mobileTop=false;this.contentHeightOnTop=0}e.prototype.breakpointListener=function(e){if(balBrowser.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};Object.defineProperty(e.prototype,"innerStyle",{get:function(){var e={};if(this.scrollable>0){e={"max-height":"".concat(this.scrollable,"px"),overflow:"auto"}}return Object.assign({},e)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"contentStyle",{get:function(){var e={};var t={};var r={"--bal-popover-content-height-top-nav":"".concat(this.contentHeightOnTop/16,"rem")};if(this.contentWidth>0){e={"max-width":"".concat(this.contentWidth,"px")}}if(this.contentMinWidth>0){t={"min-width":"".concat(this.contentMinWidth,"px")}}return Object.assign(Object.assign(Object.assign({},e),t),r)},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){if(balBrowser.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};e.prototype.render=function(){var e=BEM.block("popover").element("content");return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("expanded").class(this.expanded)),e.modifier("spaceless").class(this.spaceless)),e.modifier("no-shadow").class(this.noShadow)),e.modifier("radius-".concat(this.radius)).class()),e.modifier("color-".concat(this.color)).class()),e.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},h("div",{class:Object.assign({},e.element("inner").class()),style:this.innerStyle},h("slot",null)),h("div",{class:Object.assign({},e.element("arrow").class()),"data-popper-arrow":true}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],PopoverContent.prototype,"breakpointListener",null);export{Popover as bal_popover,PopoverContent as bal_popover_content};

package/dist/esm-es5/bal-segment-item.entry.js

@@ -1 +0,0 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{j as addEventListener,r as removeEventListener,l as raf}from"./helpers-c201154e.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balSegmentItemCss=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var BalSegmentItemStyle0=balSegmentItemCss;var ids=0;var SegmentItem=function(){function e(e){var t=this;registerInstance(this,e);this.balBlur=createEvent(this,"balBlur",7);this.segmentEl=null;this.inheritedAttributes={};this.id=ids++;this.updateVertical=function(e){t.isVertical=e.detail};this.updateState=function(){var e=t.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var i=t.items;if(i.length>0){var a=i[0];t.isFocusable=a===t.el}}else{t.checked=e.value===t.value;t.isFocusable=e.value===t.value}if(e.disabled){t.disabled=true}}};this.onSlottedItemsChange=function(){t.checkSlotContent()};this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.id}e.prototype.valueChanged=function(){this.updateState()};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e){this.updateState();addEventListener(e,"balSelect",this.updateState);addEventListener(e,"balVertical",this.updateVertical)}};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){removeEventListener(e,"balSelect",this.updateState);removeEventListener(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAttributes(this.el,["aria-label"]))};e.prototype.componentDidLoad=function(){var e=this;raf((function(){return e.checkSlotContent()}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return this.allItems.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allItems",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.isFirst=function(){var e=this.segmentEl;var t=this.items;if(e&&e.disabled){t=this.allItems}if(t.length>0){var i=t[0];return i===this.el}return false};e.prototype.isLast=function(){var e=this.segmentEl;var t=this.items;if(e&&e.disabled){t=this.allItems}if(t.length>0){var i=t[t.length-1];return i===this.el}return false};e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,a=t.focused,n=t.segmentEl,r=t.label,o=t.isFocusable;var s=BEM.block("segment-item");var l=s.element("button");var m=s.element("indicator");var b=this.invalid||n&&n.invalid;var c=this.disabled||n&&n.disabled;var d=this.isVertical;return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("vertical").class(d)),s.modifier("disabled").class(c)),s.modifier("checked").class(i)),s.modifier("invalid").class(b)),s.modifier("line").class(!this.isFirst()&&!i)),s.modifier("last").class(this.isLast()&&!i))},h("button",Object.assign({role:"radio","aria-checked":i?"true":"false",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("checked").class(i)),l.modifier("invalid").class(b)),l.modifier("disabled").class(c)),l.modifier("focused").class(a)),l.modifier("vertical").class(d)),"aria-labelledby":"bal-si-".concat(this.id,"-label"),type:"button",tabIndex:o?0:-1,part:"native",onBlur:function(t){return e.balBlur.emit(t)},disabled:c,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),h("bal-icon",{name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},l.element("icon").class()),l.element("icon").modifier("animated").class(i)),l.element("icon").modifier("vertical").class(d)),color:c?"grey-dark":b?"white":"primary"}),h("bal-stack",{space:"x-small",layout:"horizontal"},h("bal-content",{space:"none"},h("bal-label",{htmlId:"bal-si-".concat(this.id,"-label")},r),h("span",{part:"slot",class:Object.assign({},l.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",h("slot",{onSlotchange:this.onSlottedItemsChange}))))),h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("animated").class()),m.modifier("background").class()),m.modifier("disabled").class(c)),m.modifier("invalid").class(b)),m.modifier("checked").class(i)),m.modifier("vertical").class(d))}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}();SegmentItem.style=BalSegmentItemStyle0;export{SegmentItem as bal_segment_item};

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

@@ -1 +0,0 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,w as writeTask,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{e as isSpaceKey,s as isArrowUpKey,z as isArrowLeftKey,q as isArrowDownKey,A as isArrowRightKey,B as isHomeKey,C as isEndKey}from"./index.esm-76abd8e3.js";import{s as stopEventBubbling}from"./form-input-28a08ec5.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{l as raf}from"./helpers-c201154e.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-f2ac9963.js";import{L as ListenToWindowResize}from"./window-resize.decorator-d5198831.js";import"./browser-a8073d92.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./breakpoints.subject-3605e395.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-337782ae.js";var balSegmentCss=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var BalSegmentStyle0=balSegmentCss;var Segment=function(){function e(e){var t=this;registerInstance(this,e);this.balBlur=createEvent(this,"balBlur",7);this.balChange=createEvent(this,"balChange",7);this.balSelect=createEvent(this,"balSelect",7);this.balVertical=createEvent(this,"balVertical",7);this.getSegmentItem=function(e){var a,i;var r=t.items.filter((function(e){return!e.disabled}));var n=r.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return r[n];case"first":return r[0];case"last":return r[r.length-1];case"next":return(a=r[n+1])!==null&&a!==void 0?a:r[0];case"previous":return(i=r[n-1])!==null&&i!==void 0?i:r[r.length-1];default:return null}};this.onPointerDown=function(){t.keyboardMode=false};this.onSlottedItemsChange=function(){t.valueChanged(t.value);t.defineWidth()};this.onClick=function(e){if(t.disabled){return}var a=e.target;var i=t.checked;if(a.tagName==="BAL-SEGMENT"){return}if(a&&a.setFocus){a.setFocus()}if(i){t.checkButton(i,a)}else{t.setCheckedClasses();t.checkButton(a,a)}if(a!==i){t.emitValueChange()}};this.focusedValue=undefined;this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.invalid=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.valueChanged=function(e){this.balSelect.emit(e)};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnBalBlur=function(e){stopEventBubbling(e);this.balBlur.emit(e.detail)};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=FOCUS_KEYS.includes(e.key);var t;if(isSpaceKey(e)){stopEventBubbling(e);t=this.getSegmentItem("current")}else if(isArrowUpKey(e)||isArrowLeftKey(e)){stopEventBubbling(e);t=this.getSegmentItem("previous")}else if(isArrowDownKey(e)||isArrowRightKey(e)){stopEventBubbling(e);t=this.getSegmentItem("next")}else if(isHomeKey(e)){stopEventBubbling(e);t=this.getSegmentItem("first")}else if(isEndKey(e)){stopEventBubbling(e);t=this.getSegmentItem("last")}if(!t){return}var a=this.checked;if(t!==a){this.checkButton(a,t);this.emitValueChange()}if(t){t.setFocus()}};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.items.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;raf((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")};e.prototype.checkButton=function(e,t){var a=this.getIndicator(e);var i=this.getIndicator(t);if(a===null||i===null){return}var r=a.getBoundingClientRect();var n=i.getBoundingClientRect();var s=r.width/n.width;var o=r.left-n.left;var l="translate3d(".concat(o,"px, 0, 0) scaleX(").concat(s,")");if(this.isVertical){var c=r.height/n.height;var m=r.top-n.top;l="translate3d(0, ".concat(m,"px, 0) scaleY(").concat(c,")")}writeTask((function(){i.classList.remove("bal-segment-item__indicator--animated");i.style.setProperty("transform",l);i.getBoundingClientRect();i.classList.add("bal-segment-item__indicator--animated");i.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.items;var a=t.findIndex((function(t){return t.value===e.value}));var i=a+1;var r=a-1;for(var n=0,s=t;n<s.length;n++){var o=s[n];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(i<t.length){t[i].classList.add("bal-segment-item--after-checked")}if(r<t.length&&r>=0){t[r].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,a=e.isVertical,i=e.scrollable,r=e.keyboardMode,n=e.expanded,s=e.isMobile;var o=BEM.block("segment");return h(Host,{role:"radiogroup",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("invalid").class(t)),o.modifier("vertical").class(a)),o.modifier("scrollable").class(i)),o.modifier("keyboard").class(r)),o.modifier("expanded").class((n||s)&&!a)),onClick:this.onClick},h("slot",{onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-segment"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Segment.prototype,"createLogger",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"windowResizeListener",null);Segment.style=BalSegmentStyle0;export{Segment as bal_segment};