@baloise/ds-core 16.2.1 → 16.3.0

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-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};
+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-9ea7074e.js";import{L as ListenToMutation}from"./mutation.decorator-c7b24839.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-f979fe5c.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-7d2734e1.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-f710f500.js → breakpoints.decorator-f979fe5c.js}

@@ -1 +1 @@
-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};
+import{a as balBreakpointSubject}from"./breakpoints.subject-9ea7074e.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-3ea6d2c3.js → breakpoints.subject-9ea7074e.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-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};
+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-7d2734e1.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-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};
+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-f4b20848.js";import{b as balBrowser}from"./browser-a8073d92.js";export{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";export{B as BalDevice,b as balDevice}from"./device-8c6d2881.js";export{I as INVALID_VALUE}from"./mask-util-71edc2b8.js";import{g as getOverlays,a as getOverlay}from"./overlays-9d49a4a5.js";import{B as BalWindowResizeListener,b as balBreakpoints}from"./breakpoints.subject-9ea7074e.js";export{c as BalBreakpointSubject,d as BalBreakpointsUtil,a as balBreakpointSubject,b as balBreakpoints}from"./breakpoints.subject-9ea7074e.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-7d2734e1.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.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};
+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.3.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};

package/dist/esm-es5/scroll-f4b20848.js

@@ -0,0 +1 @@
+import{b as balBrowser}from"./browser-a8073d92.js";var BalScrollHandler=function(){function n(){this.x=undefined;this.y=undefined;this.disabled=false}n.disableSmoothScrolling=function(){this.setScrollBehavior("auto")};n.enableSmoothScrolling=function(){this.setScrollBehavior("smooth")};n.setScrollBehavior=function(n){var i;if(balBrowser.hasDocument){var o=document;var t=document.body;t.style.scrollBehavior=n;var e=(i=o.firstChild)===null||i===void 0?void 0:i.nextSibling;var s=getComputedStyle(e);if(s.scrollBehavior==="smooth"){e.style.scrollBehavior=n}}};n.prototype.connect=function(n){if(n){this.target=n}else{if(balBrowser.hasDocument){this.target=document}}onscroll=null;onkeydown=null};n.prototype.disconnect=function(){if(this.disabled){this.enable()}this.target=undefined;onscroll=null;onkeydown=null};n.prototype.isDisabled=function(){return this.disabled};n.prototype.enable=function(){if(this.target){if(balBrowser.hasWindow&&balBrowser.hasDocument){document.body.classList.remove("noscroll");document.body.style.position="";document.body.style.top="";document.body.style.width="";if(this.x!==undefined&&this.y!==undefined){window.scrollTo(this.x,this.y);this.x=undefined;this.y=undefined}this.disabled=false}}};n.prototype.disable=function(){if(!this.disabled&&this.target){if(balBrowser.hasWindow&&balBrowser.hasDocument){this.x=window.pageXOffset||document.documentElement.scrollLeft;this.y=window.pageYOffset||document.documentElement.scrollTop;document.body.classList.add("noscroll");document.body.style.position="fixed";document.body.style.top="-".concat(this.y,"px");document.body.style.width="100%";this.disabled=true}}};return n}();export{BalScrollHandler as B};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "16.2.1",
+  "version": "16.3.0",
   "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.1",
-    "@baloise/ds-icons": "16.2.1",
+    "@baloise/ds-styles": "16.3.0",
+    "@baloise/ds-icons": "16.3.0",
     "@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.1",
-    "@baloise/ds-maps": "16.2.1",
-    "@baloise/ds-brand-icons": "16.2.1",
-    "@baloise/ds-favicons": "16.2.1"
+    "@baloise/ds-css": "16.3.0",
+    "@baloise/ds-maps": "16.3.0",
+    "@baloise/ds-brand-icons": "16.3.0",
+    "@baloise/ds-favicons": "16.3.0"
   },
   "sideEffects": false
 }

