@baloise/ds-core 16.5.0 → 16.5.1

package/dist/baloise-design-system/{p-407ffd9c55.entry.js → p-c716d30de1.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,h as i,H as e,g as s}from"./p-d7c752c6.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{o as l}from"./p-f5940253.js";import{l as r,e as _,t as h,m as c,n as d,o as v,i as m,b as p}from"./p-88f18fbc.js";import{B as u}from"./p-ae86d0a0.js";import{L as f}from"./p-b77e3348.js";import{n as g}from"./p-f3f5ce4f.js";import{s as x}from"./p-ad9a7657.js";import{b as w}from"./p-a65354df.js";import{a as j}from"./p-0e361394.js";import{b as y}from"./p-3eb68d7e.js";import{L as O}from"./p-3231863d.js";import{L as k}from"./p-e75ccb92.js";import{L as $}from"./p-2692caf4.js";import{L}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-e1994e2c.js";const A=class{constructor(i){t(this,i),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+z++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.aria=void 0}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){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:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria}}render(){const t=!this.noPanel,a=!this.isActive||this.noPanel;return i(e,{id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:t?"tabpanel":void 0,"aria-label":t?this.label:void 0,"aria-hidden":a?"true":"false",tabindex:a?"-1":void 0,hidden:!!a||void 0},i("slot",null))}get el(){return s(this)}};let z=0;const C=({items:t,value:a,onSelectTab:e})=>{const s=u.block("tabs").element("select");return i("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const i=t.filter((t=>t.value===a.detail));if(i.length>0){const t=i[0];""!==t.href&&void 0!==t.href&&w.hasWindow&&window.open(t.href,t.target),e(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},T=({item:t,inverted:a,accordion:e,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=u.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),i("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled))},i("bal-icon",{size:n||e?"small":"",name:e?"nav-go-down":t.icon,color:l,turn:e&&!0===s&&t.active}),b?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},F=({item:t,inverted:a,hasBubble:e,isVertical:s,context:n})=>{const b=u.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),"data-testid":"bal-tabs-item-label"},t.label,e?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},S=t=>"string"==typeof t?t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase():"",B=({item:t,tabsId:a,isFirst:e,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,isLinkList:r,inverted:_,expanded:h,spaceless:c,clickable:d,iconPosition:v,context:m,onSelectTab:p})=>{var f;const g=u.block("tabs").element("nav").element("item");if(t.invisible)return;const x=!1!==t.bubble,w=void 0!==t.icon,j=w&&x&&"horizontal"!==v&&!o||n&&w&&x&&!b&&!o,y=o&&x||o&&n&&w&&x&&!b,O=!w&&x&&!o||x&&!n&&"horizontal"===v&&!o||x&&b&&!o,k=void 0===t.href||""===t.href,$=k?"button":"a",L=k?{type:"button",role:"tab","aria-controls":(null===(f=t.aria)||void 0===f?void 0:f.controls)||t.tabPanelID||void 0,"aria-expanded":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label}:{href:t.href,target:t.target};return r||(L.tabindex=t.active?"0":"-1"),i($,Object.assign({id:`${a}-button-${S(t.value)}`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("active").class(t.active)),g.modifier("disabled").class(t.disabled)),g.modifier("clickable").class(d)),g.modifier("accordion").class(o)),g.modifier("inverted").class(_)),g.modifier("expanded").class(h)),g.modifier("spaceless").class(c)),g.modifier("first").class(e)),g.modifier("last").class(s)),g.modifier("passed").class(t.passed)),g.modifier("vertical").class(b)),g.modifier(`context-${m}`).class(void 0!==m)),g.modifier(`icon-position-${v}`).class("horizontal"!==v)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":k?t.active?"true":"false":void 0},L,{onClick:a=>p(a,t)}),t.icon?i(T,{accordion:!1,item:t,isMobile:n,hasBubble:j,inverted:_}):"",i(F,{item:t,isMobile:n,isVertical:b,hasBubble:O,inverted:_,context:m}),o&&!t.href?i(T,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:y,inverted:_}):"")},P=({items:t,tabsId:a,hasCarousel:e,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,isLinkList:r,border:_,accordion:h,isAccordionOpen:c,inverted:d,clickable:v,animated:m,spaceless:p,expanded:f,verticalColSize:g,iconPosition:w,context:j,onSelectTab:y})=>{const O=u.block("tabs").element("nav"),k=t.filter((t=>!t.invisible)),$=n&&!o,L=({item:t,index:e})=>i(B,{item:t,isLinkList:r,tabsId:a,isFirst:0===e,isLast:e===k.length-1,isMobile:b,isVertical:s,iconPosition:w,spaceless:p,inverted:d,accordion:h,isAccordionOpen:c,context:j,expanded:f,clickable:v&&!t.disabled,onSelectTab:y});return i("div",{id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class($)),O.modifier("border").class(_)),O.modifier("animated").class(m)),O.modifier("vertical").class(s)),O.modifier("expanded").class(f&&!s)),O.modifier(`vertical-col-${g}`).class(s))},e?i("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},O.element("carousel").class()),htmlRole:"tablist",fullHeight:$,border:_,inverted:d,controls:"small","items-per-view":"auto",steps:3,onBalChange:x},k.map(((t,a)=>i("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(f))},i(L,{item:t,index:a})))),i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(d)),O.element("line").modifier("animated").class(m)),O.element("line").modifier("vertical").class(s))})):k.map(((t,a)=>i(L,{item:t,index:a}))),e?"":i("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(d)),O.element("border").modifier("vertical").class(s))}),e?"":i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(d)),O.element("line").modifier("animated").class(m)),O.element("line").modifier("vertical").class(s))}))},V=class{constructor(i){t(this,i),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+M++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(g)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const i=t.clientWidth;return this.expanded?i:i-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const i=t.closest("bal-carousel-item");if(i)return this.expanded?i.offsetLeft:i.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=j(t),i=this.getLineSize(t,a),e=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=h(s,300);if(t)s.style.setProperty("transform",`translateY(${e}px)`),s.style.setProperty("min-height",`${i}px`),s.style.setProperty("height",`${i}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${e}px)`),s.style.setProperty("min-width",`${i}px`),s.style.setProperty("width",`${i}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:i}=this;t||void 0===a||void 0===i?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=i.offsetHeight,e=h(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await e,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=h(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&x(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isMobile=y.isMobile,this.isTablet=y.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=d("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(d("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){v(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){v(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),i=t.target;a&&m(a,this.el)&&(this.isNavbarOpen=i)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let i=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(i=i.reverse());const e=i.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,i)=>t<a||i>=t?t:i:(t,i)=>t>a||i<=t?t:i,n=e.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){if(await p(),null!==this.el.querySelector("button.bal-focused")){const a=this.el.querySelector(`#${this.tabsId}-button-${S(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=u.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=!b&&this.overflow&&!this.expanded,l=a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content",h=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),c=!this.isTabList;return i(e,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",")},l?i(C,{value:this.value,items:r,onSelectTab:this.onSelectTab}):i(P,{items:r,isLinkList:c,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab}),i("div",{part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},i("div",{id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},i("slot",null))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([f("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],V.prototype,"createLogger",null),b([O({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"mutationListener",null),b([k(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],V.prototype,"breakpointListener",null),b([$(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"resizeListener",null),b([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],V.prototype,"configChanged",null);let M=0;V.style="@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}}";export{A as bal_tab_item,V as bal_tabs}
+import{r as t,c as a,h as i,H as e,g as s}from"./p-d7c752c6.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{o as l}from"./p-4ae121b6.js";import{l as r,e as _,t as h,m as c,n as d,o as v,i as m,b as p}from"./p-88f18fbc.js";import{B as u}from"./p-ae86d0a0.js";import{L as f}from"./p-b77e3348.js";import{n as g}from"./p-f3f5ce4f.js";import{s as x}from"./p-de08fd27.js";import{b as w}from"./p-a65354df.js";import{a as j}from"./p-0e361394.js";import{b as y}from"./p-0db6b19e.js";import{L as O}from"./p-3231863d.js";import{L as k}from"./p-cfa901cb.js";import{L as $}from"./p-2692caf4.js";import{L}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-46bed129.js";const A=class{constructor(i){t(this,i),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+z++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.aria=void 0}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){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:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria}}render(){const t=!this.noPanel,a=!this.isActive||this.noPanel;return i(e,{id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:t?"tabpanel":void 0,"aria-label":t?this.label:void 0,"aria-hidden":a?"true":"false",tabindex:a?"-1":void 0,hidden:!!a||void 0},i("slot",null))}get el(){return s(this)}};let z=0;const C=({items:t,value:a,onSelectTab:e})=>{const s=u.block("tabs").element("select");return i("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const i=t.filter((t=>t.value===a.detail));if(i.length>0){const t=i[0];""!==t.href&&void 0!==t.href&&w.hasWindow&&window.open(t.href,t.target),e(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},T=({item:t,inverted:a,accordion:e,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=u.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),i("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled))},i("bal-icon",{size:n||e?"small":"",name:e?"nav-go-down":t.icon,color:l,turn:e&&!0===s&&t.active}),b?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},F=({item:t,inverted:a,hasBubble:e,isVertical:s,context:n})=>{const b=u.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),"data-testid":"bal-tabs-item-label"},t.label,e?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},S=t=>"string"==typeof t?t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase():"",B=({item:t,tabsId:a,isFirst:e,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,isLinkList:r,inverted:_,expanded:h,spaceless:c,clickable:d,iconPosition:v,context:m,onSelectTab:p})=>{var f;const g=u.block("tabs").element("nav").element("item");if(t.invisible)return;const x=!1!==t.bubble,w=void 0!==t.icon,j=w&&x&&"horizontal"!==v&&!o||n&&w&&x&&!b&&!o,y=o&&x||o&&n&&w&&x&&!b,O=!w&&x&&!o||x&&!n&&"horizontal"===v&&!o||x&&b&&!o,k=void 0===t.href||""===t.href,$=k?"button":"a",L=k?{type:"button",role:"tab","aria-controls":(null===(f=t.aria)||void 0===f?void 0:f.controls)||t.tabPanelID||void 0,"aria-expanded":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label}:{href:t.href,target:t.target};return r||(L.tabindex=t.active?"0":"-1"),i($,Object.assign({id:`${a}-button-${S(t.value)}`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("active").class(t.active)),g.modifier("disabled").class(t.disabled)),g.modifier("clickable").class(d)),g.modifier("accordion").class(o)),g.modifier("inverted").class(_)),g.modifier("expanded").class(h)),g.modifier("spaceless").class(c)),g.modifier("first").class(e)),g.modifier("last").class(s)),g.modifier("passed").class(t.passed)),g.modifier("vertical").class(b)),g.modifier(`context-${m}`).class(void 0!==m)),g.modifier(`icon-position-${v}`).class("horizontal"!==v)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":k?t.active?"true":"false":void 0},L,{onClick:a=>p(a,t)}),t.icon?i(T,{accordion:!1,item:t,isMobile:n,hasBubble:j,inverted:_}):"",i(F,{item:t,isMobile:n,isVertical:b,hasBubble:O,inverted:_,context:m}),o&&!t.href?i(T,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:y,inverted:_}):"")},P=({items:t,tabsId:a,hasCarousel:e,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,isLinkList:r,border:_,accordion:h,isAccordionOpen:c,inverted:d,clickable:v,animated:m,spaceless:p,expanded:f,verticalColSize:g,iconPosition:w,context:j,onSelectTab:y})=>{const O=u.block("tabs").element("nav"),k=t.filter((t=>!t.invisible)),$=n&&!o,L=({item:t,index:e})=>i(B,{item:t,isLinkList:r,tabsId:a,isFirst:0===e,isLast:e===k.length-1,isMobile:b,isVertical:s,iconPosition:w,spaceless:p,inverted:d,accordion:h,isAccordionOpen:c,context:j,expanded:f,clickable:v&&!t.disabled,onSelectTab:y});return i("div",{id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class($)),O.modifier("border").class(_)),O.modifier("animated").class(m)),O.modifier("vertical").class(s)),O.modifier("expanded").class(f&&!s)),O.modifier(`vertical-col-${g}`).class(s))},e?i("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},O.element("carousel").class()),htmlRole:"tablist",fullHeight:$,border:_,inverted:d,controls:"small","items-per-view":"auto",steps:3,onBalChange:x},k.map(((t,a)=>i("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(f))},i(L,{item:t,index:a})))),i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(d)),O.element("line").modifier("animated").class(m)),O.element("line").modifier("vertical").class(s))})):k.map(((t,a)=>i(L,{item:t,index:a}))),e?"":i("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(d)),O.element("border").modifier("vertical").class(s))}),e?"":i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(d)),O.element("line").modifier("animated").class(m)),O.element("line").modifier("vertical").class(s))}))},V=class{constructor(i){t(this,i),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+M++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(g)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const i=t.clientWidth;return this.expanded?i:i-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const i=t.closest("bal-carousel-item");if(i)return this.expanded?i.offsetLeft:i.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=j(t),i=this.getLineSize(t,a),e=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=h(s,300);if(t)s.style.setProperty("transform",`translateY(${e}px)`),s.style.setProperty("min-height",`${i}px`),s.style.setProperty("height",`${i}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${e}px)`),s.style.setProperty("min-width",`${i}px`),s.style.setProperty("width",`${i}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:i}=this;t||void 0===a||void 0===i?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=i.offsetHeight,e=h(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await e,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=h(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&x(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isMobile=y.isMobile,this.isTablet=y.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=d("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(d("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){v(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){v(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),i=t.target;a&&m(a,this.el)&&(this.isNavbarOpen=i)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let i=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(i=i.reverse());const e=i.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,i)=>t<a||i>=t?t:i:(t,i)=>t>a||i<=t?t:i,n=e.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){if(await p(),null!==this.el.querySelector("button.bal-focused")){const a=this.el.querySelector(`#${this.tabsId}-button-${S(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=u.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=!b&&this.overflow&&!this.expanded,l=a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content",h=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),c=!this.isTabList;return i(e,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",")},l?i(C,{value:this.value,items:r,onSelectTab:this.onSelectTab}):i(P,{items:r,isLinkList:c,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab}),i("div",{part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},i("div",{id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},i("slot",null))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([f("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],V.prototype,"createLogger",null),b([O({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"mutationListener",null),b([k(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],V.prototype,"breakpointListener",null),b([$(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"resizeListener",null),b([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],V.prototype,"configChanged",null);let M=0;V.style="@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}}";export{A as bal_tab_item,V as bal_tabs}

package/dist/baloise-design-system/{p-7c7e593e07.entry.js → p-c7338c255f.entry.js}

@@ -1 +1 @@
-import{r as a,c as o,h as t,H as r,g as l}from"./p-d7c752c6.js";import{_ as e,a as i}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{s}from"./p-ad9a7657.js";import{L as b}from"./p-b77e3348.js";import{F as c}from"./p-ca119357.js";import{i as d}from"./p-88f18fbc.js";import{B as h,L as m}from"./p-1920d4af.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";const u=class{constructor(t){a(this,t),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.balFormControlDidLoad=o(this,"balFormControlDidLoad",7),this.keyboardMode=!0,this.onClick=a=>{if(this.disabled||this.readonly)return s(a);const o=a.target;if(o&&o.href)return;const t=this.el.querySelector("bal-radio"),r=a.target;t&&r&&(r===t||d(t,r)||(s(a),t.click()))},this.onFocus=a=>{var o;if(this.disabled||this.readonly)return s(a);const t=this.el.querySelector("bal-radio"),r=a.target;this.keyboardMode&&(this.focused=!0),t&&r?(r===t||d(t,r))&&(s(a),null===(o=t.querySelector("input"))||void 0===o||o.focus()):this.balFocus.emit()},this.onBlur=a=>{var o;if(this.disabled||this.readonly)return s(a);const t=this.el.querySelector("bal-radio"),r=a.target;this.focused=!1,t&&r?(r===t||d(t,r))&&(s(a),null===(o=t.querySelector("input"))||void 0===o||o.blur()):this.balBlur.emit()},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>this.keyboardMode=c.includes(a.key),this.interactionState=h.DefaultState,this.checked=!1,this.focused=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(a){this.log=a}invalidHandler(){this.updateProps("invalid",["bal-radio","bal-icon","bal-label","bal-text"])}disabledHandler(){this.updateProps("disabled",["bal-radio","bal-icon","bal-label","bal-text"])}readonlyHandler(){this.updateProps("readonly",["bal-radio","bal-icon","bal-label","bal-text"])}connectedCallback(){this.triggerAllHandlers(),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.triggerAllHandlers()}componentDidLoad(){this.balFormControlDidLoad.emit(this.el)}disconnectedCallback(){this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}elementStateListener(a){this.interactionChildElements.forEach((o=>{o.hovered=a.hovered,o.pressed=a.pressed}))}async setChecked(a=!0){this.checked=a}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-radio"))}triggerAllHandlers(){this.disabledHandler(),this.readonlyHandler(),this.invalidHandler()}updateProps(a,o){const t=this[a];void 0!==t&&this.notifyComponents(o,(o=>o[a]=t))}notifyComponents(a,o){this.el.querySelectorAll(a.join(", ")).forEach((a=>o(a)))}render(){const a=n.block("radio-button"),o=!!this.disabled||!!this.readonly,l=!!this.invalid,e=!!this.color,i=this.checked&&e;return t(r,{class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`column-${this.colSize}`).class(this.colSize>1)),a.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet>1)),a.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile>1)),onClick:this.onClick},t("button",{role:"radio",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("disabled").class(o)),a.element("native").modifier("invalid").class(l)),a.element("native").modifier("checked").class(this.checked)),a.element("native").modifier("colored").class(i)),a.element("native").modifier(`color-${this.color}`).class(e)),{"bal-focusable":!this.disabled}),disabled:o,onFocus:this.onFocus,onBlur:this.onBlur},t("slot",null)))}get el(){return l(this)}static get watchers(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}}};e([b("bal-radio-button"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],u.prototype,"createLogger",null),e([m(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",void 0)],u.prototype,"elementStateListener",null),u.style="@media (hover: hover)and (pointer: fine){.bal-radio-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-radio-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-radio-button__native{display:block;width:100%;height:100%;background:rgba(0,0,0,0);border-style:solid;border-radius:var(--bal-radius-normal);border-width:var(--bal-border-width-normal);border-color:var(--bal-color-border);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-radio-button__native--checked{border-color:var(--bal-color-border-primary)}.bal-radio-button__native--checked.bal-radio-button__native--color-green{background:var(--bal-color-green-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-purple{background:var(--bal-color-purple-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-red{background:var(--bal-color-red-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-yellow{background:var(--bal-color-yellow-1)}.bal-radio-button__native:disabled,.bal-radio-button__native--disabled{background:var(--bal-color-grey-1);border-color:var(--bal-color-border-grey-dark);cursor:default}.bal-radio-button__native--invalid{border-color:var(--bal-color-border-danger)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native:hover:not(:disabled):not(.bal-radio-button__native--colored){background:var(--bal-color-grey-1);border-color:var(--bal-color-border-primary-hovered)}}.bal-radio-button__native:active:not(:disabled){border-color:var(--bal-color-border-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native--invalid:hover:not(:disabled){border-color:var(--bal-color-border-danger-hovered)}.bal-radio-button__native--invalid:active:not(:disabled){border-color:var(--bal-color-border-danger-pressed)}}";export{u as bal_radio_button}
+import{r as a,c as o,h as t,H as r,g as l}from"./p-d7c752c6.js";import{_ as e,a as i}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{s}from"./p-de08fd27.js";import{L as b}from"./p-b77e3348.js";import{F as c}from"./p-ca119357.js";import{i as d}from"./p-88f18fbc.js";import{B as h,L as m}from"./p-1920d4af.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";const u=class{constructor(t){a(this,t),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.balFormControlDidLoad=o(this,"balFormControlDidLoad",7),this.keyboardMode=!0,this.onClick=a=>{if(this.disabled||this.readonly)return s(a);const o=a.target;if(o&&o.href)return;const t=this.el.querySelector("bal-radio"),r=a.target;t&&r&&(r===t||d(t,r)||(s(a),t.click()))},this.onFocus=a=>{var o;if(this.disabled||this.readonly)return s(a);const t=this.el.querySelector("bal-radio"),r=a.target;this.keyboardMode&&(this.focused=!0),t&&r?(r===t||d(t,r))&&(s(a),null===(o=t.querySelector("input"))||void 0===o||o.focus()):this.balFocus.emit()},this.onBlur=a=>{var o;if(this.disabled||this.readonly)return s(a);const t=this.el.querySelector("bal-radio"),r=a.target;this.focused=!1,t&&r?(r===t||d(t,r))&&(s(a),null===(o=t.querySelector("input"))||void 0===o||o.blur()):this.balBlur.emit()},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>this.keyboardMode=c.includes(a.key),this.interactionState=h.DefaultState,this.checked=!1,this.focused=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(a){this.log=a}invalidHandler(){this.updateProps("invalid",["bal-radio","bal-icon","bal-label","bal-text"])}disabledHandler(){this.updateProps("disabled",["bal-radio","bal-icon","bal-label","bal-text"])}readonlyHandler(){this.updateProps("readonly",["bal-radio","bal-icon","bal-label","bal-text"])}connectedCallback(){this.triggerAllHandlers(),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.triggerAllHandlers()}componentDidLoad(){this.balFormControlDidLoad.emit(this.el)}disconnectedCallback(){this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}elementStateListener(a){this.interactionChildElements.forEach((o=>{o.hovered=a.hovered,o.pressed=a.pressed}))}async setChecked(a=!0){this.checked=a}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-radio"))}triggerAllHandlers(){this.disabledHandler(),this.readonlyHandler(),this.invalidHandler()}updateProps(a,o){const t=this[a];void 0!==t&&this.notifyComponents(o,(o=>o[a]=t))}notifyComponents(a,o){this.el.querySelectorAll(a.join(", ")).forEach((a=>o(a)))}render(){const a=n.block("radio-button"),o=!!this.disabled||!!this.readonly,l=!!this.invalid,e=!!this.color,i=this.checked&&e;return t(r,{class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`column-${this.colSize}`).class(this.colSize>1)),a.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet>1)),a.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile>1)),onClick:this.onClick},t("button",{role:"radio",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("disabled").class(o)),a.element("native").modifier("invalid").class(l)),a.element("native").modifier("checked").class(this.checked)),a.element("native").modifier("colored").class(i)),a.element("native").modifier(`color-${this.color}`).class(e)),{"bal-focusable":!this.disabled}),disabled:o,onFocus:this.onFocus,onBlur:this.onBlur},t("slot",null)))}get el(){return l(this)}static get watchers(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}}};e([b("bal-radio-button"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],u.prototype,"createLogger",null),e([m(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",void 0)],u.prototype,"elementStateListener",null),u.style="@media (hover: hover)and (pointer: fine){.bal-radio-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-radio-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-radio-button__native{display:block;width:100%;height:100%;background:rgba(0,0,0,0);border-style:solid;border-radius:var(--bal-radius-normal);border-width:var(--bal-border-width-normal);border-color:var(--bal-color-border);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-radio-button__native--checked{border-color:var(--bal-color-border-primary)}.bal-radio-button__native--checked.bal-radio-button__native--color-green{background:var(--bal-color-green-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-purple{background:var(--bal-color-purple-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-red{background:var(--bal-color-red-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-yellow{background:var(--bal-color-yellow-1)}.bal-radio-button__native:disabled,.bal-radio-button__native--disabled{background:var(--bal-color-grey-1);border-color:var(--bal-color-border-grey-dark);cursor:default}.bal-radio-button__native--invalid{border-color:var(--bal-color-border-danger)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native:hover:not(:disabled):not(.bal-radio-button__native--colored){background:var(--bal-color-grey-1);border-color:var(--bal-color-border-primary-hovered)}}.bal-radio-button__native:active:not(:disabled){border-color:var(--bal-color-border-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native--invalid:hover:not(:disabled){border-color:var(--bal-color-border-danger-hovered)}.bal-radio-button__native--invalid:active:not(:disabled){border-color:var(--bal-color-border-danger-pressed)}}";export{u as bal_radio_button}

package/dist/baloise-design-system/p-cfa901cb.js

@@ -0,0 +1 @@
+import{a as n}from"./p-0db6b19e.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-0639833837.system.entry.js → p-d800ecde35.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(o,e,a,r){function c(o){return o instanceof a?o:new a((function(e){e(o)}))}return new(a||(a=Promise))((function(a,b){function l(o){try{n(r.next(o))}catch(o){b(o)}}function t(o){try{n(r["throw"](o))}catch(o){b(o)}}function n(o){o.done?a(o.value):c(o.value).then(l,t)}n((r=r.apply(o,e||[])).next())}))};var __generator=this&&this.__generator||function(o,e){var a={label:0,sent:function(){if(b[0]&1)throw b[1];return b[1]},trys:[],ops:[]},r,c,b,l;return l={next:t(0),throw:t(1),return:t(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function t(o){return function(e){return n([o,e])}}function n(t){if(r)throw new TypeError("Generator is already executing.");while(l&&(l=0,t[0]&&(a=0)),a)try{if(r=1,c&&(b=t[0]&2?c["return"]:t[0]?c["throw"]||((b=c["return"])&&b.call(c),0):c.next)&&!(b=b.call(c,t[1])).done)return b;if(c=0,b)t=[t[0]&2,b.value];switch(t[0]){case 0:case 1:b=t;break;case 4:a.label++;return{value:t[1],done:false};case 5:a.label++;c=t[1];t=[0];continue;case 7:t=a.ops.pop();a.trys.pop();continue;default:if(!(b=a.trys,b=b.length>0&&b[b.length-1])&&(t[0]===6||t[0]===2)){a=0;continue}if(t[0]===3&&(!b||t[1]>b[0]&&t[1]<b[3])){a.label=t[1];break}if(t[0]===6&&a.label<b[1]){a.label=b[1];b=t;break}if(b&&a.label<b[2]){a.label=b[2];a.ops.push(t);break}if(b[2])a.ops.pop();a.trys.pop();continue}t=e.call(o,a)}catch(o){t=[6,o];c=0}finally{r=b=0}if(t[0]&5)throw t[1];return{value:t[0]?t[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-d2ee9b0a.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-8954495d.system.js","./p-baf64616.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js"],(function(o){"use strict";var e,a,r,c,b,l,t,n,i,d,h,s,u,v;return{setters:[function(o){e=o.r;a=o.c;r=o.h;c=o.H;b=o.g},function(o){l=o._;t=o.a},function(o){n=o.B},function(o){i=o.s},function(o){d=o.L},function(o){h=o.F},function(o){s=o.i},function(o){u=o.B;v=o.L},function(){},function(){},function(){},function(){}],execute:function(){var k="@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}.bal-checkbox-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}";var f=k;var x=o("bal_checkbox_button",function(){function o(o){var r=this;e(this,o);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.balFormControlDidLoad=a(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(o){if(r.disabled||r.readonly){return i(o)}var e=o.target;if(e&&e.href){return}var a=r.el.querySelector("bal-checkbox");var c=o.target;if(a&&c){var b=c===a||s(a,c);if(!b){i(o);a.click()}}};this.onFocus=function(o){var e;if(r.disabled||r.readonly){return i(o)}var a=r.el.querySelector("bal-checkbox");var c=o.target;if(r.keyboardMode){r.focused=true}if(a&&c){var b=c===a||s(a,c);if(b){i(o);(e=a.querySelector("input"))===null||e===void 0?void 0:e.focus()}}else{r.balFocus.emit()}};this.onBlur=function(o){var e;if(r.disabled||r.readonly){return i(o)}var a=r.el.querySelector("bal-checkbox");var c=o.target;r.focused=false;if(a&&c){var b=c===a||s(a,c);if(b){i(o);(e=a.querySelector("input"))===null||e===void 0?void 0:e.blur()}}else{r.balBlur.emit()}};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(o){return r.keyboardMode=h.includes(o.key)};this.interactionState=u.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}o.prototype.createLogger=function(o){this.log=o};o.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])};o.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])};o.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])};o.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};o.prototype.componentWillLoad=function(){this.triggerAllHandlers()};o.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};o.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};o.prototype.elementStateListener=function(o){this.interactionChildElements.forEach((function(e){e.hovered=o.hovered;e.pressed=o.pressed}))};o.prototype.setChecked=function(o){if(o===void 0){o=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=o;return[2]}))}))};Object.defineProperty(o.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))},enumerable:false,configurable:true});o.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};o.prototype.updateProps=function(o,e){var a=this[o];if(a!==undefined){this.notifyComponents(e,(function(e){return e[o]=a}))}};o.prototype.notifyComponents=function(o,e){var a=this.el.querySelectorAll(o.join(", "));a.forEach((function(o){return e(o)}))};o.prototype.render=function(){var o=n.block("checkbox-button");var e=!!this.disabled||!!this.readonly;var a=!!this.invalid;var b=!!this.color;var l=this.checked&&b;return r(c,{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("column-".concat(this.colSize)).class(this.colSize>1)),o.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),o.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},r("button",{role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("native").class()),o.element("native").modifier("disabled").class(e)),o.element("native").modifier("invalid").class(a)),o.element("native").modifier("checked").class(this.checked)),o.element("native").modifier("colored").class(l)),o.element("native").modifier("color-".concat(this.color)).class(b)),{"bal-focusable":!this.disabled}),disabled:e,onFocus:this.onFocus,onBlur:this.onBlur},r("slot",null)))};Object.defineProperty(o.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return o}());l([d("bal-checkbox-button"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],x.prototype,"createLogger",null);l([v(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],x.prototype,"elementStateListener",null);x.style=f}}}));
+var __awaiter=this&&this.__awaiter||function(o,e,a,r){function c(o){return o instanceof a?o:new a((function(e){e(o)}))}return new(a||(a=Promise))((function(a,b){function l(o){try{n(r.next(o))}catch(o){b(o)}}function t(o){try{n(r["throw"](o))}catch(o){b(o)}}function n(o){o.done?a(o.value):c(o.value).then(l,t)}n((r=r.apply(o,e||[])).next())}))};var __generator=this&&this.__generator||function(o,e){var a={label:0,sent:function(){if(b[0]&1)throw b[1];return b[1]},trys:[],ops:[]},r,c,b,l;return l={next:t(0),throw:t(1),return:t(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function t(o){return function(e){return n([o,e])}}function n(t){if(r)throw new TypeError("Generator is already executing.");while(l&&(l=0,t[0]&&(a=0)),a)try{if(r=1,c&&(b=t[0]&2?c["return"]:t[0]?c["throw"]||((b=c["return"])&&b.call(c),0):c.next)&&!(b=b.call(c,t[1])).done)return b;if(c=0,b)t=[t[0]&2,b.value];switch(t[0]){case 0:case 1:b=t;break;case 4:a.label++;return{value:t[1],done:false};case 5:a.label++;c=t[1];t=[0];continue;case 7:t=a.ops.pop();a.trys.pop();continue;default:if(!(b=a.trys,b=b.length>0&&b[b.length-1])&&(t[0]===6||t[0]===2)){a=0;continue}if(t[0]===3&&(!b||t[1]>b[0]&&t[1]<b[3])){a.label=t[1];break}if(t[0]===6&&a.label<b[1]){a.label=b[1];b=t;break}if(b&&a.label<b[2]){a.label=b[2];a.ops.push(t);break}if(b[2])a.ops.pop();a.trys.pop();continue}t=e.call(o,a)}catch(o){t=[6,o];c=0}finally{r=b=0}if(t[0]&5)throw t[1];return{value:t[0]?t[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-7957c3c0.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-8954495d.system.js","./p-baf64616.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js"],(function(o){"use strict";var e,a,r,c,b,l,t,n,i,d,h,s,u,v;return{setters:[function(o){e=o.r;a=o.c;r=o.h;c=o.H;b=o.g},function(o){l=o._;t=o.a},function(o){n=o.B},function(o){i=o.s},function(o){d=o.L},function(o){h=o.F},function(o){s=o.i},function(o){u=o.B;v=o.L},function(){},function(){},function(){},function(){}],execute:function(){var k="@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}.bal-checkbox-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}";var f=k;var x=o("bal_checkbox_button",function(){function o(o){var r=this;e(this,o);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.balFormControlDidLoad=a(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(o){if(r.disabled||r.readonly){return i(o)}var e=o.target;if(e&&e.href){return}var a=r.el.querySelector("bal-checkbox");var c=o.target;if(a&&c){var b=c===a||s(a,c);if(!b){i(o);a.click()}}};this.onFocus=function(o){var e;if(r.disabled||r.readonly){return i(o)}var a=r.el.querySelector("bal-checkbox");var c=o.target;if(r.keyboardMode){r.focused=true}if(a&&c){var b=c===a||s(a,c);if(b){i(o);(e=a.querySelector("input"))===null||e===void 0?void 0:e.focus()}}else{r.balFocus.emit()}};this.onBlur=function(o){var e;if(r.disabled||r.readonly){return i(o)}var a=r.el.querySelector("bal-checkbox");var c=o.target;r.focused=false;if(a&&c){var b=c===a||s(a,c);if(b){i(o);(e=a.querySelector("input"))===null||e===void 0?void 0:e.blur()}}else{r.balBlur.emit()}};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(o){return r.keyboardMode=h.includes(o.key)};this.interactionState=u.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}o.prototype.createLogger=function(o){this.log=o};o.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])};o.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])};o.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])};o.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};o.prototype.componentWillLoad=function(){this.triggerAllHandlers()};o.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};o.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};o.prototype.elementStateListener=function(o){this.interactionChildElements.forEach((function(e){e.hovered=o.hovered;e.pressed=o.pressed}))};o.prototype.setChecked=function(o){if(o===void 0){o=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=o;return[2]}))}))};Object.defineProperty(o.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))},enumerable:false,configurable:true});o.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};o.prototype.updateProps=function(o,e){var a=this[o];if(a!==undefined){this.notifyComponents(e,(function(e){return e[o]=a}))}};o.prototype.notifyComponents=function(o,e){var a=this.el.querySelectorAll(o.join(", "));a.forEach((function(o){return e(o)}))};o.prototype.render=function(){var o=n.block("checkbox-button");var e=!!this.disabled||!!this.readonly;var a=!!this.invalid;var b=!!this.color;var l=this.checked&&b;return r(c,{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("column-".concat(this.colSize)).class(this.colSize>1)),o.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),o.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},r("button",{role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("native").class()),o.element("native").modifier("disabled").class(e)),o.element("native").modifier("invalid").class(a)),o.element("native").modifier("checked").class(this.checked)),o.element("native").modifier("colored").class(l)),o.element("native").modifier("color-".concat(this.color)).class(b)),{"bal-focusable":!this.disabled}),disabled:e,onFocus:this.onFocus,onBlur:this.onBlur},r("slot",null)))};Object.defineProperty(o.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return o}());l([d("bal-checkbox-button"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],x.prototype,"createLogger",null);l([v(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],x.prototype,"elementStateListener",null);x.style=f}}}));

package/dist/baloise-design-system/{p-fb0af77320.system.entry.js → p-d8a71bc5b4.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-456fc561.system.js","./p-db0895e2.system.js","./p-36074466.system.js"],(function(e){"use strict";var a,t,r,s,i,c,n,d,o,h,b,f,l,v;return{setters:[function(e){a=e.r;t=e.h;r=e.H;s=e.g},function(e){i=e.B},function(e){c=e.f;n=e.g;d=e.h;o=e.i;h=e.j;b=e.k;f=e.l;l=e.m;v=e.n}],execute:function(){var p=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var H=p;var u=e("bal_shape",function(){function e(e){var t=this;a(this,e);this.getHex=function(){var e;switch(t.color){case"green":e=v;break;case"green-light":e=l;break;case"red":e=f;break;case"red-light":e=b;break;case"purple":e=h;break;case"purple-light":e=o;break;case"yellow":e=d;break;case"yellow-light":e=n;break;default:e=c}return e};this.variation="1";this.color="green";this.rotation="0"}e.prototype.render=function(){var e=i.block("shape");var a=[t("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},t("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},t("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),t("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},t("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},t("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),t("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},t("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},t("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return t(r,{class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},t("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());u.style=H}}}));
+System.register(["./p-456fc561.system.js","./p-db0895e2.system.js","./p-9ffefe27.system.js"],(function(e){"use strict";var a,t,r,s,i,c,n,d,o,f,h,b,l,v;return{setters:[function(e){a=e.r;t=e.h;r=e.H;s=e.g},function(e){i=e.B},function(e){c=e.f;n=e.g;d=e.h;o=e.i;f=e.j;h=e.k;b=e.l;l=e.m;v=e.n}],execute:function(){var p=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var H=p;var u=e("bal_shape",function(){function e(e){var t=this;a(this,e);this.getHex=function(){var e;switch(t.color){case"green":e=v;break;case"green-light":e=l;break;case"red":e=b;break;case"red-light":e=h;break;case"purple":e=f;break;case"purple-light":e=o;break;case"yellow":e=d;break;case"yellow-light":e=n;break;default:e=c}return e};this.variation="1";this.color="green";this.rotation="0"}e.prototype.render=function(){var e=i.block("shape");var a=[t("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},t("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},t("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),t("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},t("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},t("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),t("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},t("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},t("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return t(r,{class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},t("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());u.style=H}}}));