npm - @baloise/ds-core - Versions diffs - 18.1.0 → 18.2.0 - Mend

@baloise/ds-core 18.1.0 → 18.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (179) hide show

package/dist/esm-es5/bal-select_2.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{l as lodash_isnil}from"./index-82aff103.js";import{a as ariaBooleanToString}from"./aria-ea150568.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{d as defaultBalAriaForm}from"./form-841232ff.js";import{s as stopEventBubbling}from"./form-input-263e6f5b.js";import{n as rIC,d as waitAfterIdleCallback,h as deepReady,j as isDescendant,k as debounce}from"./helpers-94c3fbac.js";import{L as Logger}from"./log-dfd1c19f.js";import{r as removeValue,p as preventDefault,l as length,g as getValues,i as includes,s as startsWith,a as addValue,f as findLabelByValue,b as findOptionByLabel,v as validateAfterBlur}from"./utils-9fbab1d3.js";import{d as isSpaceKey,i as isArrowDownKey,a as isArrowUpKey,b as isEnterKey,c as isEscapeKey,k as isBackspaceKey}from"./keyboard.helpers-159e517d.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./browser-a8073d92.js";import"./config.utils-cd529084.js";var watchForOptions=function(t,e,i){if(typeof MutationObserver==="undefined"){return}var r=new MutationObserver((function(t){t=t.filter((function(t){return t.target.nodeName===e.toUpperCase()\|\|t.target.nodeName==="bal-select".toUpperCase()}));if(t.length>0){i(undefined)}}));r.observe(t,{childList:true,subtree:true,attributes:true,characterData:true});return r};var balSelectCss=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-3);--bal-select-control-input-option-background-hover:var(--bal-color-grey-3);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";var BalSelectStyle0=balSelectCss;var isHuman=true;var isNotHuman=false;var Select=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balInputClick=createEvent(this,"balInputClick",7);this.balInput=createEvent(this,"balInput",7);this.balBlur=createEvent(this,"balBlur",7);this.balFocus=createEvent(this,"balFocus",7);this.balCancel=createEvent(this,"balCancel",7);this.balKeyPress=createEvent(this,"balKeyPress",7);this.didInit=false;this.inputId="bal-select-".concat(selectIds++);this.initialValue=[];this.removeValue=function(t){if(!e.disabled){e.updateRawValue(removeValue(e.rawValue,t),isHuman);if(e.multiple&&e.typeahead){e.setFocus()}e.fireBlur()}};this.fireBlur=function(t){if(t===void 0){t=new CustomEvent("blur")}if(!e.isPopoverOpen&&!e.hasFocus){rIC((function(){return e.balBlur.emit(t)}))}};this.handleClick=function(t){if(e.disabled\|\|e.readonly){preventDefault(t)}};this.handlePopoverChange=function(t){t.stopPropagation();if(e.isPopoverOpen!==t.detail){e.isPopoverOpen=t.detail;if(e.isPopoverOpen){e.updateFocus()}else{e.focusIndex=0;if(e.multiple&&e.typeahead){e.updateInputValue("")}e.fireBlur(t)}}};this.handleInputBlur=function(t){preventDefault(t);var i=t.relatedTarget;if(i===null\|\|i&&i.nodeName&&(i.nodeName==="BAL-MODAL"\|\|i.nodeName==="INPUT"\|\|i.nodeName==="BUTTON")){e.validateAfterBlur(isHuman)}e.hasFocus=false;e.fireBlur(t)};this.handleInputFocus=function(t){e.balFocus.emit(t);e.hasFocus=true};this.handleInputClick=function(t){var i=[];for(var r=1;r<arguments.length;r++){i[r-1]=arguments[r]}return __awaiter(e,__spreadArray([t],i,true),void 0,(function(t,e){var i,r,o,n;if(e===void 0){e=false}return __generator(this,(function(a){switch(a.label){case 0:stopEventBubbling(t);if(this.isChipClicked(t)){return[2]}if(!(this.disabled\|\|this.readonly))return[3,1];preventDefault(t);return[3,10];case 1:this.focusIndex=0;this.balInputClick.emit(t);if(!this.typeahead)return[3,6];if(!(this.isPopoverOpen&&e))return[3,3];return[4,(i=this.popoverElement)===null\|\|i===void 0?void 0:i.dismiss()];case 2:a.sent();return[3,5];case 3:return[4,(r=this.popoverElement)===null\|\|r===void 0?void 0:r.present()];case 4:a.sent();a.label=5;case 5:return[3,10];case 6:if(!this.isPopoverOpen)return[3,8];return[4,(o=this.popoverElement)===null\|\|o===void 0?void 0:o.dismiss()];case 7:a.sent();return[3,10];case 8:return[4,(n=this.popoverElement)===null\|\|n===void 0?void 0:n.present()];case 9:a.sent();a.label=10;case 10:return[2]}}))}))};this.handleKeyPress=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(!this.isPopoverOpen&&isSpaceKey(t)))return[3,2];preventDefault(t);return[4,this.open()];case 1:e.sent();e.label=2;case 2:this.balKeyPress.emit(t);return[2]}}))}))};this.handleInputChange=function(t){if(!e.disabled&&!e.readonly){e.inputValue=t.target.value}};this.handleInput=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.disabled&&!this.readonly){this.inputValue=t.target.value;if(!this.isPopoverOpen){this.popoverElement.present()}this.focusIndex=0;this.updateFocus();preventDefault(t);this.balInput.emit(this.inputValue)}return[2]}))}))};this.handleOptionMouseEnter=function(t){e.focusIndex=t};this.hasFocus=false;this.inputValue="";this.focusIndex=-1;this.isPopoverOpen=false;this.options=new Map;this.labelToScrollTo="";this.labelToSelectTo="";this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.filter="includes";this.balTabindex=0;this.freeSolo=false;this.multiple=false;this.maxLength=undefined;this.noDataLabel=undefined;this.autocomplete="off";this.typeahead=false;this.selectionOptional=false;this.disabled=false;this.readonly=false;this.required=false;this.inverted=false;this.placeholder=undefined;this.scrollable=250;this.loading=false;this.remote=false;this.autoInvalidOff=false;this.value=[];this.rawValue=[]}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueWatcher=function(){this.syncRawValue(false)};t.prototype.updateRawValue=function(t,e){if(e===void 0){e=true}if(!areArraysEqual(t,this.rawValue\|\|[])){this.rawValue=__spreadArray([],t,true);this.syncNativeInput();if(this.didInit&&e===true){if(this.multiple){if(lodash_isnil(this.rawValue)){this.emitChangeEvent([])}else{this.emitChangeEvent(__spreadArray([],this.rawValue,true))}}else{if(lodash_isnil(this.rawValue)\|\|length(this.rawValue)===0){this.emitChangeEvent(undefined)}else{this.emitChangeEvent(this.rawValue[0])}}}}};t.prototype.emitChangeEvent=function(t){this.balChange.emit(t)};t.prototype.connectedCallback=function(){var t=this;var e=debounce((function(){return t.updateOptions()}),0);this.initialValue=this.value;e();this.mutationO=watchForOptions(this.el,"bal-select-option",(function(){e()}))};t.prototype.componentWillLoad=function(){this.waitForOptionsAndThenUpdateRawValues();this.isInsideOfFooter();if(!lodash_isnil(this.rawValue)&&this.options.size>0&&length(this.rawValue)===1){var t=this.options.get(this.rawValue[0]);if(!lodash_isnil(t)){this.inputValue=t.label}}};t.prototype.componentDidLoad=function(){this.syncRawValue(false);if(!this.multiple){this.inputElement.value=this.inputValue}this.didInit=true};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.listenOnClick=function(t){if(this.disabled&&t.target&&t.target===this.el){preventDefault(t)}};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null\|\|i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){e.value=e.initialValue;e.syncRawValue(false);e.syncNativeInput();if(e.nativeSelectEl){var t=Array.from(e.nativeSelectEl.options);t.forEach((function(t){return t.selected=true}))}}),0)}};t.prototype.handleKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:if(!this.isPopoverOpen)return[3,1];if(isArrowDownKey(t)\|\|isArrowUpKey(t)){preventDefault(t);this.navigateWithArrowKey(t);this.updateFocus()}if(isEnterKey(t)){preventDefault(t);this.selectedFocusedOption()}if(isEscapeKey(t)){this.cancel()}if(isBackspaceKey(t)&&this.typeahead&&this.multiple){if(this.inputElement.value===""&&length(this.rawValue)>0){e=getValues(this.rawValue);this.removeValue(e[length(this.rawValue)-1])}}if(!this.typeahead&&t.key.length===1){this.focusOptionByLabel(t.key)}if(isSpaceKey(t)&&!this.typeahead){preventDefault(t)}return[3,4];case 1:if(!this.hasFocus)return[3,4];if(!(isArrowDownKey(t)\|\|isArrowUpKey(t)))return[3,3];preventDefault(t);return[4,this.open()];case 2:i.sent();i.label=3;case 3:if(!this.typeahead&&t.key.length===1){this.selectOptionByLabel(t.key)}i.label=4;case 4:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.inputElement&&!this.disabled))return[3,2];return[4,waitAfterIdleCallback()];case 1:t.sent();this.inputElement.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.focusIndex=0;if(this.inputElement){this.updateInputValue("");this.updateRawValue([],isHuman);this.value=this.multiple?[]:""}return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.disabled&&!this.readonly&&!lodash_isnil(this.popoverElement)))return[3,2];return[4,this.popoverElement.present()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&!this.readonly&&!lodash_isnil(this.popoverElement)){this.blurSelect()}return[2]}))}))};t.prototype.cancel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.labelToScrollTo="";this.close();this.scrollTo(0);this.balCancel.emit();return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.options.get(t);if(!lodash_isnil(e)){this.optionSelected(e)}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.waitForOptionsAndThenUpdateRawValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){switch(i.label){case 0:clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer);return[4,deepReady(this.el)];case 1:i.sent();t=this.options.size>0;if(t){if(!this.remote){this.syncRawValue(isNotHuman)}}else{this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((function(){return e.waitForOptionsAndThenUpdateRawValues()}),10)}return[2]}}))}))};t.prototype.updateOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,r,i,o,n;return __generator(this,(function(a){switch(a.label){case 0:t=this.getChildOpts();e=new Map;for(i=0;i<t.length;i++){r=t[i];e.set(r.value,{value:r.value,label:r.label,disabled:r.disabled,id:r.for,textContent:r.textContent,innerHTML:r.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue)){for(i=0;i<this.rawValue.length;i++){o=this.rawValue[i];if(!e.has(o)){n=removeValue(this.rawValue,o);this.updateRawValue(n,isNotHuman)}}}this.options=new Map(e);if(!!this.typeahead)return[3,2];return[4,this.syncNativeInput()];case 1:a.sent();a.label=2;case 2:if(this.didInit&&!this.remote){this.validateAfterBlur()}return[2]}}))}))};Object.defineProperty(t.prototype,"optionArray",{get:function(){var t=this;var e=Array.from(this.options,(function(t){var e=t[0],i=t[1];return i}));if(!this.typeahead\|\|this.remote){return e}return e.filter((function(e){return t.filter==="includes"?includes(e.textContent,t.inputValue):startsWith(e.textContent,t.inputValue)}))},enumerable:false,configurable:true});t.prototype.hasOptions=function(){return this.optionArray.length>0};Object.defineProperty(t.prototype,"inputPlaceholder",{get:function(){if(this.multiple){if(length(this.rawValue)<1){return this.placeholder}return undefined}else{if(!lodash_isnil(this.rawValue)&&length(this.rawValue)>0){return undefined}}return this.placeholder},enumerable:false,configurable:true});t.prototype.getChildOpts=function(){return Array.from(this.el.querySelectorAll("bal-select-option"))};t.prototype.getPopoverContent=function(){return this.popoverElement.querySelector(".bal-popover__content__inner")};t.prototype.updateFocus=function(){var t=this;if(this.focusIndex<0){this.focusIndex=0}var e=this.optionArray;if(e.length>0){if(e.length<=this.focusIndex){this.focusIndex=e.length-1}var i=e[this.focusIndex];if(i&&i.id){var r=this.el.querySelector("button#".concat(i.id));if(r){clearTimeout(this.updateFocusTimer);this.updateFocusTimer=setTimeout((function(){t.scrollToFocusedOption(r)}),0)}}}else{this.focusIndex=0}};t.prototype.scrollToFocusedOption=function(t){if(t&&this.popoverElement){var e=this.getPopoverContent();if(e){var i=t.offsetTop;var r=e.scrollTop;if(i<r){e.scrollTop=i}var o=t.offsetTop+t.clientHeight;var n=e.scrollTop+e.clientHeight;if(o>n){e.scrollTop=e.scrollTop+t.clientHeight}}}};t.prototype.scrollTo=function(t){var e=this.getPopoverContent();if(e){e.scrollTop=t}};t.prototype.selectedFocusedOption=function(){var t=this.optionArray;if(t.length>this.focusIndex){var e=t[this.focusIndex];if(e){this.optionSelected(e)}}};t.prototype.navigateWithArrowKey=function(t){if(isArrowDownKey(t)){this.focusIndex=this.focusIndex+1}else{if(isArrowUpKey(t)){this.focusIndex=this.focusIndex-1}}};t.prototype.focusOptionByLabel=function(t){var e=this;this.labelToScrollTo=this.labelToScrollTo+t;clearTimeout(this.clearScrollToValue);this.clearScrollToValue=setTimeout((function(){e.scrollToLabel(e.labelToScrollTo)}),600)};t.prototype.selectOptionByLabel=function(t){var e=this;this.labelToSelectTo=this.labelToSelectTo+t;clearTimeout(this.clearSelectValue);this.clearSelectValue=setTimeout((function(){e.selectLabel(e.labelToSelectTo);e.labelToSelectTo=""}),600)};t.prototype.selectLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(o){if(t!==" "){e=this.optionArray.find((function(e){return startsWith(e.label\|\|"",t)}));if(!lodash_isnil(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!lodash_isnil(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.select(e.value)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.scrollToLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(o){if(t!==" "){e=this.optionArray.find((function(e){return startsWith(e.label\|\|"",t)}));if(!lodash_isnil(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!lodash_isnil(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.scrollTo(i.offsetTop)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.syncRawValue=function(t){if(t===void 0){t=true}var e=[];if(!lodash_isnil(this.value)&&this.value!==""){if(Array.isArray(this.value)){e=__spreadArray([],this.value.filter((function(t){return!lodash_isnil(t)})),true)}else{if(this.value.split("").includes(",")){e=__spreadArray([],this.value.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{e=[this.value]}}}this.updateRawValue(e,t)};t.prototype.blurSelect=function(){this.popoverElement.dismiss()};t.prototype.optionSelected=function(t){var e=getValues(this.rawValue);var i=e.some((function(e){return e===t.value}));this.updateValue(t.value,!i);if(!this.multiple){this.blurSelect()}else{if(this.typeahead){this.setFocus()}}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(this.multiple){if(e){this.updateRawValue(addValue(this.rawValue,t,this.multiple),isHuman)}else{this.updateRawValue(removeValue(this.rawValue,t),isHuman)}}else{this.updateRawValue(addValue(this.rawValue,t,this.multiple),isHuman);if(this.rawValue&&this.rawValue.length>0){this.updateInputValue(findLabelByValue(this.options,this.rawValue[0]))}}};t.prototype.validateAfterBlur=function(t){if(t===void 0){t=isNotHuman}var e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional\|\|this.remote)){var i=findOptionByLabel(this.options,this.inputElement.value);if(i){e=[i.value]}else{e=[this.inputElement.value]}}else{e=validateAfterBlur(this.rawValue,this.options,this.inputElement.value)}this.updateRawValue(e,t)}};t.prototype.syncNativeInput=function(){if(!this.multiple){if(length(this.rawValue)>0){var t=getValues(this.rawValue);var e=findLabelByValue(this.options,t[0]);if(!this.multiple&&this.typeahead&&this.selectionOptional&&e===""){e=t.join(", ")}return this.updateInputValue(e)}else{return this.updateInputValue("")}}return Promise.resolve()};t.prototype.updateInputValue=function(t){var e=this;return new Promise((function(i){if(e.updateInputValueTimer){clearTimeout(e.updateInputValueTimer)}e.updateInputValueTimer=setTimeout((function(){if(!lodash_isnil(e.inputElement)){e.inputElement.value=t;e.inputValue=t;i()}}),0)}))};t.prototype.isChipClicked=function(t){var e=false;if(this.multiple){var i=this.selectionEl.querySelectorAll("bal-tag");var r=t.target;i.forEach((function(t){var i=isDescendant(t,r)\|\|t===r;if(i){e=i}}))}return e};t.prototype.isInsideOfFooter=function(){this.inverted=this.el.closest("bal-footer")!==null};t.prototype.render=function(){var t=this;var e;var i=function(e){return h("bal-tag",{key:"7533b62273766a103266239b7ca7388a29a7ca2c",size:"",closable:!t.disabled,disabled:t.disabled,invalid:t.invalid,tabindex:-1,onBalCloseClick:function(i){return t.removeValue(e.value)},"data-testid":"bal-select-chip"},findLabelByValue(t.options,e.value)\|\|e.value)};var r=getValues(this.rawValue);var o=BEM.block("select");var n=o.element("native");var a=o.element("control");var s=a.element("icon");var l=a.element("selections");var c=a.element("input");var u=o.element("popover");var d=u.element("empty");var f=o.element("option");var b=f.element("content");var p=b.element("checkbox");var v=b.element("label");return h(Host,{key:"2b5f68df5724be552d0e52b80e3f2f3cf4904904",role:"listbox",onClick:this.handleClick,"aria-disabled":ariaBooleanToString(this.disabled),"data-value":(e=this.rawValue)===null\|\|e===void 0?void 0:e.map((function(e){return findLabelByValue(t.options,e)})).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("disabled").class(this.disabled\|\|this.readonly)),o.modifier("inverted").class(this.inverted)),o.modifier("inverted-footer").class(this.inverted))},h("select",{key:"86217a832be6b5b4ffe4e624082cc7f21dd92c93",class:Object.assign({},n.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:function(e){return t.nativeSelectEl=e}},r.map((function(t){return h("option",{key:t,value:t,selected:true},t)}))),h("bal-popover",{key:"b051798999057bd3d58279b2bdae7a2e66f1f8c5",onBalChange:this.handlePopoverChange,ref:function(e){return t.popoverElement=e}},h("div",{key:"6a2201296c6937a30aa176899d6774878728b096","bal-popover-trigger":true,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("invalid").class(this.invalid)),a.modifier("disabled").class(this.disabled\|\|this.readonly)),a.modifier("focused").class(this.isPopoverOpen)),a.modifier("inverted-footer").class(this.inverted))},h("div",{key:"21306e3a37d4e5ac70a0487c704455ab76d90873",class:Object.assign(Object.assign({},l.class()),l.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:function(e){return t.selectionEl=e}},r.filter((function(e){return t.multiple})).map((function(t){return h(i,{value:t})})),h("input",{key:"1225023645508847339dd1fbd6815771fd52b923",type:"text",class:Object.assign(Object.assign({},c.class()),{input:true,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled\|\|this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":true}),id:this.ariaForm.controlId\|\|this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":ariaBooleanToString(this.disabled),"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":this.autocomplete==="off"?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead\|\|this.disabled\|\|this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:function(e){return t.inputElement=e}})),!this.freeSolo&&!this.loading?h("bal-icon",{class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("loading").class(this.loading)),s.modifier("clickable").class(!this.disabled&&!this.readonly)),name:!this.inverted?"caret-down":"caret-up",color:this.disabled\|\|this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:function(e){return t.handleInputClick(e,true)},size:!this.inverted?"":"x-small"}):""),h("bal-popover-content",{key:"bf3bf117bda916e83f1c0429384ac4c810a7e766",class:Object.assign({},u.class()),scrollable:this.scrollable,spaceless:true,expanded:true},this.optionArray.map((function(e,i){return h("button",{key:e.value,type:"button",role:"option",id:e.id,"data-value":e.value,"data-label":e.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},f.class()),f.modifier("selected").class(r.includes(e.value)&&!(t.typeahead&&!t.multiple))),f.modifier("focused").class(t.focusIndex===i)),f.modifier("checkbox").class(t.multiple)),f.modifier("disabled").class(e.disabled===true)),"data-testid":"bal-select-option",disabled:e.disabled,tabIndex:-1,onMouseEnter:function(){return t.handleOptionMouseEnter(i)},onClick:function(){return t.optionSelected(e)}},h("div",{class:Object.assign({},b.class())},h("span",{class:Object.assign({},p.class()),style:{display:t.multiple?"flex":"none"}},h("bal-checkbox",{checked:r.includes(e.value),tabindex:-1,nonSubmit:true,flat:true,onBalChange:preventDefault})),h("span",{class:Object.assign({},v.class()),innerHTML:e.innerHTML})))})),h("div",{key:"bc03c95d90225dd34a7062113c2b58882f039ca9",class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(this.noDataLabel===undefined\|\|this.hasOptions()\|\|!this.typeahead\|\|this.selectionOptional))},this.noDataLabel))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-select"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Select.prototype,"createLogger",null);var selectIds=0;Select.style=BalSelectStyle0;var SelectOption=function(){function t(t){registerInstance(this,t);this.label=undefined;this.disabled=false;this.value=undefined;this.for="bal-selopt-".concat(selectOptionIds++)}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){return h(Host,{key:"e576fb51e73b23cbfd86911da7b8ddbd337e72a3",style:{display:"none"}},h("slot",{key:"e6ad28fa2cd69ebf97968985267fd363097f88f3"}))};return t}();__decorate([Logger("bal-select-option"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],SelectOption.prototype,"createLogger",null);var selectOptionIds=0;export{Select as bal_select,SelectOption as bal_select_option};
1	+ import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{l as lodash_isnil}from"./index-82aff103.js";import{a as ariaBooleanToString}from"./aria-ea150568.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{d as defaultBalAriaForm}from"./form-841232ff.js";import{s as stopEventBubbling}from"./form-input-263e6f5b.js";import{n as rIC,d as waitAfterIdleCallback,h as deepReady,j as isDescendant,k as debounce}from"./helpers-94c3fbac.js";import{L as Logger}from"./log-dfd1c19f.js";import{r as removeValue,p as preventDefault,l as length,g as getValues,i as includes,s as startsWith,a as addValue,f as findLabelByValue,b as findOptionByLabel,v as validateAfterBlur}from"./utils-9fbab1d3.js";import{d as isSpaceKey,i as isArrowDownKey,a as isArrowUpKey,b as isEnterKey,c as isEscapeKey,k as isBackspaceKey}from"./keyboard.helpers-159e517d.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./browser-a8073d92.js";import"./config.utils-cd529084.js";var watchForOptions=function(t,e,i){if(typeof MutationObserver==="undefined"){return}var r=new MutationObserver((function(t){t=t.filter((function(t){return t.target.nodeName===e.toUpperCase()\|\|t.target.nodeName==="bal-select".toUpperCase()}));if(t.length>0){i(undefined)}}));r.observe(t,{childList:true,subtree:true,attributes:true,characterData:true});return r};var balSelectCss=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-3);--bal-select-control-input-option-background-hover:var(--bal-color-grey-3);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";var BalSelectStyle0=balSelectCss;var isHuman=true;var isNotHuman=false;var Select=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balInputClick=createEvent(this,"balInputClick",7);this.balInput=createEvent(this,"balInput",7);this.balBlur=createEvent(this,"balBlur",7);this.balFocus=createEvent(this,"balFocus",7);this.balCancel=createEvent(this,"balCancel",7);this.balKeyPress=createEvent(this,"balKeyPress",7);this.didInit=false;this.inputId="bal-select-".concat(selectIds++);this.initialValue=[];this.removeValue=function(t){if(!e.disabled){e.updateRawValue(removeValue(e.rawValue,t),isHuman);if(e.multiple&&e.typeahead){e.setFocus()}e.fireBlur()}};this.fireBlur=function(t){if(t===void 0){t=new CustomEvent("blur")}if(!e.isPopoverOpen&&!e.hasFocus){rIC((function(){return e.balBlur.emit(t)}))}};this.handleClick=function(t){if(e.disabled\|\|e.readonly){preventDefault(t)}};this.handlePopoverChange=function(t){t.stopPropagation();if(e.isPopoverOpen!==t.detail){e.isPopoverOpen=t.detail;if(e.isPopoverOpen){e.updateFocus()}else{e.focusIndex=0;if(e.multiple&&e.typeahead){e.updateInputValue("")}e.fireBlur(t)}}};this.handleInputBlur=function(t){preventDefault(t);var i=t.relatedTarget;if(i===null\|\|i&&i.nodeName&&(i.nodeName==="BAL-MODAL"\|\|i.nodeName==="INPUT"\|\|i.nodeName==="BUTTON")){e.validateAfterBlur(isHuman)}e.hasFocus=false;e.fireBlur(t)};this.handleInputFocus=function(t){e.balFocus.emit(t);e.hasFocus=true};this.handleInputClick=function(t){var i=[];for(var r=1;r<arguments.length;r++){i[r-1]=arguments[r]}return __awaiter(e,__spreadArray([t],i,true),void 0,(function(t,e){var i,r,o,n;if(e===void 0){e=false}return __generator(this,(function(a){switch(a.label){case 0:stopEventBubbling(t);if(this.isChipClicked(t)){return[2]}if(!(this.disabled\|\|this.readonly))return[3,1];preventDefault(t);return[3,10];case 1:this.focusIndex=0;this.balInputClick.emit(t);if(!this.typeahead)return[3,6];if(!(this.isPopoverOpen&&e))return[3,3];return[4,(i=this.popoverElement)===null\|\|i===void 0?void 0:i.dismiss()];case 2:a.sent();return[3,5];case 3:return[4,(r=this.popoverElement)===null\|\|r===void 0?void 0:r.present()];case 4:a.sent();a.label=5;case 5:return[3,10];case 6:if(!this.isPopoverOpen)return[3,8];return[4,(o=this.popoverElement)===null\|\|o===void 0?void 0:o.dismiss()];case 7:a.sent();return[3,10];case 8:return[4,(n=this.popoverElement)===null\|\|n===void 0?void 0:n.present()];case 9:a.sent();a.label=10;case 10:return[2]}}))}))};this.handleKeyPress=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(!this.isPopoverOpen&&isSpaceKey(t)))return[3,2];preventDefault(t);return[4,this.open()];case 1:e.sent();e.label=2;case 2:this.balKeyPress.emit(t);return[2]}}))}))};this.handleInputChange=function(t){if(!e.disabled&&!e.readonly){e.inputValue=t.target.value}};this.handleInput=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.disabled&&!this.readonly){this.inputValue=t.target.value;if(!this.isPopoverOpen){this.popoverElement.present()}this.focusIndex=0;this.updateFocus();preventDefault(t);this.balInput.emit(this.inputValue)}return[2]}))}))};this.handleOptionMouseEnter=function(t){e.focusIndex=t};this.hasFocus=false;this.inputValue="";this.focusIndex=-1;this.isPopoverOpen=false;this.options=new Map;this.labelToScrollTo="";this.labelToSelectTo="";this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.filter="includes";this.balTabindex=0;this.freeSolo=false;this.multiple=false;this.maxLength=undefined;this.noDataLabel=undefined;this.autocomplete="off";this.typeahead=false;this.selectionOptional=false;this.disabled=false;this.readonly=false;this.required=false;this.inverted=false;this.placeholder=undefined;this.scrollable=250;this.loading=false;this.remote=false;this.autoInvalidOff=false;this.value=[];this.rawValue=[]}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueWatcher=function(){this.syncRawValue(false)};t.prototype.updateRawValue=function(t,e){if(e===void 0){e=true}if(!areArraysEqual(t,this.rawValue\|\|[])){this.rawValue=__spreadArray([],t,true);this.syncNativeInput(e);if(this.didInit&&e===true){if(this.multiple){if(lodash_isnil(this.rawValue)){this.emitChangeEvent([])}else{this.emitChangeEvent(__spreadArray([],this.rawValue,true))}}else{if(lodash_isnil(this.rawValue)\|\|length(this.rawValue)===0){this.emitChangeEvent(undefined)}else{this.emitChangeEvent(this.rawValue[0])}}}}};t.prototype.emitChangeEvent=function(t){this.balChange.emit(t)};t.prototype.connectedCallback=function(){var t=this;var e=debounce((function(){return t.updateOptions()}),0);this.initialValue=this.value;e();this.mutationO=watchForOptions(this.el,"bal-select-option",(function(){e()}))};t.prototype.componentWillLoad=function(){this.waitForOptionsAndThenUpdateRawValues();this.isInsideOfFooter();if(!lodash_isnil(this.rawValue)&&this.options.size>0&&length(this.rawValue)===1){var t=this.options.get(this.rawValue[0]);if(!lodash_isnil(t)){this.inputValue=t.label}}};t.prototype.componentDidLoad=function(){this.syncRawValue(false);if(!this.multiple){this.inputElement.value=this.inputValue}this.didInit=true};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.listenOnClick=function(t){if(this.disabled&&t.target&&t.target===this.el){preventDefault(t)}};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null\|\|i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){e.value=e.initialValue;e.syncRawValue(false);e.syncNativeInput();if(e.nativeSelectEl){var t=Array.from(e.nativeSelectEl.options);t.forEach((function(t){return t.selected=true}))}}),0)}};t.prototype.handleKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:if(!this.isPopoverOpen)return[3,1];if(isArrowDownKey(t)\|\|isArrowUpKey(t)){preventDefault(t);this.navigateWithArrowKey(t);this.updateFocus()}if(isEnterKey(t)){preventDefault(t);this.selectedFocusedOption()}if(isEscapeKey(t)){this.cancel()}if(isBackspaceKey(t)&&this.typeahead&&this.multiple){if(this.inputElement.value===""&&length(this.rawValue)>0){e=getValues(this.rawValue);this.removeValue(e[length(this.rawValue)-1])}}if(!this.typeahead&&t.key.length===1){this.focusOptionByLabel(t.key)}if(isSpaceKey(t)&&!this.typeahead){preventDefault(t)}return[3,4];case 1:if(!this.hasFocus)return[3,4];if(!(isArrowDownKey(t)\|\|isArrowUpKey(t)))return[3,3];preventDefault(t);return[4,this.open()];case 2:i.sent();i.label=3;case 3:if(!this.typeahead&&t.key.length===1){this.selectOptionByLabel(t.key)}i.label=4;case 4:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.inputElement&&!this.disabled))return[3,2];return[4,waitAfterIdleCallback()];case 1:t.sent();this.inputElement.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.focusIndex=0;if(this.inputElement){this.updateInputValue("");this.updateRawValue([],isHuman);this.value=this.multiple?[]:""}return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.disabled&&!this.readonly&&!lodash_isnil(this.popoverElement)))return[3,2];return[4,this.popoverElement.present()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&!this.readonly&&!lodash_isnil(this.popoverElement)){this.blurSelect()}return[2]}))}))};t.prototype.cancel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.labelToScrollTo="";this.close();this.scrollTo(0);this.balCancel.emit();return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.options.get(t);if(!lodash_isnil(e)){this.optionSelected(e)}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.waitForOptionsAndThenUpdateRawValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){switch(i.label){case 0:clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer);return[4,deepReady(this.el)];case 1:i.sent();t=this.options.size>0;if(t){if(!this.remote){this.syncRawValue(isNotHuman)}}else{this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((function(){return e.waitForOptionsAndThenUpdateRawValues()}),10)}return[2]}}))}))};t.prototype.updateOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,r,i,o,n;return __generator(this,(function(a){switch(a.label){case 0:t=this.getChildOpts();e=new Map;for(i=0;i<t.length;i++){r=t[i];e.set(r.value,{value:r.value,label:r.label,disabled:r.disabled,id:r.for,textContent:r.textContent,innerHTML:r.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue)){for(i=0;i<this.rawValue.length;i++){o=this.rawValue[i];if(!e.has(o)){n=removeValue(this.rawValue,o);this.updateRawValue(n,isNotHuman)}}}this.options=new Map(e);if(!!this.typeahead)return[3,2];return[4,this.syncNativeInput()];case 1:a.sent();a.label=2;case 2:if(this.didInit&&!this.remote){this.validateAfterBlur()}return[2]}}))}))};Object.defineProperty(t.prototype,"optionArray",{get:function(){var t=this;var e=Array.from(this.options,(function(t){var e=t[0],i=t[1];return i}));if(!this.typeahead\|\|this.remote){return e}return e.filter((function(e){return t.filter==="includes"?includes(e.textContent,t.inputValue):startsWith(e.textContent,t.inputValue)}))},enumerable:false,configurable:true});t.prototype.hasOptions=function(){return this.optionArray.length>0};Object.defineProperty(t.prototype,"inputPlaceholder",{get:function(){if(this.multiple){if(length(this.rawValue)<1){return this.placeholder}return undefined}else{if(!lodash_isnil(this.rawValue)&&length(this.rawValue)>0){return undefined}}return this.placeholder},enumerable:false,configurable:true});t.prototype.getChildOpts=function(){return Array.from(this.el.querySelectorAll("bal-select-option"))};t.prototype.getPopoverContent=function(){return this.popoverElement.querySelector(".bal-popover__content__inner")};t.prototype.updateFocus=function(){var t=this;if(this.focusIndex<0){this.focusIndex=0}var e=this.optionArray;if(e.length>0){if(e.length<=this.focusIndex){this.focusIndex=e.length-1}var i=e[this.focusIndex];if(i&&i.id){var r=this.el.querySelector("button#".concat(i.id));if(r){clearTimeout(this.updateFocusTimer);this.updateFocusTimer=setTimeout((function(){t.scrollToFocusedOption(r)}),0)}}}else{this.focusIndex=0}};t.prototype.scrollToFocusedOption=function(t){if(t&&this.popoverElement){var e=this.getPopoverContent();if(e){var i=t.offsetTop;var r=e.scrollTop;if(i<r){e.scrollTop=i}var o=t.offsetTop+t.clientHeight;var n=e.scrollTop+e.clientHeight;if(o>n){e.scrollTop=e.scrollTop+t.clientHeight}}}};t.prototype.scrollTo=function(t){var e=this.getPopoverContent();if(e){e.scrollTop=t}};t.prototype.selectedFocusedOption=function(){var t=this.optionArray;if(t.length>this.focusIndex){var e=t[this.focusIndex];if(e){this.optionSelected(e)}}};t.prototype.navigateWithArrowKey=function(t){if(isArrowDownKey(t)){this.focusIndex=this.focusIndex+1}else{if(isArrowUpKey(t)){this.focusIndex=this.focusIndex-1}}};t.prototype.focusOptionByLabel=function(t){var e=this;this.labelToScrollTo=this.labelToScrollTo+t;clearTimeout(this.clearScrollToValue);this.clearScrollToValue=setTimeout((function(){e.scrollToLabel(e.labelToScrollTo)}),600)};t.prototype.selectOptionByLabel=function(t){var e=this;this.labelToSelectTo=this.labelToSelectTo+t;clearTimeout(this.clearSelectValue);this.clearSelectValue=setTimeout((function(){e.selectLabel(e.labelToSelectTo);e.labelToSelectTo=""}),600)};t.prototype.selectLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(o){if(t!==" "){e=this.optionArray.find((function(e){return startsWith(e.label\|\|"",t)}));if(!lodash_isnil(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!lodash_isnil(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.select(e.value)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.scrollToLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(o){if(t!==" "){e=this.optionArray.find((function(e){return startsWith(e.label\|\|"",t)}));if(!lodash_isnil(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!lodash_isnil(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.scrollTo(i.offsetTop)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.syncRawValue=function(t){if(t===void 0){t=true}var e=[];if(!lodash_isnil(this.value)&&this.value!==""){if(Array.isArray(this.value)){e=__spreadArray([],this.value.filter((function(t){return!lodash_isnil(t)})),true)}else{if(this.value.split("").includes(",")){e=__spreadArray([],this.value.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{e=[this.value]}}}this.updateRawValue(e,t)};t.prototype.blurSelect=function(){this.popoverElement.dismiss()};t.prototype.optionSelected=function(t){var e=getValues(this.rawValue);var i=e.some((function(e){return e===t.value}));this.updateValue(t.value,!i);if(!this.multiple){this.blurSelect()}else{if(this.typeahead){this.setFocus()}}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(this.multiple){if(e){this.updateRawValue(addValue(this.rawValue,t,this.multiple),isHuman)}else{this.updateRawValue(removeValue(this.rawValue,t),isHuman)}}else{this.updateRawValue(addValue(this.rawValue,t,this.multiple),isHuman);if(this.rawValue&&this.rawValue.length>0){this.updateInputValue(findLabelByValue(this.options,this.rawValue[0]))}}};t.prototype.validateAfterBlur=function(t){if(t===void 0){t=isNotHuman}var e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional\|\|this.remote)){var i=findOptionByLabel(this.options,this.inputElement.value);if(i){e=[i.value]}else{e=[this.inputElement.value]}}else{e=validateAfterBlur(this.rawValue,this.options,this.inputElement.value)}this.updateRawValue(e,t)}};t.prototype.syncNativeInput=function(t){if(t===void 0){t=true}if(!this.multiple){if(length(this.rawValue)>0){var e=getValues(this.rawValue);var i=findLabelByValue(this.options,e[0]);if(!this.multiple&&this.typeahead&&this.selectionOptional&&i===""){i=e.join(", ")}return this.updateInputValue(i)}}if(!t&&length(this.rawValue)===0){return this.updateInputValue("")}return Promise.resolve()};t.prototype.updateInputValue=function(t){var e=this;return new Promise((function(i){if(e.updateInputValueTimer){clearTimeout(e.updateInputValueTimer)}e.updateInputValueTimer=setTimeout((function(){if(!lodash_isnil(e.inputElement)){e.inputElement.value=t;e.inputValue=t;i()}}),0)}))};t.prototype.isChipClicked=function(t){var e=false;if(this.multiple){var i=this.selectionEl.querySelectorAll("bal-tag");var r=t.target;i.forEach((function(t){var i=isDescendant(t,r)\|\|t===r;if(i){e=i}}))}return e};t.prototype.isInsideOfFooter=function(){this.inverted=this.el.closest("bal-footer")!==null};t.prototype.render=function(){var t=this;var e;var i=function(e){return h("bal-tag",{key:"5bcf5db754537ec86b2c332f2c63ae1d28f04f98",size:"",closable:!t.disabled,disabled:t.disabled,invalid:t.invalid,tabindex:-1,onBalCloseClick:function(i){return t.removeValue(e.value)},"data-testid":"bal-select-chip"},findLabelByValue(t.options,e.value)\|\|e.value)};var r=getValues(this.rawValue);var o=BEM.block("select");var n=o.element("native");var a=o.element("control");var s=a.element("icon");var l=a.element("selections");var c=a.element("input");var u=o.element("popover");var d=u.element("empty");var f=o.element("option");var b=f.element("content");var p=b.element("checkbox");var v=b.element("label");return h(Host,{key:"8a2ed44d1007220a11cba788bc215e07417797f8",role:"listbox",onClick:this.handleClick,"aria-disabled":ariaBooleanToString(this.disabled),"data-value":(e=this.rawValue)===null\|\|e===void 0?void 0:e.map((function(e){return findLabelByValue(t.options,e)})).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("disabled").class(this.disabled\|\|this.readonly)),o.modifier("inverted").class(this.inverted)),o.modifier("inverted-footer").class(this.inverted))},h("select",{key:"b9605f9d566c9b5637dc4fed4a49370e04ce238b",class:Object.assign({},n.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:function(e){return t.nativeSelectEl=e}},r.map((function(t){return h("option",{key:t,value:t,selected:true},t)}))),h("bal-popover",{key:"2116e76113fb0cd238e6a1b7a551c1e45c8cee47",onBalChange:this.handlePopoverChange,ref:function(e){return t.popoverElement=e}},h("div",{key:"7d77bf05a11bdf40b06732099f21fb4eb151ed52","bal-popover-trigger":true,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("invalid").class(this.invalid)),a.modifier("disabled").class(this.disabled\|\|this.readonly)),a.modifier("focused").class(this.isPopoverOpen)),a.modifier("inverted-footer").class(this.inverted))},h("div",{key:"5a52ce88c32363ea2c69e3b4008568674f9040b2",class:Object.assign(Object.assign({},l.class()),l.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:function(e){return t.selectionEl=e}},r.filter((function(e){return t.multiple})).map((function(t){return h(i,{value:t})})),h("input",{key:"1329705b31e8846d7c8cad7736204575d2bb68a6",type:"text",class:Object.assign(Object.assign({},c.class()),{input:true,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled\|\|this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":true}),id:this.ariaForm.controlId\|\|this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":ariaBooleanToString(this.disabled),"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":this.autocomplete==="off"?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead\|\|this.disabled\|\|this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:function(e){return t.inputElement=e}})),!this.freeSolo&&!this.loading?h("bal-icon",{class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("loading").class(this.loading)),s.modifier("clickable").class(!this.disabled&&!this.readonly)),name:!this.inverted?"caret-down":"caret-up",color:this.disabled\|\|this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:function(e){return t.handleInputClick(e,true)},size:!this.inverted?"":"x-small"}):""),h("bal-popover-content",{key:"ecc1305ae4c29e9fd3d131e69dc781deb4bd4bdc",class:Object.assign({},u.class()),scrollable:this.scrollable,spaceless:true,expanded:true},this.optionArray.map((function(e,i){return h("button",{key:e.value,type:"button",role:"option",id:e.id,"data-value":e.value,"data-label":e.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},f.class()),f.modifier("selected").class(r.includes(e.value)&&!(t.typeahead&&!t.multiple))),f.modifier("focused").class(t.focusIndex===i)),f.modifier("checkbox").class(t.multiple)),f.modifier("disabled").class(e.disabled===true)),"data-testid":"bal-select-option",disabled:e.disabled,tabIndex:-1,onMouseEnter:function(){return t.handleOptionMouseEnter(i)},onClick:function(){return t.optionSelected(e)}},h("div",{class:Object.assign({},b.class())},h("span",{class:Object.assign({},p.class()),style:{display:t.multiple?"flex":"none"}},h("bal-checkbox",{checked:r.includes(e.value),tabindex:-1,nonSubmit:true,flat:true,onBalChange:preventDefault})),h("span",{class:Object.assign({},v.class()),innerHTML:e.innerHTML})))})),h("div",{key:"c24a3bf08a3c8c5c403a8eab86ee2adce14f896f",class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(this.noDataLabel===undefined\|\|this.hasOptions()\|\|!this.typeahead\|\|this.selectionOptional))},this.noDataLabel))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-select"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Select.prototype,"createLogger",null);var selectIds=0;Select.style=BalSelectStyle0;var SelectOption=function(){function t(t){registerInstance(this,t);this.label=undefined;this.disabled=false;this.value=undefined;this.for="bal-selopt-".concat(selectOptionIds++)}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){return h(Host,{key:"e576fb51e73b23cbfd86911da7b8ddbd337e72a3",style:{display:"none"}},h("slot",{key:"e6ad28fa2cd69ebf97968985267fd363097f88f3"}))};return t}();__decorate([Logger("bal-select-option"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],SelectOption.prototype,"createLogger",null);var selectOptionIds=0;export{Select as bal_select,SelectOption as bal_select_option};

