@baloise/ds-core 19.8.4 → 19.9.0

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,w as writeTask,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{F as FOCUS_KEYS}from"./focus-visible-DqCbGYzv.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{m as raf,o as addEventListener,p as removeEventListener}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{i as isSpaceKey,a as isEnterKey,b as isArrowUpKey,c as isArrowLeftKey,d as isArrowDownKey,e as isArrowRightKey,f as isHomeKey,g as isEndKey}from"./keyboard.helpers-BERg8BNc.js";import{L as ListenToFocus}from"./focus.decorator-C1s3OoqI.js";import{L as ListenToAnimation}from"./animation.decorator-zbSqKhw6.js";import{L as ListenToVisibility}from"./visibility.decorator-zTjPC2du.js";import{L as ListenToWindowResize}from"./window-resize.decorator-DBJlK-45.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-t_yXJIZL.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";import"./listener-CClDIhvK.js";import"./breakpoints.subject-BnQp404Z.js";import"./device-TtMibDFL.js";import"./tokens.esm-Cf90NR4z.js";var balSegmentCss=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var Segment=function(){function e(e){var t=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balChange=createEvent(this,"balChange");this.balSelect=createEvent(this,"balSelect");this.balVertical=createEvent(this,"balVertical");this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=defaultBalAriaForm;this.invalid=false;this.autoInvalidOff=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.hasFocus=false;this.getSegmentItem=function(e){var i,a;var n=t.allItems.filter((function(e){return!e.disabled}));var r=n.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return n[r];case"first":return n[0];case"last":return n[n.length-1];case"next":return(i=n[r+1])!==null&&i!==void 0?i:n[0];case"previous":return(a=n[r-1])!==null&&a!==void 0?a:n[n.length-1];default:return null}};this.onPointerDown=function(){t.keyboardMode=false};this.onSlottedItemsChange=function(){t.valueChanged(t.value);t.defineWidth()};this.onClick=function(e){if(t.disabled){return}var i=e.target;var a=t.checked;if(i.tagName==="BAL-SEGMENT"){return}if(i&&i.setFocus){i.setFocus()}if(a){t.checkButton(a,i)}else{t.setCheckedClasses();t.checkButton(i,i)}if(i!==a){t.emitValueChange()}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidChanged=function(){var e=this;this.allItems.map((function(t){return t.invalid=e.invalid}))};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e);this.setCheckedClasses()};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.animationListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.visibilityListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=FOCUS_KEYS.includes(e.key);var t=false;var i;if(isSpaceKey(e)||isEnterKey(e)){stopEventBubbling(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(isArrowUpKey(e)||isArrowLeftKey(e)){stopEventBubbling(e);i=this.getSegmentItem("previous")}else if(isArrowDownKey(e)||isArrowRightKey(e)){stopEventBubbling(e);i=this.getSegmentItem("next")}else if(isHomeKey(e)){stopEventBubbling(e);i=this.getSegmentItem("first")}else if(isEndKey(e)){stopEventBubbling(e);i=this.getSegmentItem("last")}if(!i){return}var a=this.checked;if(i!==a||t){this.checkButton(a,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;raf((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var n=i.getBoundingClientRect();var r=a.getBoundingClientRect();var s=n.width/r.width;var o=n.left-r.left;var l="translate3d(".concat(o,"px, 0, 0) scaleX(").concat(s,")");if(this.isVertical){var m=n.height/r.height;var b=n.top-r.top;l="translate3d(0, ".concat(b,"px, 0) scaleY(").concat(m,")")}writeTask((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",l);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var a=i+1;var n=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(a<t.length){t[a].classList.add("bal-segment-item--after-checked")}if(n<t.length&&n>=0){t[n].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,a=e.scrollable,n=e.keyboardMode,r=e.expanded,s=e.isMobile,o=e.disabled;var l=BEM.block("segment");return h(Host,{key:"08fb99b658d704d85ab181d55d7bdbce7ee40fd8",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("invalid").class(t)),l.modifier("vertical").class(i)),l.modifier("scrollable").class(a)),l.modifier("keyboard").class(n)),l.modifier("disabled").class(o)),l.modifier("expanded").class((r||s)&&!i)),onClick:this.onClick},h("slot",{key:"432741fe51dc5c83ea241506687de13469afc149",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-segment"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Segment.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"focusOutListener",null);__decorate([ListenToAnimation(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"animationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"visibilityListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"windowResizeListener",null);Segment.style=balSegmentCss;var balSegmentItemCss=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var SegmentItemIds=0;var SegmentItem=function(){function e(e){var t=this;registerInstance(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=SegmentItemIds++;this.inputId="bal-si-".concat(this.internalId);this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=defaultBalAriaForm;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId;this.updateVertical=function(e){t.isVertical=e.detail};this.updateState=function(){var e=t.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var i=t.allAvailableOptions;if(i.length>0){var a=i[0];t.checked=false;t.isFocusable=a===t.el}}else{t.checked=e.value===t.value;t.isFocusable=e.value===t.value}if(e.disabled){t.disabled=true}if(e.invalid){t.invalid=true}t.isLast=e.lastElementChild===t.el;t.isFirst=e.firstElementChild===t.el;t.calculateEmptyValue()}};this.onSlottedItemsChange=function(){t.checkSlotContent()}}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAttributes(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){addEventListener(t,"balSelect",this.updateState);addEventListener(t,"balVertical",this.updateVertical)}raf((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){removeEventListener(e,"balSelect",this.updateState);removeEventListener(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,a=t.focused,n=t.segmentEl,r=t.label,s=t.isFocusable,o=t.isFirst,l=t.hasEmptyValue;var m=BEM.block("segment-item");var b=m.element("button");var c=m.element("indicator");var d=this.invalid||n&&n.invalid;var g=this.disabled||n&&n.disabled;var u=this.isVertical;var f=l&&o||s&&!g;var v=f&&this.ariaForm.controlId||this.inputId;var p={};if(f){p={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return h(Host,{key:"54ab8ce0ab290fcbc238087789ce0bca3caedddc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(u)),m.modifier("disabled").class(g)),m.modifier("checked").class(i)),m.modifier("invalid").class(d)),m.modifier("last").class(this.isLast&&!i))},h("button",Object.assign({key:"be4e31f8a5b0da8cc9f70a867e546920127ba4b2",id:v,role:"radio","aria-checked":i?"true":"false"},p,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(i)),b.modifier("invalid").class(d)),b.modifier("disabled").class(g)),b.modifier("focused").class(a)),b.modifier("vertical").class(u)),type:"button",tabIndex:f?0:-1,part:"native",disabled:g,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),h("bal-icon",{key:"f6d56f256041be2a97822dcc424d887844bacc0e",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(i)),b.element("icon").modifier("vertical").class(u)),color:g?"grey-dark":d?"white":"primary"}),h("bal-stack",{key:"15df166b0d0d2b6a6b9447506755b9de3581c77d",space:"x-small",layout:"horizontal"},h("bal-content",{key:"056ba7bfb5d4f456f03f70e9f86e0269bd44a78b",space:"none"},h("bal-label",{key:"055ca1dd2f698e5b3758fbc5535a221801d90642",htmlId:"bal-si-".concat(this.internalId,"-label")},r),h("span",{key:"5a4ea620046a856959a811110f9c8ec5dfefa156",part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",h("slot",{key:"ceeb6506e86bde765a45497987759479b450c16f",onSlotchange:this.onSlottedItemsChange}))))),h("div",{key:"7384e9bec0b8c8337191b79a54a18cf5cc89a55b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("animated").class()),c.modifier("background").class()),c.modifier("disabled").class(g)),c.modifier("invalid").class(d)),c.modifier("checked").class(i)),c.modifier("vertical").class(u))}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}();SegmentItem.style=balSegmentItemCss;export{Segment as bal_segment,SegmentItem as bal_segment_item};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,w as writeTask,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{F as FOCUS_KEYS}from"./focus-visible-DqCbGYzv.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{m as raf,o as addEventListener,p as removeEventListener}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{i as isSpaceKey,a as isEnterKey,b as isArrowUpKey,c as isArrowLeftKey,d as isArrowDownKey,e as isArrowRightKey,f as isHomeKey,g as isEndKey}from"./keyboard.helpers-BERg8BNc.js";import{L as ListenToFocus}from"./focus.decorator-C1s3OoqI.js";import{L as ListenToAnimation}from"./animation.decorator-zbSqKhw6.js";import{L as ListenToVisibility}from"./visibility.decorator-zTjPC2du.js";import{L as ListenToWindowResize}from"./window-resize.decorator-BU569j2_.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-C-DmFJbn.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";import"./listener-CClDIhvK.js";import"./breakpoints.subject-Iyftu-nV.js";import"./device-TtMibDFL.js";import"./tokens.esm-C9EQ_6RZ.js";var balSegmentCss=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var Segment=function(){function e(e){var t=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balChange=createEvent(this,"balChange");this.balSelect=createEvent(this,"balSelect");this.balVertical=createEvent(this,"balVertical");this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=defaultBalAriaForm;this.invalid=false;this.autoInvalidOff=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.hasFocus=false;this.getSegmentItem=function(e){var i,a;var n=t.allItems.filter((function(e){return!e.disabled}));var r=n.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return n[r];case"first":return n[0];case"last":return n[n.length-1];case"next":return(i=n[r+1])!==null&&i!==void 0?i:n[0];case"previous":return(a=n[r-1])!==null&&a!==void 0?a:n[n.length-1];default:return null}};this.onPointerDown=function(){t.keyboardMode=false};this.onSlottedItemsChange=function(){t.valueChanged(t.value);t.defineWidth()};this.onClick=function(e){if(t.disabled){return}var i=e.target;var a=t.checked;if(i.tagName==="BAL-SEGMENT"){return}if(i&&i.setFocus){i.setFocus()}if(a){t.checkButton(a,i)}else{t.setCheckedClasses();t.checkButton(i,i)}if(i!==a){t.emitValueChange()}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidChanged=function(){var e=this;this.allItems.map((function(t){return t.invalid=e.invalid}))};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e);this.setCheckedClasses()};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.animationListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.visibilityListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=FOCUS_KEYS.includes(e.key);var t=false;var i;if(isSpaceKey(e)||isEnterKey(e)){stopEventBubbling(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(isArrowUpKey(e)||isArrowLeftKey(e)){stopEventBubbling(e);i=this.getSegmentItem("previous")}else if(isArrowDownKey(e)||isArrowRightKey(e)){stopEventBubbling(e);i=this.getSegmentItem("next")}else if(isHomeKey(e)){stopEventBubbling(e);i=this.getSegmentItem("first")}else if(isEndKey(e)){stopEventBubbling(e);i=this.getSegmentItem("last")}if(!i){return}var a=this.checked;if(i!==a||t){this.checkButton(a,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;raf((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var n=i.getBoundingClientRect();var r=a.getBoundingClientRect();var s=n.width/r.width;var o=n.left-r.left;var l="translate3d(".concat(o,"px, 0, 0) scaleX(").concat(s,")");if(this.isVertical){var m=n.height/r.height;var b=n.top-r.top;l="translate3d(0, ".concat(b,"px, 0) scaleY(").concat(m,")")}writeTask((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",l);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var a=i+1;var n=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(a<t.length){t[a].classList.add("bal-segment-item--after-checked")}if(n<t.length&&n>=0){t[n].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,a=e.scrollable,n=e.keyboardMode,r=e.expanded,s=e.isMobile,o=e.disabled;var l=BEM.block("segment");return h(Host,{key:"08fb99b658d704d85ab181d55d7bdbce7ee40fd8",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("invalid").class(t)),l.modifier("vertical").class(i)),l.modifier("scrollable").class(a)),l.modifier("keyboard").class(n)),l.modifier("disabled").class(o)),l.modifier("expanded").class((r||s)&&!i)),onClick:this.onClick},h("slot",{key:"432741fe51dc5c83ea241506687de13469afc149",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-segment"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Segment.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"focusOutListener",null);__decorate([ListenToAnimation(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"animationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"visibilityListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"windowResizeListener",null);Segment.style=balSegmentCss;var balSegmentItemCss=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var SegmentItemIds=0;var SegmentItem=function(){function e(e){var t=this;registerInstance(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=SegmentItemIds++;this.inputId="bal-si-".concat(this.internalId);this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=defaultBalAriaForm;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId;this.updateVertical=function(e){t.isVertical=e.detail};this.updateState=function(){var e=t.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var i=t.allAvailableOptions;if(i.length>0){var a=i[0];t.checked=false;t.isFocusable=a===t.el}}else{t.checked=e.value===t.value;t.isFocusable=e.value===t.value}if(e.disabled){t.disabled=true}if(e.invalid){t.invalid=true}t.isLast=e.lastElementChild===t.el;t.isFirst=e.firstElementChild===t.el;t.calculateEmptyValue()}};this.onSlottedItemsChange=function(){t.checkSlotContent()}}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAttributes(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){addEventListener(t,"balSelect",this.updateState);addEventListener(t,"balVertical",this.updateVertical)}raf((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){removeEventListener(e,"balSelect",this.updateState);removeEventListener(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,a=t.focused,n=t.segmentEl,r=t.label,s=t.isFocusable,o=t.isFirst,l=t.hasEmptyValue;var m=BEM.block("segment-item");var b=m.element("button");var c=m.element("indicator");var d=this.invalid||n&&n.invalid;var g=this.disabled||n&&n.disabled;var u=this.isVertical;var f=l&&o||s&&!g;var v=f&&this.ariaForm.controlId||this.inputId;var p={};if(f){p={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return h(Host,{key:"54ab8ce0ab290fcbc238087789ce0bca3caedddc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(u)),m.modifier("disabled").class(g)),m.modifier("checked").class(i)),m.modifier("invalid").class(d)),m.modifier("last").class(this.isLast&&!i))},h("button",Object.assign({key:"be4e31f8a5b0da8cc9f70a867e546920127ba4b2",id:v,role:"radio","aria-checked":i?"true":"false"},p,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(i)),b.modifier("invalid").class(d)),b.modifier("disabled").class(g)),b.modifier("focused").class(a)),b.modifier("vertical").class(u)),type:"button",tabIndex:f?0:-1,part:"native",disabled:g,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),h("bal-icon",{key:"f6d56f256041be2a97822dcc424d887844bacc0e",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(i)),b.element("icon").modifier("vertical").class(u)),color:g?"grey-dark":d?"white":"primary"}),h("bal-stack",{key:"15df166b0d0d2b6a6b9447506755b9de3581c77d",space:"x-small",layout:"horizontal"},h("bal-content",{key:"056ba7bfb5d4f456f03f70e9f86e0269bd44a78b",space:"none"},h("bal-label",{key:"055ca1dd2f698e5b3758fbc5535a221801d90642",htmlId:"bal-si-".concat(this.internalId,"-label")},r),h("span",{key:"5a4ea620046a856959a811110f9c8ec5dfefa156",part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",h("slot",{key:"ceeb6506e86bde765a45497987759479b450c16f",onSlotchange:this.onSlottedItemsChange}))))),h("div",{key:"7384e9bec0b8c8337191b79a54a18cf5cc89a55b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("animated").class()),c.modifier("background").class()),c.modifier("disabled").class(g)),c.modifier("invalid").class(d)),c.modifier("checked").class(i)),c.modifier("vertical").class(u))}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}();SegmentItem.style=balSegmentItemCss;export{Segment as bal_segment,SegmentItem as bal_segment_item};

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{b as balColorGrey4,a as balColorYellow3,c as balColorYellow5,d as balColorPurple3,e as balColorPurple6,f as balColorRed3,g as balColorRed5,h as balColorGreen3,i as balColorGreen6}from"./tokens.esm-Cf90NR4z.js";import{B as BEM}from"./bem-ByiN-QjD.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 Shape=function(){function e(e){var a=this;registerInstance(this,e);this.variation="1";this.color="green";this.rotation="0";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}}e.prototype.render=function(){var e=BEM.block("shape");var a=[h("g",{key:"62a32221af7fcc15d60b43ab4aaa143fab7d311c",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},h("g",{key:"ad7a506509762ad7769586774fc10aa54fef80fa",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},h("path",{key:"1f335e4e64feff4503a847358b87033f1b7d8aa2",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:"f974f1f708ff05106b3afcbb3f848a1dcf4e97fb",id:"b949d602-8478-437e-a171-ad3f26649cb4"},h("g",{key:"b212b8a5220cbefd36c5e9565bb2be3685658fc0",id:"ae3574e0-2065-4681-8937-4318b8656147"},h("path",{key:"287b0c85fc2e5fb7b845288f13a2f308a3b3c8ca",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:"b653bea006236af44c31c719af98b7ac04bf93ad",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},h("g",{key:"2cff6eea2c2b6891b4fef81d366869c31f87c5e6",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},h("path",{key:"777d6655facf61980ec4ee5ea598191e5e273021",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:"cc915095d6cf923c3798033780f076c30a4b58ea",class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},h("svg",{key:"eb2afd20856fd2a7c4a318de4b0a4df1713f87b9",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=balShapeCss;export{Shape as bal_shape};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{b as balColorGrey4,a as balColorYellow3,c as balColorYellow5,d as balColorPurple3,e as balColorPurple6,f as balColorRed3,g as balColorRed5,h as balColorGreen3,i as balColorGreen6}from"./tokens.esm-C9EQ_6RZ.js";import{B as BEM}from"./bem-ByiN-QjD.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 Shape=function(){function e(e){var a=this;registerInstance(this,e);this.variation="1";this.color="green";this.rotation="0";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}}e.prototype.render=function(){var e=BEM.block("shape");var a=[h("g",{key:"62a32221af7fcc15d60b43ab4aaa143fab7d311c",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},h("g",{key:"ad7a506509762ad7769586774fc10aa54fef80fa",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},h("path",{key:"1f335e4e64feff4503a847358b87033f1b7d8aa2",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:"f974f1f708ff05106b3afcbb3f848a1dcf4e97fb",id:"b949d602-8478-437e-a171-ad3f26649cb4"},h("g",{key:"b212b8a5220cbefd36c5e9565bb2be3685658fc0",id:"ae3574e0-2065-4681-8937-4318b8656147"},h("path",{key:"287b0c85fc2e5fb7b845288f13a2f308a3b3c8ca",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:"b653bea006236af44c31c719af98b7ac04bf93ad",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},h("g",{key:"2cff6eea2c2b6891b4fef81d366869c31f87c5e6",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},h("path",{key:"777d6655facf61980ec4ee5ea598191e5e273021",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:"cc915095d6cf923c3798033780f076c30a4b58ea",class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},h("svg",{key:"eb2afd20856fd2a7c4a318de4b0a4df1713f87b9",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=balShapeCss;export{Shape as bal_shape};

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{m as raf,l as rOnLoad}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{d as defaultConfig}from"./config.default-I6QXKbhg.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";var balSpinnerCss=":root{--bal-spinner-circle-background:var(--bal-color-grey);--bal-spinner-circle-progress:var(--bal-color-primary);--bal-spinner-circle-background-inverted:var(--bal-color-white);--bal-spinner-circle-progress-inverted:var(--bal-color-primary)}bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-spinner-circle-background);border-radius:50%;border-top-color:var(--bal-spinner-circle-progress);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-spinner-circle-background-inverted);border-top-color:var(--bal-spinner-circle-progress-inverted)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var Spinner=function(){function e(e){var r=this;registerInstance(this,e);this.animated=defaultConfig.animated;this.inverted=false;this.deactivated=false;this.color="blue";this.small=false;this.variation="logo";this.animate=function(){return __awaiter(r,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){switch(r.label){case 0:if(!this.animated){this.destroy();return[2]}return[4,this.load()];case 1:r.sent();if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.destroy();this.currentRaf=raf((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(this.animationFunction){this.animationFunction(this.el,this.getColor())}return[2]}))}))}))}return[2]}}))}))};this.destroy=function(){if(r.animationItem&&r.animationItem.destroy){r.animationItem.destroy()}r.el.innerHTML=""};this.shouldAnimate=function(){if(r.variation!=="logo"){return false}if(typeof window==="undefined"){return false}if(r.animationFunction===undefined){return false}return!r.deactivated};this.load=function(){return __awaiter(r,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){return[2,new Promise((function(r,t){if(e.animationFunction){return r()}else{rOnLoad((function(){return __awaiter(e,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){import("./bal-spinner.animation-Bv2Ow6xu.js").then((function(t){e.animationFunction=t.animate;r()})).catch(t);return[2]}))}))}))}}))]}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.deactivatedWatcher=function(e,r){if(e!==r){if(this.deactivated){this.destroy()}else{this.animate()}}};e.prototype.variationWatcher=function(e,r){if(e!==r){if(this.variation==="circle"){this.destroy()}else{this.animate()}}};e.prototype.componentDidLoad=function(){if(this.variation==="logo"){this.animate()}else{this.destroy()}};e.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroy()}};e.prototype.configChanged=function(e){this.animated=e.animated;if(e.animated===false){this.destroy()}};e.prototype.getColor=function(){return this.inverted||this.color==="white"?"#ffffff":"#151f6d"};e.prototype.render=function(){var e=BEM.block("spinner");return h(Host,{key:"bf00a08aaa12fd4a3473d6f277a62abe4537ee8f",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("circle").class(this.variation==="circle")),e.modifier("small").class(this.small)),e.modifier("animated").class(this.animated)),e.modifier("color-".concat(this.color)).class(this.variation==="circle")),role:"progressbar","aria-hidden":"true"})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-spinner"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Spinner.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Spinner.prototype,"configChanged",null);Spinner.style=balSpinnerCss;export{Spinner as bal_spinner};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{m as raf,l as rOnLoad}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{d as defaultConfig}from"./config.default-RE8-gLMQ.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";var balSpinnerCss=":root{--bal-spinner-circle-background:var(--bal-color-grey);--bal-spinner-circle-progress:var(--bal-color-primary);--bal-spinner-circle-background-inverted:var(--bal-color-white);--bal-spinner-circle-progress-inverted:var(--bal-color-primary)}bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-spinner-circle-background);border-radius:50%;border-top-color:var(--bal-spinner-circle-progress);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-spinner-circle-background-inverted);border-top-color:var(--bal-spinner-circle-progress-inverted)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var Spinner=function(){function e(e){var r=this;registerInstance(this,e);this.animated=defaultConfig.animated;this.inverted=false;this.deactivated=false;this.color="blue";this.small=false;this.variation="logo";this.animate=function(){return __awaiter(r,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){switch(r.label){case 0:if(!this.animated){this.destroy();return[2]}return[4,this.load()];case 1:r.sent();if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.destroy();this.currentRaf=raf((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(this.animationFunction){this.animationFunction(this.el,this.getColor())}return[2]}))}))}))}return[2]}}))}))};this.destroy=function(){if(r.animationItem&&r.animationItem.destroy){r.animationItem.destroy()}r.el.innerHTML=""};this.shouldAnimate=function(){if(r.variation!=="logo"){return false}if(typeof window==="undefined"){return false}if(r.animationFunction===undefined){return false}return!r.deactivated};this.load=function(){return __awaiter(r,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){return[2,new Promise((function(r,t){if(e.animationFunction){return r()}else{rOnLoad((function(){return __awaiter(e,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){import("./bal-spinner.animation-Bv2Ow6xu.js").then((function(t){e.animationFunction=t.animate;r()})).catch(t);return[2]}))}))}))}}))]}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.deactivatedWatcher=function(e,r){if(e!==r){if(this.deactivated){this.destroy()}else{this.animate()}}};e.prototype.variationWatcher=function(e,r){if(e!==r){if(this.variation==="circle"){this.destroy()}else{this.animate()}}};e.prototype.componentDidLoad=function(){if(this.variation==="logo"){this.animate()}else{this.destroy()}};e.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroy()}};e.prototype.configChanged=function(e){this.animated=e.animated;if(e.animated===false){this.destroy()}};e.prototype.getColor=function(){return this.inverted||this.color==="white"?"#ffffff":"#151f6d"};e.prototype.render=function(){var e=BEM.block("spinner");return h(Host,{key:"bf00a08aaa12fd4a3473d6f277a62abe4537ee8f",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("circle").class(this.variation==="circle")),e.modifier("small").class(this.small)),e.modifier("animated").class(this.animated)),e.modifier("color-".concat(this.color)).class(this.variation==="circle")),role:"progressbar","aria-hidden":"true"})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-spinner"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Spinner.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Spinner.prototype,"configChanged",null);Spinner.style=balSpinnerCss;export{Spinner as bal_spinner};

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

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{a as areArraysEqual}from"./array-CDfSqLEo.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{n as debounceEvent}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{n as newBalStepOption}from"./bal-step.util-DIC_sxLd.js";import{b as balBreakpoints}from"./breakpoints.subject-BnQp404Z.js";import{L as ListenToMutation}from"./mutation.decorator-DhVeNnnY.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-t_yXJIZL.js";import"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";import"./tokens.esm-Cf90NR4z.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}if(t.href){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,rel:t.rel,target:t.target,onClick:function(e){return o(e,t)}},h(StepIcon,{item:t,isMobile:s}),h(StepLabel,{item:t}))}return h("button",{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),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;border:none;background-color:rgba(0,0,0,0)}.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;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var Steps=function(){function e(e){var t=this;registerInstance(this,e);this.balChange=createEvent(this,"balChange");this.stepsId="bal-steps-".concat(StepsIds++);this.store=[];this.isMobile=balBreakpoints.isMobile;this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined;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]}}))}))}}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=balStepsCss;export{Steps as bal_steps};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{a as areArraysEqual}from"./array-CDfSqLEo.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{n as debounceEvent}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{n as newBalStepOption}from"./bal-step.util-DIC_sxLd.js";import{b as balBreakpoints}from"./breakpoints.subject-Iyftu-nV.js";import{L as ListenToMutation}from"./mutation.decorator-DhVeNnnY.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-C-DmFJbn.js";import"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";import"./tokens.esm-C9EQ_6RZ.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}if(t.href){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,rel:t.rel,target:t.target,onClick:function(e){return o(e,t)}},h(StepIcon,{item:t,isMobile:s}),h(StepLabel,{item:t}))}return h("button",{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),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;border:none;background-color:rgba(0,0,0,0)}.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;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var Steps=function(){function e(e){var t=this;registerInstance(this,e);this.balChange=createEvent(this,"balChange");this.stepsId="bal-steps-".concat(StepsIds++);this.store=[];this.isMobile=balBreakpoints.isMobile;this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined;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]}}))}))}}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=balStepsCss;export{Steps as bal_steps};

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

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{a as inheritTrackingAttributes,i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{a as areArraysEqual}from"./array-CDfSqLEo.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{m as raf,d as deepReady,t as transitionEndAsync,k as debounce,n as debounceEvent,q as hasParent,l as rOnLoad,i as isDescendant,a as waitAfterFramePaint}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{t as toKebabCase,S as SwiperUtil,g as getComputedPadding,a as getWidthOfOverflowingChildren}from"./string-Dk4PnSfl.js";import{n as newBalTabOption}from"./bal-tab.util-BmVI6cLw.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";import{b as balBreakpoints}from"./breakpoints.subject-BnQp404Z.js";import{d as defaultConfig}from"./config.default-I6QXKbhg.js";import{L as ListenToMutation}from"./mutation.decorator-DhVeNnnY.js";import{L as ListenToVisibility}from"./visibility.decorator-zTjPC2du.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-t_yXJIZL.js";import{L as ListenToResize}from"./resize.decorator-ZKPOJfw5.js";import{L as ListenToSwipe}from"./swipe.decorator-B_Ghrp1o.js";import{L as ListenToAnimation}from"./animation.decorator-zbSqKhw6.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";import"./config.utils-B7jugjyM.js";import"./keyboard.helpers-BERg8BNc.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";import"./tokens.esm-Cf90NR4z.js";import"./swipe.subject-T0VStuOK.js";var TabItem=function(){function t(t){registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate");this.balKeyDown=createEvent(this,"balKeyDown");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.a11yControls=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,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,a11yControls:this.a11yControls,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:"a7ebf68e3c2fed0d2068d33afe86cb642e1f111d",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:"cfa012ad2c5f2a14a762e8a65872d99100602c3a"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var panelID=0;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,v=t.clickable,u=t.iconPosition,f=t.context,m=t.onSelectTab,p=t.hasSubLabelInGroup,g=t.dimInactiveElements;var w;var x=BEM.block("tabs").element("nav").element("item");if(e.invisible){return}var y=e.bubble!==false;var j=e.icon!==undefined;var O=j&&y&&u!=="horizontal"&&!o||r&&j&&y&&!s&&!o;var k=o&&y||o&&r&&j&&y&&!s;var T=!j&&y&&!o||y&&!r&&u==="horizontal"&&!o||y&&s&&!o;var L=e.href===undefined||e.href==="";var B=L?"button":"a";var z=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,rel:e.rel,target:e.target};if(!b){z["tabindex"]=e.active?"0":"-1"}var C=function(){return h(B,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(v)),x.modifier("accordion").class(o)),x.modifier("inverted").class(_)),x.modifier("expanded").class(d)),x.modifier("spaceless").class(c)),x.modifier("first").class(i)),x.modifier("last").class(n)),x.modifier("passed").class(e.passed)),x.modifier("vertical").class(s)),x.modifier("context-".concat(f)).class(f!==undefined)),x.modifier("icon-position-".concat(u)).class(u!=="horizontal")),x.modifier("display-svg").class(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"},z,{onClick:function(t){return m(t,e)},onKeyDown:function(t){var a;(a=e.keyDown)===null||a===void 0?void 0:a.emit(t)}}),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,C())}else{return C()}};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,v=t.accordion,u=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 B=L.element("inner");var z=L.element("container");var C=L.element("line");var E=L.element("border");var A=a.filter((function(t){return!t.invisible}));var I=r&&!o;var S=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===A.length-1,isMobile:s,isVertical:n,iconPosition:j,spaceless:g,inverted:f,accordion:v,isAccordionOpen:u,context:O,isExpanded:w,clickable:m&&!e.disabled,onSelectTab:k,hasSubLabelInGroup:S,dimInactiveElements:T})};var D=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(I)),L.modifier("vertical-col-".concat(x)).class(n)),e.cssSwiper())},h(D,{id:"".concat(i,"-nav"),class:Object.assign(Object.assign(Object.assign({},e.cssInnerSwiper()),B.class()),B.modifier("full-height").class(I)),ref:function(t){if(t){e.innerEl=t}},"aria-label":d?l:undefined},h(P,{id:e.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},e.cssSwiperContainer()),z.class()),z.modifier("vertical").class(n)),z.modifier("expanded").class(w&&!n)),role:d?undefined:"tablist","aria-label":d?undefined:l,ref:function(t){if(t){e.containerEl=t}}},A.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({},C.class()),C.modifier("active").class(b)),C.modifier("inverted").class(f)),C.modifier("animated").class(p)),C.modifier("vertical").class(n)),C.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 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 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)}.bal-tabs__nav__container{position:relative}@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--active{color:var(--bal-tabs-tab-label-text-color-active)}.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-active: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 Tabs=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.balWillAnimate=createEvent(this,"balWillAnimate");this.balDidAnimate=createEvent(this,"balDidAnimate");this.tabsId="bal-tabs-".concat(TabsIds++);this.inheritAttributes={};this.swiper=new SwiperUtil;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.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;this.handleAsTabList=false;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]}}))}))}}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||this.handleAsTabList},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, a.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 v=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var u=!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:"df9259a96b0763c4eae688a54a657ceaea8b39a2",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:u,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:v,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:"47ff9e0e5e38a7361a928de8dc6a42aad8ab1cb8",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:"f7068bbf0aa5fb282d0ab93e3b3ffc740b8b998e",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},h("slot",{key:"12e2c4813faa77f774b5400501d114b0e9a57535"}))))};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=balTabsCss;export{TabItem as bal_tab_item,Tabs as bal_tabs};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{a as inheritTrackingAttributes,i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{a as areArraysEqual}from"./array-CDfSqLEo.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{m as raf,d as deepReady,t as transitionEndAsync,k as debounce,n as debounceEvent,q as hasParent,l as rOnLoad,i as isDescendant,a as waitAfterFramePaint}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{t as toKebabCase,S as SwiperUtil,g as getComputedPadding,a as getWidthOfOverflowingChildren}from"./string-Dk4PnSfl.js";import{n as newBalTabOption}from"./bal-tab.util-BmVI6cLw.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";import{b as balBreakpoints}from"./breakpoints.subject-Iyftu-nV.js";import{d as defaultConfig}from"./config.default-RE8-gLMQ.js";import{L as ListenToMutation}from"./mutation.decorator-DhVeNnnY.js";import{L as ListenToVisibility}from"./visibility.decorator-zTjPC2du.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-C-DmFJbn.js";import{L as ListenToResize}from"./resize.decorator-ZKPOJfw5.js";import{L as ListenToSwipe}from"./swipe.decorator-B_Ghrp1o.js";import{L as ListenToAnimation}from"./animation.decorator-zbSqKhw6.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";import"./config.utils-B7jugjyM.js";import"./keyboard.helpers-BERg8BNc.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";import"./tokens.esm-C9EQ_6RZ.js";import"./swipe.subject-T0VStuOK.js";var TabItem=function(){function t(t){registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate");this.balKeyDown=createEvent(this,"balKeyDown");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.a11yControls=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,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,a11yControls:this.a11yControls,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:"a7ebf68e3c2fed0d2068d33afe86cb642e1f111d",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:"cfa012ad2c5f2a14a762e8a65872d99100602c3a"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var panelID=0;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,v=t.clickable,u=t.iconPosition,f=t.context,m=t.onSelectTab,p=t.hasSubLabelInGroup,g=t.dimInactiveElements;var w;var x=BEM.block("tabs").element("nav").element("item");if(e.invisible){return}var y=e.bubble!==false;var j=e.icon!==undefined;var O=j&&y&&u!=="horizontal"&&!o||r&&j&&y&&!s&&!o;var k=o&&y||o&&r&&j&&y&&!s;var T=!j&&y&&!o||y&&!r&&u==="horizontal"&&!o||y&&s&&!o;var L=e.href===undefined||e.href==="";var B=L?"button":"a";var z=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,rel:e.rel,target:e.target};if(!b){z["tabindex"]=e.active?"0":"-1"}var C=function(){return h(B,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(v)),x.modifier("accordion").class(o)),x.modifier("inverted").class(_)),x.modifier("expanded").class(d)),x.modifier("spaceless").class(c)),x.modifier("first").class(i)),x.modifier("last").class(n)),x.modifier("passed").class(e.passed)),x.modifier("vertical").class(s)),x.modifier("context-".concat(f)).class(f!==undefined)),x.modifier("icon-position-".concat(u)).class(u!=="horizontal")),x.modifier("display-svg").class(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"},z,{onClick:function(t){return m(t,e)},onKeyDown:function(t){var a;(a=e.keyDown)===null||a===void 0?void 0:a.emit(t)}}),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,C())}else{return C()}};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,v=t.accordion,u=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 B=L.element("inner");var z=L.element("container");var C=L.element("line");var E=L.element("border");var A=a.filter((function(t){return!t.invisible}));var I=r&&!o;var M=a.some((function(t){return t.subLabel&&t.subLabel.length>0}));var S=function(t){var e=t.item,a=t.index;return h(TabButton,{item:e,isLinkList:d,tabsId:i,isFirst:a===0,isLast:a===A.length-1,isMobile:s,isVertical:n,iconPosition:j,spaceless:g,inverted:f,accordion:v,isAccordionOpen:u,context:O,isExpanded:w,clickable:m&&!e.disabled,onSelectTab:k,hasSubLabelInGroup:M,dimInactiveElements:T})};var D=d?"nav":"div";var F=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(I)),L.modifier("vertical-col-".concat(x)).class(n)),e.cssSwiper())},h(D,{id:"".concat(i,"-nav"),class:Object.assign(Object.assign(Object.assign({},e.cssInnerSwiper()),B.class()),B.modifier("full-height").class(I)),ref:function(t){if(t){e.innerEl=t}},"aria-label":d?l:undefined},h(F,{id:e.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},e.cssSwiperContainer()),z.class()),z.modifier("vertical").class(n)),z.modifier("expanded").class(w&&!n)),role:d?undefined:"tablist","aria-label":d?undefined:l,ref:function(t){if(t){e.containerEl=t}}},A.map((function(t,e){return h(S,{item:t,index:e})})),h("div",{id:"".concat(i,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},C.class()),C.modifier("active").class(b)),C.modifier("inverted").class(f)),C.modifier("animated").class(p)),C.modifier("vertical").class(n)),C.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 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 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)}.bal-tabs__nav__container{position:relative}@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--active{color:var(--bal-tabs-tab-label-text-color-active)}.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-active: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 Tabs=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.balWillAnimate=createEvent(this,"balWillAnimate");this.balDidAnimate=createEvent(this,"balDidAnimate");this.tabsId="bal-tabs-".concat(TabsIds++);this.inheritAttributes={};this.swiper=new SwiperUtil;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.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;this.handleAsTabList=false;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]}}))}))}}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||this.handleAsTabList},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, a.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 v=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var u=!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:"df9259a96b0763c4eae688a54a657ceaea8b39a2",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:u,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:v,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:"47ff9e0e5e38a7361a928de8dc6a42aad8ab1cb8",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:"f7068bbf0aa5fb282d0ab93e3b3ffc740b8b998e",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},h("slot",{key:"12e2c4813faa77f774b5400501d114b0e9a57535"}))))};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=balTabsCss;export{TabItem as bal_tab_item,Tabs as bal_tabs};

