@baloise/ds-core 17.2.0 → 17.2.1

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

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as debounceEvent}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{n as newBalStepOption}from"./bal-step.util-3905ad56.js";import{b as balBreakpoints}from"./breakpoints.subject-ac2d9287.js";import{L as ListenToMutation}from"./mutation.decorator-985cc0a1.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-7623ded8.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-44ff650d.js";var StepIcon=function(e){var t=e.item,a=e.isMobile;var s=BEM.block("steps").element("nav").element("item").element("icon");return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},h("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),h("span",{style:{display:!t.done?"block":"none"}},t.failed?"!":(t.index||0)+1))};var StepLabel=function(e){var t=e.item;var a=BEM.block("steps").element("nav").element("item").element("label");return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)};var StepButton=function(e){var t=e.item,a=e.color,s=e.isMobile,r=e.clickable,o=e.onSelectTab;var l=BEM.block("steps").element("nav").element("item");if(t.invisible){return}return h("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(a)).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(r)),l.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(t.disabled),href:t.href===""?"javascript:;":t.href,target:t.target,onClick:function(e){return o(e,t)}},h(StepIcon,{item:t,isMobile:s}),h(StepLabel,{item:t}))};var balStepsCss='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-passed-background-light-blue)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-passed-background-purple)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-passed-background-red)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-passed-background-yellow)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-passed-background-green)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var BalStepsStyle0=balStepsCss;var Steps=function(){function e(e){var t=this;registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.stepsId="bal-steps-".concat(StepsIds++);this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(newBalStepOption),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!areArraysEqual(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){stopEventBubbling(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.isMobile=balBreakpoints.isMobile;this.store=[];this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var t=BEM.block("steps");var a=t.element("nav");var s=true;var r=-1;var o=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){s=false}if(!e.invisible){r=r+1}return Object.assign(Object.assign({},e),{passed:s,index:r})}));return h(Host,{class:Object.assign({},t.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},h("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},h("bal-carousel",{class:Object.assign({},a.element("carousel").class()),htmlRole:"",onBalChange:stopEventBubbling,controls:"small","items-per-view":"auto",steps:3},o.filter((function(e){return!e.invisible})).map((function(t){return h("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier("color-".concat(e.color)).class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},h(StepButton,{item:t,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!t.disabled,onSelectTab:e.onSelectTab}))})))),h("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-steps"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Steps.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-steps","bal-step-item"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Steps.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Steps.prototype,"breakpointListener",null);var StepsIds=0;Steps.style=BalStepsStyle0;export{Steps as bal_steps};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as debounceEvent}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{n as newBalStepOption}from"./bal-step.util-3905ad56.js";import{b as balBreakpoints}from"./breakpoints.subject-0764e6ff.js";import{L as ListenToMutation}from"./mutation.decorator-74831883.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-a8efc52b.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-69df759d.js";var StepIcon=function(e){var t=e.item,a=e.isMobile;var s=BEM.block("steps").element("nav").element("item").element("icon");return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},h("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),h("span",{style:{display:!t.done?"block":"none"}},t.failed?"!":(t.index||0)+1))};var StepLabel=function(e){var t=e.item;var a=BEM.block("steps").element("nav").element("item").element("label");return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)};var StepButton=function(e){var t=e.item,a=e.color,s=e.isMobile,r=e.clickable,o=e.onSelectTab;var l=BEM.block("steps").element("nav").element("item");if(t.invisible){return}return h("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(a)).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(r)),l.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(t.disabled),href:t.href===""?"javascript:;":t.href,target:t.target,onClick:function(e){return o(e,t)}},h(StepIcon,{item:t,isMobile:s}),h(StepLabel,{item:t}))};var balStepsCss='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-passed-background-light-blue)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-passed-background-purple)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-passed-background-red)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-passed-background-yellow)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-passed-background-green)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var BalStepsStyle0=balStepsCss;var Steps=function(){function e(e){var t=this;registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.stepsId="bal-steps-".concat(StepsIds++);this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(newBalStepOption),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!areArraysEqual(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){stopEventBubbling(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.isMobile=balBreakpoints.isMobile;this.store=[];this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var t=BEM.block("steps");var a=t.element("nav");var s=true;var r=-1;var o=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){s=false}if(!e.invisible){r=r+1}return Object.assign(Object.assign({},e),{passed:s,index:r})}));return h(Host,{class:Object.assign({},t.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},h("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},h("bal-carousel",{class:Object.assign({},a.element("carousel").class()),htmlRole:"",onBalChange:stopEventBubbling,controls:"small","items-per-view":"auto",steps:3},o.filter((function(e){return!e.invisible})).map((function(t){return h("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier("color-".concat(e.color)).class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},h(StepButton,{item:t,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!t.disabled,onSelectTab:e.onSelectTab}))})))),h("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-steps"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Steps.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-steps","bal-step-item"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Steps.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Steps.prototype,"breakpointListener",null);var StepsIds=0;Steps.style=BalStepsStyle0;export{Steps as bal_steps};

package/dist/esm-es5/bal-tab-item_2.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{a as inheritTrackingAttributes}from"./attributes-4fa7040f.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{n as raf,f as deepReady,t as transitionEndAsync,j as debounce,o as debounceEvent,p as hasParent,l as rLCP,q as isChildOfEventTarget,i as isDescendant,b as waitAfterFramePaint}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{n as newBalTabOption}from"./bal-tab.util-933315fe.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{b as balBrowser}from"./browser-a8073d92.js";import{a as getComputedPadding}from"./style-ca1bd202.js";import{L as ListenTo}from"./listen-d1712e70.js";import{b as balBreakpoints}from"./breakpoints.subject-ac2d9287.js";import{L as ListenToMutation}from"./mutation.decorator-985cc0a1.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-7623ded8.js";import{L as ListenToResize}from"./resize.decorator-f2d8461d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-44ff650d.js";var TabItem=function(){function t(t){registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(panelID++);this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined;this.subLabel="";this.svg=""}t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritTrackingAttributes(this.el)};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria,subLabel:this.subLabel,svg:this.svg}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var a=!this.isActive||this.noPanel;return h(Host,{key:"73cd7faf737780486e58b71b4c51508e0311e277",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-label":t?this.label:undefined,"aria-hidden":a?"true":"false",tabindex:a?"-1":undefined,hidden:a?true:undefined},h("slot",{key:"d533d087306ee17ba5b78c9b756db6cf923ef1a5"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var panelID=0;var TabSelect=function(t){var a=t.items,e=t.value,i=t.onSelectTab;var n=BEM.block("tabs").element("select");var r=function(t){var e=a.filter((function(a){return a.value===t.detail}));if(e.length>0){var n=e[0];if(n.href!==""&&n.href!==undefined){if(balBrowser.hasWindow){window.open(n.href,n.target)}}i(t,n)}};return h("bal-select",{class:Object.assign({},n.class()),value:e,onBalChange:function(t){return r(t)}},a.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return h("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var TabIcon=function(t){var a=t.item,e=t.inverted,i=t.accordion,n=t.isAccordionOpen,r=t.isMobile,s=t.hasBubble;var o=BEM.block("tabs").element("nav").element("item").element("icon");var b=a.disabled?"grey":"primary";if(e){b=a.disabled?"primary-light":"white"}return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(a.active)),o.modifier("disabled").class(a.disabled)),o.modifier("display-svg").class(a.svg!==undefined))},a.svg?h("bal-icon",{svg:a.svg,size:"large",color:"auto"}):h("bal-icon",{size:r||i?"small":"",name:i?"nav-go-down":a.icon,color:b,turn:i&&n===true&&a.active}),s?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},a.bubble):"")};var TabLabel=function(t){var a=t.item,e=t.inverted,i=t.hasBubble,n=t.isVertical,r=t.context;var s=BEM.block("tabs").element("nav").element("item").element("label");return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("inverted").class(e)),s.modifier("active").class(a.active)),s.modifier("disabled").class(a.disabled)),s.modifier("vertical").class(n)),s.modifier("context-".concat(r)).class(r!==undefined)),s.modifier("with-svg").class(a.svg&&a.svg.length>0)),"data-testid":"bal-tabs-item-label"},a.label,a.subLabel&&h("span",{class:s.element("sub-label").class()},a.subLabel),i?h("bal-badge",{class:Object.assign({},s.element("bubble").class()),size:"small"},a.bubble):"")};var toKebabCase=function(t){if(typeof t==="string"){return t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}return""};var TabButton=function(t){var a=t.item,e=t.tabsId,i=t.isFirst,n=t.isLast,r=t.isMobile,s=t.isVertical,o=t.accordion,b=t.isAccordionOpen,l=t.isLinkList,_=t.inverted,d=t.expanded,c=t.spaceless,v=t.clickable,u=t.iconPosition,f=t.context,m=t.onSelectTab,p=t.hasSubLabelInGroup,g=t.dimInactiveElements;var w;var x=BEM.block("tabs").element("nav").element("item");if(a.invisible){return}var y=a.bubble!==false;var j=a.icon!==undefined;var O=j&&y&&u!=="horizontal"&&!o||r&&j&&y&&!s&&!o;var k=o&&y||o&&r&&j&&y&&!s;var T=!j&&y&&!o||y&&!r&&u==="horizontal"&&!o||y&&s&&!o;var L=a.href===undefined||a.href==="";var E=L?"button":"a";var A=L?{type:"button",role:"tab","aria-controls":((w=a.aria)===null||w===void 0?void 0:w.controls)||a.tabPanelID||undefined,"aria-expanded":a.active?"true":"false","aria-disabled":"".concat(a.disabled),"aria-label":a.label}:{href:a.href,target:a.target};if(!l){A["tabindex"]=a.active?"0":"-1"}return h(E,Object.assign({id:"".concat(e,"-button-").concat(toKebabCase(a.value)),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},x.class()),x.modifier("active").class(a.active)),x.modifier("disabled").class(a.disabled)),x.modifier("clickable").class(v)),x.modifier("accordion").class(o)),x.modifier("inverted").class(_)),x.modifier("expanded").class(d)),x.modifier("spaceless").class(c)),x.modifier("first").class(i)),x.modifier("last").class(n)),x.modifier("passed").class(a.passed)),x.modifier("vertical").class(s)),x.modifier("context-".concat(f)).class(f!==undefined)),x.modifier("icon-position-".concat(u)).class(u!=="horizontal")),x.modifier("display-svg").class(a.svg&&a.svg.length>0)),x.modifier("group-has-sub-label").class(p)),x.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!a.disabled&&!a.invisible}),draggable:false,"data-tabs":e,"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-tabs-item","aria-selected":!L?undefined:a.active?"true":"false"},A,{onClick:function(t){return m(t,a)}}),a.icon||a.svg?h(TabIcon,{accordion:false,item:a,isMobile:r,hasBubble:O,inverted:_}):"",h(TabLabel,{item:a,isMobile:r,isVertical:s,hasBubble:T,inverted:_,context:f}),o&&!a.href?h(TabIcon,{accordion:o,isAccordionOpen:b,item:a,isMobile:r,hasBubble:k,inverted:_}):"")};var TabNav=function(t){var a=t.items,e=t.tabsId,i=t.hasCarousel,n=t.isVertical,r=t.inNavbar,s=t.isMobile,o=t.isTouch,b=t.lineActive,l=t.isLinkList,_=t.border,d=t.accordion,c=t.isAccordionOpen,v=t.inverted,u=t.clickable,f=t.animated,m=t.spaceless,p=t.expanded,g=t.verticalColSize,w=t.iconPosition,x=t.context,y=t.onSelectTab,j=t.dimInactiveElements;var O=BEM.block("tabs").element("nav");var k=a.filter((function(t){return!t.invisible}));var T=r&&!o;var L=a.some((function(t){return t.subLabel&&t.subLabel.length>0}));var E=function(t){var a=t.item,i=t.index;return h(TabButton,{item:a,isLinkList:l,tabsId:e,isFirst:i===0,isLast:i===k.length-1,isMobile:s,isVertical:n,iconPosition:w,spaceless:m,inverted:v,accordion:d,isAccordionOpen:c,context:x,expanded:p,clickable:u&&!a.disabled,onSelectTab:y,hasSubLabelInGroup:L,dimInactiveElements:j})};return h("div",{id:"".concat(e,"-nav"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class(T)),O.modifier("border").class(_)),O.modifier("animated").class(f)),O.modifier("vertical").class(n)),O.modifier("expanded").class(p&&!n)),O.modifier("vertical-col-".concat(g)).class(n))},i?h("bal-carousel",{id:"".concat(e,"-carousel"),class:Object.assign({},O.element("carousel").class()),htmlRole:"tablist",fullHeight:T,border:_,inverted:v,controls:"small","items-per-view":"auto",steps:3,onBalChange:stopEventBubbling},k.map((function(t,a){return h("bal-carousel-item",{htmlRole:"",class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(p))},h(E,{item:t,index:a}))})),h("div",{id:"".concat(e,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(b)),O.element("line").modifier("inverted").class(v)),O.element("line").modifier("animated").class(f)),O.element("line").modifier("vertical").class(n))})):k.map((function(t,a){return h(E,{item:t,index:a})})),!i?h("div",{id:"".concat(e,"-border"),class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(v)),O.element("border").modifier("vertical").class(n))}):"",!i?h("div",{id:"".concat(e,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(b)),O.element("line").modifier("inverted").class(v)),O.element("line").modifier("animated").class(f)),O.element("line").modifier("vertical").class(n))}):"")};var balTabsCss="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";var BalTabsStyle0=balTabsCss;var Tabs=function(){function t(t){var a=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(TabsIds++);this.mutationObserverActive=true;this.getOptions=function(){if(a.options.length>0){return __spreadArray([],a.options.map(newBalTabOption),true)}else{return Promise.all(a.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!areArraysEqual(a.store,t)){a.store=t}else if(!a.optionalTabSelection&&!a.accordion&&a.value===undefined&&a.store.length>0){var e=a.store[0];a.value=e.value}};this.setActiveItem=function(){var t=a.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];a.value=e.value}};this.setActiveContent=function(){if(a.options.length===0){a.items.forEach((function(t){return t.setActive(a.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var i=a.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(a.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var i=a.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft){if(a.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest("bal-carousel-item");if(n){if(a.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){return __awaiter(a,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}raf((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){switch(a.label){case 0:return[4,deepReady(this.el,true)];case 1:a.sent();this.currentRaf=raf((function(){return __awaiter(t,void 0,void 0,(function(){var t,a,e,i,n,r,s,o,b,l;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}a=getComputedPadding(t);e=this.getLineSize(t,a);i=this.getOffset(t,a);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=transitionEndAsync(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(i,"px)"));n.style.setProperty("min-height","".concat(e,"px"));n.style.setProperty("height","".concat(e,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(i,"px)"));n.style.setProperty("min-width","".concat(e,"px"));n.style.setProperty("width","".concat(e,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();b=this.getCarouselElement();if(o&&b){l=b.clientWidth;o.style.setProperty("width","".concat(l,"px"))}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(a.accordion){if(a.isAccordionOpen){a.collapseAccordion(t)}else{a.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=true;var e=a,i=e.contentEl,n=e.contentElWrapper;if(t||i===undefined||n===undefined){a.accordionState=4;return}if(a.accordionState===4){return}if(a.currentRaf!==undefined){cancelAnimationFrame(a.currentRaf)}if(a.shouldAnimate()){raf((function(){a.accordionState=8;a.currentRaf=raf((function(){return __awaiter(a,void 0,void 0,(function(){var t,a;return __generator(this,(function(e){switch(e.label){case 0:t=n.offsetHeight;a=transitionEndAsync(i,300);i.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.value);return[4,a];case 1:e.sent();this.accordionState=4;i.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}))}))}else{a.accordionState=4;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)}};this.collapseAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=false;var e=a.contentEl;if(t||e===undefined){a.accordionState=1;return}if(a.accordionState===1){return}if(a.currentRaf!==undefined){cancelAnimationFrame(a.currentRaf)}if(a.shouldAnimate()){a.currentRaf=raf((function(){return __awaiter(a,void 0,void 0,(function(){var t;var a=this;return __generator(this,(function(i){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));raf((function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:t=transitionEndAsync(e,300);this.accordionState=2;this.balWillAnimate.emit(this.value);return[4,t];case 1:a.sent();this.accordionState=1;e.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}));return[2]}))}))}))}else{a.accordionState=1;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return a.animated};this.onOptionChange=debounce((function(){return a.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(a,void 0,void 0,(function(){var t,a;return __generator(this,(function(e){switch(e.label){case 0:if(!this.isLargestContentfulPaintDone)return[3,4];e.label=1;case 1:e.trys.push([1,3,,4]);return[4,this.getOptions()];case 2:t=e.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,4];case 3:a=e.sent();console.warn("[WARN] - Could not read tab options");return[3,4];case 4:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(e.prevent||e.disabled||!this.clickable){stopEventBubbling(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:a.sent();return[4,this.focus(e)];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.isLargestContentfulPaintDone=false;this.isMobile=balBreakpoints.isMobile;this.isTablet=balBreakpoints.isTablet;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined;this.dimInactiveElements=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==a){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.inNavbar=hasParent("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var a=hasParent("bal-nav-menu-bar",this.el);if(a){this.isAccordionOpen=false}else{var e=this.value!==undefined&&this.value.length>0;if(e){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidLoad=function(){var t=this;rLCP((function(){t.onOptionChange();t.isLargestContentfulPaintDone=true}))};t.prototype.mutationListener=function(){this.onOptionChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.animateLine()};t.prototype.resizeListener=function(){this.animateLine()};t.prototype.listenToWillAnimate=function(t){var a=this;isChildOfEventTarget(t,this.el,(function(){return a.animateLine()}))};t.prototype.listenToDidAnimate=function(t){var a=this;isChildOfEventTarget(t,this.el,(function(){return a.animateLine()}));this.isUsedInNavbar(t)};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.isUsedInNavbar=function(t){var a=t.target;var e=a.closest("bal-navbar");var i=t.target;if(e&&isDescendant(e,this.el)){this.isNavbarOpen=i}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){a=this.store;return[2,a.find((function(a){return a.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var a=this.isMobile;var e=this.isTablet;var i=a||e;return t||i&&this.inNavbar};t.prototype.getTargetElement=function(t){var a='[data-tabs="'.concat(this.tabsId,'"]');var e=Array.from(this.el.querySelectorAll(a));return e.filter((function(a){return a.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-carousel"))};t.prototype.findNextTab=function(t){var a=this;if(t===void 0){t=false}var e=this.store.findIndex((function(t){return a.isTabActive(t)}));var i=this.store.map((function(t,a){return{index:a,visible:!t.hidden&&!t.disabled}}));if(t){i=i.reverse()}var n=i.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,a){if(t>e){return t}if(a<=t){return t}else{return a}};var s=function(t,a){if(t<e){return t}if(a>=t){return t}else{return a}};var o=t?s:r;var b=n.reduce((function(t,a){return o(t,a)}),e);return this.store[b]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var a=this.findNextTab();if(a){this.onSelectTab(t,a)}};t.prototype.tabListSelectPrevious=function(t){var a=this.findPreviousTab();if(a){this.onSelectTab(t,a)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var a,e;return __generator(this,(function(i){switch(i.label){case 0:return[4,waitAfterFramePaint()];case 1:i.sent();a=this.el.querySelector("button.bal-focused")!==null;if(a){e=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(toKebabCase(t.value)));if(e){e.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var a=BEM.block("tabs");var e=this.isMobile;var i=this.isTablet;var n=e||i;var r=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var s=this.isVertical();var o=this.isLargestContentfulPaintDone&&!s&&this.overflow&&!this.expanded;var b=this.isLargestContentfulPaintDone&&e&&this.selectOnMobile;var l=this.store.map((function(a){return Object.assign(Object.assign({},a),{active:a.value===t.value})}));var _=this.accordionState===4||this.accordionState===8;var d=_?"content expanded":"content";var c=this.value!==undefined&&!!this.store.find((function(a){return a.value===t.value}));var v=!this.isTabList;return h(Host,{key:"6d5c18adc358a123e9630ac61854716b3a524af8",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("navbar").class(this.inNavbar)),a.modifier("vertical").class(s)),a.modifier("fullwidth").class(this.expanded||this.fullwidth)),a.modifier("accordion").class(this.accordion)),a.modifier("animated").class(this.animated)),a.modifier("expanding").class(this.accordionState===8)),a.modifier("expanded").class(this.accordionState===4)),a.modifier("collapsing").class(this.accordionState===2)),a.modifier("collapsed").class(this.accordionState===1)),"data-value":this.store.filter((function(a){return t.isTabActive(a)})).map((function(t){return t.value})).join(","),"data-label":this.store.filter((function(a){return t.isTabActive(a)})).map((function(t){return t.label})).join(",")},b?h(TabSelect,{value:this.value,items:l,onSelectTab:this.onSelectTab}):h(TabNav,{items:l,isLinkList:v,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:c,inverted:r,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:e,isTouch:n,isVertical:s,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),h("div",{key:"109d4147369f72da04c9f6b48a8959159ccf1d8c",part:d,ref:function(a){return t.contentEl=a},class:Object.assign({},a.element("tabs").element("content").class())},h("div",{key:"89333c42c5f26f47e99bab3bdba2051e7cfcac14",id:this.tabsId,class:Object.assign({},a.element("tabs").element("content").element("wrapper").class()),ref:function(a){return t.contentElWrapper=a}},h("slot",{key:"834c6b06a516dbcedfa4f65d902899202fee9809"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-tabs"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Tabs.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-tabs","bal-tab-item"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"resizeListener",null);__decorate([ListenTo("balWillAnimate",{target:"window"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],Tabs.prototype,"listenToWillAnimate",null);__decorate([ListenTo("balDidAnimate",{target:"window"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],Tabs.prototype,"listenToDidAnimate",null);__decorate([ListenTo("keydown"),__metadata("design:type",Function),__metadata("design:paramtypes",[KeyboardEvent]),__metadata("design:returntype",void 0)],Tabs.prototype,"listenToKeyDown",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Tabs.prototype,"configChanged",null);var TabsIds=0;Tabs.style=BalTabsStyle0;export{TabItem as bal_tab_item,Tabs as bal_tabs};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{a as inheritTrackingAttributes}from"./attributes-4fa7040f.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{n as raf,f as deepReady,t as transitionEndAsync,j as debounce,o as debounceEvent,p as hasParent,l as rLCP,q as isChildOfEventTarget,i as isDescendant,b as waitAfterFramePaint}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{n as newBalTabOption}from"./bal-tab.util-933315fe.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{b as balBrowser}from"./browser-a8073d92.js";import{a as getComputedPadding}from"./style-ca1bd202.js";import{L as ListenTo}from"./listen-d1712e70.js";import{b as balBreakpoints}from"./breakpoints.subject-0764e6ff.js";import{L as ListenToMutation}from"./mutation.decorator-74831883.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-a8efc52b.js";import{L as ListenToResize}from"./resize.decorator-f2d8461d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-69df759d.js";var TabItem=function(){function t(t){registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(panelID++);this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined;this.subLabel="";this.svg=""}t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritTrackingAttributes(this.el)};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria,subLabel:this.subLabel,svg:this.svg}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var a=!this.isActive||this.noPanel;return h(Host,{key:"73cd7faf737780486e58b71b4c51508e0311e277",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-label":t?this.label:undefined,"aria-hidden":a?"true":"false",tabindex:a?"-1":undefined,hidden:a?true:undefined},h("slot",{key:"d533d087306ee17ba5b78c9b756db6cf923ef1a5"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var panelID=0;var TabSelect=function(t){var a=t.items,e=t.value,i=t.onSelectTab;var n=BEM.block("tabs").element("select");var r=function(t){var e=a.filter((function(a){return a.value===t.detail}));if(e.length>0){var n=e[0];if(n.href!==""&&n.href!==undefined){if(balBrowser.hasWindow){window.open(n.href,n.target)}}i(t,n)}};return h("bal-select",{class:Object.assign({},n.class()),value:e,onBalChange:function(t){return r(t)}},a.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return h("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var TabIcon=function(t){var a=t.item,e=t.inverted,i=t.accordion,n=t.isAccordionOpen,r=t.isMobile,s=t.hasBubble;var o=BEM.block("tabs").element("nav").element("item").element("icon");var b=a.disabled?"grey":"primary";if(e){b=a.disabled?"primary-light":"white"}return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(a.active)),o.modifier("disabled").class(a.disabled)),o.modifier("display-svg").class(a.svg!==undefined))},a.svg?h("bal-icon",{svg:a.svg,size:"large",color:"auto"}):h("bal-icon",{size:r||i?"small":"",name:i?"nav-go-down":a.icon,color:b,turn:i&&n===true&&a.active}),s?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},a.bubble):"")};var TabLabel=function(t){var a=t.item,e=t.inverted,i=t.hasBubble,n=t.isVertical,r=t.context;var s=BEM.block("tabs").element("nav").element("item").element("label");return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("inverted").class(e)),s.modifier("active").class(a.active)),s.modifier("disabled").class(a.disabled)),s.modifier("vertical").class(n)),s.modifier("context-".concat(r)).class(r!==undefined)),s.modifier("with-svg").class(a.svg&&a.svg.length>0)),"data-testid":"bal-tabs-item-label"},a.label,a.subLabel&&h("span",{class:s.element("sub-label").class()},a.subLabel),i?h("bal-badge",{class:Object.assign({},s.element("bubble").class()),size:"small"},a.bubble):"")};var toKebabCase=function(t){if(typeof t==="string"){return t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}return""};var TabButton=function(t){var a=t.item,e=t.tabsId,i=t.isFirst,n=t.isLast,r=t.isMobile,s=t.isVertical,o=t.accordion,b=t.isAccordionOpen,l=t.isLinkList,_=t.inverted,d=t.expanded,c=t.spaceless,v=t.clickable,u=t.iconPosition,f=t.context,m=t.onSelectTab,p=t.hasSubLabelInGroup,g=t.dimInactiveElements;var w;var x=BEM.block("tabs").element("nav").element("item");if(a.invisible){return}var y=a.bubble!==false;var j=a.icon!==undefined;var O=j&&y&&u!=="horizontal"&&!o||r&&j&&y&&!s&&!o;var k=o&&y||o&&r&&j&&y&&!s;var T=!j&&y&&!o||y&&!r&&u==="horizontal"&&!o||y&&s&&!o;var L=a.href===undefined||a.href==="";var E=L?"button":"a";var A=L?{type:"button",role:"tab","aria-controls":((w=a.aria)===null||w===void 0?void 0:w.controls)||a.tabPanelID||undefined,"aria-expanded":a.active?"true":"false","aria-disabled":"".concat(a.disabled),"aria-label":a.label}:{href:a.href,target:a.target};if(!l){A["tabindex"]=a.active?"0":"-1"}return h(E,Object.assign({id:"".concat(e,"-button-").concat(toKebabCase(a.value)),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},x.class()),x.modifier("active").class(a.active)),x.modifier("disabled").class(a.disabled)),x.modifier("clickable").class(v)),x.modifier("accordion").class(o)),x.modifier("inverted").class(_)),x.modifier("expanded").class(d)),x.modifier("spaceless").class(c)),x.modifier("first").class(i)),x.modifier("last").class(n)),x.modifier("passed").class(a.passed)),x.modifier("vertical").class(s)),x.modifier("context-".concat(f)).class(f!==undefined)),x.modifier("icon-position-".concat(u)).class(u!=="horizontal")),x.modifier("display-svg").class(a.svg&&a.svg.length>0)),x.modifier("group-has-sub-label").class(p)),x.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!a.disabled&&!a.invisible}),draggable:false,"data-tabs":e,"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-tabs-item","aria-selected":!L?undefined:a.active?"true":"false"},A,{onClick:function(t){return m(t,a)}}),a.icon||a.svg?h(TabIcon,{accordion:false,item:a,isMobile:r,hasBubble:O,inverted:_}):"",h(TabLabel,{item:a,isMobile:r,isVertical:s,hasBubble:T,inverted:_,context:f}),o&&!a.href?h(TabIcon,{accordion:o,isAccordionOpen:b,item:a,isMobile:r,hasBubble:k,inverted:_}):"")};var TabNav=function(t){var a=t.items,e=t.tabsId,i=t.hasCarousel,n=t.isVertical,r=t.inNavbar,s=t.isMobile,o=t.isTouch,b=t.lineActive,l=t.isLinkList,_=t.border,d=t.accordion,c=t.isAccordionOpen,v=t.inverted,u=t.clickable,f=t.animated,m=t.spaceless,p=t.expanded,g=t.verticalColSize,w=t.iconPosition,x=t.context,y=t.onSelectTab,j=t.dimInactiveElements;var O=BEM.block("tabs").element("nav");var k=a.filter((function(t){return!t.invisible}));var T=r&&!o;var L=a.some((function(t){return t.subLabel&&t.subLabel.length>0}));var E=function(t){var a=t.item,i=t.index;return h(TabButton,{item:a,isLinkList:l,tabsId:e,isFirst:i===0,isLast:i===k.length-1,isMobile:s,isVertical:n,iconPosition:w,spaceless:m,inverted:v,accordion:d,isAccordionOpen:c,context:x,expanded:p,clickable:u&&!a.disabled,onSelectTab:y,hasSubLabelInGroup:L,dimInactiveElements:j})};return h("div",{id:"".concat(e,"-nav"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class(T)),O.modifier("border").class(_)),O.modifier("animated").class(f)),O.modifier("vertical").class(n)),O.modifier("expanded").class(p&&!n)),O.modifier("vertical-col-".concat(g)).class(n))},i?h("bal-carousel",{id:"".concat(e,"-carousel"),class:Object.assign({},O.element("carousel").class()),htmlRole:"tablist",fullHeight:T,border:_,inverted:v,controls:"small","items-per-view":"auto",steps:3,onBalChange:stopEventBubbling},k.map((function(t,a){return h("bal-carousel-item",{htmlRole:"",class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(p))},h(E,{item:t,index:a}))})),h("div",{id:"".concat(e,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(b)),O.element("line").modifier("inverted").class(v)),O.element("line").modifier("animated").class(f)),O.element("line").modifier("vertical").class(n))})):k.map((function(t,a){return h(E,{item:t,index:a})})),!i?h("div",{id:"".concat(e,"-border"),class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(v)),O.element("border").modifier("vertical").class(n))}):"",!i?h("div",{id:"".concat(e,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(b)),O.element("line").modifier("inverted").class(v)),O.element("line").modifier("animated").class(f)),O.element("line").modifier("vertical").class(n))}):"")};var balTabsCss="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";var BalTabsStyle0=balTabsCss;var Tabs=function(){function t(t){var a=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(TabsIds++);this.mutationObserverActive=true;this.getOptions=function(){if(a.options.length>0){return __spreadArray([],a.options.map(newBalTabOption),true)}else{return Promise.all(a.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!areArraysEqual(a.store,t)){a.store=t}else if(!a.optionalTabSelection&&!a.accordion&&a.value===undefined&&a.store.length>0){var e=a.store[0];a.value=e.value}};this.setActiveItem=function(){var t=a.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];a.value=e.value}};this.setActiveContent=function(){if(a.options.length===0){a.items.forEach((function(t){return t.setActive(a.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var i=a.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(a.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var i=a.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft){if(a.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest("bal-carousel-item");if(n){if(a.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){return __awaiter(a,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}raf((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){switch(a.label){case 0:return[4,deepReady(this.el,true)];case 1:a.sent();this.currentRaf=raf((function(){return __awaiter(t,void 0,void 0,(function(){var t,a,e,i,n,r,s,o,b,l;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}a=getComputedPadding(t);e=this.getLineSize(t,a);i=this.getOffset(t,a);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=transitionEndAsync(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(i,"px)"));n.style.setProperty("min-height","".concat(e,"px"));n.style.setProperty("height","".concat(e,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(i,"px)"));n.style.setProperty("min-width","".concat(e,"px"));n.style.setProperty("width","".concat(e,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();b=this.getCarouselElement();if(o&&b){l=b.clientWidth;o.style.setProperty("width","".concat(l,"px"))}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(a.accordion){if(a.isAccordionOpen){a.collapseAccordion(t)}else{a.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=true;var e=a,i=e.contentEl,n=e.contentElWrapper;if(t||i===undefined||n===undefined){a.accordionState=4;return}if(a.accordionState===4){return}if(a.currentRaf!==undefined){cancelAnimationFrame(a.currentRaf)}if(a.shouldAnimate()){raf((function(){a.accordionState=8;a.currentRaf=raf((function(){return __awaiter(a,void 0,void 0,(function(){var t,a;return __generator(this,(function(e){switch(e.label){case 0:t=n.offsetHeight;a=transitionEndAsync(i,300);i.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.value);return[4,a];case 1:e.sent();this.accordionState=4;i.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}))}))}else{a.accordionState=4;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)}};this.collapseAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=false;var e=a.contentEl;if(t||e===undefined){a.accordionState=1;return}if(a.accordionState===1){return}if(a.currentRaf!==undefined){cancelAnimationFrame(a.currentRaf)}if(a.shouldAnimate()){a.currentRaf=raf((function(){return __awaiter(a,void 0,void 0,(function(){var t;var a=this;return __generator(this,(function(i){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));raf((function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:t=transitionEndAsync(e,300);this.accordionState=2;this.balWillAnimate.emit(this.value);return[4,t];case 1:a.sent();this.accordionState=1;e.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}));return[2]}))}))}))}else{a.accordionState=1;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return a.animated};this.onOptionChange=debounce((function(){return a.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(a,void 0,void 0,(function(){var t,a;return __generator(this,(function(e){switch(e.label){case 0:e.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=e.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:a=e.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(e.prevent||e.disabled||!this.clickable){stopEventBubbling(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:a.sent();return[4,this.focus(e)];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.isLargestContentfulPaintDone=false;this.isMobile=balBreakpoints.isMobile;this.isTablet=balBreakpoints.isTablet;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined;this.dimInactiveElements=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==a){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.inNavbar=hasParent("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var a=hasParent("bal-nav-menu-bar",this.el);if(a){this.isAccordionOpen=false}else{var e=this.value!==undefined&&this.value.length>0;if(e){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidLoad=function(){var t=this;this.onOptionChange();rLCP((function(){t.isLargestContentfulPaintDone=true}))};t.prototype.mutationListener=function(){this.onOptionChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.animateLine()};t.prototype.resizeListener=function(){this.animateLine()};t.prototype.listenToWillAnimate=function(t){var a=this;isChildOfEventTarget(t,this.el,(function(){return a.animateLine()}))};t.prototype.listenToDidAnimate=function(t){var a=this;isChildOfEventTarget(t,this.el,(function(){return a.animateLine()}));this.isUsedInNavbar(t)};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.isUsedInNavbar=function(t){var a=t.target;var e=a.closest("bal-navbar");var i=t.target;if(e&&isDescendant(e,this.el)){this.isNavbarOpen=i}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){a=this.store;return[2,a.find((function(a){return a.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var a=this.isMobile;var e=this.isTablet;var i=a||e;return t||i&&this.inNavbar};t.prototype.getTargetElement=function(t){var a='[data-tabs="'.concat(this.tabsId,'"]');var e=Array.from(this.el.querySelectorAll(a));return e.filter((function(a){return a.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-carousel"))};t.prototype.findNextTab=function(t){var a=this;if(t===void 0){t=false}var e=this.store.findIndex((function(t){return a.isTabActive(t)}));var i=this.store.map((function(t,a){return{index:a,visible:!t.hidden&&!t.disabled}}));if(t){i=i.reverse()}var n=i.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,a){if(t>e){return t}if(a<=t){return t}else{return a}};var s=function(t,a){if(t<e){return t}if(a>=t){return t}else{return a}};var o=t?s:r;var b=n.reduce((function(t,a){return o(t,a)}),e);return this.store[b]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var a=this.findNextTab();if(a){this.onSelectTab(t,a)}};t.prototype.tabListSelectPrevious=function(t){var a=this.findPreviousTab();if(a){this.onSelectTab(t,a)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var a,e;return __generator(this,(function(i){switch(i.label){case 0:return[4,waitAfterFramePaint()];case 1:i.sent();a=this.el.querySelector("button.bal-focused")!==null;if(a){e=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(toKebabCase(t.value)));if(e){e.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var a=BEM.block("tabs");var e=this.isMobile;var i=this.isTablet;var n=e||i;var r=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var s=this.isVertical();var o=this.isLargestContentfulPaintDone&&!s&&this.overflow&&!this.expanded;var b=this.isLargestContentfulPaintDone&&e&&this.selectOnMobile;var l=this.store.map((function(a){return Object.assign(Object.assign({},a),{active:a.value===t.value})}));var _=this.accordionState===4||this.accordionState===8;var d=_?"content expanded":"content";var c=this.value!==undefined&&!!this.store.find((function(a){return a.value===t.value}));var v=!this.isTabList;return h(Host,{key:"dfe8fd6f11b4d884bf8e7605653b637526412382",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("navbar").class(this.inNavbar)),a.modifier("vertical").class(s)),a.modifier("fullwidth").class(this.expanded||this.fullwidth)),a.modifier("accordion").class(this.accordion)),a.modifier("animated").class(this.animated)),a.modifier("expanding").class(this.accordionState===8)),a.modifier("expanded").class(this.accordionState===4)),a.modifier("collapsing").class(this.accordionState===2)),a.modifier("collapsed").class(this.accordionState===1)),"data-value":this.store.filter((function(a){return t.isTabActive(a)})).map((function(t){return t.value})).join(","),"data-label":this.store.filter((function(a){return t.isTabActive(a)})).map((function(t){return t.label})).join(",")},b?h(TabSelect,{value:this.value,items:l,onSelectTab:this.onSelectTab}):h(TabNav,{items:l,isLinkList:v,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:c,inverted:r,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:e,isTouch:n,isVertical:s,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),h("div",{key:"0aac73b494d835402ac6654a6a281593917c355a",part:d,ref:function(a){return t.contentEl=a},class:Object.assign({},a.element("tabs").element("content").class())},h("div",{key:"77c68b5ce4d763f99bacff6e8395f9cd4c03e430",id:this.tabsId,class:Object.assign({},a.element("tabs").element("content").element("wrapper").class()),ref:function(a){return t.contentElWrapper=a}},h("slot",{key:"822c8efa61f9e44fc42e6f8ba31b5286967d7181"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-tabs"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Tabs.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-tabs","bal-tab-item"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"resizeListener",null);__decorate([ListenTo("balWillAnimate",{target:"window"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],Tabs.prototype,"listenToWillAnimate",null);__decorate([ListenTo("balDidAnimate",{target:"window"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],Tabs.prototype,"listenToDidAnimate",null);__decorate([ListenTo("keydown"),__metadata("design:type",Function),__metadata("design:paramtypes",[KeyboardEvent]),__metadata("design:returntype",void 0)],Tabs.prototype,"listenToKeyDown",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Tabs.prototype,"configChanged",null);var TabsIds=0;Tabs.style=BalTabsStyle0;export{TabItem as bal_tab_item,Tabs as bal_tabs};

package/dist/esm-es5/breakpoints.decorator-a8efc52b.js

@@ -0,0 +1 @@
+import{a as balBreakpointSubject}from"./breakpoints.subject-0764e6ff.js";function ListenToBreakpoints(){return function(t,n,e){var i=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){balBreakpointSubject.attach(this);return i&&i.call(this)};t.disconnectedCallback=function(){balBreakpointSubject.detach(this);return r&&r.call(this)}}}export{ListenToBreakpoints as L};

package/dist/esm-es5/{breakpoints.subject-ac2d9287.js → breakpoints.subject-0764e6ff.js}

@@ -1 +1 @@
-import{__awaiter,__extends,__generator}from"tslib";import{j as debounce,k as addEventListener,r as removeEventListener}from"./helpers-72ae7307.js";import{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";import{L as ListenerAbstract,S as Subject}from"./listener-04842ae9.js";import{b as balBreakpointDesktop,a as balBreakpointHighDefinition,c as balBreakpointWidescreen,d as balBreakpointFullhd$1,e as balBreakpointTablet}from"./tokens.esm-44ff650d.js";var BalWindowResizeHandler=function(){function e(e){if(e===void 0){e={}}this.previousWidth=balBrowser.window.width;this.previousHeight=balBrowser.window.height;this.previousIsLandscape=this.isLandscape;this.options={onlyListenToWidthChanges:false};this.options=Object.assign(Object.assign({},this.options),e)}e.prototype.hasResized=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(balDevice.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape){this.resetPreviousValues();return[2,true]}}else{if(this.options.onlyListenToWidthChanges){if(!this.sameWidth){this.resetPreviousValues();return[2,true]}}else{if(!this.sameWidth||!this.sameHeight){this.resetPreviousValues();return[2,true]}}}return[2,false]}))}))};Object.defineProperty(e.prototype,"isLandscape",{get:function(){return balBrowser.window.width>balBrowser.window.height},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"sameWidth",{get:function(){return this.previousWidth===balBrowser.window.width},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"sameHeight",{get:function(){return this.previousHeight===balBrowser.window.height},enumerable:false,configurable:true});e.prototype.resetPreviousValues=function(){this.previousWidth=balBrowser.window.width;this.previousHeight=balBrowser.window.height;this.previousIsLandscape=this.isLandscape};return e}();var BalWindowResizeListener=function(e){__extends(t,e);function t(){var t=e.apply(this,arguments)||this;t.resizeHandler=new BalWindowResizeHandler({onlyListenToWidthChanges:true});t.debouncedNotify=debounce((function(){return t.notify()}),100);t.notify=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resizeHandler.hasResized()];case 1:if(t.sent()){e.prototype.notify.call(this,undefined)}return[2]}}))}))};return t}t.prototype.connect=function(t){e.prototype.connect.call(this,t);if(this.el){addEventListener(this.el,"resize",this.debouncedNotify,{passive:true})}};t.prototype.disconnect=function(){e.prototype.disconnect.call(this);if(this.el){removeEventListener(this.el,"resize",this.debouncedNotify)}};return t}(ListenerAbstract);var toNumber=function(e){return parseInt(e.slice(0,-2),10)};var breakpointTablet=toNumber(balBreakpointTablet);var breakpointDesktop=toNumber(balBreakpointDesktop);var breakpointHighDefinition=toNumber(balBreakpointHighDefinition);var breakpointWidescreen=toNumber(balBreakpointWidescreen);var balBreakpointFullhd=toNumber(balBreakpointFullhd$1);var isMobile=function(e){var t=e.innerWidth;return t<breakpointTablet};var isTablet=function(e){var t=e.innerWidth;return t>=breakpointTablet&&t<breakpointDesktop};var isTouch=function(e){return isMobile(e)||isTablet(e)};var isDesktop=function(e){return!isTouch(e)};var isHighDefinition=function(e){var t=e.innerWidth;return t>=breakpointHighDefinition&&t<breakpointWidescreen};var isWideScreen=function(e){var t=e.innerWidth;return t>=breakpointWidescreen&&t<balBreakpointFullhd};var isFullHD=function(e){var t=e.innerWidth;return t>=balBreakpointFullhd};var BREAKPOINTS_MAP={mobile:isMobile,tablet:isTablet,touch:isTouch,desktop:isDesktop,highDefinition:isHighDefinition,widescreen:isWideScreen,fullhd:isFullHD};var BalBreakpointsUtil=function(){function e(){this.breakpoints=[];if(balBrowser.hasWindow){this.win=window;this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{};this.detect()}}Object.defineProperty(e.prototype,"isMobile",{get:function(){return this.includes("mobile")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTablet",{get:function(){return this.includes("tablet")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTouch",{get:function(){return this.includes("touch")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDesktop",{get:function(){return this.includes("desktop")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isHighDefinition",{get:function(){return this.includes("highDefinition")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isWidescreen",{get:function(){return this.includes("widescreen")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isFullHD",{get:function(){return this.includes("fullhd")},enumerable:false,configurable:true});e.prototype.includes=function(e){var t;this.detect();return!!((t=this.breakpoints)===null||t===void 0?void 0:t.includes(e))};e.prototype.detect=function(){var e=this;if(this.win){this.breakpoints=Object.keys(BREAKPOINTS_MAP).filter((function(t){return BREAKPOINTS_MAP[t](e.win)}));this.win.BaloiseDesignSystem.breakpoints=this.breakpoints;this.win.BaloiseDesignSystem.platforms=this.breakpoints}return this.breakpoints};e.prototype.toObject=function(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}};return e}();var balBreakpoints=new BalBreakpointsUtil;var initialBreakpoints={mobile:false,tablet:false,touch:false,desktop:false,highDefinition:false,widescreen:false,fullhd:false};var BalBreakpointSubject=function(e){__extends(t,e);function t(){var t=e.call(this,(function(e){return e.breakpointListener(t.state)}))||this;t.state=initialBreakpoints;t.listener=new BalWindowResizeListener;t.debouncedNotify=debounce((function(){return t.notify()}),50);t.listener.connect();t.listener.add((function(){balBreakpoints.detect();var e=balBreakpoints.toObject();if(!t.isEqual(e)){t.state=e;t.debouncedNotify()}}));return t}t.prototype.attach=function(t){e.prototype.attach.call(this,t);balBreakpoints.detect();var i=balBreakpoints.toObject();if(!this.isEqual(i)){this.state=i;this.debouncedNotify()}};t.prototype.isEqual=function(e){return JSON.stringify(this.state)===JSON.stringify(e)};return t}(Subject);var balBreakpointSubject=new BalBreakpointSubject;export{BalWindowResizeListener as B,balBreakpointSubject as a,balBreakpoints as b,BalBreakpointSubject as c,BalBreakpointsUtil as d};
+import{__awaiter,__extends,__generator}from"tslib";import{j as debounce,k as addEventListener,r as removeEventListener}from"./helpers-72ae7307.js";import{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";import{L as ListenerAbstract,S as Subject}from"./listener-04842ae9.js";import{b as balBreakpointDesktop,a as balBreakpointHighDefinition,c as balBreakpointWidescreen,d as balBreakpointFullhd$1,e as balBreakpointTablet}from"./tokens.esm-69df759d.js";var BalWindowResizeHandler=function(){function e(e){if(e===void 0){e={}}this.previousWidth=balBrowser.window.width;this.previousHeight=balBrowser.window.height;this.previousIsLandscape=this.isLandscape;this.options={onlyListenToWidthChanges:false};this.options=Object.assign(Object.assign({},this.options),e)}e.prototype.hasResized=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(balDevice.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape){this.resetPreviousValues();return[2,true]}}else{if(this.options.onlyListenToWidthChanges){if(!this.sameWidth){this.resetPreviousValues();return[2,true]}}else{if(!this.sameWidth||!this.sameHeight){this.resetPreviousValues();return[2,true]}}}return[2,false]}))}))};Object.defineProperty(e.prototype,"isLandscape",{get:function(){return balBrowser.window.width>balBrowser.window.height},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"sameWidth",{get:function(){return this.previousWidth===balBrowser.window.width},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"sameHeight",{get:function(){return this.previousHeight===balBrowser.window.height},enumerable:false,configurable:true});e.prototype.resetPreviousValues=function(){this.previousWidth=balBrowser.window.width;this.previousHeight=balBrowser.window.height;this.previousIsLandscape=this.isLandscape};return e}();var BalWindowResizeListener=function(e){__extends(t,e);function t(){var t=e.apply(this,arguments)||this;t.resizeHandler=new BalWindowResizeHandler({onlyListenToWidthChanges:true});t.debouncedNotify=debounce((function(){return t.notify()}),100);t.notify=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resizeHandler.hasResized()];case 1:if(t.sent()){e.prototype.notify.call(this,undefined)}return[2]}}))}))};return t}t.prototype.connect=function(t){e.prototype.connect.call(this,t);if(this.el){addEventListener(this.el,"resize",this.debouncedNotify,{passive:true})}};t.prototype.disconnect=function(){e.prototype.disconnect.call(this);if(this.el){removeEventListener(this.el,"resize",this.debouncedNotify)}};return t}(ListenerAbstract);var toNumber=function(e){return parseInt(e.slice(0,-2),10)};var breakpointTablet=toNumber(balBreakpointTablet);var breakpointDesktop=toNumber(balBreakpointDesktop);var breakpointHighDefinition=toNumber(balBreakpointHighDefinition);var breakpointWidescreen=toNumber(balBreakpointWidescreen);var balBreakpointFullhd=toNumber(balBreakpointFullhd$1);var isMobile=function(e){var t=e.innerWidth;return t<breakpointTablet};var isTablet=function(e){var t=e.innerWidth;return t>=breakpointTablet&&t<breakpointDesktop};var isTouch=function(e){return isMobile(e)||isTablet(e)};var isDesktop=function(e){return!isTouch(e)};var isHighDefinition=function(e){var t=e.innerWidth;return t>=breakpointHighDefinition&&t<breakpointWidescreen};var isWideScreen=function(e){var t=e.innerWidth;return t>=breakpointWidescreen&&t<balBreakpointFullhd};var isFullHD=function(e){var t=e.innerWidth;return t>=balBreakpointFullhd};var BREAKPOINTS_MAP={mobile:isMobile,tablet:isTablet,touch:isTouch,desktop:isDesktop,highDefinition:isHighDefinition,widescreen:isWideScreen,fullhd:isFullHD};var BalBreakpointsUtil=function(){function e(){this.breakpoints=[];if(balBrowser.hasWindow){this.win=window;this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{};this.detect()}}Object.defineProperty(e.prototype,"isMobile",{get:function(){return this.includes("mobile")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTablet",{get:function(){return this.includes("tablet")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTouch",{get:function(){return this.includes("touch")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDesktop",{get:function(){return this.includes("desktop")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isHighDefinition",{get:function(){return this.includes("highDefinition")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isWidescreen",{get:function(){return this.includes("widescreen")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isFullHD",{get:function(){return this.includes("fullhd")},enumerable:false,configurable:true});e.prototype.includes=function(e){var t;this.detect();return!!((t=this.breakpoints)===null||t===void 0?void 0:t.includes(e))};e.prototype.detect=function(){var e=this;if(this.win){this.breakpoints=Object.keys(BREAKPOINTS_MAP).filter((function(t){return BREAKPOINTS_MAP[t](e.win)}));this.win.BaloiseDesignSystem.breakpoints=this.breakpoints;this.win.BaloiseDesignSystem.platforms=this.breakpoints}return this.breakpoints};e.prototype.toObject=function(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}};return e}();var balBreakpoints=new BalBreakpointsUtil;var initialBreakpoints={mobile:false,tablet:false,touch:false,desktop:false,highDefinition:false,widescreen:false,fullhd:false};var BalBreakpointSubject=function(e){__extends(t,e);function t(){var t=e.call(this,(function(e){return e.breakpointListener(t.state)}))||this;t.state=initialBreakpoints;t.listener=new BalWindowResizeListener;t.debouncedNotify=debounce((function(){return t.notify()}),50);t.listener.connect();t.listener.add((function(){balBreakpoints.detect();var e=balBreakpoints.toObject();if(!t.isEqual(e)){t.state=e;t.debouncedNotify()}}));return t}t.prototype.attach=function(t){e.prototype.attach.call(this,t);balBreakpoints.detect();var i=balBreakpoints.toObject();if(!this.isEqual(i)){this.state=i;this.debouncedNotify()}};t.prototype.isEqual=function(e){return JSON.stringify(this.state)===JSON.stringify(e)};return t}(Subject);var balBreakpointSubject=new BalBreakpointSubject;export{BalWindowResizeListener as B,balBreakpointSubject as a,balBreakpoints as b,BalBreakpointSubject as c,BalBreakpointsUtil as d};

package/dist/esm-es5/index.js

@@ -1 +1 @@
-import{__awaiter,__extends,__generator}from"tslib";export{F as FileUploadRejectionReason}from"./bal-file-upload.type-2a70f4ec.js";export{B as BalDate,i as i18nBalDate}from"./date-3b88d03c.js";export{i as i18nBalClose}from"./bal-close.i18n-f2daa707.js";export{i as i18nBalTimeInput}from"./bal-time-input.i18n-157c7092.js";export{i as i18nBalInputStepper}from"./bal-input-stepper.i18n-aaa4a009.js";export{i as i18nBalLabel}from"./bal-label.i18n-4212be56.js";export{a as BalSnackbarController,B as BalToastController,c as balSnackbarController,b as balToastController,i as initialize,i as initializeBaloiseDesignSystem,s as setupConfig}from"./initialize-b9912138.js";export{n as newBalOption}from"./option-367a5341.js";export{n as newBalStepOption}from"./bal-step.util-3905ad56.js";export{n as newBalTabOption}from"./bal-tab.util-933315fe.js";import{g as getAppRoot,c as componentOnReady}from"./helpers-72ae7307.js";export{c as componentOnReady,f as deepReady,g as getAppRoot,i as isDescendant,s as shallowReady,h as wait,b as waitAfterFramePaint,d as waitAfterIdleCallback,e as waitAfterLargestContentfulPaintCallback,w as waitForComponent,a as waitForDesignSystem}from"./helpers-72ae7307.js";export{s as scrollToFirstInvalidField}from"./form-fb8dd9f5.js";export{B as BalScrollHandler}from"./scroll-f4b20848.js";import{b as balBrowser}from"./browser-a8073d92.js";export{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";export{B as BalDevice,b as balDevice}from"./device-8c6d2881.js";export{I as INVALID_VALUE}from"./mask-util-71edc2b8.js";import{g as getOverlays,a as getOverlay}from"./overlays-73dcc4a8.js";import{B as BalWindowResizeListener,b as balBreakpoints}from"./breakpoints.subject-ac2d9287.js";export{c as BalBreakpointSubject,d as BalBreakpointsUtil,a as balBreakpointSubject,b as balBreakpoints}from"./breakpoints.subject-ac2d9287.js";export{a as attachToConfig,d as detachFromConfig,o as onBalConfigChange,u as updateBalAllowedLanguages,b as updateBalAnimated,c as updateBalIcons,e as updateBalLanguage,f as updateBalRegion,g as useBalConfig}from"./config.utils-6ac6c9bd.js";export{d as defaultConfig}from"./config.default-7efdc82d.js";import{S as Subject}from"./listener-04842ae9.js";export{B as BalSwipeSubject}from"./swipe.subject-683f7c7b.js";import"./index-5b1faf93.js";import"./icons.constant-a7885631.js";import"./tokens.esm-44ff650d.js";import"./log-dfd1c19f.js";var i18nBalFieldLabel={de:{optional:" (optional)"},en:{optional:" (optional)"},fr:{optional:" (optionnel)"},it:{optional:" (opzionale)"},nl:{optional:" (optioneel)"},es:{optional:" (opcional)"},pl:{optional:" (opcjonalnie)"},pt:{optional:" (opcional)"},sv:{optional:" (frivillig)"},fi:{optional:" (valinnainen)"}};var newBalCheckboxOption=function(e){return Object.assign(Object.assign({interface:"checkbox",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invalid:false,checked:false},e),{label:"",html:e.label})};var newBalRadioOption=function(e){return Object.assign(Object.assign({interface:"radio",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invisible:false,invalid:false},e),{label:"",html:e.label})};var newBalOptionValue=function(e,a,t,o){if(t===void 0){t=false}return{value:e,label:a,disabled:t,data:o}};var newBalSingleOptionValue=function(e,a,t){if(a===void 0){a=false}return newBalOptionValue(e,e,a,t)};var BalOrientationSubject=function(e){__extends(a,e);function a(){var a=e.call(this,(function(e){return e.orientationListener(a.state)}))||this;a.listener=new BalWindowResizeListener;a.state=balDevice.orientation.toObject();a.listener.connect();a.listener.add((function(){var e=balDevice.orientation.toObject();if(!a.isEqual(e)){a.state=e;a.notify(undefined)}}));return a}a.prototype.attach=function(a){e.prototype.attach.call(this,a);a.orientationListener(this.state)};a.prototype.isEqual=function(e){return e.landscape===this.state.landscape&&e.portrait===this.state.portrait};return a}(Subject);var balOrientationSubject=new BalOrientationSubject;var BalModalController=function(){function e(){this.tag="bal-modal"}e.prototype.create=function(e){var a=this;if(typeof customElements!=="undefined"&&balBrowser.hasDocument){return customElements.whenDefined(this.tag).then((function(){var t=document.createElement(a.tag);Object.assign(t,e);getAppRoot(document).appendChild(t);return new Promise((function(e){return componentOnReady(t,e)}))}))}return Promise.resolve()};e.prototype.dismissAll=function(e,a){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:if(!balBrowser.hasDocument)return[3,2];t=getOverlays(document,this.tag);return[4,Promise.all(t.map((function(t){return t.dismiss(e,a)})))];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};e.prototype.dismiss=function(e,a,t){if(balBrowser.hasDocument){var o=getOverlay(document,this.tag,t);if(!o){return Promise.reject("overlay does not exist")}return o.dismiss(e,a)}return Promise.resolve(false)};e.prototype.getTop=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(balBrowser.hasDocument){return[2,getOverlay(document,this.tag)]}return[2]}))}))};return e}();var balModalController=new BalModalController;var hasTouchSupport=function(){return balDevice.hasTouchScreen};var isBrowser=function(e){if(e==="Safari"){return balBrowser.isSafari}return false};var getPlatforms=function(e){return balBreakpoints.detect()};var isPlatform=function(e,a){if(typeof e==="string"){a=e}if(a){return balBreakpoints.detect().includes(a)}return false};var NewBalOptionValue=newBalOptionValue;var NewBalSingleOptionValue=newBalSingleOptionValue;export{BalModalController,BalOrientationSubject,NewBalOptionValue,NewBalSingleOptionValue,balModalController,balOrientationSubject,getPlatforms,hasTouchSupport,i18nBalFieldLabel,isBrowser,isPlatform,newBalCheckboxOption,newBalOptionValue,newBalRadioOption,newBalSingleOptionValue};
+import{__awaiter,__extends,__generator}from"tslib";export{F as FileUploadRejectionReason}from"./bal-file-upload.type-2a70f4ec.js";export{B as BalDate,i as i18nBalDate}from"./date-3b88d03c.js";export{i as i18nBalClose}from"./bal-close.i18n-f2daa707.js";export{i as i18nBalTimeInput}from"./bal-time-input.i18n-157c7092.js";export{i as i18nBalInputStepper}from"./bal-input-stepper.i18n-aaa4a009.js";export{i as i18nBalLabel}from"./bal-label.i18n-4212be56.js";export{a as BalSnackbarController,B as BalToastController,c as balSnackbarController,b as balToastController,i as initialize,i as initializeBaloiseDesignSystem,s as setupConfig}from"./initialize-b9912138.js";export{n as newBalOption}from"./option-367a5341.js";export{n as newBalStepOption}from"./bal-step.util-3905ad56.js";export{n as newBalTabOption}from"./bal-tab.util-933315fe.js";import{g as getAppRoot,c as componentOnReady}from"./helpers-72ae7307.js";export{c as componentOnReady,f as deepReady,g as getAppRoot,i as isDescendant,s as shallowReady,h as wait,b as waitAfterFramePaint,d as waitAfterIdleCallback,e as waitAfterLargestContentfulPaintCallback,w as waitForComponent,a as waitForDesignSystem}from"./helpers-72ae7307.js";export{s as scrollToFirstInvalidField}from"./form-fb8dd9f5.js";export{B as BalScrollHandler}from"./scroll-f4b20848.js";import{b as balBrowser}from"./browser-a8073d92.js";export{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";export{B as BalDevice,b as balDevice}from"./device-8c6d2881.js";export{I as INVALID_VALUE}from"./mask-util-71edc2b8.js";import{g as getOverlays,a as getOverlay}from"./overlays-73dcc4a8.js";import{B as BalWindowResizeListener,b as balBreakpoints}from"./breakpoints.subject-0764e6ff.js";export{c as BalBreakpointSubject,d as BalBreakpointsUtil,a as balBreakpointSubject,b as balBreakpoints}from"./breakpoints.subject-0764e6ff.js";export{a as attachToConfig,d as detachFromConfig,o as onBalConfigChange,u as updateBalAllowedLanguages,b as updateBalAnimated,c as updateBalIcons,e as updateBalLanguage,f as updateBalRegion,g as useBalConfig}from"./config.utils-6ac6c9bd.js";export{d as defaultConfig}from"./config.default-7efdc82d.js";import{S as Subject}from"./listener-04842ae9.js";export{B as BalSwipeSubject}from"./swipe.subject-683f7c7b.js";import"./index-5b1faf93.js";import"./icons.constant-a7885631.js";import"./tokens.esm-69df759d.js";import"./log-dfd1c19f.js";var i18nBalFieldLabel={de:{optional:" (optional)"},en:{optional:" (optional)"},fr:{optional:" (optionnel)"},it:{optional:" (opzionale)"},nl:{optional:" (optioneel)"},es:{optional:" (opcional)"},pl:{optional:" (opcjonalnie)"},pt:{optional:" (opcional)"},sv:{optional:" (frivillig)"},fi:{optional:" (valinnainen)"}};var newBalCheckboxOption=function(e){return Object.assign(Object.assign({interface:"checkbox",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invalid:false,checked:false},e),{label:"",html:e.label})};var newBalRadioOption=function(e){return Object.assign(Object.assign({interface:"radio",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invisible:false,invalid:false},e),{label:"",html:e.label})};var newBalOptionValue=function(e,a,t,o){if(t===void 0){t=false}return{value:e,label:a,disabled:t,data:o}};var newBalSingleOptionValue=function(e,a,t){if(a===void 0){a=false}return newBalOptionValue(e,e,a,t)};var BalOrientationSubject=function(e){__extends(a,e);function a(){var a=e.call(this,(function(e){return e.orientationListener(a.state)}))||this;a.listener=new BalWindowResizeListener;a.state=balDevice.orientation.toObject();a.listener.connect();a.listener.add((function(){var e=balDevice.orientation.toObject();if(!a.isEqual(e)){a.state=e;a.notify(undefined)}}));return a}a.prototype.attach=function(a){e.prototype.attach.call(this,a);a.orientationListener(this.state)};a.prototype.isEqual=function(e){return e.landscape===this.state.landscape&&e.portrait===this.state.portrait};return a}(Subject);var balOrientationSubject=new BalOrientationSubject;var BalModalController=function(){function e(){this.tag="bal-modal"}e.prototype.create=function(e){var a=this;if(typeof customElements!=="undefined"&&balBrowser.hasDocument){return customElements.whenDefined(this.tag).then((function(){var t=document.createElement(a.tag);Object.assign(t,e);getAppRoot(document).appendChild(t);return new Promise((function(e){return componentOnReady(t,e)}))}))}return Promise.resolve()};e.prototype.dismissAll=function(e,a){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:if(!balBrowser.hasDocument)return[3,2];t=getOverlays(document,this.tag);return[4,Promise.all(t.map((function(t){return t.dismiss(e,a)})))];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};e.prototype.dismiss=function(e,a,t){if(balBrowser.hasDocument){var o=getOverlay(document,this.tag,t);if(!o){return Promise.reject("overlay does not exist")}return o.dismiss(e,a)}return Promise.resolve(false)};e.prototype.getTop=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(balBrowser.hasDocument){return[2,getOverlay(document,this.tag)]}return[2]}))}))};return e}();var balModalController=new BalModalController;var hasTouchSupport=function(){return balDevice.hasTouchScreen};var isBrowser=function(e){if(e==="Safari"){return balBrowser.isSafari}return false};var getPlatforms=function(e){return balBreakpoints.detect()};var isPlatform=function(e,a){if(typeof e==="string"){a=e}if(a){return balBreakpoints.detect().includes(a)}return false};var NewBalOptionValue=newBalOptionValue;var NewBalSingleOptionValue=newBalSingleOptionValue;export{BalModalController,BalOrientationSubject,NewBalOptionValue,NewBalSingleOptionValue,balModalController,balOrientationSubject,getPlatforms,hasTouchSupport,i18nBalFieldLabel,isBrowser,isPlatform,newBalCheckboxOption,newBalOptionValue,newBalRadioOption,newBalSingleOptionValue};

package/dist/esm-es5/initialize-b9912138.js

@@ -1 +1 @@
-import{__awaiter,__extends,__generator}from"tslib";import{a as setPlatformHelpers}from"./index-5b1faf93.js";import{b as balBrowser}from"./browser-a8073d92.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";var BalNoticeController=function(){function t(t){this.options=t;this.container=null;this.queue=[];this.preQueue=[];this.queueLimit=5}t.prototype.create=function(t){var i=this;if(balBrowser.hasDocument){this.setupContainer();var e=this.findClone(t);if(e===undefined){var n=document.createElement(this.options.tag);Object.assign(n,t);n.addEventListener("balClose",(function(t){i.removeFromQueue(t.detail)}));this.preQueue.push(n);this.updateQueue();return n}return e}};t.prototype.setQueue=function(t){this.queueLimit=t};t.prototype.dismissAll=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e,n,r;return __generator(this,(function(o){switch(o.label){case 0:i=(t=this.container)===null||t===void 0?void 0:t.querySelectorAll(this.options.tag);if(!i)return[3,2];e=[];for(n=0;n<i.length;n++){r=i[n];if(r.close){e.push(r.close())}}return[4,Promise.all(e)];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};t.prototype.clearAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.warn("[DEPRECATED] - use dismissAll() instead");return[2,this.dismissAll()]}))}))};t.prototype.findClone=function(t){for(var i=0;i<this.queue.length;i++){var e=this.queue[i];if(e.message===t.message&&e.color===t.color){return e}}return undefined};t.prototype.setupContainer=function(){if(balBrowser.hasDocument){var t="".concat(this.options.tag,"-container");this.container=document.getElementById(t);if(this.container)return;if(!this.container){this.container=document.createElement("bal-notices");this.container.setAttribute("interface",this.options.tag.replace("bal-",""));this.container.id=t}document.body.appendChild(this.container)}};t.prototype.updateQueue=function(){var t;if(this.queue.length<this.queueLimit){var i=this.preQueue.shift();if(i&&this.container){this.queue.push(i);this.container.insertAdjacentElement("beforeend",i)}}if(this.queue.length===0){(t=this.container)===null||t===void 0?void 0:t.remove()}};t.prototype.removeFromQueue=function(t){var i=this;this.queue=this.queue.filter((function(i){return i.id!==t}));setTimeout((function(){return i.updateQueue()}),0)};return t}();var BalToastController=function(t){__extends(i,t);function i(){return t.call(this,{tag:"bal-toast"})||this}i.prototype.create=function(i){return t.prototype.create.call(this,i)};return i}(BalNoticeController);var balToastController=new BalToastController;var BalSnackbarController=function(t){__extends(i,t);function i(){return t.call(this,{tag:"bal-snackbar"})||this}i.prototype.create=function(i){return t.prototype.create.call(this,i)};return i}(BalNoticeController);var balSnackbarController=new BalSnackbarController;var BALOISE_SESSION_KEY="baloise-persist-config";var BALOISE_ANIMATION_KEY="baloise-animated";var Config=function(){function t(){this._componentObservers=[];this._observers=[];this._config=defaultConfig}Object.defineProperty(t.prototype,"locale",{get:function(){return"".concat(this._config.language,"-").concat(this._config.region)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"region",{get:function(){return this._config.region},set:function(t){if(t!==this._config.region){this._config.region=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"language",{get:function(){return this._config.language},set:function(t){if(t!==this._config.language){if(this._config.allowedLanguages.includes(t)){this._config.language=t}else{this._config.language=this._config.fallbackLanguage}this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedLanguages",{get:function(){return this._config.allowedLanguages},set:function(t){if(t!==this._config.allowedLanguages){this._config.allowedLanguages=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"icons",{get:function(){return this._config.icons},set:function(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logger",{get:function(){return this._config.logger},set:function(t){this._config.logger=Object.assign({},t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"animated",{get:function(){return this._config.animated},set:function(t){this._config.animated=t;this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"httpFormSubmit",{get:function(){return this._config.httpFormSubmit},set:function(t){this._config.httpFormSubmit=t;this._notify()},enumerable:false,configurable:true});t.prototype.attach=function(t){var i=this._observers.includes(t);if(i){return console.log("Subject: Observer has been attached already.")}this._observers.push(t);t.configChanged(this._config)};t.prototype.detach=function(t){var i=this._observers.indexOf(t);if(i===-1){return console.log("Subject: Nonexistent observer.")}this._observers.splice(i,1)};t.prototype.attachComponent=function(t){var i=this._componentObservers.includes(t);if(i){return console.log("Subject: Observer has been attached already.")}this._componentObservers.push(t);t.configChanged(this._config)};t.prototype.detachComponent=function(t){var i=this._componentObservers.indexOf(t);if(i===-1){return console.log("Subject: Nonexistent observer.")}this._componentObservers.splice(i,1)};t.prototype.toString=function(){return JSON.stringify(this._config)};t.prototype.reset=function(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)});this._notify(false)};t.prototype._notify=function(t){if(t===void 0){t=true}for(var i=0,e=this._componentObservers;i<e.length;i++){var n=e[i];n.configChanged(this._config)}if(t){for(var r=0,o=this._observers;r<o.length;r++){var n=o[r];n.configChanged(this._config)}}if(balBrowser.hasWindow){saveConfig(window,this._config)}};return t}();var config=new Config;var configFromSession=function(t){try{var i=t.sessionStorage.getItem(BALOISE_SESSION_KEY);return i!==null?JSON.parse(i):{}}catch(t){return{}}};var configFromLocalStorage=function(t){try{var i=JSON.parse(t.localStorage.getItem(BALOISE_ANIMATION_KEY));if(i!==null){return{animated:i}}return{}}catch(t){return{}}};var saveConfig=function(t,i){try{t.sessionStorage.setItem(BALOISE_SESSION_KEY,JSON.stringify(i))}catch(t){return}};var setupConfig=function(t,i){if(t===void 0){t={}}if(i===void 0){i={}}if(Object.keys(i).length===0&&balBrowser.hasWindow){i=window}i.BaloiseDesignSystem=i.BaloiseDesignSystem||{};config.reset(Object.assign(Object.assign(Object.assign(Object.assign({},configFromSession(i)),configFromLocalStorage(i)),t),{icons:Object.assign(Object.assign({},configFromSession(i).icons),t.icons)}));i.BaloiseDesignSystem.config=config};var VERSION="17.2.0";var initializeBaloiseDesignSystem=function(t,i,e){if(t===void 0){t={}}if(i===void 0){i=undefined}if(e===void 0){e={}}if(Object.keys(e).length===0&&balBrowser.hasWindow){e=window}e.BaloiseDesignSystem=e.BaloiseDesignSystem||{};if(i){setPlatformHelpers(i)}setupConfig(Object.assign(Object.assign({},t),i),e);e.BaloiseDesignSystem.toastController=balToastController;e.BaloiseDesignSystem.snackbarController=balSnackbarController;e.BaloiseDesignSystem.initialize=function(){return setupConfig(e.BaloiseDesignSystem.config,e)};e.BaloiseDesignSystem.version=VERSION};export{BalToastController as B,BalSnackbarController as a,balToastController as b,balSnackbarController as c,initializeBaloiseDesignSystem as i,setupConfig as s};
+import{__awaiter,__extends,__generator}from"tslib";import{a as setPlatformHelpers}from"./index-5b1faf93.js";import{b as balBrowser}from"./browser-a8073d92.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";var BalNoticeController=function(){function t(t){this.options=t;this.container=null;this.queue=[];this.preQueue=[];this.queueLimit=5}t.prototype.create=function(t){var i=this;if(balBrowser.hasDocument){this.setupContainer();var e=this.findClone(t);if(e===undefined){var n=document.createElement(this.options.tag);Object.assign(n,t);n.addEventListener("balClose",(function(t){i.removeFromQueue(t.detail)}));this.preQueue.push(n);this.updateQueue();return n}return e}};t.prototype.setQueue=function(t){this.queueLimit=t};t.prototype.dismissAll=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e,n,r;return __generator(this,(function(o){switch(o.label){case 0:i=(t=this.container)===null||t===void 0?void 0:t.querySelectorAll(this.options.tag);if(!i)return[3,2];e=[];for(n=0;n<i.length;n++){r=i[n];if(r.close){e.push(r.close())}}return[4,Promise.all(e)];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};t.prototype.clearAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.warn("[DEPRECATED] - use dismissAll() instead");return[2,this.dismissAll()]}))}))};t.prototype.findClone=function(t){for(var i=0;i<this.queue.length;i++){var e=this.queue[i];if(e.message===t.message&&e.color===t.color){return e}}return undefined};t.prototype.setupContainer=function(){if(balBrowser.hasDocument){var t="".concat(this.options.tag,"-container");this.container=document.getElementById(t);if(this.container)return;if(!this.container){this.container=document.createElement("bal-notices");this.container.setAttribute("interface",this.options.tag.replace("bal-",""));this.container.id=t}document.body.appendChild(this.container)}};t.prototype.updateQueue=function(){var t;if(this.queue.length<this.queueLimit){var i=this.preQueue.shift();if(i&&this.container){this.queue.push(i);this.container.insertAdjacentElement("beforeend",i)}}if(this.queue.length===0){(t=this.container)===null||t===void 0?void 0:t.remove()}};t.prototype.removeFromQueue=function(t){var i=this;this.queue=this.queue.filter((function(i){return i.id!==t}));setTimeout((function(){return i.updateQueue()}),0)};return t}();var BalToastController=function(t){__extends(i,t);function i(){return t.call(this,{tag:"bal-toast"})||this}i.prototype.create=function(i){return t.prototype.create.call(this,i)};return i}(BalNoticeController);var balToastController=new BalToastController;var BalSnackbarController=function(t){__extends(i,t);function i(){return t.call(this,{tag:"bal-snackbar"})||this}i.prototype.create=function(i){return t.prototype.create.call(this,i)};return i}(BalNoticeController);var balSnackbarController=new BalSnackbarController;var BALOISE_SESSION_KEY="baloise-persist-config";var BALOISE_ANIMATION_KEY="baloise-animated";var Config=function(){function t(){this._componentObservers=[];this._observers=[];this._config=defaultConfig}Object.defineProperty(t.prototype,"locale",{get:function(){return"".concat(this._config.language,"-").concat(this._config.region)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"region",{get:function(){return this._config.region},set:function(t){if(t!==this._config.region){this._config.region=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"language",{get:function(){return this._config.language},set:function(t){if(t!==this._config.language){if(this._config.allowedLanguages.includes(t)){this._config.language=t}else{this._config.language=this._config.fallbackLanguage}this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedLanguages",{get:function(){return this._config.allowedLanguages},set:function(t){if(t!==this._config.allowedLanguages){this._config.allowedLanguages=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"icons",{get:function(){return this._config.icons},set:function(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logger",{get:function(){return this._config.logger},set:function(t){this._config.logger=Object.assign({},t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"animated",{get:function(){return this._config.animated},set:function(t){this._config.animated=t;this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"httpFormSubmit",{get:function(){return this._config.httpFormSubmit},set:function(t){this._config.httpFormSubmit=t;this._notify()},enumerable:false,configurable:true});t.prototype.attach=function(t){var i=this._observers.includes(t);if(i){return console.log("Subject: Observer has been attached already.")}this._observers.push(t);t.configChanged(this._config)};t.prototype.detach=function(t){var i=this._observers.indexOf(t);if(i===-1){return console.log("Subject: Nonexistent observer.")}this._observers.splice(i,1)};t.prototype.attachComponent=function(t){var i=this._componentObservers.includes(t);if(i){return console.log("Subject: Observer has been attached already.")}this._componentObservers.push(t);t.configChanged(this._config)};t.prototype.detachComponent=function(t){var i=this._componentObservers.indexOf(t);if(i===-1){return console.log("Subject: Nonexistent observer.")}this._componentObservers.splice(i,1)};t.prototype.toString=function(){return JSON.stringify(this._config)};t.prototype.reset=function(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)});this._notify(false)};t.prototype._notify=function(t){if(t===void 0){t=true}for(var i=0,e=this._componentObservers;i<e.length;i++){var n=e[i];n.configChanged(this._config)}if(t){for(var r=0,o=this._observers;r<o.length;r++){var n=o[r];n.configChanged(this._config)}}if(balBrowser.hasWindow){saveConfig(window,this._config)}};return t}();var config=new Config;var configFromSession=function(t){try{var i=t.sessionStorage.getItem(BALOISE_SESSION_KEY);return i!==null?JSON.parse(i):{}}catch(t){return{}}};var configFromLocalStorage=function(t){try{var i=JSON.parse(t.localStorage.getItem(BALOISE_ANIMATION_KEY));if(i!==null){return{animated:i}}return{}}catch(t){return{}}};var saveConfig=function(t,i){try{t.sessionStorage.setItem(BALOISE_SESSION_KEY,JSON.stringify(i))}catch(t){return}};var setupConfig=function(t,i){if(t===void 0){t={}}if(i===void 0){i={}}if(Object.keys(i).length===0&&balBrowser.hasWindow){i=window}i.BaloiseDesignSystem=i.BaloiseDesignSystem||{};config.reset(Object.assign(Object.assign(Object.assign(Object.assign({},configFromSession(i)),configFromLocalStorage(i)),t),{icons:Object.assign(Object.assign({},configFromSession(i).icons),t.icons)}));i.BaloiseDesignSystem.config=config};var VERSION="17.2.1";var initializeBaloiseDesignSystem=function(t,i,e){if(t===void 0){t={}}if(i===void 0){i=undefined}if(e===void 0){e={}}if(Object.keys(e).length===0&&balBrowser.hasWindow){e=window}e.BaloiseDesignSystem=e.BaloiseDesignSystem||{};if(i){setPlatformHelpers(i)}setupConfig(Object.assign(Object.assign({},t),i),e);e.BaloiseDesignSystem.toastController=balToastController;e.BaloiseDesignSystem.snackbarController=balSnackbarController;e.BaloiseDesignSystem.initialize=function(){return setupConfig(e.BaloiseDesignSystem.config,e)};e.BaloiseDesignSystem.version=VERSION};export{BalToastController as B,BalSnackbarController as a,balToastController as b,balSnackbarController as c,initializeBaloiseDesignSystem as i,setupConfig as s};

package/dist/esm-es5/mutation.decorator-74831883.js

@@ -0,0 +1 @@
+import{__awaiter,__extends,__generator}from"tslib";import{f as deepReady,b as waitAfterFramePaint,j as debounce}from"./helpers-72ae7307.js";import{L as ListenerAbstract,a as SingleSubject}from"./listener-04842ae9.js";var BalMutationListener=function(t){__extends(e,t);function e(e){var i=t.call(this)||this;i.tags=[];i.waitAfterFramePrint=false;i.mutationObserver=undefined;i.mutationObserverInit={childList:true,subtree:true,attributes:true,characterData:true};i.mutationCallback=function(t){var e=t.some((function(t){return i.tags.includes(t.target.nodeName)}));if(e){return i.notify(undefined)}var n=t.some((function(t){return Array.from(t.removedNodes).some((function(t){return i.tags.includes(t.nodeName)}))}));if(n){return i.notify(undefined)}if(i.tags.length===0&&t.length>0){var r=t.some((function(t){return t.type==="characterData"}));if(r){return i.notify(undefined)}}if(i.tags.length===0&&t.length>0){return i.notify(undefined)}};i.waitAfterFramePrint=e.waitAfterFramePrint||i.waitAfterFramePrint;i.tags=(e.tags||[]).map((function(t){return t.toUpperCase()}));i.mutationObserverInit={childList:e.childList===false?false:true,subtree:e.subtree===false?false:true,attributes:e.attributes===false?false:true,characterData:e.characterData===false?false:true};return i}e.prototype.connect=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:t.prototype.connect.call(this,e);if(typeof MutationObserver==="undefined"){return[2]}if(!this.waitAfterFramePrint)return[3,3];return[4,deepReady(e)];case 1:i.sent();return[4,waitAfterFramePaint()];case 2:i.sent();i.label=3;case 3:this.destroyMutationObserver();this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(e,this.mutationObserverInit);return[2]}}))}))};e.prototype.disconnect=function(){t.prototype.disconnect.call(this);this.destroyMutationObserver()};e.prototype.destroyMutationObserver=function(){if(this.mutationObserver!==undefined){this.mutationObserver.disconnect();this.mutationObserver=undefined}};return e}(ListenerAbstract);var BalMutationSubject=function(t){__extends(e,t);function e(e){var i=t.call(this,(function(t){if(t.mutationObserverActive){t.mutationListener()}}))||this;i.options=e;i.debouncedNotify=debounce((function(){return i.notify()}),50);i.listener=new BalMutationListener(e);return i}e.prototype.attach=function(e){var i=this;var n,r,u;t.prototype.attach.call(this,e);if(this.options.closest){var s=e.el.closest(this.options.closest);if(s){(n=this.listener)===null||n===void 0?void 0:n.connect(s)}}else{(r=this.listener)===null||r===void 0?void 0:r.connect(e.el)}(u=this.listener)===null||u===void 0?void 0:u.add((function(){return i.debouncedNotify()}))};e.prototype.detach=function(){var e;t.prototype.detach.call(this);(e=this.listener)===null||e===void 0?void 0:e.disconnect()};return e}(SingleSubject);function ListenToMutation(t){return function(e,i,n){var r=e.connectedCallback,u=e.disconnectedCallback;e.connectedCallback=function(){if(!this._balMutationSubject){this._balMutationSubject=new BalMutationSubject(t);this._balMutationSubject.attach(this)}return r&&r.call(this)};e.disconnectedCallback=function(){if(this._balMutationSubject){this._balMutationSubject.detach();this._balMutationSubject=undefined}return u&&u.call(this)}}}export{ListenToMutation as L};

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

@@ -1 +1 @@
-import{__extends}from"tslib";import{B as BalWindowResizeListener}from"./breakpoints.subject-ac2d9287.js";import{a as SingleSubject}from"./listener-04842ae9.js";import{b as balBrowser}from"./browser-a8073d92.js";var BalWindowResizeSubject=function(i){__extends(t,i);function t(){var t=i.call(this,(function(i,t){i.windowResizeListener()}))||this;t.listener=new BalWindowResizeListener;return t}t.prototype.attach=function(t){var e=this;i.prototype.attach.call(this,t);if(balBrowser.hasWindow){this.listener.connect(window);this.listener.add((function(){return i.prototype.notify.call(e)}))}};t.prototype.detach=function(){i.prototype.detach.call(this);this.listener.disconnect()};return t}(SingleSubject);new BalWindowResizeSubject;function ListenToWindowResize(){return function(i,t,e){var n=i.connectedCallback,s=i.disconnectedCallback;i.connectedCallback=function(){if(!this._balWindowResizeSubject){this._balWindowResizeSubject=new BalWindowResizeSubject;this._balWindowResizeSubject.attach(this)}return n&&n.call(this)};i.disconnectedCallback=function(){if(this._balWindowResizeSubject){this._balWindowResizeSubject.detach();this._balWindowResizeSubject=undefined}return s&&s.call(this)}}}export{ListenToWindowResize as L};
+import{__extends}from"tslib";import{B as BalWindowResizeListener}from"./breakpoints.subject-0764e6ff.js";import{a as SingleSubject}from"./listener-04842ae9.js";import{b as balBrowser}from"./browser-a8073d92.js";var BalWindowResizeSubject=function(i){__extends(t,i);function t(){var t=i.call(this,(function(i,t){i.windowResizeListener()}))||this;t.listener=new BalWindowResizeListener;return t}t.prototype.attach=function(t){var e=this;i.prototype.attach.call(this,t);if(balBrowser.hasWindow){this.listener.connect(window);this.listener.add((function(){return i.prototype.notify.call(e)}))}};t.prototype.detach=function(){i.prototype.detach.call(this);this.listener.disconnect()};return t}(SingleSubject);new BalWindowResizeSubject;function ListenToWindowResize(){return function(i,t,e){var n=i.connectedCallback,s=i.disconnectedCallback;i.connectedCallback=function(){if(!this._balWindowResizeSubject){this._balWindowResizeSubject=new BalWindowResizeSubject;this._balWindowResizeSubject.attach(this)}return n&&n.call(this)};i.disconnectedCallback=function(){if(this._balWindowResizeSubject){this._balWindowResizeSubject.detach();this._balWindowResizeSubject=undefined}return s&&s.call(this)}}}export{ListenToWindowResize as L};

package/dist/types/components/bal-carousel/bal-carousel.d.ts

@@ -4,8 +4,7 @@ import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
 import { BalSwipeInfo, BalSwipeObserver } from '../../utils/swipe';
 import { BalMutationObserver } from '../../utils/mutation';
 import { BalResizeObserver } from '../../utils/resize';
-import { BalConfigState } from '../../interfaces';
-import { BalLanguage } from '../../utils/config';
+import { BalConfigState, BalLanguage } from '../../utils/config';
 export declare class Carousel implements ComponentInterface, BalBreakpointObserver, BalSwipeObserver, BalMutationObserver, BalResizeObserver {
     private containerEl?;
     private innerEl?;

package/dist/types/components/bal-close/bal-close.d.ts

@@ -1,6 +1,5 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
-import { BalConfigObserver, BalConfigState } from '../../interfaces';
-import { BalLanguage, BalRegion } from '../../utils/config';
+import { BalConfigObserver, BalConfigState, BalLanguage, BalRegion } from '../../utils/config';
 export declare class Close implements ComponentInterface, BalConfigObserver {
     el: HTMLElement;
     language: BalLanguage;

package/dist/types/components/bal-date/bal-date-calendar/bal-date-calendar.d.ts

@@ -2,7 +2,7 @@ import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtim
 import { DayCell, ListItem, WeekdayCell } from '../utils/calendar';
 import { LogInstance, Loggable } from '../../../utils/log';
 import { BalConfigObserver, BalConfigState, BalLanguage } from '../../../utils/config';
-import { BalSwipeInfo, BalSwipeObserver } from '../../../interfaces';
+import { BalSwipeInfo, BalSwipeObserver } from '../../../utils/swipe';
 export declare class DateCalendar implements ComponentInterface, Loggable, BalConfigObserver, BalSwipeObserver {
     private yearListEl;
     private gridEl;

package/dist/types/components/bal-date/bal-date.d.ts

@@ -1,8 +1,7 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { LogInstance, Loggable } from '../../utils/log';
 import { BalConfigState } from '../../utils/config';
-import { BalAriaForm } from '../../interfaces';
-import { BalAriaFormLinking } from '../../utils/form';
+import { BalAriaForm, BalAriaFormLinking } from '../../utils/form';
 export declare class Date implements ComponentInterface, Loggable, BalAriaFormLinking {
     private inputId;
     private inheritedAttributes;

package/dist/types/components/bal-input/bal-input-date/bal-input-date.d.ts

@@ -1,6 +1,6 @@
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 import { Loggable, LogInstance } from '../../../utils/log';
-import { BalConfigObserver, BalConfigState } from '../../../interfaces';
+import { BalConfigObserver, BalConfigState } from '../../../utils/config';
 import { BalAriaForm, BalAriaFormLinking } from '../../../utils/form';
 export declare class InputDate implements ComponentInterface, Loggable, BalConfigObserver, BalAriaFormLinking {
     private inputId;

package/dist/types/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.d.ts

@@ -1,6 +1,6 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
 import { Loggable, LogInstance } from '../../../utils/log';
-import { BalBreakpointObserver, BalBreakpoints } from '../../../interfaces';
+import { BalBreakpointObserver, BalBreakpoints } from '../../../utils/breakpoints';
 import { BalResizeObserver } from '../../../utils/resize';
 export declare class ListItemAccordionBody implements ComponentInterface, Loggable, BalBreakpointObserver, BalResizeObserver {
     private contentElWrapper;

package/dist/types/components/bal-pagination/bal-pagination.d.ts

@@ -1,7 +1,6 @@
 import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
 import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
-import { BalConfigState } from '../../interfaces';
-import { BalLanguage } from '../../utils/config';
+import { BalConfigState, BalLanguage } from '../../utils/config';
 export declare class Pagination implements ComponentInterface, BalBreakpointObserver {
     el: HTMLBalPaginationElement;
     _value: number;

package/dist/types/components/bal-segment/bal-segment.d.ts

@@ -2,7 +2,7 @@ import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { SegmentValue } from './bal-segment.types';
 import { LogInstance } from '../../utils/log';
 import { BalWindowResizeObserver } from '../../utils/resize';
-import { BalBreakpointObserver, BalBreakpoints } from '../../interfaces';
+import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
 import { BalFocusObserver } from '../../utils/focus';
 import { BalAriaForm } from '../../utils/form';
 export declare class Segment implements ComponentInterface, BalWindowResizeObserver, BalBreakpointObserver, BalFocusObserver {