@baloise/ds-core 16.2.0 → 16.2.1

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

package/dist/esm-es5/{breakpoints.decorator-dad33c75.js → breakpoints.decorator-f710f500.js}

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

package/dist/esm-es5/{breakpoints.subject-ba72fe99.js → breakpoints.subject-3ea6d2c3.js}

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

package/dist/esm-es5/index.js

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "16.2.0",
+  "version": "16.2.1",
   "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
   "repository": {
     "type": "git",
@@ -28,8 +28,8 @@
     "bubu": "vitest --ui"
   },
   "dependencies": {
-    "@baloise/ds-styles": "16.2.0",
-    "@baloise/ds-icons": "16.2.0",
+    "@baloise/ds-styles": "16.2.1",
+    "@baloise/ds-icons": "16.2.1",
     "@baloise/web-app-utils": "3.11.2",
     "@floating-ui/dom": "~1.6.3",
     "@popperjs/core": "~2.11.4",
@@ -54,10 +54,10 @@
     "@baloise/output-target-react": "0.0.0",
     "@baloise/output-target-vue": "0.0.0",
     "@baloise/output-target-web": "0.0.0",
-    "@baloise/ds-css": "16.2.0",
-    "@baloise/ds-maps": "16.2.0",
-    "@baloise/ds-brand-icons": "16.2.0",
-    "@baloise/ds-favicons": "16.2.0"
+    "@baloise/ds-css": "16.2.1",
+    "@baloise/ds-maps": "16.2.1",
+    "@baloise/ds-brand-icons": "16.2.1",
+    "@baloise/ds-favicons": "16.2.1"
   },
   "sideEffects": false
 }