package/dist/esm-es5/bal-time-input.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{i as isNil}from"./index-zWZxKBfo.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{i as isCtrlOrCommandKey,N as NUMBER_KEYS,A as ACTION_KEYS}from"./keys.constant-xVPGsAdF.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{g as getInputTarget,a as inputHandleFocus,b as inputHandleBlur,e as inputHandleChange,s as stopEventBubbling,h as inputListenOnClick,j as inputHandleReset,c as inputSetFocus,d as inputSetBlur}from"./form-input-DYvzaBlM.js";import{n as debounceEvent}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{i as i18nBalTimeInput}from"./bal-time-input.i18n-B4aDEwd8.js";import{d as defaultConfig}from"./config.default-I6QXKbhg.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";var balTimeInputCss=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";var TimeInput=function(){function e(e){var t=this;registerInstance(this,e);this.balInput=createEvent(this,"balInput");this.balChange=createEvent(this,"balChange");this.balBlur=createEvent(this,"balBlur");this.balFocus=createEvent(this,"balFocus");this.balKeyPress=createEvent(this,"balKeyPress");this.balClick=createEvent(this,"balClick");this.inputId="bal-time-input-".concat(timeInputIds++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue="";this.focused=false;this.language=defaultConfig.language;this.region=defaultConfig.region;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.debounce=0;this.value=undefined;this.autoInvalidOff=false;this.onInput=function(e){var i=getInputTarget(e);if(i){t.inputValue=i.value}t.balInput.emit(t.inputValue)};this.onFocus=function(e){inputHandleFocus(t,e)};this.onBlur=function(e){inputHandleBlur(t,e);var i=e.target;if(i){i.value=t.getFormattedValue();inputHandleChange(t)}};this.onKeydown=function(e){if(!isNil(e)&&!isCtrlOrCommandKey(e)){if(!t.getAllowedKeys().includes(e.key)){return stopEventBubbling(e)}}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};e.prototype.listenOnClick=function(e){inputListenOnClick(this,e)};e.prototype.resetHandler=function(e){var t=e.target;if(t===null||t===void 0?void 0:t.contains(this.el)){inputHandleReset(this,this.initialValue,this.resetHandlerTimer)}};e.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};e.prototype.componentDidLoad=function(){this.inputValue=this.value};e.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title","data-hj-allow"])};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;this.region=e.region;if(!this.focused&&this.nativeInput){this.nativeInput.value=this.getFormattedValue()}return[2]}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){inputSetFocus(this);return[2]}))}))};e.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){inputSetBlur(this);return[2]}))}))};e.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.nativeInput]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.getAllowedKeys=function(){return __spreadArray(__spreadArray(__spreadArray([],NUMBER_KEYS,true),ACTION_KEYS,true),[":","A","M","P"],false)};e.prototype.getRawValue=function(){var e=(this.value||"").toString();return e};e.prototype.getFormattedValue=function(){return this.getRawValue()};e.prototype.render=function(){var e=this;var t=this.focused?this.getRawValue():this.getFormattedValue();var i=BEM.block("time-input");var a=i.element("native");return h(Host,{key:"6b1b0a24a554e6c36befcc44f888a4a6582b2ada","aria-disabled":ariaBooleanToString(this.disabled),class:Object.assign({},i.class())},h("bal-input-group",{key:"e0a53ed0fa5bc08deb818fb6e7119bef8bf5bed1",disabled:this.disabled||this.readonly,invalid:this.invalid},h("input",Object.assign({key:"7ede7fc70c763cae673b67192a4ab467f0a5c7fc",type:"time",class:Object.assign({input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(this.value===""||this.value===undefined),"has-value":this.value!==""&&this.value!==undefined},a.class()),ref:function(t){return e.nativeInput=t},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),name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:"".concat(i18nBalTimeInput[this.language].hours,":").concat(i18nBalTimeInput[this.language].minutes),value:t,onInput:function(t){return e.onInput(t)},onFocus:function(t){return e.onFocus(t)},onBlur:function(t){return e.onBlur(t)},onKeyDown:function(t){return e.onKeydown(t)},onKeyPress:function(t){return e.balKeyPress.emit(t)}},this.inheritedAttributes)),h("bal-icon",{key:"cce0762bb6cb91dd62ced90ab7b8defbf75ca7ac","is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-time-input"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],TimeInput.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],TimeInput.prototype,"configChanged",null);var timeInputIds=0;TimeInput.style=balTimeInputCss;export{TimeInput as bal_time_input};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{i as isNil}from"./index-zWZxKBfo.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{i as isCtrlOrCommandKey,N as NUMBER_KEYS,A as ACTION_KEYS}from"./keys.constant-xVPGsAdF.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{g as getInputTarget,a as inputHandleFocus,b as inputHandleBlur,e as inputHandleChange,s as stopEventBubbling,h as inputListenOnClick,j as inputHandleReset,c as inputSetFocus,d as inputSetBlur}from"./form-input-DYvzaBlM.js";import{n as debounceEvent}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{i as i18nBalTimeInput}from"./bal-time-input.i18n-B4aDEwd8.js";import{d as defaultConfig}from"./config.default-RE8-gLMQ.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";var balTimeInputCss=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";var TimeInput=function(){function e(e){var t=this;registerInstance(this,e);this.balInput=createEvent(this,"balInput");this.balChange=createEvent(this,"balChange");this.balBlur=createEvent(this,"balBlur");this.balFocus=createEvent(this,"balFocus");this.balKeyPress=createEvent(this,"balKeyPress");this.balClick=createEvent(this,"balClick");this.inputId="bal-time-input-".concat(timeInputIds++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue="";this.focused=false;this.language=defaultConfig.language;this.region=defaultConfig.region;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.debounce=0;this.value=undefined;this.autoInvalidOff=false;this.onInput=function(e){var i=getInputTarget(e);if(i){t.inputValue=i.value}t.balInput.emit(t.inputValue)};this.onFocus=function(e){inputHandleFocus(t,e)};this.onBlur=function(e){inputHandleBlur(t,e);var i=e.target;if(i){i.value=t.getFormattedValue();inputHandleChange(t)}};this.onKeydown=function(e){if(!isNil(e)&&!isCtrlOrCommandKey(e)){if(!t.getAllowedKeys().includes(e.key)){return stopEventBubbling(e)}}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};e.prototype.listenOnClick=function(e){inputListenOnClick(this,e)};e.prototype.resetHandler=function(e){var t=e.target;if(t===null||t===void 0?void 0:t.contains(this.el)){inputHandleReset(this,this.initialValue,this.resetHandlerTimer)}};e.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};e.prototype.componentDidLoad=function(){this.inputValue=this.value};e.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title","data-hj-allow"])};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;this.region=e.region;if(!this.focused&&this.nativeInput){this.nativeInput.value=this.getFormattedValue()}return[2]}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){inputSetFocus(this);return[2]}))}))};e.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){inputSetBlur(this);return[2]}))}))};e.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.nativeInput]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.getAllowedKeys=function(){return __spreadArray(__spreadArray(__spreadArray([],NUMBER_KEYS,true),ACTION_KEYS,true),[":","A","M","P"],false)};e.prototype.getRawValue=function(){var e=(this.value||"").toString();return e};e.prototype.getFormattedValue=function(){return this.getRawValue()};e.prototype.render=function(){var e=this;var t=this.focused?this.getRawValue():this.getFormattedValue();var i=BEM.block("time-input");var a=i.element("native");return h(Host,{key:"6b1b0a24a554e6c36befcc44f888a4a6582b2ada","aria-disabled":ariaBooleanToString(this.disabled),class:Object.assign({},i.class())},h("bal-input-group",{key:"e0a53ed0fa5bc08deb818fb6e7119bef8bf5bed1",disabled:this.disabled||this.readonly,invalid:this.invalid},h("input",Object.assign({key:"7ede7fc70c763cae673b67192a4ab467f0a5c7fc",type:"time",class:Object.assign({input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(this.value===""||this.value===undefined),"has-value":this.value!==""&&this.value!==undefined},a.class()),ref:function(t){return e.nativeInput=t},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),name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:"".concat(i18nBalTimeInput[this.language].hours,":").concat(i18nBalTimeInput[this.language].minutes),value:t,onInput:function(t){return e.onInput(t)},onFocus:function(t){return e.onFocus(t)},onBlur:function(t){return e.onBlur(t)},onKeyDown:function(t){return e.onKeydown(t)},onKeyPress:function(t){return e.balKeyPress.emit(t)}},this.inheritedAttributes)),h("bal-icon",{key:"cce0762bb6cb91dd62ced90ab7b8defbf75ca7ac","is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-time-input"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],TimeInput.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],TimeInput.prototype,"configChanged",null);var timeInputIds=0;TimeInput.style=balTimeInputCss;export{TimeInput as bal_time_input};