package/dist/baloise-design-system/p-0793c0159f.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,r,o,n){function i(t){return t instanceof o?t:new o((function(r){r(t)}))}return new(o||(o=Promise))((function(o,e){function a(t){try{l(n.next(t))}catch(t){e(t)}}function s(t){try{l(n["throw"](t))}catch(t){e(t)}}function l(t){t.done?o(t.value):i(t.value).then(a,s)}l((n=n.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var o={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},n,i,e,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(r){return l([t,r])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(o=0)),o)try{if(n=1,i&&(e=s[0]&2?i["return"]:s[0]?i["throw"]||((e=i["return"])&&e.call(i),0):i.next)&&!(e=e.call(i,s[1])).done)return e;if(i=0,e)s=[s[0]&2,e.value];switch(s[0]){case 0:case 1:e=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;i=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(e=o.trys,e=e.length>0&&e[e.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!e||s[1]>e[0]&&s[1]<e[3])){o.label=s[1];break}if(s[0]===6&&o.label<e[1]){o.label=e[1];e=s;break}if(e&&o.label<e[2]){o.label=e[2];o.ops.push(s);break}if(e[2])o.ops.pop();o.trys.pop();continue}s=r.call(t,o)}catch(t){s=[6,t];i=0}finally{n=e=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,r,o){if(o||arguments.length===2)for(var n=0,i=r.length,e;n<i;n++){if(e||!(n in r)){if(!e)e=Array.prototype.slice.call(r,0,n);e[n]=r[n]}}return t.concat(e||Array.prototype.slice.call(r))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8a87b9a8.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-d2ee9b0a.system.js","./p-8949aa8b.system.js","./p-6e5745c8.system.js","./p-8954495d.system.js","./p-6913b916.system.js","./p-f8c5e9e7.system.js","./p-3bad0907.system.js","./p-187f98a1.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-2880433e.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(t){"use strict";var r,o,n,i,e,a,s,l,c,d,u,h,f,b,p,v,w,_,m,g,y,x,j,k,O,C,z,A,F;return{setters:[function(t){r=t.h;o=t.r;n=t.c;i=t.H;e=t.g},function(t){a=t._;s=t.a},function(t){l=t.o;c=t.q;d=t.s;u=t.h;h=t.u;f=t.e},function(t){b=t.B},function(t){p=t.L},function(t){v=t.s},function(t){w=t.i},function(t){_=t.d},function(t){m=t.b;g=t.d},function(t){y=t.l},function(t){x=t.c;j=t.a;k=t.f;O=t.s},function(t){C=t.D},function(t){z=t.a},function(t){A=t.d},function(t){F=t.L},function(){},function(){},function(){},function(){}],execute:function(){var S=function(){function t(){var t=this;this.handleAutoFill=function(r){return __awaiter(t,void 0,void 0,(function(){var t,o;return __generator(this,(function(n){switch(n.label){case 0:v(r);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;t=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(t)];case 1:o=n.sent();if(o===undefined){this.component.isAutoFilled=false;return[2]}if(!l(o,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(o,true)}n.label=2;case 2:return[2]}}))}))}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.isAutoFillAllowed=function(){return!this.component.multiple};t.prototype.parseAutoFillValueWithOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var r,o,n,i;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.component.listEl.getOptions()];case 1:r=e.sent();o=undefined;for(n=0;n<r.length;n++){i=r[n];if(i.value===t||i.label===t){return[2,[i.value]]}}return[2,o]}}))}))};return t}();var T={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};var E=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.handleFocus=function(t){this.component.hasFocus=true;this.component.balFocus.emit(t)};t.prototype.handleBlur=function(t){this.component.hasFocus=false;this.component.balBlur.emit(t)};t.prototype.handleClick=function(t){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var r=t.target;var o=r.closest("bal-close");if(o){return}}if(this.component.clearable){var r=t.target;var n=r.closest(".bal-dropdown__clear");if(n){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};t.prototype.handleOutsideClick=function(t){var r;if(this.component.isExpanded){if(!this.component.el.contains(t.target)){this.component.isExpanded=false;(r=this.component.listEl)===null||r===void 0?void 0:r.resetFocus()}}};return t}();var q=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.focusOptionByLabel=function(t,r){var o=this;if(r===void 0){r={}}this.component.labelToFocus=(this.component.labelToFocus+t).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var t;(t=o.component.listEl)===null||t===void 0?void 0:t.focusByLabel(o.component.labelToFocus,r)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(t){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return t}();var L=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t;this.component.initialValue=this.component.value};t.prototype.componentDidRender=function(){var t=this;if(this.component.selectEl){var r=this.component.selectEl.querySelectorAll("option");r.forEach((function(r){if(t.component.rawValue.includes(r.value)){r.selected=true}}))}};t.prototype.handle=function(t){var r=this;var o=t.target;if(o===null||o===void 0?void 0:o.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var t=r.component.valueUtil.parseValueString(r.component.initialValue);r.component.valueUtil.updateRawValueBySelection(t)}),0)}};return t}();var P=function(t){var o=t.name,n=t.httpFormSubmit,i=t.multiple,e=t.required,a=t.disabled,s=t.rawValue,l=t.refSelectEl;var c=b.block("dropdown");return n?r("select",{class:Object.assign({},c.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:i,required:e,disabled:a,tabindex:-1,ref:l},s.map((function(t){return r("option",{key:t,value:t,selected:true},t)}))):""};var B=function(t){var o=t.icon,n=t.language,i=t.loading,e=t.clearable,a=t.invalid,s=t.filled,l=t.expanded,c=t.disabled;var d=b.block("dropdown");if(i){return r("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:true,variation:"circle"})}else if(e&&s&&!c){return r("button",{title:T[n].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(a))},r("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"}))}else{return r("bal-icon",{class:Object.assign({},d.element("rear").class()),name:o,turn:l,color:c?"grey":a?"danger":"primary"})}};var D=function(t){var o=t.inputId,n=t.isExpanded,i=t.rawOptions,e=t.isDisabled,a=t.hasPropOptions,s=t.required,l=t.filter,c=t.multiple,d=t.contentHeight,u=t.refPanelEl,h=t.refListEl;var f=b.block("dropdown");return r("div",{id:"".concat(o,"-menu"),class:Object.assign(Object.assign({},f.element("list").class()),f.element("list").modifier("expanded").class(n)),ref:u},r("bal-option-list",{multiple:c,disabled:e,filter:l,required:s,contentHeight:d,ref:h},r("slot",null),a?i.map((function(t){return r("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label)})):""))};var H=function(){function t(){this.updatePanelPosition=function(t,r){return function(){x(t,r,{placement:"bottom-start",middleware:[k(),O()]}).then((function(t){var o=t.x,n=t.y;Object.assign(r.style,{left:"".concat(o,"px"),top:"".concat(n,"px")})}))}}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.toggleList=function(){if(!this.component.valueUtil.isDisabled()){if(this.component.isExpanded){this.collapseList()}else{this.expandList()}}};t.prototype.expandList=function(){var t;if(this.component.panelEl){this.component.panelCleanup=j(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))}this.component.isExpanded=true;(t=this.component.listEl)===null||t===void 0?void 0:t.focusFirst()};t.prototype.collapseList=function(){var t;this.component.isExpanded=false;(t=this.component.listEl)===null||t===void 0?void 0:t.resetFocus();if(this.component.panelCleanup){this.component.panelCleanup()}};return t}();var I=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.componentDidLoad=function(){var t=this;setTimeout((function(){return t.valueChanged(t.component.value,undefined)}),0)};t.prototype.isDisabled=function(){return this.component.disabled||this.component.readonly};t.prototype.isFilled=function(){return this.component.rawValue&&this.component.rawValue.length>0};t.prototype.valueChanged=function(t,r){var o=typeof t;var n=typeof r;if(o!==n){this.updateRawValueByValueProp(t)}if(o==="string"&&t!==r){this.updateRawValueByValueProp(t)}if(Array.isArray(t)&&Array.isArray(r)&&!l(t,r)){this.updateRawValueByValueProp(t)}};t.prototype.updateRawValueBySelection=function(t,r){if(t===void 0){t=[]}if(r===void 0){r=false}this.component.isAutoFilled=r;this.updateRawValue(t);if(this.component.multiple){this.component.balChange.emit(this.component.rawValue)}else{this.component.balChange.emit(this.component.rawValue[0])}};t.prototype.parseValueString=function(t){if(t===void 0){t=[]}var r=[];if(!y(t)&&t!==""){if(Array.isArray(t)){r=__spreadArray([],t.filter((function(t){return!y(t)})),true)}else{if(t.split("").includes(",")){r=__spreadArray([],t.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{r=[t]}}}return r};t.prototype.updateRawValueByValueProp=function(t){if(t===void 0){t=[]}var r=this.parseValueString(t);this.updateRawValue(r)};t.prototype.updateRawValue=function(t){if(t===void 0){t=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:this.component.rawValue=t;if(!this.component.listEl)return[3,2];return[4,this.component.listEl.updateSelected(this.component.rawValue)];case 1:r.sent();r.label=2;case 2:return[4,this.updateInputContent()];case 3:r.sent();return[2]}}))}))};t.prototype.removeOption=function(t){var r=this.component.rawValue.filter((function(r){return r!==t.value}));this.updateRawValueBySelection(r)};t.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:return[4,m()];case 1:r.sent();if(!this.component.listEl)return[3,3];t=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:t.choices=r.sent();this.component.inputLabel=this.component.choices.map((function(t){return t.label.trim()})).sort().join(",");r.label=3;case 3:return[2]}}))}))};return t}();var K=function(t){var o=t.filled,n=t.chips,i=t.placeholder,e=t.choices,a=t.invalid,s=t.disabled,l=t.readonly,c=t.onRemoveChip;var d=b.block("dropdown");if(o){if(n){return r("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},e.map((function(t){return r("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:a,disabled:s||l,closable:!(s||l),onBalCloseClick:function(){return c(t)}},t.label)})))}else{return e.map((function(t){return t.label})).join(", ")}}else{return i}};var R=function(t){var o=t.name,n=t.inputId,i=t.httpFormSubmit,e=t.ariaForm,a=t.rawValue,s=t.autocomplete,l=t.required,c=t.disabled,d=t.readonly,u=t.placeholder,h=t.expanded,f=t.invalid,p=t.language,v=t.inputLabel,w=t.inheritedAttributes,_=t.refInputEl,m=t.onChange,g=t.onFocus,y=t.onBlur,x=t.onKeyDown;var j=b.block("dropdown");var k=function(){return r("input",Object.assign({id:e.controlId||"".concat(n,"-ctrl"),class:Object.assign({},j.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:o,autoComplete:s,value:a.join(","),required:l,disabled:c,readonly:d,placeholder:u,title:h?T[p].close:T[p].open,"aria-label":h?T[p].close:T[p].open,"aria-owns":"".concat(n,"-menu"),"aria-invalid":z(f),"aria-disabled":z(c||d),"aria-labelledby":e.labelId,"aria-describedby":e.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":v,"data-value":a.join(","),ref:function(t){return _(t)},onChange:function(t){return m(t)},onFocus:function(t){return g(t)},onBlur:function(t){return y(t)},onKeyDown:function(t){return x(t)}},w))};if(i){return r(k,null)}return r("form",{novalidate:true},r(k,null))};var V=":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}";var W=V;var G=t("bal_dropdown",function(){function t(t){var r=this;o(this,t);this.balChange=n(this,"balChange",7);this.balFocus=n(this,"balFocus",7);this.balBlur=n(this,"balBlur",7);this.inputId="bal-dropdown-".concat(U++);this.inheritedAttributes={};this.initialValue=[];this.nativeOptions=[];this.valueUtil=new I;this.eventsUtil=new E;this.popupUtil=new H;this.optionUtil=new C;this.formSubmitUtil=new L;this.focusUtil=new q;this.autoFillUtil=new S;this.handleAutoFill=function(t){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(r){this.log("(handleAutoFill)",t,this.nativeEl.value);this.autoFillUtil.handleAutoFill(t);return[2]}))}))};this.handleKeyDown=function(t){var o,n,i,e,a;if(t&&t.key){if(r.isExpanded){if(c(t)){v(t);(o=r.listEl)===null||o===void 0?void 0:o.focusNext()}else if(d(t)){v(t);(n=r.listEl)===null||n===void 0?void 0:n.focusPrevious()}else if(t.key==="Home"||t.key==="PageUp"){v(t);(i=r.listEl)===null||i===void 0?void 0:i.focusFirst()}else if(t.key==="End"||t.key==="PageDown"){v(t);(e=r.listEl)===null||e===void 0?void 0:e.focusLast()}else if(u(t)){v(t);(a=r.listEl)===null||a===void 0?void 0:a.selectByFocus()}else if(t.key==="Tab"||h(t)){r.popupUtil.collapseList()}else if(t.key.length===1){r.focusUtil.focusOptionByLabel(t.key)}}else{if(u(t)||f(t)){v(t);r.popupUtil.expandList()}else if(t.key.length===1){r.focusUtil.focusOptionByLabel(t.key,{select:true})}}}else{if(r.isExpanded){r.popupUtil.collapseList()}}};this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=false;this.inputLabel="";this.ariaForm=_;this.language=A.language;this.region=A.region;this.httpFormSubmit=A.httpFormSubmit;this.labelToFocus="";this.autocomplete="off";this.name=this.inputId;this.placeholder="";this.icon="caret-down";this.disabled=false;this.readonly=false;this.multiple=false;this.chips=false;this.clearable=false;this.invalid=false;this.required=false;this.loading=false;this.filter="includes";this.contentHeight=262;this.inverted=false;this.options=[];this.value=[]}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.optionUtil.optionChanged();return[2]}))}))};t.prototype.valueChanged=function(t,r){this.valueUtil.valueChanged(t,r)};t.prototype.connectedCallback=function(){this.eventsUtil.connectedCallback(this);this.valueUtil.connectedCallback(this);this.popupUtil.connectedCallback(this);this.optionUtil.connectedCallback(this);this.formSubmitUtil.connectedCallback(this);this.focusUtil.connectedCallback(this);this.autoFillUtil.connectedCallback(this)};t.prototype.componentWillRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.inheritedAttributes=w(this.el,["tabindex"]);return[4,this.optionUtil.componentWillRender()];case 1:t.sent();return[2]}}))}))};t.prototype.componentDidRender=function(){this.formSubmitUtil.componentDidRender()};t.prototype.componentDidLoad=function(){this.valueUtil.componentDidLoad()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.language=t.language;this.region=t.region;this.httpFormSubmit=t.httpFormSubmit;return[2]}))}))};t.prototype.listenToOptionChange=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.optionUtil.listenToOptionChange(t);return[2]}))}))};t.prototype.listenOnClickOutside=function(t){this.eventsUtil.handleOutsideClick(t)};t.prototype.resetHandler=function(t){this.formSubmitUtil.handle(t)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.nativeEl&&!this.valueUtil.isDisabled()))return[3,2];return[4,g()];case 1:t.sent();this.nativeEl.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.valueUtil.updateRawValueBySelection([]);return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.expandList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.collapseList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(o){r=this.valueUtil.parseValueString(t);this.valueUtil.updateRawValueBySelection(r);return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.render=function(){var t=this;var o=b.block("dropdown");return r(i,{class:Object.assign({},o.class()),tabindex:"-1",id:"".concat(this.inputId)},r("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(this.hasFocus)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:function(r){return t.eventsUtil.handleClick(r)}},r("span",{class:Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},r(K,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:function(r){return t.valueUtil.removeOption(r)}})),r(R,{name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:function(r){return t.nativeEl=r},onChange:function(r){return t.handleAutoFill(r)},onFocus:function(r){return t.eventsUtil.handleFocus(r)},onBlur:function(r){return t.eventsUtil.handleBlur(r)},onKeyDown:function(r){return t.handleKeyDown(r)}}),r(P,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(r){return t.selectEl=r}}),r(B,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),r(D,{inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:function(r){return t.panelEl=r},refListEl:function(r){return t.listEl=r}},r("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());a([p("bal-dropdown"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],G.prototype,"createLogger",null);a([F(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],G.prototype,"configChanged",null);var U=0;G.style=W}}}));

package/dist/baloise-design-system/p-192bade4.js

@@ -1 +0,0 @@
-import{a as n}from"./p-ffbe2886.js";function t(){return function(t){const{connectedCallback:c,disconnectedCallback:i}=t;t.connectedCallback=function(){return n.attach(this),c&&c.call(this)},t.disconnectedCallback=function(){return n.detach(this),i&&i.call(this)}}}export{t as L}

package/dist/baloise-design-system/p-1d351673.system.js

@@ -1 +0,0 @@
-System.register(["./p-a1f6e944.system.js"],(function(t){"use strict";var n;return{setters:[function(t){n=t.b}],execute:function(){var i=function(){function t(){this.x=0;this.y=0;this.disabled=false}t.disableSmoothScrolling=function(){this.setScrollBehavior("auto")};t.enableSmoothScrolling=function(){this.setScrollBehavior("smooth")};t.setScrollBehavior=function(t){var i;if(n.hasDocument){var o=document;var u=document.body;u.style.scrollBehavior=t;var e=(i=o.firstChild)===null||i===void 0?void 0:i.nextSibling;var s=getComputedStyle(e);if(s.scrollBehavior==="smooth"){e.style.scrollBehavior=t}}};t.prototype.connect=function(t){if(t){this.target=t}else{if(n.hasDocument){this.target=document}}onscroll=null;onkeydown=null};t.prototype.disconnect=function(){if(this.disabled){this.enable()}this.target=undefined;onscroll=null;onkeydown=null};t.prototype.isDisabled=function(){return this.disabled};t.prototype.enable=function(){if(this.target){if(n.hasWindow&&n.hasDocument){document.body.classList.remove("noscroll");document.body.style.position="";document.body.style.top="";document.body.style.width="";window.scrollTo(this.x,this.y);this.disabled=false}}};t.prototype.disable=function(){if(!this.disabled&&this.target){if(n.hasWindow&&n.hasDocument){this.x=window.pageXOffset||document.documentElement.scrollLeft;this.y=window.pageYOffset||document.documentElement.scrollTop;document.body.classList.add("noscroll");document.body.style.position="fixed";document.body.style.top="-".concat(this.y,"px");document.body.style.width="100%";this.disabled=true}}};return t}();t("B",i)}}}));

package/dist/baloise-design-system/p-6e0f125e.js

@@ -1 +0,0 @@
-import{b as t}from"./p-a65354df.js";class o{constructor(){this.x=0,this.y=0,this.disabled=!1}static disableSmoothScrolling(){this.setScrollBehavior("auto")}static enableSmoothScrolling(){this.setScrollBehavior("smooth")}static setScrollBehavior(o){var s;if(t.hasDocument){const t=document;document.body.style.scrollBehavior=o;const i=null===(s=t.firstChild)||void 0===s?void 0:s.nextSibling;"smooth"===getComputedStyle(i).scrollBehavior&&(i.style.scrollBehavior=o)}}connect(o){o?this.target=o:t.hasDocument&&(this.target=document),onscroll=null,onkeydown=null}disconnect(){this.disabled&&this.enable(),this.target=void 0,onscroll=null,onkeydown=null}isDisabled(){return this.disabled}enable(){this.target&&t.hasWindow&&t.hasDocument&&(document.body.classList.remove("noscroll"),document.body.style.position="",document.body.style.top="",document.body.style.width="",window.scrollTo(this.x,this.y),this.disabled=!1)}disable(){!this.disabled&&this.target&&t.hasWindow&&t.hasDocument&&(this.x=window.pageXOffset||document.documentElement.scrollLeft,this.y=window.pageYOffset||document.documentElement.scrollTop,document.body.classList.add("noscroll"),document.body.style.position="fixed",document.body.style.top=`-${this.y}px`,document.body.style.width="100%",this.disabled=!0)}}export{o as B}

package/dist/baloise-design-system/p-e63febcbd8.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as s,g as e}from"./p-d7c752c6.js";import{_ as C,a as o}from"./p-43c9f5e9.js";import{B as a}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{k as n}from"./p-88f18fbc.js";import{L as h}from"./p-192bade4.js";import{b as r}from"./p-ffbe2886.js";import{L as p}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-b1f86100.js";const g=class{constructor(i){t(this,i),this.isTouch=r.isTouch,this.doesConfigAllowAnimation=!0,this.color="blue",this.size="",this.animated=!1}createLogger(t){this.log=t}animatedWatcher(){this.isAnimated||this.destroyAnimation()}connectedCallback(){this.animatedWatcher()}componentDidUpdate(){this.resetAnimation()}componentDidLoad(){this.resetAnimation()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroyAnimation()}breakpointListener(t){this.isTouch=t.touch}configChanged(t){this.doesConfigAllowAnimation=t.animated}get isAnimated(){return this.doesConfigAllowAnimation&&this.animated}async resetAnimation(){this.destroyAnimation(),this.animated&&(await this.loadAnimation(),this.animationFunction&&(this.destroyAnimation(),this.animationItem=this.animationFunction(this.animatedLogoElement,this.color)))}async loadAnimation(){return new Promise(((t,i)=>{if(this.animationFunction)return t();n((async()=>{import("./p-ce4f5a6a.js").then((i=>{this.animationFunction=i.animate,t()})).catch(i)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy()}render(){const t=a.block("logo"),e=this.isAnimated?()=>i("div",{style:{width:this.isTouch?"100px":"158px",height:this.isTouch?"22px":"32px"},ref:t=>this.animatedLogoElement=t}):this.isTouch&&""===this.size||"small"===this.size?()=>i("svg",{focusable:"false","aria-hidden":"true",width:"100",height:"22",viewBox:"0 0 100 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M71.2886 3.08227C71.2886 1.78086 72.3924 0.84771 73.679 0.84771C74.9656 0.84771 75.9688 1.78086 75.9688 3.08227C75.9688 4.38368 74.9656 5.29533 73.679 5.29533C72.3924 5.29533 71.2886 4.38403 71.2886 3.08227ZM71.8472 6.83532H75.4888V18.2682H71.8472V6.83532ZM52.405 2.40989H56.0469V18.2678H52.405V2.40989ZM30.6826 18.5505C34.0192 18.5505 36.3961 15.9903 36.3961 12.5629C36.3961 9.13507 34.0847 6.57525 30.7687 6.5756C29.5268 6.5756 28.48 6.94421 27.6514 7.63843V2.41025H24.0095V18.2682H27.368V17.292C28.1966 18.0948 29.3089 18.5505 30.6826 18.5505ZM30.1594 9.74366C31.6858 9.74366 32.7978 10.9358 32.7978 12.5629C32.7978 14.1899 31.6858 15.3613 30.1594 15.3613C28.5675 15.3613 27.4768 14.2114 27.4768 12.5629C27.4768 10.8932 28.5455 9.74366 30.1594 9.74366ZM50.0036 18.2682V6.83532H46.6451V8.02854C45.8382 7.22613 44.7475 6.79197 43.3305 6.79197C39.994 6.79197 37.5951 9.13543 37.5951 12.5629C37.5951 15.9903 39.994 18.5505 43.3305 18.5505C44.7478 18.5505 45.8382 18.0726 46.6451 17.2269V18.2682H50.0036ZM43.8541 9.74367C45.446 9.74367 46.5147 10.8921 46.5147 12.5629C46.5147 14.2117 45.4457 15.3613 43.8541 15.3613C42.3061 15.3613 41.2154 14.1888 41.2154 12.5629C41.2154 10.9369 42.3277 9.74367 43.8541 9.74367ZM63.9216 6.57524C60.2581 6.57524 57.641 9.13507 57.641 12.5628C57.641 15.9688 60.2591 18.5505 63.9216 18.5505C67.6071 18.5505 70.2238 15.9688 70.2238 12.5628C70.2238 9.13507 67.6057 6.57524 63.9216 6.57524ZM63.9432 9.78595C65.5351 9.78595 66.5603 10.914 66.5603 12.541C66.5603 14.1899 65.5135 15.3394 63.9432 15.3398C62.3513 15.3398 61.3045 14.168 61.3045 12.5628C61.3045 10.9136 62.3513 9.78595 63.9432 9.78595ZM79.9809 14.3418L76.9717 15.4916C77.6475 17.489 79.5013 18.5505 82.095 18.5484C85.1262 18.5484 87.045 17.1166 87.045 14.7516C87.045 12.1567 84.765 11.5576 83.0168 11.0983C81.9297 10.8126 81.0482 10.581 81.0482 9.95722C81.0482 9.48007 81.4187 9.19815 82.1601 9.19815C82.9235 9.19815 83.4687 9.56676 83.7305 10.2828L86.7415 9.11111C86.2834 7.50664 84.5824 6.57384 82.2271 6.57384C79.327 6.57384 77.4949 7.92035 77.4949 10.1331C77.4949 12.4741 79.6268 13.1109 81.3484 13.6252C82.5143 13.9735 83.4921 14.2655 83.4921 14.9926C83.4921 15.5131 83.056 15.8384 82.2271 15.8384C81.0496 15.8384 80.2862 15.2964 79.9809 14.3418ZM99.9999 12.3243C99.9999 9.50508 97.7756 6.5534 94.0246 6.5534C90.7101 6.5534 88.0494 9.26686 88.0494 12.5628C88.0494 15.9688 90.4483 18.5505 94.2429 18.5505C96.7469 18.5505 98.2259 17.5905 99.1125 16.496L97.0183 14.4084C96.3644 15.2132 95.6385 15.5998 94.3516 15.5998C92.9779 15.5998 91.9531 14.9056 91.5822 13.6264H99.9128C99.9728 13.195 100.002 12.7598 99.9999 12.3243ZM91.5383 11.3696C91.8436 9.98118 92.7813 9.2651 94.1114 9.2651C95.4416 9.2651 96.3141 10.0679 96.6194 11.3696H91.5383ZM10.6109 1.49718L19.7559 10.5947C19.8357 10.6742 19.899 10.7686 19.9422 10.8725C19.9854 10.9764 20.0076 11.0878 20.0075 11.2002C20.0074 11.3126 19.985 11.4239 19.9416 11.5277C19.8983 11.6315 19.8348 11.7258 19.7548 11.8052L17.2751 14.272L10.003 7.03759L5.81949 11.1994L10.003 15.3613L12.5967 12.7806L15.6857 15.8532L10.6127 20.9017C10.5328 20.9811 10.438 21.0442 10.3337 21.0872C10.2294 21.1302 10.1175 21.1523 10.0046 21.1523C9.89169 21.1523 9.77986 21.1302 9.67553 21.0872C9.5712 21.0442 9.47641 20.9811 9.39657 20.9017L0.251611 11.8041C0.0904986 11.6437 0 11.4262 0 11.1994C0 10.9726 0.0904986 10.7551 0.251611 10.5947L9.3948 1.49718C9.47464 1.41772 9.56943 1.35469 9.67376 1.31169C9.77809 1.26868 9.88992 1.24655 10.0028 1.24655C10.1158 1.24655 10.2276 1.26868 10.3319 1.31169C10.4363 1.35469 10.5311 1.41772 10.6109 1.49718Z",fill:"#000D6E"})):()=>i("svg",{focusable:"false","aria-hidden":"true",width:"158",height:"32",viewBox:"0 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"}));return i(s,{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier(this.color).class()),t.modifier(`size-${this.size}`).class(""!==this.size)),t.modifier("animated").class(this.animated))},i(e,null))}get el(){return e(this)}static get watchers(){return{animated:["animatedWatcher"]}}};C([l("bal-logo"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],g.prototype,"createLogger",null),C([h(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],g.prototype,"breakpointListener",null),C([p(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],g.prototype,"configChanged",null),g.style=".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";export{g as bal_logo}

package/dist/baloise-design-system/p-f8a98657a1.entry.js

@@ -1 +0,0 @@
-import{h as o,r as t,c as i,H as e,g as a}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{o as s,q as n,s as d,h as c,u as h,e as p}from"./p-94efe2aa.js";import{B as b}from"./p-ae86d0a0.js";import{L as u}from"./p-b77e3348.js";import{s as m}from"./p-ad9a7657.js";import{i as w}from"./p-dd5e13d1.js";import{d as f}from"./p-f385e205.js";import{b as v,d as g}from"./p-88f18fbc.js";import{l as y}from"./p-9a3d9e17.js";import{c as _,a as x,f as k,s as j}from"./p-b80d9e4d.js";import{D as O}from"./p-12bcc7da.js";import{a as C}from"./p-d9b38501.js";import{d as F}from"./p-a19d1e1d.js";import{L}from"./p-69e7c8d6.js";import"./p-4573c419.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class z{constructor(){this.handleAutoFill=async o=>{if(m(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);s(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let i=0;i<t.length;i++){const e=t[i];if(e.value===o||e.label===o)return[e.value]}}}const A={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class D{connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.hasFocus=!1,this.component.balBlur.emit(o)}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus()))}}class E{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class S{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const V=({name:t,httpFormSubmit:i,multiple:e,required:a,disabled:r,rawValue:l,refSelectEl:s})=>{const n=b.block("dropdown");return i?o("select",{class:Object.assign({},n.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:e,required:a,disabled:r,tabindex:-1,ref:s},l.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},q=({icon:t,language:i,loading:e,clearable:a,invalid:r,filled:l,expanded:s,disabled:n})=>{const d=b.block("dropdown");return e?o("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:!0,variation:"circle"}):a&&l&&!n?o("button",{title:A[i].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(r))},o("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"})):o("bal-icon",{class:Object.assign({},d.element("rear").class()),name:t,turn:s,color:n?"grey":r?"danger":"primary"})},B=({inputId:t,isExpanded:i,rawOptions:e,isDisabled:a,hasPropOptions:r,required:l,filter:s,multiple:n,contentHeight:d,refPanelEl:c,refListEl:h})=>{const p=b.block("dropdown");return o("div",{id:`${t}-menu`,class:Object.assign(Object.assign({},p.element("list").class()),p.element("list").modifier("expanded").class(i)),ref:c},o("bal-option-list",{multiple:n,disabled:a,filter:s,required:l,contentHeight:d,ref:h},o("slot",null),r?e.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):""))};class T{constructor(){this.updatePanelPosition=(o,t)=>()=>{_(o,t,{placement:"bottom-start",middleware:[k(),j()]}).then((({x:o,y:i})=>{Object.assign(t.style,{left:`${o}px`,top:`${i}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}expandList(){var o;this.component.panelEl&&(this.component.panelCleanup=x(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))),this.component.isExpanded=!0,null===(o=this.component.listEl)||void 0===o||o.focusFirst()}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class R{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const i=typeof o;i!==typeof t&&this.updateRawValueByValueProp(o),"string"===i&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!s(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return y(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!y(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await v(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const P=({filled:t,chips:i,placeholder:e,choices:a,invalid:r,disabled:l,readonly:s,onRemoveChip:n})=>{const d=b.block("dropdown");return t?i?o("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},a.map((t=>o("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:r,disabled:l||s,closable:!(l||s),onBalCloseClick:()=>n(t)},t.label)))):a.map((o=>o.label)).join(", "):e},I=({name:t,inputId:i,httpFormSubmit:e,ariaForm:a,rawValue:r,autocomplete:l,required:s,disabled:n,readonly:d,placeholder:c,expanded:h,invalid:p,language:u,inputLabel:m,inheritedAttributes:w,refInputEl:f,onChange:v,onFocus:g,onBlur:y,onKeyDown:_})=>{const x=b.block("dropdown"),k=()=>o("input",Object.assign({id:a.controlId||`${i}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:t,autoComplete:l,value:r.join(","),required:s,disabled:n,readonly:d,placeholder:c,title:h?A[u].close:A[u].open,"aria-label":h?A[u].close:A[u].open,"aria-owns":`${i}-menu`,"aria-invalid":C(p),"aria-disabled":C(n||d),"aria-labelledby":a.labelId,"aria-describedby":a.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":m,"data-value":r.join(","),ref:o=>f(o),onChange:o=>v(o),onFocus:o=>g(o),onBlur:o=>y(o),onKeyDown:o=>_(o)},w));return e?o(k,null):o("form",{novalidate:!0},o(k,null))},H=class{constructor(o){t(this,o),this.balChange=i(this,"balChange",7),this.balFocus=i(this,"balFocus",7),this.balBlur=i(this,"balBlur",7),this.inputId="bal-dropdown-"+$++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new R,this.eventsUtil=new D,this.popupUtil=new T,this.optionUtil=new O,this.formSubmitUtil=new S,this.focusUtil=new E,this.autoFillUtil=new z,this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,i,e,a,r;o&&o.key?this.isExpanded?n(o)?(m(o),null===(t=this.listEl)||void 0===t||t.focusNext()):d(o)?(m(o),null===(i=this.listEl)||void 0===i||i.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(m(o),null===(e=this.listEl)||void 0===e||e.focusFirst()):"End"===o.key||"PageDown"===o.key?(m(o),null===(a=this.listEl)||void 0===a||a.focusLast()):c(o)?(m(o),null===(r=this.listEl)||void 0===r||r.selectByFocus()):"Tab"===o.key||h(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):c(o)||p(o)?(m(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.inputLabel="",this.ariaForm=f,this.language=F.language,this.region=F.region,this.httpFormSubmit=F.httpFormSubmit,this.labelToFocus="",this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.icon="caret-down",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[]}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)}async componentWillRender(){this.inheritedAttributes=w(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async listenToOptionChange(o){this.optionUtil.listenToOptionChange(o)}listenOnClickOutside(o){this.eventsUtil.handleOutsideClick(o)}resetHandler(o){this.formSubmitUtil.handle(o)}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await g(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=b.block("dropdown");return o(e,{class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(this.hasFocus)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{class:Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},o(P,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(I,{name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(V,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(q,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),o(B,{inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",null)))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};r([u("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],H.prototype,"createLogger",null),r([L(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],H.prototype,"configChanged",null);let $=0;H.style=":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}";export{H as bal_dropdown}

package/dist/esm-es5/scroll-e341d95b.js

@@ -1 +0,0 @@
-import{b as balBrowser}from"./browser-a8073d92.js";var BalScrollHandler=function(){function o(){this.x=0;this.y=0;this.disabled=false}o.disableSmoothScrolling=function(){this.setScrollBehavior("auto")};o.enableSmoothScrolling=function(){this.setScrollBehavior("smooth")};o.setScrollBehavior=function(o){var n;if(balBrowser.hasDocument){var t=document;var i=document.body;i.style.scrollBehavior=o;var s=(n=t.firstChild)===null||n===void 0?void 0:n.nextSibling;var e=getComputedStyle(s);if(e.scrollBehavior==="smooth"){s.style.scrollBehavior=o}}};o.prototype.connect=function(o){if(o){this.target=o}else{if(balBrowser.hasDocument){this.target=document}}onscroll=null;onkeydown=null};o.prototype.disconnect=function(){if(this.disabled){this.enable()}this.target=undefined;onscroll=null;onkeydown=null};o.prototype.isDisabled=function(){return this.disabled};o.prototype.enable=function(){if(this.target){if(balBrowser.hasWindow&&balBrowser.hasDocument){document.body.classList.remove("noscroll");document.body.style.position="";document.body.style.top="";document.body.style.width="";window.scrollTo(this.x,this.y);this.disabled=false}}};o.prototype.disable=function(){if(!this.disabled&&this.target){if(balBrowser.hasWindow&&balBrowser.hasDocument){this.x=window.pageXOffset||document.documentElement.scrollLeft;this.y=window.pageYOffset||document.documentElement.scrollTop;document.body.classList.add("noscroll");document.body.style.position="fixed";document.body.style.top="-".concat(this.y,"px");document.body.style.width="100%";this.disabled=true}}};return o}();export{BalScrollHandler as B};