package/dist/baloise-design-system/p-77f5e777e6.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as e,g as h}from"./p-d7c752c6.js";import{_ as n,a as r}from"./p-43c9f5e9.js";import{h as a,a as o,i as l,e as u,f as c,k as d,l as p,s as m,b as f,j as b,c as g,d as y}from"./p-ad9a7657.js";import{m as j}from"./p-88f18fbc.js";import{i as v}from"./p-dd5e13d1.js";import{w as C,x as F,v as k}from"./p-94efe2aa.js";import{a as w,d as x}from"./p-a19d1e1d.js";import{g as K}from"./p-aafb6696.js";import{B as $}from"./p-ae86d0a0.js";import{d as I}from"./p-f385e205.js";import{L}from"./p-b77e3348.js";import{l as O}from"./p-9a3d9e17.js";import{N as P,A as B}from"./p-ec1efe3d.js";import{i as V}from"./p-e581de20.js";import{L as E}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-4573c419.js";var _=Object.prototype.toString,A=function(t){return function(t){return"number"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Number]"==_.call(t)}(t)&&t!=+t};const D=()=>{const t=K();return t&&t.locale||w},H=()=>C(D()),N=()=>F(D());function S(t){const s=parseFloat(t);return"number"==typeof s&&!A(s)}function T(t,s=0){let i=t;if(""!==i&&null!=i&&!A(i)&&"-"!==i&&i!==H()&&S(i))return"string"==typeof i&&(i=i.split(N()).join("").split("`").join("").split("'").join("")),0===s?parseInt(i,10):parseFloat(i)}function q(t,s=0){let i=t;if(O(i))return"";"string"==typeof i&&(i=i.split(N()).join("").split("`").join("").split("'").join("")),i.charAt(0)===H()&&(i=`0${i}`);const e=0===s?parseInt(i,10):parseFloat(i.replace(H(),"."));return A(e)?"":e.toFixed(s)}function z(t){return t.replace(".",H())}function G(t,s=0,i=""){if(O(t))return"";t.charAt(0)===H()&&(t=`0${t}`);const e=0===s?parseInt(t,10):parseFloat(t),h=""!==i?` ${i.trim()}`:"";return A(e)?"":(n=e,r=s,k(D(),n,r)+h);var n,r}const W=class{constructor(i){t(this,i),this.balInput=s(this,"balInput",7),this.balChange=s(this,"balChange",7),this.balBlur=s(this,"balBlur",7),this.balFocus=s(this,"balFocus",7),this.balKeyPress=s(this,"balKeyPress",7),this.inputId="bal-number-input-"+J++,this.inheritedAttributes={},this.lastValue="",this.inputValue=this.value,this.initialValue=void 0,this.onClick=t=>a(this,t),this.handleClick=t=>o(this,t),this.onInput=()=>{var t,s;!this.nativeInput||S(s=this.nativeInput.value)||""===s||"-"===s||s===H()?(this.lastValue=(null===(t=this.nativeInput)||void 0===t?void 0:t.value)||"",this.balInput.emit(T(this.lastValue,this.decimal))):this.nativeInputValue=this.lastValue||""},this.onFocus=t=>{l(this,t),this.nativeInput&&(this.nativeInputValue=z(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>this.nativeInput.select())))},this.onBlur=t=>{u(this,t),this.nativeInput&&(this.lastValue=q(this.lastValueGetter,this.decimal),this.nativeInputValue=G(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput.value=this.nativeInputValue),this.inputValue=T(this.lastValueGetter,this.decimal),c(this)},this.onKeydown=t=>{const s=d(this),i=p(this,t),e=null==t?void 0:t.target;if(e&&!function({key:t,ctrlKey:s,metaKey:i,selectionStart:e,selectionEnd:h,newValue:n,decimal:r}){if(["a","c","v"].includes(t)&&(s||i))return!0;if("-"===t&&e&&e>0&&h&&h>0)return!1;if(t===H()){if(0===r)return!1;if(((n.split(H())||[]).length-1||0)>1)return!1}if(![...P,...B,H(),"-"].includes(t))return!1;if(0!==r&&n.includes(H())&&[...P].includes(t)){const t=n.split(H());if(t[t.length-1].length>r)return!1}return!0}({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:this.decimal,newValue:i,oldValue:s,selectionStart:e.selectionStart,selectionEnd:e.selectionEnd}))return m(t)},this.focused=!1,this.language=x.language,this.region=x.region,this.ariaForm=I,this.nativeInputValue="",this.inputPattern=this.createPattern(),this.name=this.inputId,this.invalid=!1,this.decimal=0,this.suffix=void 0,this.pattern=void 0,this.placeholder=void 0,this.required=!1,this.disabled=!1,this.readonly=!1,this.exactNumber=!1,this.max=void 0,this.min=void 0,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1}createLogger(t){this.log=t}debounceChanged(){this.balChange=j(this.balChange,this.debounce)}valueChanged(t,s){if(t!==s){const s=""===t||O(t)||A(t)?this.exactNumber?"0":"":t.toString();this.inputValue=T(q(s,this.decimal),this.decimal),this.lastValue=q(s,this.decimal),this.nativeInputValue=this.focused?z(this.lastValue):G(this.lastValue,this.decimal,this.suffix)}}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||0,void 0!==this.value&&this.valueChanged(this.value,void 0)}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=v(this.el,["aria-label","tabindex","title"])}listenOnClick(t){f(this,t)}resetHandler(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&b(this,this.initialValue,this.resetHandlerTimer)}async configChanged(t){this.language=t.language,this.region=t.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?z(this.lastValue):G(this.lastValue,this.decimal,this.suffix))}async setFocus(){g(this)}async setBlur(){y(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}createPattern(){if(this.pattern)return this.pattern;let t=this.suffix||"";""!==t&&(t=` ${t}`);const s=N();let i=H();return","===i&&(i="\\,"),`-?\\d{1,3}(?:${s}\\d{3})*(?:\\${i}\\d{1,2})?(?:${t})?`}get lastValueGetter(){return this.exactNumber&&(O(this.lastValue)||V(this.lastValue))?"0":this.lastValue}render(){const t=$.block("number-input");return i(e,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},t.class())},i("input",Object.assign({class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:t=>this.nativeInput=t,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:t=>this.onInput(t),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),onClick:this.onClick,onKeyDown:t=>this.onKeydown(t),onKeyPress:t=>this.balKeyPress.emit(t)},this.inheritedAttributes)))}get el(){return h(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};n([L("bal-number-input"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],W.prototype,"createLogger",null),n([E(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],W.prototype,"configChanged",null);let J=0;W.style=".bal-number-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)}";export{W as bal_number_input}

package/dist/baloise-design-system/p-9ecce014c2.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,s){function u(t){try{f(e.next(t))}catch(t){s(t)}}function a(t){try{f(e["throw"](t))}catch(t){s(t)}}function f(t){t.done?i(t.value):r(t.value).then(u,a)}f((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return f([t,n])}}function f(a){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(i=0)),i)try{if(e=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=n.call(t,i)}catch(t){a=[6,t];r=0}finally{e=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,n,i){if(i||arguments.length===2)for(var e=0,r=n.length,s;e<r;e++){if(s||!(e in n)){if(!s)s=Array.prototype.slice.call(n,0,e);s[e]=n[e]}}return t.concat(s||Array.prototype.slice.call(n))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-d2ee9b0a.system.js","./p-8954495d.system.js","./p-8949aa8b.system.js","./p-8a87b9a8.system.js","./p-bb6304d0.system.js","./p-145d5c4e.system.js","./p-db0895e2.system.js","./p-6e5745c8.system.js","./p-23bdd8dc.system.js","./p-6913b916.system.js","./p-ba579059.system.js","./p-056b22a7.system.js","./p-0177e3a0.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-2880433e.system.js"],(function(t){"use strict";var n,i,e,r,s,u,a,f,o,c,h,l,d,v,b,p,y,m,_,g,j,w,k,x,F,O,A,C,I,K,P,S,T,V,B;return{setters:[function(t){n=t.r;i=t.c;e=t.h;r=t.H;s=t.g},function(t){u=t._;a=t.a},function(t){f=t.h;o=t.a;c=t.i;h=t.e;l=t.f;d=t.k;v=t.l;b=t.s;p=t.b;y=t.j;m=t.c;_=t.d},function(t){g=t.m},function(t){j=t.i},function(t){w=t.w;k=t.x;x=t.v},function(t){F=t.a;O=t.d},function(t){A=t.g},function(t){C=t.B},function(t){I=t.d},function(t){K=t.L},function(t){P=t.l},function(t){S=t.N;T=t.A},function(t){V=t.i},function(t){B=t.L},function(){},function(){},function(){}],execute:function(){var E="[object Number]";var G=Object.prototype;var q=G.toString;function z(t){return!!t&&typeof t=="object"}function D(t){return L(t)&&t!=+t}function L(t){return typeof t=="number"||z(t)&&q.call(t)==E}var N=D;var H=function(){var t=A();return t&&t.locale||F};var J=function(){return w(H())};var M=function(){return k(H())};var Q=function(t,n){return x(H(),t,n)};var R=function(){return"-"};function U(t){var n=parseFloat(t);return typeof n==="number"&&!N(n)}function W(t){return!U(t)&&t!==""&&t!==R()&&t!==J()}function X(t,n){if(n===void 0){n=0}var i=t;if(i===""||i===undefined||i===null||N(i)||i===R()||i===J()||!U(i)){return undefined}if(typeof i==="string"){i=i.split(M()).join("").split("`").join("").split("'").join("")}return n===0?parseInt(i,10):parseFloat(i)}function Y(t,n){if(n===void 0){n=0}var i=t;if(P(i)){return""}if(typeof i==="string"){i=i.split(M()).join("").split("`").join("").split("'").join("")}if(i.charAt(0)===J()){i="0".concat(i)}var e=n===0?parseInt(i,10):parseFloat(i.replace(J(),"."));return N(e)?"":e.toFixed(n)}function Z(t){return t.replace(".",J())}function $(t,n,i){if(n===void 0){n=0}if(i===void 0){i=""}if(P(t)){return""}if(t.charAt(0)===J()){t="0".concat(t)}var e=n===0?parseInt(t,10):parseFloat(t);var r=i!==""?" ".concat(i.trim()):"";return N(e)?"":Q(e,n)+r}var tt=function(t){return(t.split(J())||[]).length-1||0};function nt(t){var n=t.key,i=t.ctrlKey,e=t.metaKey,r=t.selectionStart,s=t.selectionEnd,u=t.newValue,a=t.decimal;if(["a","c","v"].includes(n)&&(i||e)){return true}if(n===R()&&r&&r>0&&s&&s>0){return false}if(n===J()){if(a===0){return false}else if(tt(u)>1){return false}}if(!__spreadArray(__spreadArray(__spreadArray([],S,true),T,true),[J(),R()],false).includes(n)){return false}if(a!==0&&u.includes(J())&&__spreadArray([],S,true).includes(n)){var f=u.split(J());var o=f[f.length-1];if(o.length>a){return false}}return true}var it=".bal-number-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)}";var et=it;var rt=t("bal_number_input",function(){function t(t){var e=this;n(this,t);this.balInput=i(this,"balInput",7);this.balChange=i(this,"balChange",7);this.balBlur=i(this,"balBlur",7);this.balFocus=i(this,"balFocus",7);this.balKeyPress=i(this,"balKeyPress",7);this.inputId="bal-number-input-".concat(st++);this.inheritedAttributes={};this.lastValue="";this.inputValue=this.value;this.initialValue=undefined;this.onClick=function(t){return f(e,t)};this.handleClick=function(t){return o(e,t)};this.onInput=function(t){var n;if(e.nativeInput){if(W(e.nativeInput.value)){e.nativeInputValue=e.lastValue||"";return}}e.lastValue=((n=e.nativeInput)===null||n===void 0?void 0:n.value)||"";e.balInput.emit(X(e.lastValue,e.decimal))};this.onFocus=function(t){c(e,t);if(e.nativeInput){e.nativeInputValue=Z(e.lastValue||"");clearTimeout(e.selectTimeout);e.selectTimeout=setTimeout((function(){return e.nativeInput.select()}))}};this.onBlur=function(t){h(e,t);if(e.nativeInput){e.lastValue=Y(e.lastValueGetter,e.decimal);e.nativeInputValue=$(e.lastValueGetter,e.decimal,e.suffix);e.nativeInput.value=e.nativeInputValue}e.inputValue=X(e.lastValueGetter,e.decimal);l(e)};this.onKeydown=function(t){var n=d(e);var i=v(e,t);var r=t===null||t===void 0?void 0:t.target;if(r&&!nt({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:e.decimal,newValue:i,oldValue:n,selectionStart:r.selectionStart,selectionEnd:r.selectionEnd})){return b(t)}};this.focused=false;this.language=O.language;this.region=O.region;this.ariaForm=I;this.nativeInputValue="";this.inputPattern=this.createPattern();this.name=this.inputId;this.invalid=false;this.decimal=0;this.suffix=undefined;this.pattern=undefined;this.placeholder=undefined;this.required=false;this.disabled=false;this.readonly=false;this.exactNumber=false;this.max=undefined;this.min=undefined;this.debounce=0;this.value=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=g(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,n){if(t!==n){var i=t===""||P(t)||N(t);var e=this.exactNumber?"0":"";var r=i?e:t.toString();this.inputValue=X(Y(r,this.decimal),this.decimal);this.lastValue=Y(r,this.decimal);if(this.focused){this.nativeInputValue=Z(this.lastValue)}else{this.nativeInputValue=$(this.lastValue,this.decimal,this.suffix)}}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||0;if(this.value!==undefined){this.valueChanged(this.value,undefined)}};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=j(this.el,["aria-label","tabindex","title"])};t.prototype.listenOnClick=function(t){p(this,t)};t.prototype.resetHandler=function(t){var n=t.target;if(n===null||n===void 0?void 0:n.contains(this.el)){y(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=t.language;this.region=t.region;this.inputPattern=this.createPattern();if(this.nativeInput){if(this.focused){this.nativeInputValue=Z(this.lastValue)}else{this.nativeInputValue=$(this.lastValue,this.decimal,this.suffix)}}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){m(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){_(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.createPattern=function(){if(this.pattern){return this.pattern}var t=this.suffix||"";if(t!==""){t=" ".concat(t)}var n=M();var i=J();if(i===","){i="\\,"}return"-?\\d{1,3}(?:".concat(n,"\\d{3})*(?:\\").concat(i,"\\d{1,2})?(?:").concat(t,")?")};Object.defineProperty(t.prototype,"lastValueGetter",{get:function(){if(this.exactNumber&&(P(this.lastValue)||V(this.lastValue))){return"0"}return this.lastValue},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var n=C.block("number-input");return e(r,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},n.class())},e("input",Object.assign({class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:function(n){return t.nativeInput=n},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":this.disabled?"true":null,name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:function(n){return t.onInput(n)},onFocus:function(n){return t.onFocus(n)},onBlur:function(n){return t.onBlur(n)},onClick:this.onClick,onKeyDown:function(n){return t.onKeydown(n)},onKeyPress:function(n){return t.balKeyPress.emit(n)}},this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());u([K("bal-number-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],rt.prototype,"createLogger",null);u([B(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],rt.prototype,"configChanged",null);var st=0;rt.style=et}}}));