package/dist/esm-es5/bal-shape.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{f as balColorGrey4,g as balColorYellow3,h as balColorYellow5,i as balColorPurple3,j as balColorPurple6,k as balColorRed3,l as balColorRed5,m as balColorGreen3,n as balColorGreen6}from"./tokens.esm-~~2a14112a~~.js";var balShapeCss=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var BalShapeStyle0=balShapeCss;var Shape=function(){function e(e){var a=this;registerInstance(this,e);this.getHex=function(){var e;switch(a.color){case"green":e=balColorGreen6;break;case"green-light":e=balColorGreen3;break;case"red":e=balColorRed5;break;case"red-light":e=balColorRed3;break;case"purple":e=balColorPurple6;break;case"purple-light":e=balColorPurple3;break;case"yellow":e=balColorYellow5;break;case"yellow-light":e=balColorYellow3;break;default:e=balColorGrey4}return e};this.variation="1";this.color="green";this.rotation="0"}e.prototype.render=function(){var e=BEM.block("shape");var a=[h("g",{key:"d5eb6f2e514c14102db76e006ac910e10a292a2e",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},h("g",{key:"97523387b4f6285ce5703706cfbdf91758fc2235",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},h("path",{key:"1801ccf2b5a9198f83860a4d5eba5b2a20b75751",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),h("g",{key:"b3b9f265a395632430bead0a05cd93e69007c001",id:"b949d602-8478-437e-a171-ad3f26649cb4"},h("g",{key:"7fc20715e27f56ecf346cdf9b2cb2fbca51643f3",id:"ae3574e0-2065-4681-8937-4318b8656147"},h("path",{key:"982cdba6eae902df4fdbc4799c28f8d8ca670429",class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),h("g",{key:"386c20e69b6d4bb30c6f7b071059c765d337bbcf",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},h("g",{key:"04334c11d48ec0fa51dea5df6b6b42ce8aefcdde",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},h("path",{key:"99db2d7bafde38e77b92919ed447bb3eeb93d938",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return h(Host,{key:"93f3b67cfef8a01eac7ccd0334a4315ee0c67b25",class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},h("svg",{key:"b90bc3346d6000d65aeeb8a7749d8d777886e9cf",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Shape.style=BalShapeStyle0;export{Shape as bal_shape};
1	+ import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{f as balColorGrey4,g as balColorYellow3,h as balColorYellow5,i as balColorPurple3,j as balColorPurple6,k as balColorRed3,l as balColorRed5,m as balColorGreen3,n as balColorGreen6}from"./tokens.esm-9895930d.js";var balShapeCss=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var BalShapeStyle0=balShapeCss;var Shape=function(){function e(e){var a=this;registerInstance(this,e);this.getHex=function(){var e;switch(a.color){case"green":e=balColorGreen6;break;case"green-light":e=balColorGreen3;break;case"red":e=balColorRed5;break;case"red-light":e=balColorRed3;break;case"purple":e=balColorPurple6;break;case"purple-light":e=balColorPurple3;break;case"yellow":e=balColorYellow5;break;case"yellow-light":e=balColorYellow3;break;default:e=balColorGrey4}return e};this.variation="1";this.color="green";this.rotation="0"}e.prototype.render=function(){var e=BEM.block("shape");var a=[h("g",{key:"d5eb6f2e514c14102db76e006ac910e10a292a2e",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},h("g",{key:"97523387b4f6285ce5703706cfbdf91758fc2235",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},h("path",{key:"1801ccf2b5a9198f83860a4d5eba5b2a20b75751",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),h("g",{key:"b3b9f265a395632430bead0a05cd93e69007c001",id:"b949d602-8478-437e-a171-ad3f26649cb4"},h("g",{key:"7fc20715e27f56ecf346cdf9b2cb2fbca51643f3",id:"ae3574e0-2065-4681-8937-4318b8656147"},h("path",{key:"982cdba6eae902df4fdbc4799c28f8d8ca670429",class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),h("g",{key:"386c20e69b6d4bb30c6f7b071059c765d337bbcf",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},h("g",{key:"04334c11d48ec0fa51dea5df6b6b42ce8aefcdde",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},h("path",{key:"99db2d7bafde38e77b92919ed447bb3eeb93d938",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return h(Host,{key:"93f3b67cfef8a01eac7ccd0334a4315ee0c67b25",class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},h("svg",{key:"b90bc3346d6000d65aeeb8a7749d8d777886e9cf",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Shape.style=BalShapeStyle0;export{Shape as bal_shape};

package/dist/esm-es5/bal-stage_6.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{i as inheritAttributes}from"./attributes-a3e70948.js";import{m as rOnLoad}from"./helpers-94c3fbac.js";import"./browser-a8073d92.js";import"./config.utils-cd529084.js";var balStageCss=":root{--bal-stage-background-red:var(--bal-color-red);--bal-stage-background-yellow:var(--bal-color-yellow);--bal-stage-background-green:var(--bal-color-green);--bal-stage-background-purple:var(--bal-color-purple);--bal-stage-back-font-family:var(--bal-font-family-title);--bal-stage-back-font-weight:var(--bal-font-weight-bold)}.bal-stage{display:block;position:relative}.bal-stage--is-purple{background:var(--bal-stage-background-purple)}.bal-stage--is-green{background:var(--bal-stage-background-green)}.bal-stage--is-red{background:var(--bal-stage-background-red)}.bal-stage--is-yellow{background:var(--bal-stage-background-yellow)}.bal-stage .bal-stage-content{display:block;position:static}.bal-stage .bal-stage-content .bal-stage-image{overflow:hidden}.bal-stage .bal-stage-content .bal-stage-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bal-stage .bal-stage-content .bal-stage-body{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-top:calc(var(--bal-space-xxxx-large) + 4rem);padding-bottom:var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-tablet) + 4rem);padding-bottom:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-desktop) + 3rem);padding-bottom:var(--bal-space-xx-large-desktop)}}.bal-stage .bal-stage-content .bal-stage-back-link--shadow{text-shadow:var(--bal-text-shadow-normal)}@media screen and (max-width: 1023px){.bal-stage .bal-stage-content .bal-stage-back-link{display:none}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-back-link a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-family:var(--bal-stage-back-font-family);font-weight:var(--bal-stage-back-font-weight);text-decoration:none}.bal-stage .bal-stage-content .bal-stage-back-link a:hover{text-decoration:underline}.bal-stage .bal-stage-content .bal-stage-back-link a:active{text-decoration:underline}}@media screen and (min-width: 1024px){.bal-stage--is-medium .bal-stage-content .bal-stage-body{min-height:25rem}}.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:23.438rem}@media screen and (min-width: 769px),print{.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:35rem}}@media screen and (min-width: 1024px){.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:52.5rem}}.bal-stage--has-shape .bal-stage-content{margin-bottom:1.375rem}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content{margin-bottom:2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content{margin-bottom:4.125rem}}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-stage-body>{max-width:calc(100% - 7.5rem)}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-stage-body>{max-width:calc(100% - 12.375rem)}}.bal-stage--has-shape .bal-stage-content .bal-shape{position:absolute;bottom:-1.375rem;right:0}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-4.125rem}}";var BalStageStyle0=balStageCss;var Stage=function(){function e(e){var a=this;registerInstance(this,e);this.getContainerWidth=function(){switch(a.containerSize){case"is-detail-page":case"detail-page":return"680px";case"is-compact":case"compact":return"832px";case"is-blog-page":case"blog-page":return"920px";case"is-fluid":case"fluid":return"100vw";case"is-wide":case"wide":default:return"1400px"}};this.containerSize="";this.size="";this.color="purple";this.shape=false;this.shapeVariation=undefined;this.shapeRotation=undefined}Object.defineProperty(e.prototype,"containerClass",{get:function(){if(this.containerSize.includes("wide")){return""}if(this.containerSize.startsWith("is-")){return this.containerSize}return"is-".concat(this.containerSize)},enumerable:false,configurable:true});e.prototype.render=function(){var e,a;var t=BEM.block("stage");var s=BEM.block("stage-content");return h(Host,{key:"26fa68309540d2090168e70d745466c73e2d524e",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("is-".concat(this.size===""?"medium":this.size)).class()),t.modifier("is-".concat(this.color)).class(!!this.color)),t.modifier("has-shape").class(!!this.shape)),style:{"--bal-stage-container-width":this.getContainerWidth()}},h("section",{key:"b3939e386e53ff9479d3ee51d0d5e9fd0662f77d",class:Object.assign(Object.assign({},s.class()),(e={container:true},e["".concat(this.containerClass)]=this.containerSize!=="",e))},h("slot",{key:"80d5fad8974eb06f8fb502d15e5f4915a01b3ee2"}),this.shape&&h("div",{key:"1664151ee5558d9bc2f51621f05b5bfa9f872728",class:(a={container:true},a["".concat(this.containerClass)]=this.containerSize!=="",a)},h("bal-shape",{key:"89ed4edbe57ad2a4c8d3016a8654eb4918124451",color:this.color,variation:this.shapeVariation,rotation:this.shapeRotation}))))};return e}();Stage.style=BalStageStyle0;var StageBackLink=function(){function e(e){registerInstance(this,e);this.href=undefined;this.shadow=false;this.inverted=false}e.prototype.render=function(){var e=BEM.block("stage-back-link");return h(Host,{key:"~~694c383572bafaa4202bba16706281834fb48b2c~~",class:Object.assign(Object.assign({},e.class()),e.modifier("shadow").class(this.shadow))},h("a",{key:"~~a8b7bc405efac0263298ed194ee0a90153b16a32~~",class:{link:true,"is-inverted":this.inverted},href:this.href},h("bal-icon",{key:"~~786b949805a3ae3c99bfc7c713bcd4d8872f94a5~~",class:"mr-x-small",name:"caret-left",size:"x-small",inverted:this.inverted,shadow:this.shadow}),h("slot",{key:"~~e7c639e47c25370416eade21dd2e67f82588fe6b~~"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var StageBody=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e=BEM.block("stage-body");return h(Host,{key:"38056f48220df6df83df04fe150fb9b516592a56",class:Object.assign({},e.class())},h("slot",{key:"ac502dc7e77ceb7ef76873307ed9da59f4c68ed9"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var StageFoot=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"13b87bdc02d0d8aa3c1295422c0f43730258404a",class:"hero-foot"},h("slot",{key:"19edc361f63647081375dad19e4ec33e38623e01"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var StageHead=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"9217b4fe523082782e8c56466811e1ee452b2763",class:"hero-head"},h("slot",{key:"5ad55c58d8d833afee7889a2032891cb58631a1b"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var StageImage=function(){function e(e){registerInstance(this,e);this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.srcSet=undefined;this.fallback=undefined}e.prototype.componentDidLoad=function(){var e=this;rOnLoad((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=inheritAttributes(this.el,["alt"])};e.prototype.render=function(){var e=BEM.block("stage-image");var a=this.fallback?this.fallback:this.srcSet.split(",")[0];return h(Host,{key:"49e208ba82916b7d7952129e94919e8d82496c22",class:Object.assign({},e.class())},this.isOnLoadEventDone?h("img",Object.assign({src:a,srcset:this.srcSet,sizes:"100vw"},this.imageInheritAttributes)):"")};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();export{Stage as bal_stage,StageBackLink as bal_stage_back_link,StageBody as bal_stage_body,StageFoot as bal_stage_foot,StageHead as bal_stage_head,StageImage as bal_stage_image};
1	+ import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{i as inheritAttributes}from"./attributes-a3e70948.js";import{m as rOnLoad}from"./helpers-94c3fbac.js";import"./browser-a8073d92.js";import"./config.utils-cd529084.js";var balStageCss=":root{--bal-stage-background-red:var(--bal-color-red);--bal-stage-background-yellow:var(--bal-color-yellow);--bal-stage-background-green:var(--bal-color-green);--bal-stage-background-purple:var(--bal-color-purple);--bal-stage-back-font-family:var(--bal-font-family-title);--bal-stage-back-font-weight:var(--bal-font-weight-bold)}.bal-stage{display:block;position:relative}.bal-stage--is-purple{background:var(--bal-stage-background-purple)}.bal-stage--is-green{background:var(--bal-stage-background-green)}.bal-stage--is-red{background:var(--bal-stage-background-red)}.bal-stage--is-yellow{background:var(--bal-stage-background-yellow)}.bal-stage .bal-stage-content{display:block;position:static}.bal-stage .bal-stage-content .bal-stage-image{overflow:hidden}.bal-stage .bal-stage-content .bal-stage-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bal-stage .bal-stage-content .bal-stage-body{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-top:calc(var(--bal-space-xxxx-large) + 4rem);padding-bottom:var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-tablet) + 4rem);padding-bottom:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-desktop) + 3rem);padding-bottom:var(--bal-space-xx-large-desktop)}}.bal-stage .bal-stage-content .bal-stage-back-link--shadow{text-shadow:var(--bal-text-shadow-normal)}@media screen and (max-width: 1023px){.bal-stage .bal-stage-content .bal-stage-back-link{display:none}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-back-link a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-family:var(--bal-stage-back-font-family);font-weight:var(--bal-stage-back-font-weight);text-decoration:none}.bal-stage .bal-stage-content .bal-stage-back-link a:hover{text-decoration:underline}.bal-stage .bal-stage-content .bal-stage-back-link a:active{text-decoration:underline}}@media screen and (min-width: 1024px){.bal-stage--is-medium .bal-stage-content .bal-stage-body{min-height:25rem}}.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:23.438rem}@media screen and (min-width: 769px),print{.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:35rem}}@media screen and (min-width: 1024px){.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:52.5rem}}.bal-stage--has-shape .bal-stage-content{margin-bottom:1.375rem}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content{margin-bottom:2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content{margin-bottom:4.125rem}}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-stage-body>{max-width:calc(100% - 7.5rem)}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-stage-body>{max-width:calc(100% - 12.375rem)}}.bal-stage--has-shape .bal-stage-content .bal-shape{position:absolute;bottom:-1.375rem;right:0}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-4.125rem}}";var BalStageStyle0=balStageCss;var Stage=function(){function e(e){var a=this;registerInstance(this,e);this.getContainerWidth=function(){switch(a.containerSize){case"is-detail-page":case"detail-page":return"680px";case"is-compact":case"compact":return"832px";case"is-blog-page":case"blog-page":return"920px";case"is-fluid":case"fluid":return"100vw";case"is-wide":case"wide":default:return"1400px"}};this.containerSize="";this.size="";this.color="purple";this.shape=false;this.shapeVariation=undefined;this.shapeRotation=undefined}Object.defineProperty(e.prototype,"containerClass",{get:function(){if(this.containerSize.includes("wide")){return""}if(this.containerSize.startsWith("is-")){return this.containerSize}return"is-".concat(this.containerSize)},enumerable:false,configurable:true});e.prototype.render=function(){var e,a;var t=BEM.block("stage");var s=BEM.block("stage-content");return h(Host,{key:"26fa68309540d2090168e70d745466c73e2d524e",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("is-".concat(this.size===""?"medium":this.size)).class()),t.modifier("is-".concat(this.color)).class(!!this.color)),t.modifier("has-shape").class(!!this.shape)),style:{"--bal-stage-container-width":this.getContainerWidth()}},h("section",{key:"b3939e386e53ff9479d3ee51d0d5e9fd0662f77d",class:Object.assign(Object.assign({},s.class()),(e={container:true},e["".concat(this.containerClass)]=this.containerSize!=="",e))},h("slot",{key:"80d5fad8974eb06f8fb502d15e5f4915a01b3ee2"}),this.shape&&h("div",{key:"1664151ee5558d9bc2f51621f05b5bfa9f872728",class:(a={container:true},a["".concat(this.containerClass)]=this.containerSize!=="",a)},h("bal-shape",{key:"89ed4edbe57ad2a4c8d3016a8654eb4918124451",color:this.color,variation:this.shapeVariation,rotation:this.shapeRotation}))))};return e}();Stage.style=BalStageStyle0;var StageBackLink=function(){function e(e){registerInstance(this,e);this.href=undefined;this.rel=undefined;this.shadow=false;this.inverted=false}e.prototype.render=function(){var e=BEM.block("stage-back-link");return h(Host,{key:"5158c9c4cff372138c88a8af2997d6f85bd8d885",class:Object.assign(Object.assign({},e.class()),e.modifier("shadow").class(this.shadow))},h("a",{key:"205e1ae01e652fb595e088879287d9b25315b234",class:{link:true,"is-inverted":this.inverted},href:this.href,rel:this.rel},h("bal-icon",{key:"db43094884a07ab6e079b3ac6f89d7c2f927b1b6",class:"mr-x-small",name:"caret-left",size:"x-small",inverted:this.inverted,shadow:this.shadow}),h("slot",{key:"a680c6fac50060190d267890f6c7d7ccbec1f3f4"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var StageBody=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e=BEM.block("stage-body");return h(Host,{key:"38056f48220df6df83df04fe150fb9b516592a56",class:Object.assign({},e.class())},h("slot",{key:"ac502dc7e77ceb7ef76873307ed9da59f4c68ed9"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var StageFoot=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"13b87bdc02d0d8aa3c1295422c0f43730258404a",class:"hero-foot"},h("slot",{key:"19edc361f63647081375dad19e4ec33e38623e01"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var StageHead=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"9217b4fe523082782e8c56466811e1ee452b2763",class:"hero-head"},h("slot",{key:"5ad55c58d8d833afee7889a2032891cb58631a1b"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var StageImage=function(){function e(e){registerInstance(this,e);this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.srcSet=undefined;this.fallback=undefined}e.prototype.componentDidLoad=function(){var e=this;rOnLoad((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=inheritAttributes(this.el,["alt"])};e.prototype.render=function(){var e=BEM.block("stage-image");var a=this.fallback?this.fallback:this.srcSet.split(",")[0];return h(Host,{key:"49e208ba82916b7d7952129e94919e8d82496c22",class:Object.assign({},e.class())},this.isOnLoadEventDone?h("img",Object.assign({src:a,srcset:this.srcSet,sizes:"100vw"},this.imageInheritAttributes)):"")};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();export{Stage as bal_stage,StageBackLink as bal_stage_back_link,StageBody as bal_stage_body,StageFoot as bal_stage_foot,StageHead as bal_stage_head,StageImage as bal_stage_image};

package/dist/esm-es5/bal-step-item.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{a as inheritTrackingAttributes}from"./attributes-a3e70948.js";var StepItem=function(){function t(t){registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.inheritAttributes={};this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.target="_self";this.disabled=false;this.done=false;this.invisible=false;this.failed=false;this.prevent=false}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(e){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{value:this.value,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,done:this.done,invisible:this.invisible,failed:this.failed,passed:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}},enumerable:false,configurable:true});t.prototype.render=function(){return h(Host,{key:"~~84503710841441b7a06efcdddd6c424ce2b59443~~",role:"tabpanel",class:{"bal-step-item":true,"bal-step-item--active":this.isActive}},h("slot",{key:"~~3fa668162fb4bb1a96b1dc08352ade05c301f756~~"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();export{StepItem as bal_step_item};
1	+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{a as inheritTrackingAttributes}from"./attributes-a3e70948.js";var StepItem=function(){function t(t){registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.inheritAttributes={};this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.rel=undefined;this.target="_self";this.disabled=false;this.done=false;this.invisible=false;this.failed=false;this.prevent=false}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(e){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{value:this.value,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,done:this.done,invisible:this.invisible,failed:this.failed,passed:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}},enumerable:false,configurable:true});t.prototype.render=function(){return h(Host,{key:"6d93a7d6ac124b26f15803167945b1316915f303",role:"tabpanel",class:{"bal-step-item":true,"bal-step-item--active":this.isActive}},h("slot",{key:"563c4d2ea864f40885618e92743d44656d469067"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();export{StepItem as bal_step_item};

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

	@@ -1 +1 @@
1	- import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{p as debounceEvent}from"./helpers-94c3fbac.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-263e6f5b.js";import{n as newBalStepOption}from"./bal-step.util-3905ad56.js";import{b as balBreakpoints}from"./breakpoints.subject-2ddcb3fc.js";import{L as ListenToMutation}from"./mutation.decorator-a8bfa55f.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-21aa6099.js";import"./browser-a8073d92.js";import"./config.utils-cd529084.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-2a14112a.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}}: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__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}.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}.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;display:-ms-flexbox;display:flex;overflow-x:auto}.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.store=[];this.isMobile=balBreakpoints.isMobile;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.swiperOnChange=function(e){};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"},o.filter((function(e){return!e.invisible})).map((function(t){return 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};
1	+ import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{p as debounceEvent}from"./helpers-94c3fbac.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-263e6f5b.js";import{n as newBalStepOption}from"./bal-step.util-3905ad56.js";import{b as balBreakpoints}from"./breakpoints.subject-3329beee.js";import{L as ListenToMutation}from"./mutation.decorator-e915d053.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-2074b85a.js";import"./browser-a8073d92.js";import"./config.utils-cd529084.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-9895930d.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,rel:t.rel,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}}: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__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}.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}.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;display:-ms-flexbox;display:flex;overflow-x:auto}.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.store=[];this.isMobile=balBreakpoints.isMobile;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.swiperOnChange=function(e){};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"},o.filter((function(e){return!e.invisible})).map((function(t){return 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 CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{a as inheritTrackingAttributes,i as inheritAttributes}from"./attributes-a3e70948.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{o as raf,h as deepReady,t as transitionEndAsync,k as debounce,p as debounceEvent,u as hasParent,m as rOnLoad,j as isDescendant,b as waitAfterFramePaint}from"./helpers-94c3fbac.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-263e6f5b.js";import{b as balBrowser}from"./browser-a8073d92.js";import{t as toKebabCase,S as SwiperUtil,g as getComputedPadding,a as getWidthOfOverflowingChildren}from"./swiper.util-01fa2dd9.js";import{a as ariaBooleanToString}from"./aria-ea150568.js";import{b as balBreakpoints}from"./breakpoints.subject-2ddcb3fc.js";import{d as defaultConfig}from"./config.default-8e11a860.js";import{L as ListenToMutation}from"./mutation.decorator-a8bfa55f.js";import{L as ListenToVisibility}from"./visibility.decorator-ee4b6682.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-21aa6099.js";import{L as ListenToResize}from"./resize.decorator-08f6286b.js";import{L as ListenToSwipe}from"./swipe.decorator-902c4936.js";import{L as ListenToAnimation}from"./animation.decorator-49923a4a.js";import{L as ListenToConfig}from"./config.decorator-42dba864.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./config.utils-cd529084.js";import"./keyboard.helpers-159e517d.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-2a14112a.js";import"./swipe.subject-fbdb665a.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.tabsId=undefined;this.active=false;this.value="";this.label="";this.href=undefined;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.setTabId=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.tabsId=t;return[2]}))}))};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(e){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 e=!this.isActive\|\|this.noPanel;return h(Host,{key:"7cf7e4e10c64074a43c42579237561e49b2b514c",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-hidden":e?"true":"false","aria-labelledby":this.tabsId?"".concat(this.tabsId,"-button-").concat(this.value):undefined,tabindex:e?"-1":undefined,hidden:e?true:undefined},h("slot",{key:"a4c9a75fb8302b3334da6f3fcfdc42b9a189e3eb"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var panelID=0;var TabSelect=function(t){var e=t.items,a=t.value,i=t.onSelectTab;var n=BEM.block("tabs").element("select");var r=function(t){var a=e.filter((function(e){return e.value===t.detail}));if(a.length>0){var n=a[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:a,onBalChange:function(t){return r(t)}},e.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 e=t.item,a=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 l=e.disabled?"grey":"primary";if(a){l=e.disabled?"primary-light":"white"}return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("display-svg").class(e.svg!==undefined))},e.svg?h("bal-icon",{svg:e.svg,size:"large",color:"auto"}):h("bal-icon",{size:r\|\|i?"small":"",name:i?"nav-go-down":e.icon,color:l,turn:i&&n===true&&e.active}),s?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var TabLabel=function(t){var e=t.item,a=t.inverted,i=t.hasBubble,n=t.isExpanded,r=t.isVertical,s=t.context;var o=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(Object.assign({},o.class()),o.modifier("inverted").class(a)),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("vertical").class(r)),o.modifier("expanded").class(n)),o.modifier("context-".concat(s)).class(s!==undefined)),o.modifier("with-svg").class(e.svg&&e.svg.length>0)),"data-testid":"bal-tabs-item-label"},e.label,e.subLabel&&h("span",{class:o.element("sub-label").class()},e.subLabel),i?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var TabButton=function(t){var e=t.item,a=t.tabsId,i=t.isFirst,n=t.isLast,r=t.isMobile,s=t.isVertical,o=t.accordion,l=t.isAccordionOpen,b=t.isLinkList,_=t.inverted,c=t.isExpanded,d=t.spaceless,u=t.clickable,v=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(e.invisible){return}var y=e.bubble!==false;var j=e.icon!==undefined;var O=j&&y&&v!=="horizontal"&&!o\|\|r&&j&&y&&!s&&!o;var k=o&&y\|\|o&&r&&j&&y&&!s;var T=!j&&y&&!o\|\|y&&!r&&v==="horizontal"&&!o\|\|y&&s&&!o;var L=e.href===undefined\|\|e.href==="";var z=L?"button":"a";var A=L?{type:"button",role:"tab","aria-controls":((w=e.aria)===null\|\|w===void 0?void 0:w.controls)\|\|e.tabPanelID\|\|undefined,"aria-expanded":ariaBooleanToString(e.active),"aria-disabled":ariaBooleanToString(e.disabled),"aria-label":e.label}:{role:"listitem",href:e.href,target:e.target};if(!b){A["tabindex"]=e.active?"0":"-1"}var B=function(){return h(z,Object.assign({id:"".concat(a,"-button-").concat(toKebabCase(e.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(e.active)),x.modifier("disabled").class(e.disabled)),x.modifier("clickable").class(u)),x.modifier("accordion").class(o)),x.modifier("inverted").class(_)),x.modifier("expanded").class(c)),x.modifier("spaceless").class(d)),x.modifier("first").class(i)),x.modifier("last").class(n)),x.modifier("passed").class(e.passed)),x.modifier("vertical").class(s)),x.modifier("context-".concat(f)).class(f!==undefined)),x.modifier("icon-position-".concat(v)).class(v!=="horizontal")),x.modifier("display-svg").class(e.svg&&e.svg.length>0)),x.modifier("group-has-sub-label").class(p)),x.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!e.disabled&&!e.invisible}),draggable:false,"data-tabs":a,"data-label":e.label,"data-value":e.value,"data-index":e.index,"data-testid":"bal-tabs-item","aria-selected":!L?undefined:e.active?"true":"false"},A,{onClick:function(t){return m(t,e)}}),e.icon\|\|e.svg?h(TabIcon,{accordion:false,item:e,isMobile:r,hasBubble:O,inverted:_}):"",h(TabLabel,{item:e,isMobile:r,isVertical:s,isExpanded:c,hasBubble:T,inverted:_,context:f}),o&&!e.href?h(TabIcon,{accordion:o,isAccordionOpen:l,item:e,isMobile:r,hasBubble:k,inverted:_}):"")};if(b){return h("li",null,B())}else{return B()}};var TabNav=function(t){var e=t.swiper,a=t.items,i=t.tabsId,n=t.isVertical,r=t.inNavbar,s=t.isMobile,o=t.isTouch,l=t.ariaLabel,b=t.lineActive,_=t.lineHidden,c=t.isLinkList,d=t.border,u=t.accordion,v=t.isAccordionOpen,f=t.inverted,m=t.clickable,p=t.animated,g=t.spaceless,w=t.expanded,x=t.verticalColSize,y=t.showSwiperControls,j=t.iconPosition,O=t.context,k=t.onSelectTab,T=t.dimInactiveElements;var L=BEM.block("tabs").element("nav");var z=L.element("inner");var A=L.element("container");var B=L.element("line");var E=L.element("border");var C=a.filter((function(t){return!t.invisible}));var S=r&&!o;var I=a.some((function(t){return t.subLabel&&t.subLabel.length>0}));var M=function(t){var e=t.item,a=t.index;return h(TabButton,{item:e,isLinkList:c,tabsId:i,isFirst:a===0,isLast:a===C.length-1,isMobile:s,isVertical:n,iconPosition:j,spaceless:g,inverted:f,accordion:u,isAccordionOpen:v,context:O,isExpanded:w,clickable:m&&!e.disabled,onSelectTab:k,hasSubLabelInGroup:I,dimInactiveElements:T})};var F=c?"nav":"div";var P=c?"ul":"div";return h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},L.class()),L.modifier("vertical").class(n)),L.modifier("full-height").class(S)),L.modifier("vertical-col-".concat(x)).class(n)),e.cssSwiper())},h(F,{id:"".concat(i,"-nav"),class:Object.assign(Object.assign(Object.assign({},e.cssInnerSwiper()),z.class()),z.modifier("full-height").class(S)),ref:function(t){return e.innerEl=t},"aria-label":c?l:undefined},h(P,{id:e.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},e.cssSwiperContainer()),A.class()),A.modifier("vertical").class(n)),A.modifier("expanded").class(w&&!n)),role:c?undefined:"tablist","aria-label":c?undefined:l,ref:function(t){return e.containerEl=t}},C.map((function(t,e){return h(M,{item:t,index:e})})),h("div",{id:"".concat(i,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},B.class()),B.modifier("active").class(b)),B.modifier("inverted").class(f)),B.modifier("animated").class(p)),B.modifier("vertical").class(n)),B.modifier("hidden").class(_))}),d?h("div",{id:"".concat(i,"-border"),class:Object.assign(Object.assign(Object.assign({},E.class()),E.modifier("inverted").class(f)),E.modifier("vertical").class(n))}):"")),y?e.renderControls():"")};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}}.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--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width: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--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 screen and (min-width: 769px),print{.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__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.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-negative:0;flex-shrink:0;-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;width:auto}@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}}.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}}.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;font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-small)}@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--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}.bal-tabs__nav__item__label__sub-label{font-size:var(--bal-text-size-small)}: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-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@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--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.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;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);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)}';var BalTabsStyle0=balTabsCss;var Tabs=function(){function t(t){var e=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.inheritAttributes={};this.swiper=new SwiperUtil;this.mutationObserverActive=true;this.getOptions=function(){if(e.options.length>0){return __spreadArray([],e.options.map(newBalTabOption),true)}else{return Promise.all(e.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!areArraysEqual(e.store,t)){e.store=t}else if(!e.optionalTabSelection&&!e.accordion&&e.value===undefined&&e.store.length>0){var a=e.store[0];e.value=a.value}};this.setActiveItem=function(){var t=e.store.filter((function(t){return t.active}));if(t.length>0){var a=t[0];e.value=a.value}};this.setActiveContent=function(){if(e.options.length===0){e.items.forEach((function(t){return t.setActive(e.isTabActive(t))}))}};this.getLineSize=function(t,a){if(t){var i=e.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(e.expanded){return n}var r=a.left+a.right;return n-r}}return 0};this.getOffset=function(t,a){var i=e.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft!==undefined&&t.offsetLeft!==null){if(e.expanded){return t.offsetLeft}return t.offsetLeft+a.left}var n=t.closest(".bal-tabs__nav__item");if(n){if(e.expanded){return n.offsetLeft}return n.offsetLeft+a.left}}return 0};this.animateLine=function(){var t=[];for(var a=0;a<arguments.length;a++){t[a]=arguments[a]}return __awaiter(e,__spreadArray([],t,true),void 0,(function(t){var e=this;if(t===void 0){t=false}return __generator(this,(function(t){if(!this.enableLineRender){return[2]}if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}raf((function(){return __awaiter(e,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,deepReady(this.el,true)];case 1:e.sent();this.currentRaf=raf((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,a,i,n,r,s,o,l,b;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=getComputedPadding(t);a=this.getLineSize(t,e);i=this.getOffset(t,e);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(a,"px"));n.style.setProperty("height","".concat(a,"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(a,"px"));n.style.setProperty("width","".concat(a,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();l=this.getCarouselElement();if(o&&l){if(this.expanded){o.style.setProperty("width","100%")}else{b=getWidthOfOverflowingChildren(l);o.style.setProperty("width","".concat(b,"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(e.accordion){if(e.isAccordionOpen){e.collapseAccordion(t)}else{e.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}e.isAccordionOpen=true;if(e.accordionState===4){return}e.accordionState=4;e.balWillAnimate.emit(e.value);e.balDidAnimate.emit(e.value)};this.collapseAccordion=function(t){if(t===void 0){t=false}e.isAccordionOpen=false;if(e.accordionState===1){return}e.accordionState=1;e.balWillAnimate.emit(e.value);e.balDidAnimate.emit(e.value)};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return e.animated};this.onOptionChange=debounce((function(){return e.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(e,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=a.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:e=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,a){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(a.prevent\|\|a.disabled\|\|!this.clickable){stopEventBubbling(t)}if(!(!a.disabled&&this.clickable))return[3,3];if(this.accordion){if(a.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(a.navigate){a.navigate.emit(t)}if(!(a.value!==this.value))return[3,3];this.balChange.emit(a.value);return[4,this.select(a)];case 1:e.sent();return[4,this.focus(a)];case 2:e.sent();e.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.enableLineRender=false;this.hasAnimated=false;this.index=0;this.isMobile=balBreakpoints.isMobile;this.isTablet=balBreakpoints.isTablet;this.language=defaultConfig.language;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.expandedChanged=function(){this.updateSwiper()};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.verticalChanged=function(){this.updateSwiper()};t.prototype.valueChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==e){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.swiper.controls="small";this.updateSwiper();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 e=hasParent("bal-nav-menu-bar",this.el);if(e){this.isAccordionOpen=false}else{var a=this.value!==undefined&&this.value.length>0;if(a){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidRender=function(){this.animateLine()};t.prototype.componentWillRender=function(){this.updateSwiper()};t.prototype.componentDidLoad=function(){var t=this;this.onOptionChange();this.items.forEach((function(e){e.setTabId(t.tabsId)}));rOnLoad((function(){t.enableLineRender=true;t.animateLine(true)}))};t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritAttributes(this.el,["aria-label"])};t.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};t.prototype.mutationListener=function(){this.onOptionChange();this.swiper.notifyChange()};t.prototype.visibilityListener=function(){this.swiper.notifyChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.swiper.notifyChange()};t.prototype.resizeListener=function(t){this.swiper.notifyChange();if(!this.isVertical()&&t.width\|\|this.isVertical()&&t.height){this.animateLine()}};t.prototype.swipeListener=function(t){var e=t.left,a=t.right;if(e){this.swiper.next()}else if(a){this.swiper.previous()}};t.prototype.animationListener=function(t){this.isUsedInNavbar(t.target);this.animateLine()};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.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){e=this.store;return[2,e.find((function(e){return e.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]}))}))};t.prototype.swiperOnChange=function(t){this.index=t};t.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))};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.getTargetElement=function(t){var e='[data-tabs="'.concat(this.tabsId,'"]');var a=Array.from(this.el.querySelectorAll(e));return a.filter((function(e){return e.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.swiper.containerId))};t.prototype.updateSwiper=function(){if(this.overflow){if(this.expanded\|\|this.isVertical()){this.swiper.disable()}else{this.swiper.activate()}}else{this.swiper.disable()}};t.prototype.isUsedInNavbar=function(t){var e=t.closest("bal-navbar");var a=t;if(e&&isDescendant(e,this.el)){this.isNavbarOpen=a}};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 e=this.isMobile;var a=this.isTablet;var i=e\|\|a;return t\|\|i&&this.inNavbar};t.prototype.findNextTab=function(t){var e=this;if(t===void 0){t=false}var a=this.store.findIndex((function(t){return e.isTabActive(t)}));var i=this.store.map((function(t,e){return{index:e,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,e){if(t>a){return t}if(e<=t){return t}else{return e}};var s=function(t,e){if(t<a){return t}if(e>=t){return t}else{return e}};var o=t?s:r;var l=n.reduce((function(t,e){return o(t,e)}),a);return this.store[l]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var e=this.findNextTab();if(e){this.onSelectTab(t,e)}};t.prototype.tabListSelectPrevious=function(t){var e=this.findPreviousTab();if(e){this.onSelectTab(t,e)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.querySelector("button.bal-focused")!==null;if(!this.swiper.isActive())return[3,2];return[4,this.getOptions()];case 1:a=r.sent();i=a.findIndex((function(e){return e.value===t.value}));this.swiper.updateIndex(i);r.label=2;case 2:return[4,waitAfterFramePaint()];case 3:r.sent();if(e){n=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(toKebabCase(t.value)));if(n){n.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=BEM.block("tabs");var a=e.element("content");var i=this.isMobile;var n=this.isTablet;var r=i\|\|n;var s=this.inNavbar&&!r&&!this.inNavbarLight\|\|!this.inNavbar&&this.inverted;var o=this.isVertical();var l=this.border\|\|this.inNavbar&&r;var b=i&&this.selectOnMobile;var _=this.store.map((function(e){return Object.assign(Object.assign({},e),{active:e.value===t.value})}));var c=this.accordionState===4\|\|this.accordionState===8;var d=c?"content expanded":"content";var u=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var v=!this.isTabList;var f=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(",");var m=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",");return h(Host,{key:"4228280b7f568e2e279a319d4c3c3a0ba04534dc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("navbar").class(this.inNavbar)),e.modifier("vertical").class(o)),e.modifier("fullwidth").class(this.expanded\|\|this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated&&this.isTabList)),e.modifier("expanding").class(this.accordionState===8)),e.modifier("expanded").class(this.accordionState===4)),e.modifier("collapsing").class(this.accordionState===2)),e.modifier("collapsed").class(this.accordionState===1)),"data-value":f,"data-label":m},b?h(TabSelect,{value:this.value,items:_,onSelectTab:this.onSelectTab}):h(TabNav,{swiper:this.swiper,items:_,isLinkList:v,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:u,lineHidden:!this.enableLineRender,inverted:s,animated:this.animated&&this.isTabList,context:this.context,border:l,spaceless:this.spaceless,expanded:this.expanded,isMobile:i,isTouch:r,isVertical:o,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),h("div",{key:"bf0e500ff4a3d21423947de271ea22ecac34d212",part:d,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class(this.context==="meta"\|\|this.context==="navbar"\|\|this.context==="navigation"))},h("div",{key:"be47c3b77d1f7ba0aca1eeb0bc83ccab41497477",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},h("slot",{key:"e5923926412e72e55f30b0e819f2a437055a9914"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],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([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"visibilityListener",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",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"resizeListener",null);__decorate([ListenToSwipe(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"swipeListener",null);__decorate([ListenToAnimation(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"animationListener",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};
1	+ import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{a as inheritTrackingAttributes,i as inheritAttributes}from"./attributes-a3e70948.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{o as raf,h as deepReady,t as transitionEndAsync,k as debounce,p as debounceEvent,u as hasParent,m as rOnLoad,j as isDescendant,b as waitAfterFramePaint}from"./helpers-94c3fbac.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-263e6f5b.js";import{b as balBrowser}from"./browser-a8073d92.js";import{t as toKebabCase,S as SwiperUtil,g as getComputedPadding,a as getWidthOfOverflowingChildren}from"./swiper.util-01fa2dd9.js";import{a as ariaBooleanToString}from"./aria-ea150568.js";import{b as balBreakpoints}from"./breakpoints.subject-3329beee.js";import{d as defaultConfig}from"./config.default-8e11a860.js";import{L as ListenToMutation}from"./mutation.decorator-e915d053.js";import{L as ListenToVisibility}from"./visibility.decorator-ee4b6682.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-2074b85a.js";import{L as ListenToResize}from"./resize.decorator-08f6286b.js";import{L as ListenToSwipe}from"./swipe.decorator-902c4936.js";import{L as ListenToAnimation}from"./animation.decorator-49923a4a.js";import{L as ListenToConfig}from"./config.decorator-42dba864.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./config.utils-cd529084.js";import"./keyboard.helpers-159e517d.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-9895930d.js";import"./swipe.subject-fbdb665a.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.tabsId=undefined;this.active=false;this.value="";this.label="";this.href=undefined;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.setTabId=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.tabsId=t;return[2]}))}))};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(e){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 e=!this.isActive\|\|this.noPanel;return h(Host,{key:"7cf7e4e10c64074a43c42579237561e49b2b514c",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-hidden":e?"true":"false","aria-labelledby":this.tabsId?"".concat(this.tabsId,"-button-").concat(this.value):undefined,tabindex:e?"-1":undefined,hidden:e?true:undefined},h("slot",{key:"a4c9a75fb8302b3334da6f3fcfdc42b9a189e3eb"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var panelID=0;var TabSelect=function(t){var e=t.items,a=t.value,i=t.onSelectTab;var n=BEM.block("tabs").element("select");var r=function(t){var a=e.filter((function(e){return e.value===t.detail}));if(a.length>0){var n=a[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:a,onBalChange:function(t){return r(t)}},e.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 e=t.item,a=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 l=e.disabled?"grey":"primary";if(a){l=e.disabled?"primary-light":"white"}return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("display-svg").class(e.svg!==undefined))},e.svg?h("bal-icon",{svg:e.svg,size:"large",color:"auto"}):h("bal-icon",{size:r\|\|i?"small":"",name:i?"nav-go-down":e.icon,color:l,turn:i&&n===true&&e.active}),s?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var TabLabel=function(t){var e=t.item,a=t.inverted,i=t.hasBubble,n=t.isExpanded,r=t.isVertical,s=t.context;var o=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(Object.assign({},o.class()),o.modifier("inverted").class(a)),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("vertical").class(r)),o.modifier("expanded").class(n)),o.modifier("context-".concat(s)).class(s!==undefined)),o.modifier("with-svg").class(e.svg&&e.svg.length>0)),"data-testid":"bal-tabs-item-label"},e.label,e.subLabel&&h("span",{class:o.element("sub-label").class()},e.subLabel),i?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var TabButton=function(t){var e=t.item,a=t.tabsId,i=t.isFirst,n=t.isLast,r=t.isMobile,s=t.isVertical,o=t.accordion,l=t.isAccordionOpen,b=t.isLinkList,_=t.inverted,d=t.isExpanded,c=t.spaceless,u=t.clickable,v=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(e.invisible){return}var y=e.bubble!==false;var j=e.icon!==undefined;var O=j&&y&&v!=="horizontal"&&!o\|\|r&&j&&y&&!s&&!o;var k=o&&y\|\|o&&r&&j&&y&&!s;var T=!j&&y&&!o\|\|y&&!r&&v==="horizontal"&&!o\|\|y&&s&&!o;var L=e.href===undefined\|\|e.href==="";var z=L?"button":"a";var A=L?{type:"button",role:"tab","aria-controls":((w=e.aria)===null\|\|w===void 0?void 0:w.controls)\|\|e.tabPanelID\|\|undefined,"aria-expanded":ariaBooleanToString(e.active),"aria-disabled":ariaBooleanToString(e.disabled),"aria-label":e.label}:{role:"listitem",href:e.href,target:e.target};if(!b){A["tabindex"]=e.active?"0":"-1"}var B=function(){return h(z,Object.assign({id:"".concat(a,"-button-").concat(toKebabCase(e.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(e.active)),x.modifier("disabled").class(e.disabled)),x.modifier("clickable").class(u)),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(e.passed)),x.modifier("vertical").class(s)),x.modifier("context-".concat(f)).class(f!==undefined)),x.modifier("icon-position-".concat(v)).class(v!=="horizontal")),x.modifier("display-svg").class(e.svg&&e.svg.length>0)),x.modifier("group-has-sub-label").class(p)),x.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!e.disabled&&!e.invisible}),draggable:false,"data-tabs":a,"data-label":e.label,"data-value":e.value,"data-index":e.index,"data-testid":"bal-tabs-item","aria-selected":!L?undefined:e.active?"true":"false"},A,{onClick:function(t){return m(t,e)}}),e.icon\|\|e.svg?h(TabIcon,{accordion:false,item:e,isMobile:r,hasBubble:O,inverted:_}):"",h(TabLabel,{item:e,isMobile:r,isVertical:s,isExpanded:d,hasBubble:T,inverted:_,context:f}),o&&!e.href?h(TabIcon,{accordion:o,isAccordionOpen:l,item:e,isMobile:r,hasBubble:k,inverted:_}):"")};if(b){return h("li",null,B())}else{return B()}};var TabNav=function(t){var e=t.swiper,a=t.items,i=t.tabsId,n=t.isVertical,r=t.inNavbar,s=t.isMobile,o=t.isTouch,l=t.ariaLabel,b=t.lineActive,_=t.lineHidden,d=t.isLinkList,c=t.border,u=t.accordion,v=t.isAccordionOpen,f=t.inverted,m=t.clickable,p=t.animated,g=t.spaceless,w=t.expanded,x=t.verticalColSize,y=t.showSwiperControls,j=t.iconPosition,O=t.context,k=t.onSelectTab,T=t.dimInactiveElements;var L=BEM.block("tabs").element("nav");var z=L.element("inner");var A=L.element("container");var B=L.element("line");var E=L.element("border");var C=a.filter((function(t){return!t.invisible}));var S=r&&!o;var I=a.some((function(t){return t.subLabel&&t.subLabel.length>0}));var M=function(t){var e=t.item,a=t.index;return h(TabButton,{item:e,isLinkList:d,tabsId:i,isFirst:a===0,isLast:a===C.length-1,isMobile:s,isVertical:n,iconPosition:j,spaceless:g,inverted:f,accordion:u,isAccordionOpen:v,context:O,isExpanded:w,clickable:m&&!e.disabled,onSelectTab:k,hasSubLabelInGroup:I,dimInactiveElements:T})};var F=d?"nav":"div";var P=d?"ul":"div";return h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},L.class()),L.modifier("vertical").class(n)),L.modifier("full-height").class(S)),L.modifier("vertical-col-".concat(x)).class(n)),e.cssSwiper())},h(F,{id:"".concat(i,"-nav"),class:Object.assign(Object.assign(Object.assign({},e.cssInnerSwiper()),z.class()),z.modifier("full-height").class(S)),ref:function(t){return e.innerEl=t},"aria-label":d?l:undefined},h(P,{id:e.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},e.cssSwiperContainer()),A.class()),A.modifier("vertical").class(n)),A.modifier("expanded").class(w&&!n)),role:d?undefined:"tablist","aria-label":d?undefined:l,ref:function(t){return e.containerEl=t}},C.map((function(t,e){return h(M,{item:t,index:e})})),h("div",{id:"".concat(i,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},B.class()),B.modifier("active").class(b)),B.modifier("inverted").class(f)),B.modifier("animated").class(p)),B.modifier("vertical").class(n)),B.modifier("hidden").class(_))}),c?h("div",{id:"".concat(i,"-border"),class:Object.assign(Object.assign(Object.assign({},E.class()),E.modifier("inverted").class(f)),E.modifier("vertical").class(n))}):"")),y?e.renderControls():"")};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}}.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--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width: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--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 screen and (min-width: 769px),print{.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__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.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-negative:0;flex-shrink:0;-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;width:auto}@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}}.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}}.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;font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-small)}@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--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}.bal-tabs__nav__item__label__sub-label{font-size:var(--bal-text-size-small)}: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-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@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--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.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;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);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)}';var BalTabsStyle0=balTabsCss;var Tabs=function(){function t(t){var e=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.inheritAttributes={};this.swiper=new SwiperUtil;this.mutationObserverActive=true;this.getOptions=function(){if(e.options.length>0){return __spreadArray([],e.options.map(newBalTabOption),true)}else{return Promise.all(e.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!areArraysEqual(e.store,t)){e.store=t}else if(!e.optionalTabSelection&&!e.accordion&&e.value===undefined&&e.store.length>0){var a=e.store[0];e.value=a.value}};this.setActiveItem=function(){var t=e.store.filter((function(t){return t.active}));if(t.length>0){var a=t[0];e.value=a.value}};this.setActiveContent=function(){if(e.options.length===0){e.items.forEach((function(t){return t.setActive(e.isTabActive(t))}))}};this.getLineSize=function(t,a){if(t){var i=e.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(e.expanded){return n}var r=a.left+a.right;return n-r}}return 0};this.getOffset=function(t,a){var i=e.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft!==undefined&&t.offsetLeft!==null){if(e.expanded){return t.offsetLeft}return t.offsetLeft+a.left}var n=t.closest(".bal-tabs__nav__item");if(n){if(e.expanded){return n.offsetLeft}return n.offsetLeft+a.left}}return 0};this.animateLine=function(){var t=[];for(var a=0;a<arguments.length;a++){t[a]=arguments[a]}return __awaiter(e,__spreadArray([],t,true),void 0,(function(t){var e=this;if(t===void 0){t=false}return __generator(this,(function(t){if(!this.enableLineRender){return[2]}if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}raf((function(){return __awaiter(e,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,deepReady(this.el,true)];case 1:e.sent();this.currentRaf=raf((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,a,i,n,r,s,o,l,b;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=getComputedPadding(t);a=this.getLineSize(t,e);i=this.getOffset(t,e);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(a,"px"));n.style.setProperty("height","".concat(a,"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(a,"px"));n.style.setProperty("width","".concat(a,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();l=this.getCarouselElement();if(o&&l){if(this.expanded){o.style.setProperty("width","100%")}else{b=getWidthOfOverflowingChildren(l);o.style.setProperty("width","".concat(b,"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(e.accordion){if(e.isAccordionOpen){e.collapseAccordion(t)}else{e.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}e.isAccordionOpen=true;if(e.accordionState===4){return}e.accordionState=4;e.balWillAnimate.emit(e.value);e.balDidAnimate.emit(e.value)};this.collapseAccordion=function(t){if(t===void 0){t=false}e.isAccordionOpen=false;if(e.accordionState===1){return}e.accordionState=1;e.balWillAnimate.emit(e.value);e.balDidAnimate.emit(e.value)};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return e.animated};this.onOptionChange=debounce((function(){return e.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(e,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=a.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:e=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,a){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(a.prevent\|\|a.disabled\|\|!this.clickable){stopEventBubbling(t)}if(!(!a.disabled&&this.clickable))return[3,3];if(this.accordion){if(a.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(a.navigate){a.navigate.emit(t)}if(!(a.value!==this.value))return[3,3];this.balChange.emit(a.value);return[4,this.select(a)];case 1:e.sent();return[4,this.focus(a)];case 2:e.sent();e.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.enableLineRender=false;this.hasAnimated=false;this.index=0;this.isMobile=balBreakpoints.isMobile;this.isTablet=balBreakpoints.isTablet;this.language=defaultConfig.language;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.expandedChanged=function(){this.updateSwiper()};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.verticalChanged=function(){this.updateSwiper()};t.prototype.valueChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==e){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.swiper.controls="small";this.updateSwiper();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 e=hasParent("bal-nav-menu-bar",this.el);if(e){this.isAccordionOpen=false}else{var a=this.value!==undefined&&this.value.length>0;if(a){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidRender=function(){this.animateLine()};t.prototype.componentWillRender=function(){this.updateSwiper()};t.prototype.componentDidLoad=function(){var t=this;this.onOptionChange();this.items.forEach((function(e){e.setTabId(t.tabsId)}));rOnLoad((function(){t.enableLineRender=true;t.animateLine(true)}))};t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritAttributes(this.el,["aria-label"])};t.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};t.prototype.mutationListener=function(){this.onOptionChange();this.swiper.notifyChange()};t.prototype.visibilityListener=function(){this.swiper.notifyChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.swiper.notifyChange()};t.prototype.resizeListener=function(t){this.swiper.notifyChange();if(!this.isVertical()&&t.width\|\|this.isVertical()&&t.height){this.animateLine()}};t.prototype.swipeListener=function(t){var e=t.left,a=t.right;if(e){this.swiper.next()}else if(a){this.swiper.previous()}};t.prototype.animationListener=function(t){this.isUsedInNavbar(t.target);this.animateLine()};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.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){e=this.store;return[2,e.find((function(e){return e.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]}))}))};t.prototype.swiperOnChange=function(t){this.index=t};t.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))};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.getTargetElement=function(t){var e='[data-tabs="'.concat(this.tabsId,'"]');var a=Array.from(this.el.querySelectorAll(e));return a.filter((function(e){return e.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.swiper.containerId))};t.prototype.updateSwiper=function(){if(this.overflow){if(this.expanded\|\|this.isVertical()){this.swiper.disable()}else{this.swiper.activate()}}else{this.swiper.disable()}};t.prototype.isUsedInNavbar=function(t){var e=t.closest("bal-navbar");var a=t;if(e&&isDescendant(e,this.el)){this.isNavbarOpen=a}};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 e=this.isMobile;var a=this.isTablet;var i=e\|\|a;return t\|\|i&&this.inNavbar};t.prototype.findNextTab=function(t){var e=this;if(t===void 0){t=false}var a=this.store.findIndex((function(t){return e.isTabActive(t)}));var i=this.store.map((function(t,e){return{index:e,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,e){if(t>a){return t}if(e<=t){return t}else{return e}};var s=function(t,e){if(t<a){return t}if(e>=t){return t}else{return e}};var o=t?s:r;var l=n.reduce((function(t,e){return o(t,e)}),a);return this.store[l]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var e=this.findNextTab();if(e){this.onSelectTab(t,e)}};t.prototype.tabListSelectPrevious=function(t){var e=this.findPreviousTab();if(e){this.onSelectTab(t,e)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.querySelector("button.bal-focused")!==null;if(!this.swiper.isActive())return[3,2];return[4,this.getOptions()];case 1:a=r.sent();i=a.findIndex((function(e){return e.value===t.value}));this.swiper.updateIndex(i);r.label=2;case 2:return[4,waitAfterFramePaint()];case 3:r.sent();if(e){n=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(toKebabCase(t.value)));if(n){n.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=BEM.block("tabs");var a=e.element("content");var i=this.isMobile;var n=this.isTablet;var r=i\|\|n;var s=this.inNavbar&&!r&&!this.inNavbarLight\|\|!this.inNavbar&&this.inverted;var o=this.isVertical();var l=this.border\|\|this.inNavbar&&r;var b=i&&this.selectOnMobile;var _=this.store.map((function(e){return Object.assign(Object.assign({},e),{active:e.value===t.value})}));var d=this.accordionState===4\|\|this.accordionState===8;var c=d?"content expanded":"content";var u=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var v=!this.isTabList;var f=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(",");var m=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",");return h(Host,{key:"4228280b7f568e2e279a319d4c3c3a0ba04534dc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("navbar").class(this.inNavbar)),e.modifier("vertical").class(o)),e.modifier("fullwidth").class(this.expanded\|\|this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated&&this.isTabList)),e.modifier("expanding").class(this.accordionState===8)),e.modifier("expanded").class(this.accordionState===4)),e.modifier("collapsing").class(this.accordionState===2)),e.modifier("collapsed").class(this.accordionState===1)),"data-value":f,"data-label":m},b?h(TabSelect,{value:this.value,items:_,onSelectTab:this.onSelectTab}):h(TabNav,{swiper:this.swiper,items:_,isLinkList:v,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:u,lineHidden:!this.enableLineRender,inverted:s,animated:this.animated&&this.isTabList,context:this.context,border:l,spaceless:this.spaceless,expanded:this.expanded,isMobile:i,isTouch:r,isVertical:o,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),h("div",{key:"bf0e500ff4a3d21423947de271ea22ecac34d212",part:c,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class(this.context==="meta"\|\|this.context==="navbar"\|\|this.context==="navigation"))},h("div",{key:"be47c3b77d1f7ba0aca1eeb0bc83ccab41497477",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},h("slot",{key:"e5923926412e72e55f30b0e819f2a437055a9914"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],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([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"visibilityListener",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",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"resizeListener",null);__decorate([ListenToSwipe(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"swipeListener",null);__decorate([ListenToAnimation(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"animationListener",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};