@baloise/ds-core 19.3.0-nightly.20250708 → 19.3.0-nightly.20250710
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/initialize.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-e1db904140.system.entry.js → p-3c9e9d76ab.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e77c95a509.entry.js → p-5207b076aa.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bf1775e940.entry.js → p-543d4ce30d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ad649a64fb.entry.js → p-5c292cd668.entry.js} +1 -1
- package/dist/baloise-design-system/{p-79a18d176a.system.entry.js → p-5ed9146c2a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d9b5d41686.entry.js → p-670c38045d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-739babffba.entry.js → p-6a4f4433d9.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f11b49a56c.entry.js → p-737d621b65.entry.js} +1 -1
- package/dist/baloise-design-system/{p-25904a3a32.system.entry.js → p-73ee153217.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a565803979.system.entry.js → p-783885d72f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a550fef066.system.entry.js → p-98f96bb42a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c20cbafc29.entry.js → p-99f87a3099.entry.js} +1 -1
- package/dist/baloise-design-system/{p-DCsrNOXZ.system.js → p-BEio1Aj1.system.js} +1 -1
- package/dist/baloise-design-system/{p-BZ6BqdA4.js → p-BcOK74kE.js} +1 -1
- package/dist/baloise-design-system/{p-CIFusj0z.js → p-BlJgmu4c.js} +1 -1
- package/dist/baloise-design-system/{p-D1EZbgsc.system.js → p-ChHIN3PG.system.js} +1 -1
- package/dist/baloise-design-system/p-Da880oJj.system.js +1 -0
- package/dist/baloise-design-system/p-DgPiq0y0.js +1 -1
- package/dist/baloise-design-system/p-DpZ1EJms.system.js +1 -1
- package/dist/baloise-design-system/{p-DoqKRzi8.system.js → p-Dt5hxdDB.system.js} +1 -1
- package/dist/baloise-design-system/{p-DdzX4Wag.js → p-JEi0zFia.js} +1 -1
- package/dist/baloise-design-system/p-UHSJaF1l.system.js +1 -1
- package/dist/baloise-design-system/{p-783d9a3ab5.system.entry.js → p-b240cd5312.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5c8d672daf.system.entry.js → p-bb6a7a966e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b599fd62e7.entry.js → p-bd101c0229.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1e41fafb90.entry.js → p-be85f2df88.entry.js} +1 -1
- package/dist/baloise-design-system/{p-db1964f42f.system.entry.js → p-e6d1809eb8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-678bdb3479.system.entry.js → p-ecef6fcd26.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1cc2af7961.entry.js → p-eea17b4e90.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e0e6c5c71b.entry.js → p-f33e5f54f4.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d3734c7ca3.system.entry.js → p-f3a4d706e1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-823ba40262.system.entry.js → p-f435d402ba.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3f79120987.system.entry.js → p-f57e4dd8f0.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6bbe6ae3ac.entry.js → p-fa4c28d767.entry.js} +1 -1
- package/dist/baloise-design-system/p-qfLYZDNW.js +1 -0
- package/dist/baloise-design-system/{p-DxXOcH_X.system.js → p-rPpjBoYv.system.js} +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +4 -4
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +5 -5
- package/dist/cjs/bal-segment_2.cjs.entry.js +5 -5
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +4 -4
- package/dist/cjs/{breakpoints.decorator-CwCkb0Wk.js → breakpoints.decorator-BLP98CS2.js} +1 -1
- package/dist/cjs/{breakpoints.subject-rYKhKSkc.js → breakpoints.subject-C00KBXdZ.js} +1 -1
- package/dist/cjs/index-D4vG8k57.js +1 -1
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/{tokens.esm-UrQvf_TZ.js → tokens.esm-JImI_VPt.js} +1 -1
- package/dist/cjs/{window-resize.decorator-Bnaiii58.js → window-resize.decorator-CwAljtnr.js} +1 -1
- package/dist/cjs/{window-resize.subject-ByxuNJOP.js → window-resize.subject-Ee5IwXDU.js} +1 -1
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +4 -4
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +4 -4
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +4 -4
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-progress-bar.entry.js +5 -5
- package/dist/esm/bal-segment_2.entry.js +5 -5
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +4 -4
- package/dist/esm/{breakpoints.decorator-queOOS5k.js → breakpoints.decorator-DHliTk3v.js} +1 -1
- package/dist/esm/{breakpoints.subject-E41ul03w.js → breakpoints.subject-DAX-y3ds.js} +1 -1
- package/dist/esm/index-DgPiq0y0.js +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/{tokens.esm-WRxiggn2.js → tokens.esm-BK9nu6KR.js} +1 -1
- package/dist/esm/{window-resize.decorator-Jk_vxbTJ.js → window-resize.decorator-D4WIe12z.js} +1 -1
- package/dist/esm/{window-resize.subject-bimD5WP9.js → window-resize.subject-CYzr9-Up.js} +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-queOOS5k.js → breakpoints.decorator-DHliTk3v.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-E41ul03w.js → breakpoints.subject-DAX-y3ds.js} +1 -1
- package/dist/esm-es5/index-DgPiq0y0.js +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-Jk_vxbTJ.js → window-resize.decorator-D4WIe12z.js} +1 -1
- package/dist/esm-es5/{window-resize.subject-bimD5WP9.js → window-resize.subject-CYzr9-Up.js} +1 -1
- package/package.json +6 -6
- package/dist/baloise-design-system/p-CZC4wl84.js +0 -1
- package/dist/baloise-design-system/p-DN2D5o_M.system.js +0 -1
- /package/dist/baloise-design-system/{p-WRxiggn2.js → p-BK9nu6KR.js} +0 -0
- /package/dist/baloise-design-system/{p-7kyLHbsB.system.js → p-Cz-v5l3u.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-WRxiggn2.js → tokens.esm-BK9nu6KR.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{H as t,P as a,M as i,N as e,O as s,a as n,L as l,f as r,Q as o,r as b,W as _,I as d,T as h,X as c,K as v,t as m,x as p}from"./p-DgPiq0y0.js";import{a as u,i as g}from"./p-C4sZQbkT.js";import{_ as f,a as w}from"./p-dfXERft2.js";import{L as x}from"./p-pZ7tokLV.js";import{a as y}from"./p-BAaDJIzy.js";import{B as j}from"./p-ByiN-QjD.js";import{b as O}from"./p-DdzX4Wag.js";import{L as k}from"./p-CZC4wl84.js";import{L}from"./p-B_VNoLFI.js";import{s as z}from"./p-CzKsK_-N.js";import{L as C}from"./p-DExQyjsY.js";import"./p-BZ6BqdA4.js";import{L as A}from"./p-CHdm2a6D.js";import{t as $,S as D,g as I,a as T}from"./p-DXglhVgP.js";import{L as B}from"./p-CQIRFXKv.js";import{L as S}from"./p-B3C_UjgS.js";import{n as V}from"./p-BmVI6cLw.js";import{a as E}from"./p-DBsOHTWj.js";import"./p-N2wlH4Xn.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-CrVMeGPj.js";import"./p-WRxiggn2.js";import"./p-D1VPLQ5z.js";import"./p-DWG-IuAM.js";const F=class{constructor(i){t(this,i),this.balNavigate=a(this,"balNavigate"),this.balKeyDown=a(this,"balKeyDown"),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+P++,this.isActive=!1,this.tabsId=void 0,this.active=!1,this.value="",this.label="",this.href=void 0,this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.a11yControls=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=u(this.el)}async setTabId(t){this.tabsId=t}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,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,a11yControls:this.a11yControls,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.isActive||this.noPanel;return i(e,{key:"404225fa81eca41461e3815c6aebf4140fef9d6f",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:this.noPanel?void 0:"tabpanel","aria-hidden":t?"true":"false","aria-labelledby":this.tabsId?`${this.tabsId}-button-${this.value}`:void 0,tabindex:t?"-1":void 0,hidden:!!t||void 0},i("slot",{key:"8c97e95d9b6a836d3abeb3f5fe205039e0449cc4"}))}get el(){return s(this)}};let P=0;const M=({item:t,inverted:a,accordion:e,isAccordionOpen:s,isMobile:n,hasBubble:l})=>{const r=j.block("tabs").element("nav").element("item").element("icon");let o=t.disabled?"grey":"primary";return a&&(o=t.disabled?"primary-light":"white"),i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("display-svg").class(void 0!==t.svg))},i("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||e?"small":"",name:e?"nav-go-down":t.icon,color:o,turn:e&&!0===s&&t.active}),l?i("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},N=({item:t,inverted:a,hasBubble:e,isExpanded:s,isVertical:n,context:l})=>{const r=j.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("inverted").class(a)),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("vertical").class(n)),r.modifier("expanded").class(s)),r.modifier(`context-${l}`).class(void 0!==l)),r.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&i("span",{class:r.element("sub-label").class()},t.subLabel),e?i("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},W=({item:t,tabsId:a,isFirst:e,isLast:s,isMobile:n,isVertical:l,accordion:r,isAccordionOpen:o,isLinkList:b,inverted:_,isExpanded:d,spaceless:h,clickable:c,iconPosition:v,context:m,onSelectTab:p,hasSubLabelInGroup:u,dimInactiveElements:g})=>{var f;const w=j.block("tabs").element("nav").element("item");if(t.invisible)return;const x=!1!==t.bubble,y=void 0!==t.icon,O=y&&x&&"horizontal"!==v&&!r||n&&y&&x&&!l&&!r,k=r&&x||r&&n&&y&&x&&!l,L=!y&&x&&!r||x&&!n&&"horizontal"===v&&!r||x&&l&&!r,z=void 0===t.href||""===t.href,C=z?"button":"a",A=z?{type:"button",role:"tab","aria-controls":(null===(f=t.aria)||void 0===f?void 0:f.controls)||t.tabPanelID||void 0,"aria-expanded":E(t.active),"aria-disabled":E(t.disabled),"aria-label":t.label}:{role:"listitem",href:t.href,rel:t.rel,target:t.target};b||(A.tabindex=t.active?"0":"-1");const D=()=>i(C,Object.assign({id:`${a}-button-${$(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(Object.assign(Object.assign(Object.assign({},w.class()),w.modifier("active").class(t.active)),w.modifier("disabled").class(t.disabled)),w.modifier("clickable").class(c)),w.modifier("accordion").class(r)),w.modifier("inverted").class(_)),w.modifier("expanded").class(d)),w.modifier("spaceless").class(h)),w.modifier("first").class(e)),w.modifier("last").class(s)),w.modifier("passed").class(t.passed)),w.modifier("vertical").class(l)),w.modifier(`context-${m}`).class(void 0!==m)),w.modifier(`icon-position-${v}`).class("horizontal"!==v)),w.modifier("display-svg").class(t.svg&&t.svg.length>0)),w.modifier("group-has-sub-label").class(u)),w.modifier("dim-inactive-elements").class(g)),{"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":z?t.active?"true":"false":void 0},A,{onClick:a=>p(a,t),onKeyDown:a=>{var i;null===(i=t.keyDown)||void 0===i||i.emit(a)}}),t.icon||t.svg?i(M,{accordion:!1,item:t,isMobile:n,hasBubble:O,inverted:_}):"",i(N,{item:t,isMobile:n,isVertical:l,isExpanded:d,hasBubble:L,inverted:_,context:m}),r&&!t.href?i(M,{accordion:r,isAccordionOpen:o,item:t,isMobile:n,hasBubble:k,inverted:_}):"");return b?i("li",null,D()):D()},H=({swiper:t,items:a,tabsId:e,isVertical:s,inNavbar:n,isMobile:l,isTouch:r,ariaLabel:o,lineActive:b,lineHidden:_,isLinkList:d,border:h,accordion:c,isAccordionOpen:v,inverted:m,clickable:p,animated:u,spaceless:g,expanded:f,verticalColSize:w,showSwiperControls:x,iconPosition:y,context:O,onSelectTab:k,dimInactiveElements:L})=>{const z=j.block("tabs").element("nav"),C=z.element("inner"),A=z.element("container"),$=z.element("line"),D=z.element("border"),I=a.filter((t=>!t.invisible)),T=n&&!r,B=a.some((t=>t.subLabel&&t.subLabel.length>0)),S=({item:t,index:a})=>i(W,{item:t,isLinkList:d,tabsId:e,isFirst:0===a,isLast:a===I.length-1,isMobile:l,isVertical:s,iconPosition:y,spaceless:g,inverted:m,accordion:c,isAccordionOpen:v,context:O,isExpanded:f,clickable:p&&!t.disabled,onSelectTab:k,hasSubLabelInGroup:B,dimInactiveElements:L}),V=d?"nav":"div",E=d?"ul":"div";return i("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},z.class()),z.modifier("vertical").class(s)),z.modifier("full-height").class(T)),z.modifier(`vertical-col-${w}`).class(s)),t.cssSwiper())},i(V,{id:`${e}-nav`,class:Object.assign(Object.assign(Object.assign({},t.cssInnerSwiper()),C.class()),C.modifier("full-height").class(T)),ref:a=>{a&&(t.innerEl=a)},"aria-label":d?o:void 0},i(E,{id:t.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.cssSwiperContainer()),A.class()),A.modifier("vertical").class(s)),A.modifier("expanded").class(f&&!s)),role:d?void 0:"tablist","aria-label":d?void 0:o,ref:a=>{a&&(t.containerEl=a)}},I.map(((t,a)=>i(S,{item:t,index:a}))),i("div",{id:`${e}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},$.class()),$.modifier("active").class(b)),$.modifier("inverted").class(m)),$.modifier("animated").class(u)),$.modifier("vertical").class(s)),$.modifier("hidden").class(_))}),h?i("div",{id:`${e}-border`,class:Object.assign(Object.assign(Object.assign({},D.class()),D.modifier("inverted").class(m)),D.modifier("vertical").class(s))}):"")),x?t.renderControls():"")},K=({items:t,value:a,onSelectTab:e})=>{const s=j.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&&n.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))))},R=class{constructor(i){t(this,i),this.balChange=a(this,"balChange"),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.tabsId="bal-tabs-"+X++,this.inheritAttributes={},this.swiper=new D,this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.enableLineRender=!1,this.hasAnimated=!1,this.index=0,this.isMobile=O.isMobile,this.isTablet=O.isTablet,this.language=r.language,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],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,this.dimInactiveElements=!1,this.handleAsTabList=!1,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(V)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{y(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(null!=t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const i=t.closest(".bal-tabs__nav__item");if(i)return this.expanded?i.offsetLeft:i.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.enableLineRender&&this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),o((async()=>{await b(this.el,!0),this.currentRaf=o((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=I(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=_(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();if(t&&n)if(this.expanded)t.style.setProperty("width","100%");else{const a=T(n);t.style.setProperty("width",`${a}px`)}await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=()=>{this.isAccordionOpen=!0,4!==this.accordionState&&(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.collapseAccordion=()=>{this.isAccordionOpen=!1,1!==this.accordionState&&(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=d((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=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)&&z(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)))}}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}expandedChanged(){this.updateSwiper()}debounceChanged(){this.balChange=h(this.balChange,this.debounce)}verticalChanged(){this.updateSwiper()}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.swiper.connectedCallback(this),this.swiper.controls="small",this.updateSwiper(),this.inNavbar=c("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&&(c("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidRender(){this.animateLine()}componentWillRender(){this.updateSwiper()}componentDidLoad(){this.onOptionChange(),this.items.forEach((t=>{t.setTabId(this.tabsId)})),v((()=>{this.enableLineRender=!0,this.animateLine(!0)}))}componentWillLoad(){this.inheritAttributes=g(this.el,["aria-label"])}disconnectedCallback(){this.swiper.disconnectedCallback()}mutationListener(){this.onOptionChange(),this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.swiper.notifyChange()}resizeListener(t){this.swiper.notifyChange(),(!this.isVertical()&&t.width||this.isVertical()&&t.height)&&this.animateLine()}swipeListener({left:t,right:a}){t?this.swiper.next():a&&this.swiper.previous()}animationListener(t){this.isUsedInNavbar(t.target),this.animateLine()}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))}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()}swiperOnChange(t){this.index=t}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length||this.handleAsTabList}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}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.swiper.containerId}`)}updateSwiper(){this.overflow?this.expanded||this.isVertical()?this.swiper.disable():this.swiper.activate():this.swiper.disable()}isUsedInNavbar(t){const a=t.closest("bal-navbar"),i=t;a&&m(a,this.el)&&(this.isNavbarOpen=i)}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}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){const a=null!==this.el.querySelector("button.bal-focused, a.bal-focused");if(this.swiper.isActive()){const a=(await this.getOptions()).findIndex((a=>a.value===t.value));this.swiper.updateIndex(a)}if(await p(),a){const a=this.el.querySelector(`#${this.tabsId}-button-${$(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=j.block("tabs"),a=t.element("content"),s=this.isMobile,n=s||this.isTablet,l=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted,r=this.isVertical(),o=this.border||this.inNavbar&&n,b=s&&this.selectOnMobile,_=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),d=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,v=this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),m=this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",");return i(e,{key:"69d96a45fe17ef7cf2c6acf7a59acb080f434f37",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(r)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated&&this.isTabList)),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":v,"data-label":m},b?i(K,{value:this.value,items:_,onSelectTab:this.onSelectTab}):i(H,{swiper:this.swiper,items:_,isLinkList:c,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,lineHidden:!this.enableLineRender,inverted:l,animated:this.animated&&this.isTabList,context:this.context,border:o,spaceless:this.spaceless,expanded:this.expanded,isMobile:s,isTouch:n,isVertical:r,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),i("div",{key:"e0f122fe69cde2029ef069fa99b7c08176e62a31",part:d,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class("meta"===this.context||"navbar"===this.context||"navigation"===this.context))},i("div",{key:"bbbaad45e23863e488b6f7246f7112596ba50f1d",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},i("slot",{key:"e5dfe7d80380bc1f3eff95d5391375af110a1440"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}}};f([l("bal-tabs"),w("design:type",Function),w("design:paramtypes",[Function]),w("design:returntype",void 0)],R.prototype,"createLogger",null),f([C({tags:["bal-tabs","bal-tab-item"]}),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],R.prototype,"mutationListener",null),f([S(),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],R.prototype,"visibilityListener",null),f([k(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"breakpointListener",null),f([A(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"resizeListener",null),f([B(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"swipeListener",null),f([x(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"animationListener",null),f([L(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",Promise)],R.prototype,"configChanged",null);let X=0;R.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}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-small)}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}.bal-tabs__nav__item__label__sub-label{font-size:var(--bal-text-size-small)}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}';export{F as bal_tab_item,R as bal_tabs}
|
|
1
|
+
import{H as t,P as a,M as i,N as e,O as s,a as n,L as l,f as r,Q as o,r as b,W as _,I as d,T as h,X as c,K as v,t as m,x as p}from"./p-DgPiq0y0.js";import{a as u,i as g}from"./p-C4sZQbkT.js";import{_ as f,a as w}from"./p-dfXERft2.js";import{L as x}from"./p-pZ7tokLV.js";import{a as y}from"./p-BAaDJIzy.js";import{B as j}from"./p-ByiN-QjD.js";import{b as O}from"./p-JEi0zFia.js";import{L as k}from"./p-qfLYZDNW.js";import{L}from"./p-B_VNoLFI.js";import{s as z}from"./p-CzKsK_-N.js";import{L as C}from"./p-DExQyjsY.js";import"./p-BcOK74kE.js";import{L as A}from"./p-CHdm2a6D.js";import{t as $,S as D,g as I,a as T}from"./p-DXglhVgP.js";import{L as B}from"./p-CQIRFXKv.js";import{L as S}from"./p-B3C_UjgS.js";import{n as E}from"./p-BmVI6cLw.js";import{a as V}from"./p-DBsOHTWj.js";import"./p-N2wlH4Xn.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-CrVMeGPj.js";import"./p-BK9nu6KR.js";import"./p-D1VPLQ5z.js";import"./p-DWG-IuAM.js";const F=class{constructor(i){t(this,i),this.balNavigate=a(this,"balNavigate"),this.balKeyDown=a(this,"balKeyDown"),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+P++,this.isActive=!1,this.tabsId=void 0,this.active=!1,this.value="",this.label="",this.href=void 0,this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.a11yControls=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=u(this.el)}async setTabId(t){this.tabsId=t}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,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,a11yControls:this.a11yControls,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.isActive||this.noPanel;return i(e,{key:"404225fa81eca41461e3815c6aebf4140fef9d6f",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:this.noPanel?void 0:"tabpanel","aria-hidden":t?"true":"false","aria-labelledby":this.tabsId?`${this.tabsId}-button-${this.value}`:void 0,tabindex:t?"-1":void 0,hidden:!!t||void 0},i("slot",{key:"8c97e95d9b6a836d3abeb3f5fe205039e0449cc4"}))}get el(){return s(this)}};let P=0;const N=({item:t,inverted:a,accordion:e,isAccordionOpen:s,isMobile:n,hasBubble:l})=>{const r=j.block("tabs").element("nav").element("item").element("icon");let o=t.disabled?"grey":"primary";return a&&(o=t.disabled?"primary-light":"white"),i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("display-svg").class(void 0!==t.svg))},i("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||e?"small":"",name:e?"nav-go-down":t.icon,color:o,turn:e&&!0===s&&t.active}),l?i("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},M=({item:t,inverted:a,hasBubble:e,isExpanded:s,isVertical:n,context:l})=>{const r=j.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("inverted").class(a)),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("vertical").class(n)),r.modifier("expanded").class(s)),r.modifier(`context-${l}`).class(void 0!==l)),r.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&i("span",{class:r.element("sub-label").class()},t.subLabel),e?i("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},W=({item:t,tabsId:a,isFirst:e,isLast:s,isMobile:n,isVertical:l,accordion:r,isAccordionOpen:o,isLinkList:b,inverted:_,isExpanded:d,spaceless:h,clickable:c,iconPosition:v,context:m,onSelectTab:p,hasSubLabelInGroup:u,dimInactiveElements:g})=>{var f;const w=j.block("tabs").element("nav").element("item");if(t.invisible)return;const x=!1!==t.bubble,y=void 0!==t.icon,O=y&&x&&"horizontal"!==v&&!r||n&&y&&x&&!l&&!r,k=r&&x||r&&n&&y&&x&&!l,L=!y&&x&&!r||x&&!n&&"horizontal"===v&&!r||x&&l&&!r,z=void 0===t.href||""===t.href,C=z?"button":"a",A=z?{type:"button",role:"tab","aria-controls":(null===(f=t.aria)||void 0===f?void 0:f.controls)||t.tabPanelID||void 0,"aria-expanded":V(t.active),"aria-disabled":V(t.disabled),"aria-label":t.label}:{role:"listitem",href:t.href,rel:t.rel,target:t.target};b||(A.tabindex=t.active?"0":"-1");const D=()=>i(C,Object.assign({id:`${a}-button-${$(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(Object.assign(Object.assign(Object.assign({},w.class()),w.modifier("active").class(t.active)),w.modifier("disabled").class(t.disabled)),w.modifier("clickable").class(c)),w.modifier("accordion").class(r)),w.modifier("inverted").class(_)),w.modifier("expanded").class(d)),w.modifier("spaceless").class(h)),w.modifier("first").class(e)),w.modifier("last").class(s)),w.modifier("passed").class(t.passed)),w.modifier("vertical").class(l)),w.modifier(`context-${m}`).class(void 0!==m)),w.modifier(`icon-position-${v}`).class("horizontal"!==v)),w.modifier("display-svg").class(t.svg&&t.svg.length>0)),w.modifier("group-has-sub-label").class(u)),w.modifier("dim-inactive-elements").class(g)),{"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":z?t.active?"true":"false":void 0},A,{onClick:a=>p(a,t),onKeyDown:a=>{var i;null===(i=t.keyDown)||void 0===i||i.emit(a)}}),t.icon||t.svg?i(N,{accordion:!1,item:t,isMobile:n,hasBubble:O,inverted:_}):"",i(M,{item:t,isMobile:n,isVertical:l,isExpanded:d,hasBubble:L,inverted:_,context:m}),r&&!t.href?i(N,{accordion:r,isAccordionOpen:o,item:t,isMobile:n,hasBubble:k,inverted:_}):"");return b?i("li",null,D()):D()},K=({swiper:t,items:a,tabsId:e,isVertical:s,inNavbar:n,isMobile:l,isTouch:r,ariaLabel:o,lineActive:b,lineHidden:_,isLinkList:d,border:h,accordion:c,isAccordionOpen:v,inverted:m,clickable:p,animated:u,spaceless:g,expanded:f,verticalColSize:w,showSwiperControls:x,iconPosition:y,context:O,onSelectTab:k,dimInactiveElements:L})=>{const z=j.block("tabs").element("nav"),C=z.element("inner"),A=z.element("container"),$=z.element("line"),D=z.element("border"),I=a.filter((t=>!t.invisible)),T=n&&!r,B=a.some((t=>t.subLabel&&t.subLabel.length>0)),S=({item:t,index:a})=>i(W,{item:t,isLinkList:d,tabsId:e,isFirst:0===a,isLast:a===I.length-1,isMobile:l,isVertical:s,iconPosition:y,spaceless:g,inverted:m,accordion:c,isAccordionOpen:v,context:O,isExpanded:f,clickable:p&&!t.disabled,onSelectTab:k,hasSubLabelInGroup:B,dimInactiveElements:L}),E=d?"nav":"div",V=d?"ul":"div";return i("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},z.class()),z.modifier("vertical").class(s)),z.modifier("full-height").class(T)),z.modifier(`vertical-col-${w}`).class(s)),t.cssSwiper())},i(E,{id:`${e}-nav`,class:Object.assign(Object.assign(Object.assign({},t.cssInnerSwiper()),C.class()),C.modifier("full-height").class(T)),ref:a=>{a&&(t.innerEl=a)},"aria-label":d?o:void 0},i(V,{id:t.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.cssSwiperContainer()),A.class()),A.modifier("vertical").class(s)),A.modifier("expanded").class(f&&!s)),role:d?void 0:"tablist","aria-label":d?void 0:o,ref:a=>{a&&(t.containerEl=a)}},I.map(((t,a)=>i(S,{item:t,index:a}))),i("div",{id:`${e}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},$.class()),$.modifier("active").class(b)),$.modifier("inverted").class(m)),$.modifier("animated").class(u)),$.modifier("vertical").class(s)),$.modifier("hidden").class(_))}),h?i("div",{id:`${e}-border`,class:Object.assign(Object.assign(Object.assign({},D.class()),D.modifier("inverted").class(m)),D.modifier("vertical").class(s))}):"")),x?t.renderControls():"")},H=({items:t,value:a,onSelectTab:e})=>{const s=j.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&&n.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))))},R=class{constructor(i){t(this,i),this.balChange=a(this,"balChange"),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.tabsId="bal-tabs-"+Q++,this.inheritAttributes={},this.swiper=new D,this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.enableLineRender=!1,this.hasAnimated=!1,this.index=0,this.isMobile=O.isMobile,this.isTablet=O.isTablet,this.language=r.language,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],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,this.dimInactiveElements=!1,this.handleAsTabList=!1,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(E)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{y(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(null!=t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const i=t.closest(".bal-tabs__nav__item");if(i)return this.expanded?i.offsetLeft:i.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.enableLineRender&&this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),o((async()=>{await b(this.el,!0),this.currentRaf=o((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=I(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=_(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();if(t&&n)if(this.expanded)t.style.setProperty("width","100%");else{const a=T(n);t.style.setProperty("width",`${a}px`)}await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=()=>{this.isAccordionOpen=!0,4!==this.accordionState&&(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.collapseAccordion=()=>{this.isAccordionOpen=!1,1!==this.accordionState&&(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=d((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=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)&&z(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)))}}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}expandedChanged(){this.updateSwiper()}debounceChanged(){this.balChange=h(this.balChange,this.debounce)}verticalChanged(){this.updateSwiper()}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.swiper.connectedCallback(this),this.swiper.controls="small",this.updateSwiper(),this.inNavbar=c("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&&(c("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidRender(){this.animateLine()}componentWillRender(){this.updateSwiper()}componentDidLoad(){this.onOptionChange(),this.items.forEach((t=>{t.setTabId(this.tabsId)})),v((()=>{this.enableLineRender=!0,this.animateLine(!0)}))}componentWillLoad(){this.inheritAttributes=g(this.el,["aria-label"])}disconnectedCallback(){this.swiper.disconnectedCallback()}mutationListener(){this.onOptionChange(),this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.swiper.notifyChange()}resizeListener(t){this.swiper.notifyChange(),(!this.isVertical()&&t.width||this.isVertical()&&t.height)&&this.animateLine()}swipeListener({left:t,right:a}){t?this.swiper.next():a&&this.swiper.previous()}animationListener(t){this.isUsedInNavbar(t.target),this.animateLine()}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))}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()}swiperOnChange(t){this.index=t}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length||this.handleAsTabList}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}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.swiper.containerId}`)}updateSwiper(){this.overflow?this.expanded||this.isVertical()?this.swiper.disable():this.swiper.activate():this.swiper.disable()}isUsedInNavbar(t){const a=t.closest("bal-navbar"),i=t;a&&m(a,this.el)&&(this.isNavbarOpen=i)}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}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){const a=null!==this.el.querySelector("button.bal-focused, a.bal-focused");if(this.swiper.isActive()){const a=(await this.getOptions()).findIndex((a=>a.value===t.value));this.swiper.updateIndex(a)}if(await p(),a){const a=this.el.querySelector(`#${this.tabsId}-button-${$(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=j.block("tabs"),a=t.element("content"),s=this.isMobile,n=s||this.isTablet,l=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted,r=this.isVertical(),o=this.border||this.inNavbar&&n,b=s&&this.selectOnMobile,_=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),d=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,v=this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),m=this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",");return i(e,{key:"69d96a45fe17ef7cf2c6acf7a59acb080f434f37",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(r)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated&&this.isTabList)),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":v,"data-label":m},b?i(H,{value:this.value,items:_,onSelectTab:this.onSelectTab}):i(K,{swiper:this.swiper,items:_,isLinkList:c,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,lineHidden:!this.enableLineRender,inverted:l,animated:this.animated&&this.isTabList,context:this.context,border:o,spaceless:this.spaceless,expanded:this.expanded,isMobile:s,isTouch:n,isVertical:r,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),i("div",{key:"e0f122fe69cde2029ef069fa99b7c08176e62a31",part:d,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class("meta"===this.context||"navbar"===this.context||"navigation"===this.context))},i("div",{key:"bbbaad45e23863e488b6f7246f7112596ba50f1d",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},i("slot",{key:"e5dfe7d80380bc1f3eff95d5391375af110a1440"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}}};f([l("bal-tabs"),w("design:type",Function),w("design:paramtypes",[Function]),w("design:returntype",void 0)],R.prototype,"createLogger",null),f([C({tags:["bal-tabs","bal-tab-item"]}),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],R.prototype,"mutationListener",null),f([S(),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],R.prototype,"visibilityListener",null),f([k(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"breakpointListener",null),f([A(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"resizeListener",null),f([B(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"swipeListener",null),f([x(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"animationListener",null),f([L(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",Promise)],R.prototype,"configChanged",null);let Q=0;R.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}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-small)}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}.bal-tabs__nav__item__label__sub-label{font-size:var(--bal-text-size-small)}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}';export{F as bal_tab_item,R as bal_tabs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as e,L as t,H as a,P as s,T as o,N as l,O as r}from"./p-DgPiq0y0.js";import{_ as i,a as b}from"./p-dfXERft2.js";import{B as n}from"./p-ByiN-QjD.js";import{a as p}from"./p-BAaDJIzy.js";import{s as c}from"./p-CzKsK_-N.js";import{n as _}from"./p-DIC_sxLd.js";import{L as d}from"./p-DExQyjsY.js";import{b as v}from"./p-DdzX4Wag.js";import{L as m}from"./p-CZC4wl84.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-N2wlH4Xn.js";import"./p-CrVMeGPj.js";import"./p-WRxiggn2.js";const u=({item:t,isMobile:a})=>{const s=n.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=n.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:l})=>{const r=n.block("steps").element("nav").element("item");if(!t.invisible)return t.href?e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:t.href,rel:t.rel,target:t.target,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t})):e("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){a(this,e),this.balChange=s(this,"balChange"),this.stepsId="bal-steps-"+y++,this.store=[],this.isMobile=v.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))}}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=o(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=n.block("steps"),a=t.element("nav");let s=!0,o=-1;const r=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(s=!1),e.invisible||(o+=1),Object.assign(Object.assign({},e),{passed:s,index:o}))));return e(l,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},r.filter((e=>!e.invisible)).map((t=>e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return r(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};i([t("bal-steps"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],f.prototype,"createLogger",null),i([d({tags:["bal-steps","bal-step-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],f.prototype,"mutationListener",null),i([m(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],f.prototype,"breakpointListener",null);let y=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
|
|
1
|
+
import{M as e,L as t,H as a,P as s,T as o,N as l,O as r}from"./p-DgPiq0y0.js";import{_ as i,a as b}from"./p-dfXERft2.js";import{B as n}from"./p-ByiN-QjD.js";import{a as p}from"./p-BAaDJIzy.js";import{s as c}from"./p-CzKsK_-N.js";import{n as _}from"./p-DIC_sxLd.js";import{L as d}from"./p-DExQyjsY.js";import{b as v}from"./p-JEi0zFia.js";import{L as m}from"./p-qfLYZDNW.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-N2wlH4Xn.js";import"./p-CrVMeGPj.js";import"./p-BK9nu6KR.js";const u=({item:t,isMobile:a})=>{const s=n.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=n.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:l})=>{const r=n.block("steps").element("nav").element("item");if(!t.invisible)return t.href?e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:t.href,rel:t.rel,target:t.target,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t})):e("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){a(this,e),this.balChange=s(this,"balChange"),this.stepsId="bal-steps-"+y++,this.store=[],this.isMobile=v.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))}}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=o(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=n.block("steps"),a=t.element("nav");let s=!0,o=-1;const r=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(s=!1),e.invisible||(o+=1),Object.assign(Object.assign({},e),{passed:s,index:o}))));return e(l,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},r.filter((e=>!e.invisible)).map((t=>e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return r(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};i([t("bal-steps"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],f.prototype,"createLogger",null),i([d({tags:["bal-steps","bal-step-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],f.prototype,"mutationListener",null),i([m(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],f.prototype,"breakpointListener",null);let y=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
|
package/dist/baloise-design-system/{p-db1964f42f.system.entry.js → p-e6d1809eb8.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,i,e,n){function s(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function o(t){try{a(n.next(t))}catch(t){r(t)}}function u(t){try{a(n["throw"](t))}catch(t){r(t)}}function a(t){t.done?e(t.value):s(t.value).then(o,u)}a((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(i){return a([t,i])}}function a(u){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(e=0)),e)try{if(n=1,s&&(r=u[0]&2?s["return"]:u[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,u[1])).done)return r;if(s=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;s=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){e.label=u[1];break}if(u[0]===6&&e.label<r[1]){e.label=r[1];r=u;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(u);break}if(r[2])e.ops.pop();e.trys.pop();continue}u=i.call(t,e)}catch(t){u=[6,t];s=0}finally{n=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-UHSJaF1l.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-DoqKRzi8.system.js","./p-DN2D5o_M.system.js","./p-B33S9saU.system.js","./p-SeKJ5o8j.system.js","./p-YF2lEyTF.system.js","./p-7kyLHbsB.system.js"],(function(t,i){"use strict";var e,n,s,r,o,u,a,C,l,c,h,f;return{setters:[function(t){e=t.L;n=t.H;s=t.K;r=t.M;o=t.N;u=t.O},function(t){a=t._;C=t.a},function(t){l=t.B},function(t){c=t.b},function(t){h=t.L},function(t){f=t.L},null,null,null],execute:function(){var g=".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";var d=t("bal_logo",function(){function t(t){n(this,t);this.isTouch=c.isTouch;this.doesConfigAllowAnimation=true;this.color="blue";this.size="";this.animated=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.animatedWatcher=function(){if(!this.isAnimated){this.destroyAnimation()}};t.prototype.connectedCallback=function(){this.animatedWatcher()};t.prototype.componentDidUpdate=function(){this.resetAnimation()};t.prototype.componentDidLoad=function(){this.resetAnimation()};t.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroyAnimation()}};t.prototype.breakpointListener=function(t){this.isTouch=t.touch};t.prototype.configChanged=function(t){this.doesConfigAllowAnimation=t.animated};Object.defineProperty(t.prototype,"isAnimated",{get:function(){return this.doesConfigAllowAnimation&&this.animated},enumerable:false,configurable:true});t.prototype.resetAnimation=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.destroyAnimation();if(!this.animated)return[3,2];return[4,this.loadAnimation()];case 1:t.sent();if(this.animationFunction){this.destroyAnimation();this.animationItem=this.animationFunction(this.animatedLogoElement,this.color)}t.label=2;case 2:return[2]}}))}))};t.prototype.loadAnimation=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){return[2,new Promise((function(e,n){if(t.animationFunction){return e()}else{s((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(s){i.import("./p-B1a79Kak.system.js").then((function(i){t.animationFunction=i.animate;e()})).catch(n);return[2]}))}))}))}}))]}))}))};t.prototype.destroyAnimation=function(){if(this.animated&&this.animationItem&&this.animationItem.destroy){this.animationItem.destroy()}};t.prototype.render=function(){var t=this;var i=l.block("logo");var e=function(){return r("div",{style:{width:t.isTouch?"100px":"158px",height:t.isTouch?"22px":"32px"},ref:function(i){return t.animatedLogoElement=i}})};var n=function(){return r("svg",{focusable:"false","aria-hidden":"true",width:"158",height:"32",viewBox:"0 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"}))};var s=function(){return r("svg",{focusable:"false","aria-hidden":"true",width:"100",height:"22",viewBox:"0 0 100 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M71.2886 3.08227C71.2886 1.78086 72.3924 0.84771 73.679 0.84771C74.9656 0.84771 75.9688 1.78086 75.9688 3.08227C75.9688 4.38368 74.9656 5.29533 73.679 5.29533C72.3924 5.29533 71.2886 4.38403 71.2886 3.08227ZM71.8472 6.83532H75.4888V18.2682H71.8472V6.83532ZM52.405 2.40989H56.0469V18.2678H52.405V2.40989ZM30.6826 18.5505C34.0192 18.5505 36.3961 15.9903 36.3961 12.5629C36.3961 9.13507 34.0847 6.57525 30.7687 6.5756C29.5268 6.5756 28.48 6.94421 27.6514 7.63843V2.41025H24.0095V18.2682H27.368V17.292C28.1966 18.0948 29.3089 18.5505 30.6826 18.5505ZM30.1594 9.74366C31.6858 9.74366 32.7978 10.9358 32.7978 12.5629C32.7978 14.1899 31.6858 15.3613 30.1594 15.3613C28.5675 15.3613 27.4768 14.2114 27.4768 12.5629C27.4768 10.8932 28.5455 9.74366 30.1594 9.74366ZM50.0036 18.2682V6.83532H46.6451V8.02854C45.8382 7.22613 44.7475 6.79197 43.3305 6.79197C39.994 6.79197 37.5951 9.13543 37.5951 12.5629C37.5951 15.9903 39.994 18.5505 43.3305 18.5505C44.7478 18.5505 45.8382 18.0726 46.6451 17.2269V18.2682H50.0036ZM43.8541 9.74367C45.446 9.74367 46.5147 10.8921 46.5147 12.5629C46.5147 14.2117 45.4457 15.3613 43.8541 15.3613C42.3061 15.3613 41.2154 14.1888 41.2154 12.5629C41.2154 10.9369 42.3277 9.74367 43.8541 9.74367ZM63.9216 6.57524C60.2581 6.57524 57.641 9.13507 57.641 12.5628C57.641 15.9688 60.2591 18.5505 63.9216 18.5505C67.6071 18.5505 70.2238 15.9688 70.2238 12.5628C70.2238 9.13507 67.6057 6.57524 63.9216 6.57524ZM63.9432 9.78595C65.5351 9.78595 66.5603 10.914 66.5603 12.541C66.5603 14.1899 65.5135 15.3394 63.9432 15.3398C62.3513 15.3398 61.3045 14.168 61.3045 12.5628C61.3045 10.9136 62.3513 9.78595 63.9432 9.78595ZM79.9809 14.3418L76.9717 15.4916C77.6475 17.489 79.5013 18.5505 82.095 18.5484C85.1262 18.5484 87.045 17.1166 87.045 14.7516C87.045 12.1567 84.765 11.5576 83.0168 11.0983C81.9297 10.8126 81.0482 10.581 81.0482 9.95722C81.0482 9.48007 81.4187 9.19815 82.1601 9.19815C82.9235 9.19815 83.4687 9.56676 83.7305 10.2828L86.7415 9.11111C86.2834 7.50664 84.5824 6.57384 82.2271 6.57384C79.327 6.57384 77.4949 7.92035 77.4949 10.1331C77.4949 12.4741 79.6268 13.1109 81.3484 13.6252C82.5143 13.9735 83.4921 14.2655 83.4921 14.9926C83.4921 15.5131 83.056 15.8384 82.2271 15.8384C81.0496 15.8384 80.2862 15.2964 79.9809 14.3418ZM99.9999 12.3243C99.9999 9.50508 97.7756 6.5534 94.0246 6.5534C90.7101 6.5534 88.0494 9.26686 88.0494 12.5628C88.0494 15.9688 90.4483 18.5505 94.2429 18.5505C96.7469 18.5505 98.2259 17.5905 99.1125 16.496L97.0183 14.4084C96.3644 15.2132 95.6385 15.5998 94.3516 15.5998C92.9779 15.5998 91.9531 14.9056 91.5822 13.6264H99.9128C99.9728 13.195 100.002 12.7598 99.9999 12.3243ZM91.5383 11.3696C91.8436 9.98118 92.7813 9.2651 94.1114 9.2651C95.4416 9.2651 96.3141 10.0679 96.6194 11.3696H91.5383ZM10.6109 1.49718L19.7559 10.5947C19.8357 10.6742 19.899 10.7686 19.9422 10.8725C19.9854 10.9764 20.0076 11.0878 20.0075 11.2002C20.0074 11.3126 19.985 11.4239 19.9416 11.5277C19.8983 11.6315 19.8348 11.7258 19.7548 11.8052L17.2751 14.272L10.003 7.03759L5.81949 11.1994L10.003 15.3613L12.5967 12.7806L15.6857 15.8532L10.6127 20.9017C10.5328 20.9811 10.438 21.0442 10.3337 21.0872C10.2294 21.1302 10.1175 21.1523 10.0046 21.1523C9.89169 21.1523 9.77986 21.1302 9.67553 21.0872C9.5712 21.0442 9.47641 20.9811 9.39657 20.9017L0.251611 11.8041C0.0904986 11.6437 0 11.4262 0 11.1994C0 10.9726 0.0904986 10.7551 0.251611 10.5947L9.3948 1.49718C9.47464 1.41772 9.56943 1.35469 9.67376 1.31169C9.77809 1.26868 9.88992 1.24655 10.0028 1.24655C10.1158 1.24655 10.2276 1.26868 10.3319 1.31169C10.4363 1.35469 10.5311 1.41772 10.6109 1.49718Z",fill:"#000D6E"}))};var u=this.isAnimated?e:this.isTouch&&this.size===""||this.size==="small"?s:n;return r(o,{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier(this.color).class()),i.modifier("size-".concat(this.size)).class(this.size!=="")),i.modifier("animated").class(this.animated))},r(u,null))};Object.defineProperty(t.prototype,"el",{get:function(){return u(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{animated:["animatedWatcher"]}},enumerable:false,configurable:true});return t}());a([e("bal-logo"),C("design:type",Function),C("design:paramtypes",[Function]),C("design:returntype",void 0)],d.prototype,"createLogger",null);a([h(),C("design:type",Function),C("design:paramtypes",[Object]),C("design:returntype",void 0)],d.prototype,"breakpointListener",null);a([f(),C("design:type",Function),C("design:paramtypes",[Object]),C("design:returntype",void 0)],d.prototype,"configChanged",null);d.style=g}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,i,e,n){function s(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function o(t){try{a(n.next(t))}catch(t){r(t)}}function u(t){try{a(n["throw"](t))}catch(t){r(t)}}function a(t){t.done?e(t.value):s(t.value).then(o,u)}a((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(i){return a([t,i])}}function a(u){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(e=0)),e)try{if(n=1,s&&(r=u[0]&2?s["return"]:u[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,u[1])).done)return r;if(s=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;s=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){e.label=u[1];break}if(u[0]===6&&e.label<r[1]){e.label=r[1];r=u;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(u);break}if(r[2])e.ops.pop();e.trys.pop();continue}u=i.call(t,e)}catch(t){u=[6,t];s=0}finally{n=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-UHSJaF1l.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-Dt5hxdDB.system.js","./p-Da880oJj.system.js","./p-B33S9saU.system.js","./p-SeKJ5o8j.system.js","./p-YF2lEyTF.system.js","./p-Cz-v5l3u.system.js"],(function(t,i){"use strict";var e,n,s,r,o,u,a,C,l,c,h,f;return{setters:[function(t){e=t.L;n=t.H;s=t.K;r=t.M;o=t.N;u=t.O},function(t){a=t._;C=t.a},function(t){l=t.B},function(t){c=t.b},function(t){h=t.L},function(t){f=t.L},null,null,null],execute:function(){var g=".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";var d=t("bal_logo",function(){function t(t){n(this,t);this.isTouch=c.isTouch;this.doesConfigAllowAnimation=true;this.color="blue";this.size="";this.animated=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.animatedWatcher=function(){if(!this.isAnimated){this.destroyAnimation()}};t.prototype.connectedCallback=function(){this.animatedWatcher()};t.prototype.componentDidUpdate=function(){this.resetAnimation()};t.prototype.componentDidLoad=function(){this.resetAnimation()};t.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroyAnimation()}};t.prototype.breakpointListener=function(t){this.isTouch=t.touch};t.prototype.configChanged=function(t){this.doesConfigAllowAnimation=t.animated};Object.defineProperty(t.prototype,"isAnimated",{get:function(){return this.doesConfigAllowAnimation&&this.animated},enumerable:false,configurable:true});t.prototype.resetAnimation=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.destroyAnimation();if(!this.animated)return[3,2];return[4,this.loadAnimation()];case 1:t.sent();if(this.animationFunction){this.destroyAnimation();this.animationItem=this.animationFunction(this.animatedLogoElement,this.color)}t.label=2;case 2:return[2]}}))}))};t.prototype.loadAnimation=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){return[2,new Promise((function(e,n){if(t.animationFunction){return e()}else{s((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(s){i.import("./p-B1a79Kak.system.js").then((function(i){t.animationFunction=i.animate;e()})).catch(n);return[2]}))}))}))}}))]}))}))};t.prototype.destroyAnimation=function(){if(this.animated&&this.animationItem&&this.animationItem.destroy){this.animationItem.destroy()}};t.prototype.render=function(){var t=this;var i=l.block("logo");var e=function(){return r("div",{style:{width:t.isTouch?"100px":"158px",height:t.isTouch?"22px":"32px"},ref:function(i){return t.animatedLogoElement=i}})};var n=function(){return r("svg",{focusable:"false","aria-hidden":"true",width:"158",height:"32",viewBox:"0 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"}))};var s=function(){return r("svg",{focusable:"false","aria-hidden":"true",width:"100",height:"22",viewBox:"0 0 100 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M71.2886 3.08227C71.2886 1.78086 72.3924 0.84771 73.679 0.84771C74.9656 0.84771 75.9688 1.78086 75.9688 3.08227C75.9688 4.38368 74.9656 5.29533 73.679 5.29533C72.3924 5.29533 71.2886 4.38403 71.2886 3.08227ZM71.8472 6.83532H75.4888V18.2682H71.8472V6.83532ZM52.405 2.40989H56.0469V18.2678H52.405V2.40989ZM30.6826 18.5505C34.0192 18.5505 36.3961 15.9903 36.3961 12.5629C36.3961 9.13507 34.0847 6.57525 30.7687 6.5756C29.5268 6.5756 28.48 6.94421 27.6514 7.63843V2.41025H24.0095V18.2682H27.368V17.292C28.1966 18.0948 29.3089 18.5505 30.6826 18.5505ZM30.1594 9.74366C31.6858 9.74366 32.7978 10.9358 32.7978 12.5629C32.7978 14.1899 31.6858 15.3613 30.1594 15.3613C28.5675 15.3613 27.4768 14.2114 27.4768 12.5629C27.4768 10.8932 28.5455 9.74366 30.1594 9.74366ZM50.0036 18.2682V6.83532H46.6451V8.02854C45.8382 7.22613 44.7475 6.79197 43.3305 6.79197C39.994 6.79197 37.5951 9.13543 37.5951 12.5629C37.5951 15.9903 39.994 18.5505 43.3305 18.5505C44.7478 18.5505 45.8382 18.0726 46.6451 17.2269V18.2682H50.0036ZM43.8541 9.74367C45.446 9.74367 46.5147 10.8921 46.5147 12.5629C46.5147 14.2117 45.4457 15.3613 43.8541 15.3613C42.3061 15.3613 41.2154 14.1888 41.2154 12.5629C41.2154 10.9369 42.3277 9.74367 43.8541 9.74367ZM63.9216 6.57524C60.2581 6.57524 57.641 9.13507 57.641 12.5628C57.641 15.9688 60.2591 18.5505 63.9216 18.5505C67.6071 18.5505 70.2238 15.9688 70.2238 12.5628C70.2238 9.13507 67.6057 6.57524 63.9216 6.57524ZM63.9432 9.78595C65.5351 9.78595 66.5603 10.914 66.5603 12.541C66.5603 14.1899 65.5135 15.3394 63.9432 15.3398C62.3513 15.3398 61.3045 14.168 61.3045 12.5628C61.3045 10.9136 62.3513 9.78595 63.9432 9.78595ZM79.9809 14.3418L76.9717 15.4916C77.6475 17.489 79.5013 18.5505 82.095 18.5484C85.1262 18.5484 87.045 17.1166 87.045 14.7516C87.045 12.1567 84.765 11.5576 83.0168 11.0983C81.9297 10.8126 81.0482 10.581 81.0482 9.95722C81.0482 9.48007 81.4187 9.19815 82.1601 9.19815C82.9235 9.19815 83.4687 9.56676 83.7305 10.2828L86.7415 9.11111C86.2834 7.50664 84.5824 6.57384 82.2271 6.57384C79.327 6.57384 77.4949 7.92035 77.4949 10.1331C77.4949 12.4741 79.6268 13.1109 81.3484 13.6252C82.5143 13.9735 83.4921 14.2655 83.4921 14.9926C83.4921 15.5131 83.056 15.8384 82.2271 15.8384C81.0496 15.8384 80.2862 15.2964 79.9809 14.3418ZM99.9999 12.3243C99.9999 9.50508 97.7756 6.5534 94.0246 6.5534C90.7101 6.5534 88.0494 9.26686 88.0494 12.5628C88.0494 15.9688 90.4483 18.5505 94.2429 18.5505C96.7469 18.5505 98.2259 17.5905 99.1125 16.496L97.0183 14.4084C96.3644 15.2132 95.6385 15.5998 94.3516 15.5998C92.9779 15.5998 91.9531 14.9056 91.5822 13.6264H99.9128C99.9728 13.195 100.002 12.7598 99.9999 12.3243ZM91.5383 11.3696C91.8436 9.98118 92.7813 9.2651 94.1114 9.2651C95.4416 9.2651 96.3141 10.0679 96.6194 11.3696H91.5383ZM10.6109 1.49718L19.7559 10.5947C19.8357 10.6742 19.899 10.7686 19.9422 10.8725C19.9854 10.9764 20.0076 11.0878 20.0075 11.2002C20.0074 11.3126 19.985 11.4239 19.9416 11.5277C19.8983 11.6315 19.8348 11.7258 19.7548 11.8052L17.2751 14.272L10.003 7.03759L5.81949 11.1994L10.003 15.3613L12.5967 12.7806L15.6857 15.8532L10.6127 20.9017C10.5328 20.9811 10.438 21.0442 10.3337 21.0872C10.2294 21.1302 10.1175 21.1523 10.0046 21.1523C9.89169 21.1523 9.77986 21.1302 9.67553 21.0872C9.5712 21.0442 9.47641 20.9811 9.39657 20.9017L0.251611 11.8041C0.0904986 11.6437 0 11.4262 0 11.1994C0 10.9726 0.0904986 10.7551 0.251611 10.5947L9.3948 1.49718C9.47464 1.41772 9.56943 1.35469 9.67376 1.31169C9.77809 1.26868 9.88992 1.24655 10.0028 1.24655C10.1158 1.24655 10.2276 1.26868 10.3319 1.31169C10.4363 1.35469 10.5311 1.41772 10.6109 1.49718Z",fill:"#000D6E"}))};var u=this.isAnimated?e:this.isTouch&&this.size===""||this.size==="small"?s:n;return r(o,{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier(this.color).class()),i.modifier("size-".concat(this.size)).class(this.size!=="")),i.modifier("animated").class(this.animated))},r(u,null))};Object.defineProperty(t.prototype,"el",{get:function(){return u(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{animated:["animatedWatcher"]}},enumerable:false,configurable:true});return t}());a([e("bal-logo"),C("design:type",Function),C("design:paramtypes",[Function]),C("design:returntype",void 0)],d.prototype,"createLogger",null);a([h(),C("design:type",Function),C("design:paramtypes",[Object]),C("design:returntype",void 0)],d.prototype,"breakpointListener",null);a([f(),C("design:type",Function),C("design:paramtypes",[Object]),C("design:returntype",void 0)],d.prototype,"configChanged",null);d.style=g}}}));
|