@baloise/ds-core 19.0.0 → 19.0.1
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/bal-radio2.js +4 -9
- package/components/index.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-08a2787135.system.entry.js → p-058dece332.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f01b9ff6e3.entry.js → p-0ac528b6cb.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1311bf56.system.js → p-1e738175.system.js} +1 -1
- package/dist/baloise-design-system/{p-40602ad82c.system.entry.js → p-234c26f450.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a20202e006.entry.js → p-2556cb83d1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bc995202b6.system.entry.js → p-2bc77d4c8d.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-345aa92d.system.js +1 -1
- package/dist/baloise-design-system/{p-37bb1a7c35.entry.js → p-36ce945a77.entry.js} +1 -1
- package/dist/baloise-design-system/p-3913c6ae.js +1 -1
- package/dist/baloise-design-system/{p-4df06d49.js → p-3b1a0df0.js} +1 -1
- package/dist/baloise-design-system/{p-d437928a50.entry.js → p-40b022e526.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cfaccfd8.system.js → p-5281d378.system.js} +1 -1
- package/dist/baloise-design-system/{p-9497921a41.system.entry.js → p-58cd37922d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-90cf8c5923.system.entry.js → p-5cfc65b40f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cd952ba8.system.js → p-655d37c8.system.js} +1 -1
- package/dist/baloise-design-system/p-659ecadc.system.js +1 -1
- package/dist/baloise-design-system/{p-9268ca5c36.system.entry.js → p-817f7907be.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8bec751e53.system.entry.js → p-859c0fae39.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b33e238cc7.entry.js → p-85a6191cd8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-aaf8e75923.system.entry.js → p-8f17a55f2b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f3b225055a.entry.js → p-917729be7f.entry.js} +1 -1
- package/dist/baloise-design-system/p-98b6f8ba43.entry.js +1 -0
- package/dist/baloise-design-system/{p-0a2fcb50fc.system.entry.js → p-9f14664495.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dd00693b70.system.entry.js → p-a15a24d3a1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4f624353cc.system.entry.js → p-b268996da1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-04c1fb80ff.entry.js → p-b26a67d805.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a9d53341fa.entry.js → p-b79164fedd.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3367374aa9.entry.js → p-bbdf082862.entry.js} +1 -1
- package/dist/baloise-design-system/{p-60f65048.system.js → p-beb28f85.system.js} +1 -1
- package/dist/baloise-design-system/{p-e0cdb8d89a.system.entry.js → p-c661a0bb96.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-98b5f42b47.entry.js → p-c8ee46d5bc.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bd9e2680c9.system.entry.js → p-df5ddf4439.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a0ceb5a8a2.entry.js → p-ee275c12a9.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5f491e68.js → p-ef4bf5f5.js} +1 -1
- package/dist/baloise-design-system/{p-549e75a581.entry.js → p-f005df0cd0.entry.js} +1 -1
- package/dist/baloise-design-system/{p-27092a76.js → p-f89208a3.js} +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
- 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 +4 -4
- package/dist/cjs/bal-radio_2.cjs.entry.js +4 -9
- package/dist/cjs/bal-segment_2.cjs.entry.js +4 -4
- 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 +3 -3
- package/dist/cjs/{breakpoints.decorator-a0d98eb1.js → breakpoints.decorator-9a0be218.js} +1 -1
- package/dist/cjs/{breakpoints.subject-2e8183a1.js → breakpoints.subject-19c7123e.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-2e8978a4.js +1 -1
- package/dist/cjs/{tokens.esm-5a23f0d1.js → tokens.esm-3468979c.js} +1 -1
- package/dist/cjs/{window-resize.decorator-775d0c7b.js → window-resize.decorator-86974eaf.js} +1 -1
- package/dist/collection/components/bal-radio/bal-radio.js +4 -9
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +3 -3
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +3 -3
- 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 +4 -4
- package/dist/esm/bal-radio_2.entry.js +4 -9
- package/dist/esm/bal-segment_2.entry.js +4 -4
- 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 +3 -3
- package/dist/esm/{breakpoints.decorator-e856b7fc.js → breakpoints.decorator-899aba5d.js} +1 -1
- package/dist/esm/{breakpoints.subject-041ea43a.js → breakpoints.subject-2397d734.js} +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-be160cc4.js +1 -1
- package/dist/esm/{tokens.esm-98e219ab.js → tokens.esm-a6a0f537.js} +1 -1
- package/dist/esm/{window-resize.decorator-6aadb2e7.js → window-resize.decorator-f286b710.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-radio_2.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-899aba5d.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-041ea43a.js → breakpoints.subject-2397d734.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-be160cc4.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-6aadb2e7.js → window-resize.decorator-f286b710.js} +1 -1
- package/package.json +6 -6
- package/dist/baloise-design-system/p-01d1565bf3.entry.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-e856b7fc.js +0 -1
- /package/dist/baloise-design-system/{p-874385ab.js → p-95d42ad1.js} +0 -0
- /package/dist/baloise-design-system/{p-7ab40a51.system.js → p-cebe968d.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-98e219ab.js → tokens.esm-a6a0f537.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{a as inheritTrackingAttributes,i as inheritAttributes}from"./attributes-a3e70948.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{o as raf,h as deepReady,t as transitionEndAsync,k as debounce,p as debounceEvent,u as hasParent,m as rOnLoad,j as isDescendant,b as waitAfterFramePaint}from"./helpers-94c3fbac.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{n as newBalTabOption}from"./bal-tab.util-933315fe.js";import{s as stopEventBubbling}from"./form-input-263e6f5b.js";import{b as balBrowser}from"./browser-a8073d92.js";import{t as toKebabCase,S as SwiperUtil,g as getComputedPadding,a as getWidthOfOverflowingChildren}from"./swiper.util-01fa2dd9.js";import{a as ariaBooleanToString}from"./aria-ea150568.js";import{b as balBreakpoints}from"./breakpoints.subject-041ea43a.js";import{d as defaultConfig}from"./config.default-8e11a860.js";import{L as ListenToMutation}from"./mutation.decorator-e915d053.js";import{L as ListenToVisibility}from"./visibility.decorator-ee4b6682.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-e856b7fc.js";import{L as ListenToResize}from"./resize.decorator-08f6286b.js";import{L as ListenToSwipe}from"./swipe.decorator-902c4936.js";import{L as ListenToAnimation}from"./animation.decorator-49923a4a.js";import{L as ListenToConfig}from"./config.decorator-42dba864.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./config.utils-cd529084.js";import"./keyboard.helpers-159e517d.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-98e219ab.js";import"./swipe.subject-fbdb665a.js";var TabItem=function(){function t(t){registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(panelID++);this.isActive=false;this.tabsId=undefined;this.active=false;this.value="";this.label="";this.rel=undefined;this.href=undefined;this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined;this.subLabel="";this.svg=""}t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritTrackingAttributes(this.el)};t.prototype.setTabId=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.tabsId=t;return[2]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria,subLabel:this.subLabel,svg:this.svg}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var e=!this.isActive||this.noPanel;return h(Host,{key:"fb75a99fe41ccd8bbac4e1d8c0c8bf8a116e3121",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-hidden":e?"true":"false","aria-labelledby":this.tabsId?"".concat(this.tabsId,"-button-").concat(this.value):undefined,tabindex:e?"-1":undefined,hidden:e?true:undefined},h("slot",{key:"5e8e7ce04a22af2fce844c4604c3a3277dbccce5"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var panelID=0;var TabSelect=function(t){var e=t.items,a=t.value,i=t.onSelectTab;var n=BEM.block("tabs").element("select");var r=function(t){var a=e.filter((function(e){return e.value===t.detail}));if(a.length>0){var n=a[0];if(n.href!==""&&n.href!==undefined){if(balBrowser.hasWindow){window.open(n.href,n.target)}}i(t,n)}};return h("bal-select",{class:Object.assign({},n.class()),value:a,onBalChange:function(t){return r(t)}},e.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return h("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var TabIcon=function(t){var e=t.item,a=t.inverted,i=t.accordion,n=t.isAccordionOpen,r=t.isMobile,s=t.hasBubble;var o=BEM.block("tabs").element("nav").element("item").element("icon");var l=e.disabled?"grey":"primary";if(a){l=e.disabled?"primary-light":"white"}return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("display-svg").class(e.svg!==undefined))},e.svg?h("bal-icon",{svg:e.svg,size:"large",color:"auto"}):h("bal-icon",{size:r||i?"small":"",name:i?"nav-go-down":e.icon,color:l,turn:i&&n===true&&e.active}),s?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var TabLabel=function(t){var e=t.item,a=t.inverted,i=t.hasBubble,n=t.isExpanded,r=t.isVertical,s=t.context;var o=BEM.block("tabs").element("nav").element("item").element("label");return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(a)),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("vertical").class(r)),o.modifier("expanded").class(n)),o.modifier("context-".concat(s)).class(s!==undefined)),o.modifier("with-svg").class(e.svg&&e.svg.length>0)),"data-testid":"bal-tabs-item-label"},e.label,e.subLabel&&h("span",{class:o.element("sub-label").class()},e.subLabel),i?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var TabButton=function(t){var e=t.item,a=t.tabsId,i=t.isFirst,n=t.isLast,r=t.isMobile,s=t.isVertical,o=t.accordion,l=t.isAccordionOpen,b=t.isLinkList,_=t.inverted,d=t.isExpanded,c=t.spaceless,u=t.clickable,v=t.iconPosition,f=t.context,m=t.onSelectTab,p=t.hasSubLabelInGroup,g=t.dimInactiveElements;var w;var x=BEM.block("tabs").element("nav").element("item");if(e.invisible){return}var y=e.bubble!==false;var j=e.icon!==undefined;var O=j&&y&&v!=="horizontal"&&!o||r&&j&&y&&!s&&!o;var k=o&&y||o&&r&&j&&y&&!s;var T=!j&&y&&!o||y&&!r&&v==="horizontal"&&!o||y&&s&&!o;var L=e.href===undefined||e.href==="";var z=L?"button":"a";var A=L?{type:"button",role:"tab","aria-controls":((w=e.aria)===null||w===void 0?void 0:w.controls)||e.tabPanelID||undefined,"aria-expanded":ariaBooleanToString(e.active),"aria-disabled":ariaBooleanToString(e.disabled),"aria-label":e.label}:{role:"listitem",href:e.href,rel:e.rel,target:e.target};if(!b){A["tabindex"]=e.active?"0":"-1"}var B=function(){return h(z,Object.assign({id:"".concat(a,"-button-").concat(toKebabCase(e.value)),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},x.class()),x.modifier("active").class(e.active)),x.modifier("disabled").class(e.disabled)),x.modifier("clickable").class(u)),x.modifier("accordion").class(o)),x.modifier("inverted").class(_)),x.modifier("expanded").class(d)),x.modifier("spaceless").class(c)),x.modifier("first").class(i)),x.modifier("last").class(n)),x.modifier("passed").class(e.passed)),x.modifier("vertical").class(s)),x.modifier("context-".concat(f)).class(f!==undefined)),x.modifier("icon-position-".concat(v)).class(v!=="horizontal")),x.modifier("display-svg").class(e.svg&&e.svg.length>0)),x.modifier("group-has-sub-label").class(p)),x.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!e.disabled&&!e.invisible}),draggable:false,"data-tabs":a,"data-label":e.label,"data-value":e.value,"data-index":e.index,"data-testid":"bal-tabs-item","aria-selected":!L?undefined:e.active?"true":"false"},A,{onClick:function(t){return m(t,e)}}),e.icon||e.svg?h(TabIcon,{accordion:false,item:e,isMobile:r,hasBubble:O,inverted:_}):"",h(TabLabel,{item:e,isMobile:r,isVertical:s,isExpanded:d,hasBubble:T,inverted:_,context:f}),o&&!e.href?h(TabIcon,{accordion:o,isAccordionOpen:l,item:e,isMobile:r,hasBubble:k,inverted:_}):"")};if(b){return h("li",null,B())}else{return B()}};var TabNav=function(t){var e=t.swiper,a=t.items,i=t.tabsId,n=t.isVertical,r=t.inNavbar,s=t.isMobile,o=t.isTouch,l=t.ariaLabel,b=t.lineActive,_=t.lineHidden,d=t.isLinkList,c=t.border,u=t.accordion,v=t.isAccordionOpen,f=t.inverted,m=t.clickable,p=t.animated,g=t.spaceless,w=t.expanded,x=t.verticalColSize,y=t.showSwiperControls,j=t.iconPosition,O=t.context,k=t.onSelectTab,T=t.dimInactiveElements;var L=BEM.block("tabs").element("nav");var z=L.element("inner");var A=L.element("container");var B=L.element("line");var E=L.element("border");var C=a.filter((function(t){return!t.invisible}));var S=r&&!o;var I=a.some((function(t){return t.subLabel&&t.subLabel.length>0}));var M=function(t){var e=t.item,a=t.index;return h(TabButton,{item:e,isLinkList:d,tabsId:i,isFirst:a===0,isLast:a===C.length-1,isMobile:s,isVertical:n,iconPosition:j,spaceless:g,inverted:f,accordion:u,isAccordionOpen:v,context:O,isExpanded:w,clickable:m&&!e.disabled,onSelectTab:k,hasSubLabelInGroup:I,dimInactiveElements:T})};var F=d?"nav":"div";var P=d?"ul":"div";return h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},L.class()),L.modifier("vertical").class(n)),L.modifier("full-height").class(S)),L.modifier("vertical-col-".concat(x)).class(n)),e.cssSwiper())},h(F,{id:"".concat(i,"-nav"),class:Object.assign(Object.assign(Object.assign({},e.cssInnerSwiper()),z.class()),z.modifier("full-height").class(S)),ref:function(t){return e.innerEl=t},"aria-label":d?l:undefined},h(P,{id:e.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},e.cssSwiperContainer()),A.class()),A.modifier("vertical").class(n)),A.modifier("expanded").class(w&&!n)),role:d?undefined:"tablist","aria-label":d?undefined:l,ref:function(t){return e.containerEl=t}},C.map((function(t,e){return h(M,{item:t,index:e})})),h("div",{id:"".concat(i,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},B.class()),B.modifier("active").class(b)),B.modifier("inverted").class(f)),B.modifier("animated").class(p)),B.modifier("vertical").class(n)),B.modifier("hidden").class(_))}),c?h("div",{id:"".concat(i,"-border"),class:Object.assign(Object.assign(Object.assign({},E.class()),E.modifier("inverted").class(f)),E.modifier("vertical").class(n))}):"")),y?e.renderControls():"")};var balTabsCss='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@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)}';var BalTabsStyle0=balTabsCss;var Tabs=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(TabsIds++);this.inheritAttributes={};this.swiper=new SwiperUtil;this.mutationObserverActive=true;this.getOptions=function(){if(e.options.length>0){return __spreadArray([],e.options.map(newBalTabOption),true)}else{return Promise.all(e.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!areArraysEqual(e.store,t)){e.store=t}else if(!e.optionalTabSelection&&!e.accordion&&e.value===undefined&&e.store.length>0){var a=e.store[0];e.value=a.value}};this.setActiveItem=function(){var t=e.store.filter((function(t){return t.active}));if(t.length>0){var a=t[0];e.value=a.value}};this.setActiveContent=function(){if(e.options.length===0){e.items.forEach((function(t){return t.setActive(e.isTabActive(t))}))}};this.getLineSize=function(t,a){if(t){var i=e.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(e.expanded){return n}var r=a.left+a.right;return n-r}}return 0};this.getOffset=function(t,a){var i=e.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft!==undefined&&t.offsetLeft!==null){if(e.expanded){return t.offsetLeft}return t.offsetLeft+a.left}var n=t.closest(".bal-tabs__nav__item");if(n){if(e.expanded){return n.offsetLeft}return n.offsetLeft+a.left}}return 0};this.animateLine=function(){var t=[];for(var a=0;a<arguments.length;a++){t[a]=arguments[a]}return __awaiter(e,__spreadArray([],t,true),void 0,(function(t){var e=this;if(t===void 0){t=false}return __generator(this,(function(t){if(!this.enableLineRender){return[2]}if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}raf((function(){return __awaiter(e,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,deepReady(this.el,true)];case 1:e.sent();this.currentRaf=raf((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,a,i,n,r,s,o,l,b;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=getComputedPadding(t);a=this.getLineSize(t,e);i=this.getOffset(t,e);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=transitionEndAsync(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(i,"px)"));n.style.setProperty("min-height","".concat(a,"px"));n.style.setProperty("height","".concat(a,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(i,"px)"));n.style.setProperty("min-width","".concat(a,"px"));n.style.setProperty("width","".concat(a,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();l=this.getCarouselElement();if(o&&l){if(this.expanded){o.style.setProperty("width","100%")}else{b=getWidthOfOverflowingChildren(l);o.style.setProperty("width","".concat(b,"px"))}}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(e.accordion){if(e.isAccordionOpen){e.collapseAccordion(t)}else{e.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}e.isAccordionOpen=true;if(e.accordionState===4){return}e.accordionState=4;e.balWillAnimate.emit(e.value);e.balDidAnimate.emit(e.value)};this.collapseAccordion=function(t){if(t===void 0){t=false}e.isAccordionOpen=false;if(e.accordionState===1){return}e.accordionState=1;e.balWillAnimate.emit(e.value);e.balDidAnimate.emit(e.value)};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return e.animated};this.onOptionChange=debounce((function(){return e.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(e,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=a.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:e=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,a){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(a.prevent||a.disabled||!this.clickable){stopEventBubbling(t)}if(!(!a.disabled&&this.clickable))return[3,3];if(this.accordion){if(a.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(a.navigate){a.navigate.emit(t)}if(!(a.value!==this.value))return[3,3];this.balChange.emit(a.value);return[4,this.select(a)];case 1:e.sent();return[4,this.focus(a)];case 2:e.sent();e.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.enableLineRender=false;this.hasAnimated=false;this.index=0;this.isMobile=balBreakpoints.isMobile;this.isTablet=balBreakpoints.isTablet;this.language=defaultConfig.language;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined;this.dimInactiveElements=false;this.handleAsTabList=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.expandedChanged=function(){this.updateSwiper()};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.verticalChanged=function(){this.updateSwiper()};t.prototype.valueChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==e){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.swiper.controls="small";this.updateSwiper();this.inNavbar=hasParent("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var e=hasParent("bal-nav-menu-bar",this.el);if(e){this.isAccordionOpen=false}else{var a=this.value!==undefined&&this.value.length>0;if(a){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidRender=function(){this.animateLine()};t.prototype.componentWillRender=function(){this.updateSwiper()};t.prototype.componentDidLoad=function(){var t=this;this.onOptionChange();this.items.forEach((function(e){e.setTabId(t.tabsId)}));rOnLoad((function(){t.enableLineRender=true;t.animateLine(true)}))};t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritAttributes(this.el,["aria-label"])};t.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};t.prototype.mutationListener=function(){this.onOptionChange();this.swiper.notifyChange()};t.prototype.visibilityListener=function(){this.swiper.notifyChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.swiper.notifyChange()};t.prototype.resizeListener=function(t){this.swiper.notifyChange();if(!this.isVertical()&&t.width||this.isVertical()&&t.height){this.animateLine()}};t.prototype.swipeListener=function(t){var e=t.left,a=t.right;if(e){this.swiper.next()}else if(a){this.swiper.previous()}};t.prototype.animationListener=function(t){this.isUsedInNavbar(t.target);this.animateLine()};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){e=this.store;return[2,e.find((function(e){return e.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};t.prototype.swiperOnChange=function(t){this.index=t};t.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0||this.handleAsTabList},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.getTargetElement=function(t){var e='[data-tabs="'.concat(this.tabsId,'"]');var a=Array.from(this.el.querySelectorAll(e));return a.filter((function(e){return e.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.swiper.containerId))};t.prototype.updateSwiper=function(){if(this.overflow){if(this.expanded||this.isVertical()){this.swiper.disable()}else{this.swiper.activate()}}else{this.swiper.disable()}};t.prototype.isUsedInNavbar=function(t){var e=t.closest("bal-navbar");var a=t;if(e&&isDescendant(e,this.el)){this.isNavbarOpen=a}};t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var e=this.isMobile;var a=this.isTablet;var i=e||a;return t||i&&this.inNavbar};t.prototype.findNextTab=function(t){var e=this;if(t===void 0){t=false}var a=this.store.findIndex((function(t){return e.isTabActive(t)}));var i=this.store.map((function(t,e){return{index:e,visible:!t.hidden&&!t.disabled}}));if(t){i=i.reverse()}var n=i.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,e){if(t>a){return t}if(e<=t){return t}else{return e}};var s=function(t,e){if(t<a){return t}if(e>=t){return t}else{return e}};var o=t?s:r;var l=n.reduce((function(t,e){return o(t,e)}),a);return this.store[l]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var e=this.findNextTab();if(e){this.onSelectTab(t,e)}};t.prototype.tabListSelectPrevious=function(t){var e=this.findPreviousTab();if(e){this.onSelectTab(t,e)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.querySelector("button.bal-focused, a.bal-focused")!==null;if(!this.swiper.isActive())return[3,2];return[4,this.getOptions()];case 1:a=r.sent();i=a.findIndex((function(e){return e.value===t.value}));this.swiper.updateIndex(i);r.label=2;case 2:return[4,waitAfterFramePaint()];case 3:r.sent();if(e){n=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(toKebabCase(t.value)));if(n){n.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=BEM.block("tabs");var a=e.element("content");var i=this.isMobile;var n=this.isTablet;var r=i||n;var s=this.inNavbar&&!r&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var o=this.isVertical();var l=this.border||this.inNavbar&&r;var b=i&&this.selectOnMobile;var _=this.store.map((function(e){return Object.assign(Object.assign({},e),{active:e.value===t.value})}));var d=this.accordionState===4||this.accordionState===8;var c=d?"content expanded":"content";var u=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var v=!this.isTabList;var f=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(",");var m=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",");return h(Host,{key:"69d96a45fe17ef7cf2c6acf7a59acb080f434f37",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("navbar").class(this.inNavbar)),e.modifier("vertical").class(o)),e.modifier("fullwidth").class(this.expanded||this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated&&this.isTabList)),e.modifier("expanding").class(this.accordionState===8)),e.modifier("expanded").class(this.accordionState===4)),e.modifier("collapsing").class(this.accordionState===2)),e.modifier("collapsed").class(this.accordionState===1)),"data-value":f,"data-label":m},b?h(TabSelect,{value:this.value,items:_,onSelectTab:this.onSelectTab}):h(TabNav,{swiper:this.swiper,items:_,isLinkList:v,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:u,lineHidden:!this.enableLineRender,inverted:s,animated:this.animated&&this.isTabList,context:this.context,border:l,spaceless:this.spaceless,expanded:this.expanded,isMobile:i,isTouch:r,isVertical:o,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),h("div",{key:"e0f122fe69cde2029ef069fa99b7c08176e62a31",part:c,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class(this.context==="meta"||this.context==="navbar"||this.context==="navigation"))},h("div",{key:"bbbaad45e23863e488b6f7246f7112596ba50f1d",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},h("slot",{key:"e5dfe7d80380bc1f3eff95d5391375af110a1440"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-tabs"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Tabs.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-tabs","bal-tab-item"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"mutationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"visibilityListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"resizeListener",null);__decorate([ListenToSwipe(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"swipeListener",null);__decorate([ListenToAnimation(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"animationListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Tabs.prototype,"configChanged",null);var TabsIds=0;Tabs.style=BalTabsStyle0;export{TabItem as bal_tab_item,Tabs as bal_tabs};
|
|
1
|
+
import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{a as inheritTrackingAttributes,i as inheritAttributes}from"./attributes-a3e70948.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{o as raf,h as deepReady,t as transitionEndAsync,k as debounce,p as debounceEvent,u as hasParent,m as rOnLoad,j as isDescendant,b as waitAfterFramePaint}from"./helpers-94c3fbac.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{n as newBalTabOption}from"./bal-tab.util-933315fe.js";import{s as stopEventBubbling}from"./form-input-263e6f5b.js";import{b as balBrowser}from"./browser-a8073d92.js";import{t as toKebabCase,S as SwiperUtil,g as getComputedPadding,a as getWidthOfOverflowingChildren}from"./swiper.util-01fa2dd9.js";import{a as ariaBooleanToString}from"./aria-ea150568.js";import{b as balBreakpoints}from"./breakpoints.subject-2397d734.js";import{d as defaultConfig}from"./config.default-8e11a860.js";import{L as ListenToMutation}from"./mutation.decorator-e915d053.js";import{L as ListenToVisibility}from"./visibility.decorator-ee4b6682.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-899aba5d.js";import{L as ListenToResize}from"./resize.decorator-08f6286b.js";import{L as ListenToSwipe}from"./swipe.decorator-902c4936.js";import{L as ListenToAnimation}from"./animation.decorator-49923a4a.js";import{L as ListenToConfig}from"./config.decorator-42dba864.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./config.utils-cd529084.js";import"./keyboard.helpers-159e517d.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-a6a0f537.js";import"./swipe.subject-fbdb665a.js";var TabItem=function(){function t(t){registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(panelID++);this.isActive=false;this.tabsId=undefined;this.active=false;this.value="";this.label="";this.rel=undefined;this.href=undefined;this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined;this.subLabel="";this.svg=""}t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritTrackingAttributes(this.el)};t.prototype.setTabId=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.tabsId=t;return[2]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria,subLabel:this.subLabel,svg:this.svg}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var e=!this.isActive||this.noPanel;return h(Host,{key:"fb75a99fe41ccd8bbac4e1d8c0c8bf8a116e3121",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-hidden":e?"true":"false","aria-labelledby":this.tabsId?"".concat(this.tabsId,"-button-").concat(this.value):undefined,tabindex:e?"-1":undefined,hidden:e?true:undefined},h("slot",{key:"5e8e7ce04a22af2fce844c4604c3a3277dbccce5"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var panelID=0;var TabSelect=function(t){var e=t.items,a=t.value,i=t.onSelectTab;var n=BEM.block("tabs").element("select");var r=function(t){var a=e.filter((function(e){return e.value===t.detail}));if(a.length>0){var n=a[0];if(n.href!==""&&n.href!==undefined){if(balBrowser.hasWindow){window.open(n.href,n.target)}}i(t,n)}};return h("bal-select",{class:Object.assign({},n.class()),value:a,onBalChange:function(t){return r(t)}},e.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return h("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var TabIcon=function(t){var e=t.item,a=t.inverted,i=t.accordion,n=t.isAccordionOpen,r=t.isMobile,s=t.hasBubble;var o=BEM.block("tabs").element("nav").element("item").element("icon");var l=e.disabled?"grey":"primary";if(a){l=e.disabled?"primary-light":"white"}return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("display-svg").class(e.svg!==undefined))},e.svg?h("bal-icon",{svg:e.svg,size:"large",color:"auto"}):h("bal-icon",{size:r||i?"small":"",name:i?"nav-go-down":e.icon,color:l,turn:i&&n===true&&e.active}),s?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var TabLabel=function(t){var e=t.item,a=t.inverted,i=t.hasBubble,n=t.isExpanded,r=t.isVertical,s=t.context;var o=BEM.block("tabs").element("nav").element("item").element("label");return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(a)),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("vertical").class(r)),o.modifier("expanded").class(n)),o.modifier("context-".concat(s)).class(s!==undefined)),o.modifier("with-svg").class(e.svg&&e.svg.length>0)),"data-testid":"bal-tabs-item-label"},e.label,e.subLabel&&h("span",{class:o.element("sub-label").class()},e.subLabel),i?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var TabButton=function(t){var e=t.item,a=t.tabsId,i=t.isFirst,n=t.isLast,r=t.isMobile,s=t.isVertical,o=t.accordion,l=t.isAccordionOpen,b=t.isLinkList,_=t.inverted,d=t.isExpanded,c=t.spaceless,u=t.clickable,v=t.iconPosition,f=t.context,m=t.onSelectTab,p=t.hasSubLabelInGroup,g=t.dimInactiveElements;var w;var x=BEM.block("tabs").element("nav").element("item");if(e.invisible){return}var y=e.bubble!==false;var j=e.icon!==undefined;var O=j&&y&&v!=="horizontal"&&!o||r&&j&&y&&!s&&!o;var k=o&&y||o&&r&&j&&y&&!s;var T=!j&&y&&!o||y&&!r&&v==="horizontal"&&!o||y&&s&&!o;var L=e.href===undefined||e.href==="";var z=L?"button":"a";var A=L?{type:"button",role:"tab","aria-controls":((w=e.aria)===null||w===void 0?void 0:w.controls)||e.tabPanelID||undefined,"aria-expanded":ariaBooleanToString(e.active),"aria-disabled":ariaBooleanToString(e.disabled),"aria-label":e.label}:{role:"listitem",href:e.href,rel:e.rel,target:e.target};if(!b){A["tabindex"]=e.active?"0":"-1"}var B=function(){return h(z,Object.assign({id:"".concat(a,"-button-").concat(toKebabCase(e.value)),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},x.class()),x.modifier("active").class(e.active)),x.modifier("disabled").class(e.disabled)),x.modifier("clickable").class(u)),x.modifier("accordion").class(o)),x.modifier("inverted").class(_)),x.modifier("expanded").class(d)),x.modifier("spaceless").class(c)),x.modifier("first").class(i)),x.modifier("last").class(n)),x.modifier("passed").class(e.passed)),x.modifier("vertical").class(s)),x.modifier("context-".concat(f)).class(f!==undefined)),x.modifier("icon-position-".concat(v)).class(v!=="horizontal")),x.modifier("display-svg").class(e.svg&&e.svg.length>0)),x.modifier("group-has-sub-label").class(p)),x.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!e.disabled&&!e.invisible}),draggable:false,"data-tabs":a,"data-label":e.label,"data-value":e.value,"data-index":e.index,"data-testid":"bal-tabs-item","aria-selected":!L?undefined:e.active?"true":"false"},A,{onClick:function(t){return m(t,e)}}),e.icon||e.svg?h(TabIcon,{accordion:false,item:e,isMobile:r,hasBubble:O,inverted:_}):"",h(TabLabel,{item:e,isMobile:r,isVertical:s,isExpanded:d,hasBubble:T,inverted:_,context:f}),o&&!e.href?h(TabIcon,{accordion:o,isAccordionOpen:l,item:e,isMobile:r,hasBubble:k,inverted:_}):"")};if(b){return h("li",null,B())}else{return B()}};var TabNav=function(t){var e=t.swiper,a=t.items,i=t.tabsId,n=t.isVertical,r=t.inNavbar,s=t.isMobile,o=t.isTouch,l=t.ariaLabel,b=t.lineActive,_=t.lineHidden,d=t.isLinkList,c=t.border,u=t.accordion,v=t.isAccordionOpen,f=t.inverted,m=t.clickable,p=t.animated,g=t.spaceless,w=t.expanded,x=t.verticalColSize,y=t.showSwiperControls,j=t.iconPosition,O=t.context,k=t.onSelectTab,T=t.dimInactiveElements;var L=BEM.block("tabs").element("nav");var z=L.element("inner");var A=L.element("container");var B=L.element("line");var E=L.element("border");var C=a.filter((function(t){return!t.invisible}));var S=r&&!o;var I=a.some((function(t){return t.subLabel&&t.subLabel.length>0}));var M=function(t){var e=t.item,a=t.index;return h(TabButton,{item:e,isLinkList:d,tabsId:i,isFirst:a===0,isLast:a===C.length-1,isMobile:s,isVertical:n,iconPosition:j,spaceless:g,inverted:f,accordion:u,isAccordionOpen:v,context:O,isExpanded:w,clickable:m&&!e.disabled,onSelectTab:k,hasSubLabelInGroup:I,dimInactiveElements:T})};var F=d?"nav":"div";var P=d?"ul":"div";return h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},L.class()),L.modifier("vertical").class(n)),L.modifier("full-height").class(S)),L.modifier("vertical-col-".concat(x)).class(n)),e.cssSwiper())},h(F,{id:"".concat(i,"-nav"),class:Object.assign(Object.assign(Object.assign({},e.cssInnerSwiper()),z.class()),z.modifier("full-height").class(S)),ref:function(t){return e.innerEl=t},"aria-label":d?l:undefined},h(P,{id:e.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},e.cssSwiperContainer()),A.class()),A.modifier("vertical").class(n)),A.modifier("expanded").class(w&&!n)),role:d?undefined:"tablist","aria-label":d?undefined:l,ref:function(t){return e.containerEl=t}},C.map((function(t,e){return h(M,{item:t,index:e})})),h("div",{id:"".concat(i,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},B.class()),B.modifier("active").class(b)),B.modifier("inverted").class(f)),B.modifier("animated").class(p)),B.modifier("vertical").class(n)),B.modifier("hidden").class(_))}),c?h("div",{id:"".concat(i,"-border"),class:Object.assign(Object.assign(Object.assign({},E.class()),E.modifier("inverted").class(f)),E.modifier("vertical").class(n))}):"")),y?e.renderControls():"")};var balTabsCss='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@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)}';var BalTabsStyle0=balTabsCss;var Tabs=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(TabsIds++);this.inheritAttributes={};this.swiper=new SwiperUtil;this.mutationObserverActive=true;this.getOptions=function(){if(e.options.length>0){return __spreadArray([],e.options.map(newBalTabOption),true)}else{return Promise.all(e.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!areArraysEqual(e.store,t)){e.store=t}else if(!e.optionalTabSelection&&!e.accordion&&e.value===undefined&&e.store.length>0){var a=e.store[0];e.value=a.value}};this.setActiveItem=function(){var t=e.store.filter((function(t){return t.active}));if(t.length>0){var a=t[0];e.value=a.value}};this.setActiveContent=function(){if(e.options.length===0){e.items.forEach((function(t){return t.setActive(e.isTabActive(t))}))}};this.getLineSize=function(t,a){if(t){var i=e.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(e.expanded){return n}var r=a.left+a.right;return n-r}}return 0};this.getOffset=function(t,a){var i=e.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft!==undefined&&t.offsetLeft!==null){if(e.expanded){return t.offsetLeft}return t.offsetLeft+a.left}var n=t.closest(".bal-tabs__nav__item");if(n){if(e.expanded){return n.offsetLeft}return n.offsetLeft+a.left}}return 0};this.animateLine=function(){var t=[];for(var a=0;a<arguments.length;a++){t[a]=arguments[a]}return __awaiter(e,__spreadArray([],t,true),void 0,(function(t){var e=this;if(t===void 0){t=false}return __generator(this,(function(t){if(!this.enableLineRender){return[2]}if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}raf((function(){return __awaiter(e,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,deepReady(this.el,true)];case 1:e.sent();this.currentRaf=raf((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,a,i,n,r,s,o,l,b;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=getComputedPadding(t);a=this.getLineSize(t,e);i=this.getOffset(t,e);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=transitionEndAsync(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(i,"px)"));n.style.setProperty("min-height","".concat(a,"px"));n.style.setProperty("height","".concat(a,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(i,"px)"));n.style.setProperty("min-width","".concat(a,"px"));n.style.setProperty("width","".concat(a,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();l=this.getCarouselElement();if(o&&l){if(this.expanded){o.style.setProperty("width","100%")}else{b=getWidthOfOverflowingChildren(l);o.style.setProperty("width","".concat(b,"px"))}}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(e.accordion){if(e.isAccordionOpen){e.collapseAccordion(t)}else{e.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}e.isAccordionOpen=true;if(e.accordionState===4){return}e.accordionState=4;e.balWillAnimate.emit(e.value);e.balDidAnimate.emit(e.value)};this.collapseAccordion=function(t){if(t===void 0){t=false}e.isAccordionOpen=false;if(e.accordionState===1){return}e.accordionState=1;e.balWillAnimate.emit(e.value);e.balDidAnimate.emit(e.value)};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return e.animated};this.onOptionChange=debounce((function(){return e.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(e,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=a.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:e=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,a){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(a.prevent||a.disabled||!this.clickable){stopEventBubbling(t)}if(!(!a.disabled&&this.clickable))return[3,3];if(this.accordion){if(a.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(a.navigate){a.navigate.emit(t)}if(!(a.value!==this.value))return[3,3];this.balChange.emit(a.value);return[4,this.select(a)];case 1:e.sent();return[4,this.focus(a)];case 2:e.sent();e.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.enableLineRender=false;this.hasAnimated=false;this.index=0;this.isMobile=balBreakpoints.isMobile;this.isTablet=balBreakpoints.isTablet;this.language=defaultConfig.language;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined;this.dimInactiveElements=false;this.handleAsTabList=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.expandedChanged=function(){this.updateSwiper()};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.verticalChanged=function(){this.updateSwiper()};t.prototype.valueChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==e){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.swiper.controls="small";this.updateSwiper();this.inNavbar=hasParent("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var e=hasParent("bal-nav-menu-bar",this.el);if(e){this.isAccordionOpen=false}else{var a=this.value!==undefined&&this.value.length>0;if(a){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidRender=function(){this.animateLine()};t.prototype.componentWillRender=function(){this.updateSwiper()};t.prototype.componentDidLoad=function(){var t=this;this.onOptionChange();this.items.forEach((function(e){e.setTabId(t.tabsId)}));rOnLoad((function(){t.enableLineRender=true;t.animateLine(true)}))};t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritAttributes(this.el,["aria-label"])};t.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};t.prototype.mutationListener=function(){this.onOptionChange();this.swiper.notifyChange()};t.prototype.visibilityListener=function(){this.swiper.notifyChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.swiper.notifyChange()};t.prototype.resizeListener=function(t){this.swiper.notifyChange();if(!this.isVertical()&&t.width||this.isVertical()&&t.height){this.animateLine()}};t.prototype.swipeListener=function(t){var e=t.left,a=t.right;if(e){this.swiper.next()}else if(a){this.swiper.previous()}};t.prototype.animationListener=function(t){this.isUsedInNavbar(t.target);this.animateLine()};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){e=this.store;return[2,e.find((function(e){return e.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};t.prototype.swiperOnChange=function(t){this.index=t};t.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0||this.handleAsTabList},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.getTargetElement=function(t){var e='[data-tabs="'.concat(this.tabsId,'"]');var a=Array.from(this.el.querySelectorAll(e));return a.filter((function(e){return e.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.swiper.containerId))};t.prototype.updateSwiper=function(){if(this.overflow){if(this.expanded||this.isVertical()){this.swiper.disable()}else{this.swiper.activate()}}else{this.swiper.disable()}};t.prototype.isUsedInNavbar=function(t){var e=t.closest("bal-navbar");var a=t;if(e&&isDescendant(e,this.el)){this.isNavbarOpen=a}};t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var e=this.isMobile;var a=this.isTablet;var i=e||a;return t||i&&this.inNavbar};t.prototype.findNextTab=function(t){var e=this;if(t===void 0){t=false}var a=this.store.findIndex((function(t){return e.isTabActive(t)}));var i=this.store.map((function(t,e){return{index:e,visible:!t.hidden&&!t.disabled}}));if(t){i=i.reverse()}var n=i.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,e){if(t>a){return t}if(e<=t){return t}else{return e}};var s=function(t,e){if(t<a){return t}if(e>=t){return t}else{return e}};var o=t?s:r;var l=n.reduce((function(t,e){return o(t,e)}),a);return this.store[l]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var e=this.findNextTab();if(e){this.onSelectTab(t,e)}};t.prototype.tabListSelectPrevious=function(t){var e=this.findPreviousTab();if(e){this.onSelectTab(t,e)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a,i,n;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.querySelector("button.bal-focused, a.bal-focused")!==null;if(!this.swiper.isActive())return[3,2];return[4,this.getOptions()];case 1:a=r.sent();i=a.findIndex((function(e){return e.value===t.value}));this.swiper.updateIndex(i);r.label=2;case 2:return[4,waitAfterFramePaint()];case 3:r.sent();if(e){n=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(toKebabCase(t.value)));if(n){n.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=BEM.block("tabs");var a=e.element("content");var i=this.isMobile;var n=this.isTablet;var r=i||n;var s=this.inNavbar&&!r&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var o=this.isVertical();var l=this.border||this.inNavbar&&r;var b=i&&this.selectOnMobile;var _=this.store.map((function(e){return Object.assign(Object.assign({},e),{active:e.value===t.value})}));var d=this.accordionState===4||this.accordionState===8;var c=d?"content expanded":"content";var u=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var v=!this.isTabList;var f=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(",");var m=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",");return h(Host,{key:"69d96a45fe17ef7cf2c6acf7a59acb080f434f37",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("navbar").class(this.inNavbar)),e.modifier("vertical").class(o)),e.modifier("fullwidth").class(this.expanded||this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated&&this.isTabList)),e.modifier("expanding").class(this.accordionState===8)),e.modifier("expanded").class(this.accordionState===4)),e.modifier("collapsing").class(this.accordionState===2)),e.modifier("collapsed").class(this.accordionState===1)),"data-value":f,"data-label":m},b?h(TabSelect,{value:this.value,items:_,onSelectTab:this.onSelectTab}):h(TabNav,{swiper:this.swiper,items:_,isLinkList:v,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:u,lineHidden:!this.enableLineRender,inverted:s,animated:this.animated&&this.isTabList,context:this.context,border:l,spaceless:this.spaceless,expanded:this.expanded,isMobile:i,isTouch:r,isVertical:o,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),h("div",{key:"e0f122fe69cde2029ef069fa99b7c08176e62a31",part:c,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class(this.context==="meta"||this.context==="navbar"||this.context==="navigation"))},h("div",{key:"bbbaad45e23863e488b6f7246f7112596ba50f1d",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},h("slot",{key:"e5dfe7d80380bc1f3eff95d5391375af110a1440"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-tabs"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Tabs.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-tabs","bal-tab-item"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"mutationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"visibilityListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"resizeListener",null);__decorate([ListenToSwipe(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"swipeListener",null);__decorate([ListenToAnimation(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"animationListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Tabs.prototype,"configChanged",null);var TabsIds=0;Tabs.style=BalTabsStyle0;export{TabItem as bal_tab_item,Tabs as bal_tabs};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as balBreakpointSubject}from"./breakpoints.subject-2397d734.js";function ListenToBreakpoints(){return function(t,n,i){var e=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){balBreakpointSubject.attach(this);return e&&e.call(this)};t.disconnectedCallback=function(){balBreakpointSubject.detach(this);return r&&r.call(this)}}}export{ListenToBreakpoints as L};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__extends,__generator}from"tslib";import{k as debounce,l as addEventListener,r as removeEventListener}from"./helpers-94c3fbac.js";import{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";import{L as ListenerAbstract,S as Subject}from"./listener-04842ae9.js";import{b as balBreakpointDesktop,a as balBreakpointHighDefinition,c as balBreakpointWidescreen,d as balBreakpointFullhd$1,e as balBreakpointTablet}from"./tokens.esm-
|
|
1
|
+
import{__awaiter,__extends,__generator}from"tslib";import{k as debounce,l as addEventListener,r as removeEventListener}from"./helpers-94c3fbac.js";import{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";import{L as ListenerAbstract,S as Subject}from"./listener-04842ae9.js";import{b as balBreakpointDesktop,a as balBreakpointHighDefinition,c as balBreakpointWidescreen,d as balBreakpointFullhd$1,e as balBreakpointTablet}from"./tokens.esm-a6a0f537.js";var BalWindowResizeHandler=function(){function e(e){if(e===void 0){e={}}this.previousWidth=balBrowser.window.width;this.previousHeight=balBrowser.window.height;this.previousIsLandscape=this.isLandscape;this.options={onlyListenToWidthChanges:false};this.options=Object.assign(Object.assign({},this.options),e)}e.prototype.hasResized=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(balDevice.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape){this.resetPreviousValues();return[2,true]}}else{if(this.options.onlyListenToWidthChanges){if(!this.sameWidth){this.resetPreviousValues();return[2,true]}}else{if(!this.sameWidth||!this.sameHeight){this.resetPreviousValues();return[2,true]}}}return[2,false]}))}))};Object.defineProperty(e.prototype,"isLandscape",{get:function(){return balBrowser.window.width>balBrowser.window.height},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"sameWidth",{get:function(){return this.previousWidth===balBrowser.window.width},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"sameHeight",{get:function(){return this.previousHeight===balBrowser.window.height},enumerable:false,configurable:true});e.prototype.resetPreviousValues=function(){this.previousWidth=balBrowser.window.width;this.previousHeight=balBrowser.window.height;this.previousIsLandscape=this.isLandscape};return e}();var BalWindowResizeListener=function(e){__extends(t,e);function t(){var t=e.apply(this,arguments)||this;t.resizeHandler=new BalWindowResizeHandler({onlyListenToWidthChanges:true});t.debouncedNotify=debounce((function(){return t.notify()}),100);t.notify=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resizeHandler.hasResized()];case 1:if(t.sent()){e.prototype.notify.call(this,undefined)}return[2]}}))}))};return t}t.prototype.connect=function(t){e.prototype.connect.call(this,t);if(this.el){addEventListener(this.el,"resize",this.debouncedNotify,{passive:true})}};t.prototype.disconnect=function(){e.prototype.disconnect.call(this);if(this.el){removeEventListener(this.el,"resize",this.debouncedNotify)}};return t}(ListenerAbstract);var toNumber=function(e){return parseInt(e.slice(0,-2),10)};var breakpointTablet=toNumber(balBreakpointTablet);var breakpointDesktop=toNumber(balBreakpointDesktop);var breakpointHighDefinition=toNumber(balBreakpointHighDefinition);var breakpointWidescreen=toNumber(balBreakpointWidescreen);var balBreakpointFullhd=toNumber(balBreakpointFullhd$1);var isMobile=function(e){var t=e.innerWidth;return t<breakpointTablet};var isTablet=function(e){var t=e.innerWidth;return t>=breakpointTablet&&t<breakpointDesktop};var isTouch=function(e){return isMobile(e)||isTablet(e)};var isDesktop=function(e){return!isTouch(e)};var isHighDefinition=function(e){var t=e.innerWidth;return t>=breakpointHighDefinition&&t<breakpointWidescreen};var isWideScreen=function(e){var t=e.innerWidth;return t>=breakpointWidescreen&&t<balBreakpointFullhd};var isFullHD=function(e){var t=e.innerWidth;return t>=balBreakpointFullhd};var BREAKPOINTS_MAP={mobile:isMobile,tablet:isTablet,touch:isTouch,desktop:isDesktop,highDefinition:isHighDefinition,widescreen:isWideScreen,fullhd:isFullHD};var BalBreakpointsUtil=function(){function e(){this.breakpoints=[];if(balBrowser.hasWindow){this.win=window;this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{};this.detect()}}Object.defineProperty(e.prototype,"isMobile",{get:function(){return this.includes("mobile")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTablet",{get:function(){return this.includes("tablet")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTouch",{get:function(){return this.includes("touch")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDesktop",{get:function(){return this.includes("desktop")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isHighDefinition",{get:function(){return this.includes("highDefinition")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isWidescreen",{get:function(){return this.includes("widescreen")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isFullHD",{get:function(){return this.includes("fullhd")},enumerable:false,configurable:true});e.prototype.includes=function(e){var t;this.detect();return!!((t=this.breakpoints)===null||t===void 0?void 0:t.includes(e))};e.prototype.detect=function(){var e=this;if(this.win){this.breakpoints=Object.keys(BREAKPOINTS_MAP).filter((function(t){return BREAKPOINTS_MAP[t](e.win)}));this.win.BaloiseDesignSystem.breakpoints=this.breakpoints;this.win.BaloiseDesignSystem.platforms=this.breakpoints}return this.breakpoints};e.prototype.toObject=function(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}};return e}();var balBreakpoints=new BalBreakpointsUtil;var initialBreakpoints={mobile:false,tablet:false,touch:false,desktop:false,highDefinition:false,widescreen:false,fullhd:false};var BalBreakpointSubject=function(e){__extends(t,e);function t(){var t=e.call(this,(function(e){return e.breakpointListener(t.state)}))||this;t.state=initialBreakpoints;t.listener=new BalWindowResizeListener;t.debouncedNotify=debounce((function(){return t.notify()}),50);t.listener.connect();t.listener.add((function(){balBreakpoints.detect();var e=balBreakpoints.toObject();if(!t.isEqual(e)){t.state=e;t.debouncedNotify()}}));return t}t.prototype.attach=function(t){e.prototype.attach.call(this,t);balBreakpoints.detect();var i=balBreakpoints.toObject();if(!this.isEqual(i)){this.state=i;this.debouncedNotify()}};t.prototype.isEqual=function(e){return JSON.stringify(this.state)===JSON.stringify(e)};return t}(Subject);var balBreakpointSubject=new BalBreakpointSubject;export{BalWindowResizeListener as B,balBreakpointSubject as a,balBreakpoints as b,BalBreakpointSubject as c,BalBreakpointsUtil as d};
|
package/dist/esm-es5/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__extends,__generator}from"tslib";export{F as FileUploadRejectionReason}from"./bal-file-upload.type-2a70f4ec.js";export{B as BalDate,i as i18nBalDate}from"./date-a9304ff8.js";export{i as i18nBalClose}from"./bal-close.i18n-f2daa707.js";export{i as i18nBalTimeInput}from"./bal-time-input.i18n-157c7092.js";export{i as i18nBalInputStepper}from"./bal-input-stepper.i18n-aaa4a009.js";export{i as i18nBalLabel}from"./bal-label.i18n-4212be56.js";export{a as BalSnackbarController,B as BalToastController,c as balSnackbarController,b as balToastController,i as initialize,i as initializeBaloiseDesignSystem,s as setupConfig}from"./initialize-be160cc4.js";export{n as newBalOption}from"./option-367a5341.js";export{n as newBalStepOption}from"./bal-step.util-3905ad56.js";export{n as newBalTabOption}from"./bal-tab.util-933315fe.js";import{g as getAppRoot,c as componentOnReady}from"./helpers-94c3fbac.js";export{c as componentOnReady,h as deepReady,g as getAppRoot,j as isDescendant,s as shallowReady,i as wait,b as waitAfterFramePaint,d as waitAfterIdleCallback,e as waitAfterLargestContentfulPaintCallback,w as waitForComponent,a as waitForDesignSystem,f as waitOnLoadEventCallback}from"./helpers-94c3fbac.js";export{s as scrollToFirstInvalidField}from"./form-841232ff.js";export{B as BalScrollHandler}from"./scroll-f4b20848.js";import{b as balBrowser}from"./browser-a8073d92.js";export{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";export{B as BalDevice,b as balDevice}from"./device-8c6d2881.js";export{I as INVALID_VALUE}from"./mask-util-71edc2b8.js";import{g as getOverlays,a as getOverlay}from"./overlays-4cc504b6.js";import{B as BalWindowResizeListener,b as balBreakpoints}from"./breakpoints.subject-
|
|
1
|
+
import{__awaiter,__extends,__generator}from"tslib";export{F as FileUploadRejectionReason}from"./bal-file-upload.type-2a70f4ec.js";export{B as BalDate,i as i18nBalDate}from"./date-a9304ff8.js";export{i as i18nBalClose}from"./bal-close.i18n-f2daa707.js";export{i as i18nBalTimeInput}from"./bal-time-input.i18n-157c7092.js";export{i as i18nBalInputStepper}from"./bal-input-stepper.i18n-aaa4a009.js";export{i as i18nBalLabel}from"./bal-label.i18n-4212be56.js";export{a as BalSnackbarController,B as BalToastController,c as balSnackbarController,b as balToastController,i as initialize,i as initializeBaloiseDesignSystem,s as setupConfig}from"./initialize-be160cc4.js";export{n as newBalOption}from"./option-367a5341.js";export{n as newBalStepOption}from"./bal-step.util-3905ad56.js";export{n as newBalTabOption}from"./bal-tab.util-933315fe.js";import{g as getAppRoot,c as componentOnReady}from"./helpers-94c3fbac.js";export{c as componentOnReady,h as deepReady,g as getAppRoot,j as isDescendant,s as shallowReady,i as wait,b as waitAfterFramePaint,d as waitAfterIdleCallback,e as waitAfterLargestContentfulPaintCallback,w as waitForComponent,a as waitForDesignSystem,f as waitOnLoadEventCallback}from"./helpers-94c3fbac.js";export{s as scrollToFirstInvalidField}from"./form-841232ff.js";export{B as BalScrollHandler}from"./scroll-f4b20848.js";import{b as balBrowser}from"./browser-a8073d92.js";export{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";export{B as BalDevice,b as balDevice}from"./device-8c6d2881.js";export{I as INVALID_VALUE}from"./mask-util-71edc2b8.js";import{g as getOverlays,a as getOverlay}from"./overlays-4cc504b6.js";import{B as BalWindowResizeListener,b as balBreakpoints}from"./breakpoints.subject-2397d734.js";export{c as BalBreakpointSubject,d as BalBreakpointsUtil,a as balBreakpointSubject,b as balBreakpoints}from"./breakpoints.subject-2397d734.js";export{C as attachToConfig,D as detachFromConfig,J as onBalConfigChange,E as updateBalAllowedLanguages,F as updateBalAnimated,G as updateBalIcons,H as updateBalLanguage,I as updateBalRegion,u as useBalConfig}from"./config.utils-cd529084.js";export{d as defaultConfig}from"./config.default-8e11a860.js";import{S as Subject}from"./listener-04842ae9.js";export{B as BalSwipeSubject}from"./swipe.subject-fbdb665a.js";import"./index-8d2a7ce7.js";import"./tokens.esm-a6a0f537.js";import"./log-dfd1c19f.js";var i18nBalFieldLabel={de:{optional:" (optional)"},en:{optional:" (optional)"},fr:{optional:" (optionnel)"},it:{optional:" (opzionale)"},nl:{optional:" (optioneel)"},es:{optional:" (opcional)"},pl:{optional:" (opcjonalnie)"},pt:{optional:" (opcional)"},sv:{optional:" (frivillig)"},fi:{optional:" (valinnainen)"}};var newBalCheckboxOption=function(e){return Object.assign(Object.assign({interface:"checkbox",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invalid:false,checked:false},e),{label:"",html:e.label})};var newBalRadioOption=function(e){return Object.assign(Object.assign({interface:"radio",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invalid:false},e),{label:"",html:e.label})};var newBalOptionValue=function(e,a,t,o){if(t===void 0){t=false}return{value:e,label:a,disabled:t,data:o}};var newBalSingleOptionValue=function(e,a,t){if(a===void 0){a=false}return newBalOptionValue(e,e,a,t)};var BalOrientationSubject=function(e){__extends(a,e);function a(){var a=e.call(this,(function(e){return e.orientationListener(a.state)}))||this;a.listener=new BalWindowResizeListener;a.state=balDevice.orientation.toObject();a.listener.connect();a.listener.add((function(){var e=balDevice.orientation.toObject();if(!a.isEqual(e)){a.state=e;a.notify(undefined)}}));return a}a.prototype.attach=function(a){e.prototype.attach.call(this,a);a.orientationListener(this.state)};a.prototype.isEqual=function(e){return e.landscape===this.state.landscape&&e.portrait===this.state.portrait};return a}(Subject);var balOrientationSubject=new BalOrientationSubject;var BalModalController=function(){function e(){this.tag="bal-modal"}e.prototype.create=function(e){var a=this;if(typeof customElements!=="undefined"&&balBrowser.hasDocument){return customElements.whenDefined(this.tag).then((function(){var t=document.createElement(a.tag);Object.assign(t,e);getAppRoot(document).appendChild(t);return new Promise((function(e){return componentOnReady(t,e)}))}))}return Promise.resolve()};e.prototype.dismissAll=function(e,a){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:if(!balBrowser.hasDocument)return[3,2];t=getOverlays(document,this.tag);return[4,Promise.all(t.map((function(t){return t.dismiss(e,a)})))];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};e.prototype.dismiss=function(e,a,t){if(balBrowser.hasDocument){var o=getOverlay(document,this.tag,t);if(!o){return Promise.reject("overlay does not exist")}return o.dismiss(e,a)}return Promise.resolve(false)};e.prototype.getTop=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(balBrowser.hasDocument){return[2,getOverlay(document,this.tag)]}return[2]}))}))};return e}();var balModalController=new BalModalController;var hasTouchSupport=function(){return balDevice.hasTouchScreen};var isBrowser=function(e){if(e==="Safari"){return balBrowser.isSafari}return false};var getPlatforms=function(e){return balBreakpoints.detect()};var isPlatform=function(e,a){if(typeof e==="string"){a=e}if(a){return balBreakpoints.detect().includes(a)}return false};var NewBalOptionValue=newBalOptionValue;var NewBalSingleOptionValue=newBalSingleOptionValue;export{BalModalController,BalOrientationSubject,NewBalOptionValue,NewBalSingleOptionValue,balModalController,balOrientationSubject,getPlatforms,hasTouchSupport,i18nBalFieldLabel,isBrowser,isPlatform,newBalCheckboxOption,newBalOptionValue,newBalRadioOption,newBalSingleOptionValue};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__extends,__generator}from"tslib";import{a as setPlatformHelpers}from"./index-8d2a7ce7.js";import{b as balBrowser}from"./browser-a8073d92.js";import{w as waitForComponent}from"./helpers-94c3fbac.js";import{d as defaultConfig}from"./config.default-8e11a860.js";var BALOISE_SESSION_KEY="baloise-persist-config";var BALOISE_ANIMATION_KEY="baloise-animated";var Config=function(){function t(){this._componentObservers=[];this._observers=[];this._config=defaultConfig}Object.defineProperty(t.prototype,"locale",{get:function(){return"".concat(this._config.language,"-").concat(this._config.region)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"region",{get:function(){return this._config.region},set:function(t){if(t!==this._config.region){this._config.region=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"language",{get:function(){return this._config.language},set:function(t){if(t!==this._config.language){if(this._config.allowedLanguages.includes(t)){this._config.language=t}else{this._config.language=this._config.fallbackLanguage}this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedLanguages",{get:function(){return this._config.allowedLanguages},set:function(t){if(t!==this._config.allowedLanguages){this._config.allowedLanguages=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"icons",{get:function(){return this._config.icons},set:function(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logger",{get:function(){return this._config.logger},set:function(t){this._config.logger=Object.assign({},t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"animated",{get:function(){return this._config.animated},set:function(t){this._config.animated=t;this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"httpFormSubmit",{get:function(){return this._config.httpFormSubmit},set:function(t){this._config.httpFormSubmit=t;this._notify()},enumerable:false,configurable:true});t.prototype.attach=function(t){var e=this._observers.includes(t);if(e){return console.log("Subject: Observer has been attached already.")}this._observers.push(t);t.configChanged(this._config)};t.prototype.detach=function(t){var e=this._observers.indexOf(t);if(e===-1){return console.log("Subject: Nonexistent observer.")}this._observers.splice(e,1)};t.prototype.attachComponent=function(t){var e=this._componentObservers.includes(t);if(e){return console.log("Subject: Observer has been attached already.")}this._componentObservers.push(t);t.configChanged(this._config)};t.prototype.detachComponent=function(t){var e=this._componentObservers.indexOf(t);if(e===-1){return console.log("Subject: Nonexistent observer.")}this._componentObservers.splice(e,1)};t.prototype.toString=function(){return JSON.stringify(this._config)};t.prototype.reset=function(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)});this._notify(false)};t.prototype._notify=function(t){if(t===void 0){t=true}for(var e=0,i=this._componentObservers;e<i.length;e++){var n=i[e];n.configChanged(this._config)}if(t){for(var r=0,o=this._observers;r<o.length;r++){var n=o[r];n.configChanged(this._config)}}if(balBrowser.hasWindow){saveConfig(window,this._config)}};return t}();var config=new Config;var configFromSession=function(t){try{var e=t.sessionStorage.getItem(BALOISE_SESSION_KEY);return e!==null?JSON.parse(e):{}}catch(t){return{}}};var configFromLocalStorage=function(t){try{var e=JSON.parse(t.localStorage.getItem(BALOISE_ANIMATION_KEY));if(e!==null){return{animated:e}}return{}}catch(t){return{}}};var saveConfig=function(t,e){try{t.sessionStorage.setItem(BALOISE_SESSION_KEY,JSON.stringify(e))}catch(t){return}};var setupConfig=function(t,e){if(t===void 0){t={}}if(e===void 0){e={}}if(Object.keys(e).length===0&&balBrowser.hasWindow){e=window}e.BaloiseDesignSystem=e.BaloiseDesignSystem||{};config.reset(Object.assign(Object.assign(Object.assign(Object.assign({},configFromSession(e)),configFromLocalStorage(e)),t),{icons:Object.assign(Object.assign({},configFromSession(e).icons),t.icons)}));e.BaloiseDesignSystem.config=config};var BalNoticeController=function(){function t(t){this.options=t;this.container=null;this.queue=[];this.preQueue=[];this.queueLimit=5}t.prototype.create=function(t){var e=this;if(balBrowser.hasDocument){this.setupContainer(t);var i=this.findClone(t);if(i===undefined){var n=document.createElement(this.options.tag);Object.assign(n,t);n.addEventListener("balClose",(function(t){e.removeFromQueue(t.detail)}));this.preQueue.push(n);this.updateQueue();return n}return i}};t.prototype.setQueue=function(t){this.queueLimit=t};t.prototype.dismissAll=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,r;return __generator(this,(function(o){switch(o.label){case 0:e=(t=this.container)===null||t===void 0?void 0:t.querySelectorAll(this.options.tag);if(!e)return[3,2];i=[];for(n=0;n<e.length;n++){r=e[n];if(r.close){i.push(r.close())}}return[4,Promise.all(i)];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};t.prototype.clearAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.warn("[DEPRECATED] - use dismissAll() instead");return[2,this.dismissAll()]}))}))};t.prototype.findClone=function(t){for(var e=0;e<this.queue.length;e++){var i=this.queue[e];if(i.message===t.message&&i.color===t.color){return i}}return undefined};t.prototype.setupContainer=function(t){if(balBrowser.hasDocument){var e="".concat(this.options.tag,"-container");this.container=document.getElementById(e);if(this.container)return;if(!this.container){this.container=document.createElement("bal-notices");this.container.setAttribute("interface",this.options.tag.replace("bal-",""));this.container.setAttribute("animated",t.animated?"true":"false");if(t.container!==undefined){this.container.setAttribute("container",t.container===true?"":t.container)}this.container.id=e}document.body.appendChild(this.container)}};t.prototype.updateQueue=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i;return __generator(this,(function(n){switch(n.label){case 0:if(!(this.queue.length<this.queueLimit))return[3,2];e=this.preQueue.shift();if(!(e&&this.container))return[3,2];return[4,waitForComponent(this.container)];case 1:n.sent();i=this.container.querySelector(".bal-notices__inner");if(i){this.queue.push(e);i.insertAdjacentElement("beforeend",e)}n.label=2;case 2:if(this.queue.length===0){(t=this.container)===null||t===void 0?void 0:t.remove()}return[2]}}))}))};t.prototype.removeFromQueue=function(t){var e=this;this.queue=this.queue.filter((function(e){return e.id!==t}));setTimeout((function(){return e.updateQueue()}),0)};return t}();var BalToastController=function(t){__extends(e,t);function e(){return t.call(this,{tag:"bal-toast"})||this}e.prototype.create=function(e){return t.prototype.create.call(this,e)};return e}(BalNoticeController);var balToastController=new BalToastController;var BalSnackbarController=function(t){__extends(e,t);function e(){return t.call(this,{tag:"bal-snackbar"})||this}e.prototype.create=function(e){return t.prototype.create.call(this,e)};return e}(BalNoticeController);var balSnackbarController=new BalSnackbarController;var VERSION="19.0.
|
|
1
|
+
import{__awaiter,__extends,__generator}from"tslib";import{a as setPlatformHelpers}from"./index-8d2a7ce7.js";import{b as balBrowser}from"./browser-a8073d92.js";import{w as waitForComponent}from"./helpers-94c3fbac.js";import{d as defaultConfig}from"./config.default-8e11a860.js";var BALOISE_SESSION_KEY="baloise-persist-config";var BALOISE_ANIMATION_KEY="baloise-animated";var Config=function(){function t(){this._componentObservers=[];this._observers=[];this._config=defaultConfig}Object.defineProperty(t.prototype,"locale",{get:function(){return"".concat(this._config.language,"-").concat(this._config.region)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"region",{get:function(){return this._config.region},set:function(t){if(t!==this._config.region){this._config.region=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"language",{get:function(){return this._config.language},set:function(t){if(t!==this._config.language){if(this._config.allowedLanguages.includes(t)){this._config.language=t}else{this._config.language=this._config.fallbackLanguage}this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedLanguages",{get:function(){return this._config.allowedLanguages},set:function(t){if(t!==this._config.allowedLanguages){this._config.allowedLanguages=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"icons",{get:function(){return this._config.icons},set:function(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logger",{get:function(){return this._config.logger},set:function(t){this._config.logger=Object.assign({},t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"animated",{get:function(){return this._config.animated},set:function(t){this._config.animated=t;this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"httpFormSubmit",{get:function(){return this._config.httpFormSubmit},set:function(t){this._config.httpFormSubmit=t;this._notify()},enumerable:false,configurable:true});t.prototype.attach=function(t){var e=this._observers.includes(t);if(e){return console.log("Subject: Observer has been attached already.")}this._observers.push(t);t.configChanged(this._config)};t.prototype.detach=function(t){var e=this._observers.indexOf(t);if(e===-1){return console.log("Subject: Nonexistent observer.")}this._observers.splice(e,1)};t.prototype.attachComponent=function(t){var e=this._componentObservers.includes(t);if(e){return console.log("Subject: Observer has been attached already.")}this._componentObservers.push(t);t.configChanged(this._config)};t.prototype.detachComponent=function(t){var e=this._componentObservers.indexOf(t);if(e===-1){return console.log("Subject: Nonexistent observer.")}this._componentObservers.splice(e,1)};t.prototype.toString=function(){return JSON.stringify(this._config)};t.prototype.reset=function(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)});this._notify(false)};t.prototype._notify=function(t){if(t===void 0){t=true}for(var e=0,i=this._componentObservers;e<i.length;e++){var n=i[e];n.configChanged(this._config)}if(t){for(var r=0,o=this._observers;r<o.length;r++){var n=o[r];n.configChanged(this._config)}}if(balBrowser.hasWindow){saveConfig(window,this._config)}};return t}();var config=new Config;var configFromSession=function(t){try{var e=t.sessionStorage.getItem(BALOISE_SESSION_KEY);return e!==null?JSON.parse(e):{}}catch(t){return{}}};var configFromLocalStorage=function(t){try{var e=JSON.parse(t.localStorage.getItem(BALOISE_ANIMATION_KEY));if(e!==null){return{animated:e}}return{}}catch(t){return{}}};var saveConfig=function(t,e){try{t.sessionStorage.setItem(BALOISE_SESSION_KEY,JSON.stringify(e))}catch(t){return}};var setupConfig=function(t,e){if(t===void 0){t={}}if(e===void 0){e={}}if(Object.keys(e).length===0&&balBrowser.hasWindow){e=window}e.BaloiseDesignSystem=e.BaloiseDesignSystem||{};config.reset(Object.assign(Object.assign(Object.assign(Object.assign({},configFromSession(e)),configFromLocalStorage(e)),t),{icons:Object.assign(Object.assign({},configFromSession(e).icons),t.icons)}));e.BaloiseDesignSystem.config=config};var BalNoticeController=function(){function t(t){this.options=t;this.container=null;this.queue=[];this.preQueue=[];this.queueLimit=5}t.prototype.create=function(t){var e=this;if(balBrowser.hasDocument){this.setupContainer(t);var i=this.findClone(t);if(i===undefined){var n=document.createElement(this.options.tag);Object.assign(n,t);n.addEventListener("balClose",(function(t){e.removeFromQueue(t.detail)}));this.preQueue.push(n);this.updateQueue();return n}return i}};t.prototype.setQueue=function(t){this.queueLimit=t};t.prototype.dismissAll=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,r;return __generator(this,(function(o){switch(o.label){case 0:e=(t=this.container)===null||t===void 0?void 0:t.querySelectorAll(this.options.tag);if(!e)return[3,2];i=[];for(n=0;n<e.length;n++){r=e[n];if(r.close){i.push(r.close())}}return[4,Promise.all(i)];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};t.prototype.clearAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.warn("[DEPRECATED] - use dismissAll() instead");return[2,this.dismissAll()]}))}))};t.prototype.findClone=function(t){for(var e=0;e<this.queue.length;e++){var i=this.queue[e];if(i.message===t.message&&i.color===t.color){return i}}return undefined};t.prototype.setupContainer=function(t){if(balBrowser.hasDocument){var e="".concat(this.options.tag,"-container");this.container=document.getElementById(e);if(this.container)return;if(!this.container){this.container=document.createElement("bal-notices");this.container.setAttribute("interface",this.options.tag.replace("bal-",""));this.container.setAttribute("animated",t.animated?"true":"false");if(t.container!==undefined){this.container.setAttribute("container",t.container===true?"":t.container)}this.container.id=e}document.body.appendChild(this.container)}};t.prototype.updateQueue=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i;return __generator(this,(function(n){switch(n.label){case 0:if(!(this.queue.length<this.queueLimit))return[3,2];e=this.preQueue.shift();if(!(e&&this.container))return[3,2];return[4,waitForComponent(this.container)];case 1:n.sent();i=this.container.querySelector(".bal-notices__inner");if(i){this.queue.push(e);i.insertAdjacentElement("beforeend",e)}n.label=2;case 2:if(this.queue.length===0){(t=this.container)===null||t===void 0?void 0:t.remove()}return[2]}}))}))};t.prototype.removeFromQueue=function(t){var e=this;this.queue=this.queue.filter((function(e){return e.id!==t}));setTimeout((function(){return e.updateQueue()}),0)};return t}();var BalToastController=function(t){__extends(e,t);function e(){return t.call(this,{tag:"bal-toast"})||this}e.prototype.create=function(e){return t.prototype.create.call(this,e)};return e}(BalNoticeController);var balToastController=new BalToastController;var BalSnackbarController=function(t){__extends(e,t);function e(){return t.call(this,{tag:"bal-snackbar"})||this}e.prototype.create=function(e){return t.prototype.create.call(this,e)};return e}(BalNoticeController);var balSnackbarController=new BalSnackbarController;var VERSION="19.0.1";var initializeBaloiseDesignSystem=function(t,e,i){if(t===void 0){t={}}if(e===void 0){e=undefined}if(i===void 0){i={}}if(Object.keys(i).length===0&&balBrowser.hasWindow){i=window}i.BaloiseDesignSystem=i.BaloiseDesignSystem||{};if(e){setPlatformHelpers(e)}setupConfig(Object.assign(Object.assign({},t),e),i);i.BaloiseDesignSystem.toastController=balToastController;i.BaloiseDesignSystem.snackbarController=balSnackbarController;i.BaloiseDesignSystem.initialize=function(){return setupConfig(i.BaloiseDesignSystem.config,i)};i.BaloiseDesignSystem.version=VERSION};export{BalToastController as B,BalSnackbarController as a,balToastController as b,balSnackbarController as c,initializeBaloiseDesignSystem as i,setupConfig as s};
|
package/dist/esm-es5/{window-resize.decorator-6aadb2e7.js → window-resize.decorator-f286b710.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__extends}from"tslib";import{B as BalWindowResizeListener}from"./breakpoints.subject-
|
|
1
|
+
import{__extends}from"tslib";import{B as BalWindowResizeListener}from"./breakpoints.subject-2397d734.js";import{a as SingleSubject}from"./listener-04842ae9.js";import{b as balBrowser}from"./browser-a8073d92.js";var BalWindowResizeSubject=function(i){__extends(t,i);function t(){var t=i.call(this,(function(i,t){i.windowResizeListener()}))||this;t.listener=new BalWindowResizeListener;return t}t.prototype.attach=function(t){var e=this;i.prototype.attach.call(this,t);if(balBrowser.hasWindow){this.listener.connect(window);this.listener.add((function(){return i.prototype.notify.call(e)}))}};t.prototype.detach=function(){i.prototype.detach.call(this);this.listener.disconnect()};return t}(SingleSubject);new BalWindowResizeSubject;function ListenToWindowResize(){return function(i,t,e){var n=i.connectedCallback,s=i.disconnectedCallback;i.connectedCallback=function(){if(!this._balWindowResizeSubject){this._balWindowResizeSubject=new BalWindowResizeSubject;this._balWindowResizeSubject.attach(this)}return n&&n.call(this)};i.disconnectedCallback=function(){if(this._balWindowResizeSubject){this._balWindowResizeSubject.detach();this._balWindowResizeSubject=undefined}return s&&s.call(this)}}}export{ListenToWindowResize as L};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@baloise/ds-core",
|
|
3
|
-
"version": "19.0.
|
|
3
|
+
"version": "19.0.1",
|
|
4
4
|
"description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
"test:ui": "vitest --ui"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@baloise/ds-styles": "19.0.
|
|
32
|
-
"@baloise/ds-icons": "19.0.
|
|
31
|
+
"@baloise/ds-styles": "19.0.1",
|
|
32
|
+
"@baloise/ds-icons": "19.0.1",
|
|
33
33
|
"@baloise/web-app-utils": "3.15.0",
|
|
34
34
|
"@floating-ui/dom": "~1.6.3",
|
|
35
35
|
"@popperjs/core": "~2.11.4",
|
|
@@ -54,9 +54,9 @@
|
|
|
54
54
|
"@baloise/output-target-angular": "0.0.0",
|
|
55
55
|
"@baloise/output-target-react": "0.0.0",
|
|
56
56
|
"@baloise/output-target-web": "0.0.0",
|
|
57
|
-
"@baloise/ds-maps": "19.0.
|
|
58
|
-
"@baloise/ds-brand-icons": "19.0.
|
|
59
|
-
"@baloise/ds-favicons": "19.0.
|
|
57
|
+
"@baloise/ds-maps": "19.0.1",
|
|
58
|
+
"@baloise/ds-brand-icons": "19.0.1",
|
|
59
|
+
"@baloise/ds-favicons": "19.0.1"
|
|
60
60
|
},
|
|
61
61
|
"sideEffects": false
|
|
62
62
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as r,h as o,H as i,g as l}from"./p-2ccbe55a.js";import{_ as e,a as d}from"./p-43c9f5e9.js";import{i as t}from"./p-5e1f2c26.js";import{a as b}from"./p-8f2e9a7f.js";import{i as n}from"./p-063808d7.js";import{B as s}from"./p-ae86d0a0.js";import{F as c}from"./p-ca119357.js";import{d as h}from"./p-5eb3fbb9.js";import{s as v,c as u,d as p}from"./p-79f6f58b.js";import{j as m,v as g}from"./p-a255c9b3.js";import{L as _}from"./p-b77e3348.js";import{L as f}from"./p-f1052416.js";import{L as x}from"./p-afd41db0.js";import{L as k}from"./p-83ac9b11.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-3f01fc8b.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-acf222fd.js";const y=class{constructor(o){a(this,o),this.balFocus=r(this,"balFocus",7),this.balBlur=r(this,"balBlur",7),this.balChange=r(this,"balChange",7),this.inputId="bal-rb-"+w++,this.inheritedAttributes={},this.keyboardMode=!0,this.outerElementState={hovered:!1,pressed:!1},this.innerElementState={hovered:!1,pressed:!1},this.setChecked=a=>{this.checked=a,this.balChange.emit(this.checked)},this.toggleChecked=a=>{a.preventDefault(),this.setFocus(),this.setChecked(!this.checked)},this.onClick=a=>{this.disabled||a.target.href||(this.wasFocused&&(this.focused=!0),this.toggleChecked(a))},this.onFocus=a=>{if(this.disabled||this.readonly)return this.focused=!1,v(a);this.balFocus.emit(a),this.keyboardMode&&(this.focused=!0,this.wasFocused=!0)},this.onBlur=a=>{if(this.disabled||this.readonly)return v(a);this.balBlur.emit(a),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>{t(a)||(this.wasFocused=!1),this.keyboardMode=c.includes(a.key)},this.wasFocused=!1,this.checked=!1,this.focused=!1,this.buttonTabindex=void 0,this.ariaForm=h,this.mergedElementState={hovered:!1,pressed:!1},this.name=this.inputId,this.value=void 0,this.label="",this.labelHidden=!1,this.flat=!1,this.interface="radio",this.disabled=!1,this.readonly=!1,this.required=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(a){this.log=a}hoveredChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}pressedChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}connectedCallback(){this.hoveredChanged(),void 0===this.value&&(this.value=this.inputId),this.group&&(this.updateState(),this.group.addEventListener("balChange",this.updateState)),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=n(this.el,["aria-label","tabindex","title"])}componentWillRender(){this.interactionChildElements.forEach((a=>{a.disabled=this.disabled||this.readonly,a.invalid=this.invalid,a.checked=this.checked}))}disconnectedCallback(){this.group&&this.group.removeEventListener("balChange",this.updateState),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(a){(this.disabled||this.readonly)&&a.target&&(a.target===this.el||m(this.el,a.target))&&v(a)}elementStateListener(a){this.outerElementState=a,this.mergeElementState()}async setFocus(){u(this)}async setBlur(){p(this)}async setButtonTabindex(a){this.buttonTabindex=a}async getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async updateState(){if(this.group){const a=this.group.value===this.value;a!==this.checked&&(this.checked=a)}}async setAriaForm(a){this.ariaForm=Object.assign({},a)}get group(){return this.el.closest("bal-radio-group")}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-radio-icon, bal-icon"))}get option(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}}mergeElementState(){this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed},this.interactionChildElements.forEach((a=>{a.hovered=this.mergedElementState.hovered,a.pressed=this.mergedElementState.pressed}))}render(){const a=s.block("radio"),r=a.element("input"),l=a.element("label"),e=l.element("text"),d=l.element("icon"),t=this.focused&&-1!==this.buttonTabindex,n="boolean"==typeof this.value?JSON.stringify(this.value):this.value,c=!this.nonSubmit,h=this.ariaForm.controlId||this.inputId,v=this.ariaForm.labelId||null,u=c?"label":"span",p=this.inheritedAttributes;return void 0!==this.buttonTabindex&&(p.tabIndex=this.buttonTabindex),this.labelHidden&&(p["aria-labelledby"]=v),o(i,{key:"9c108eed067c8d47d94180715714ed97d7c2df2d","aria-checked":`${this.checked}`,"aria-disabled":b(this.disabled),"aria-invalid":!0===this.invalid?"true":"false","aria-hidden":this.disabled?"true":null,"aria-focused":t?"true":null,"aria-labelledby":v,"aria-describedby":this.ariaForm.messageId,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({"bal-focused":t},a.class()),a.modifier("button").class("button"===this.interface)),a.modifier("tile").class("tile"===this.interface)),a.modifier(`tile-color-${this.color}`).class("tile"===this.interface&&!!this.color)),a.modifier("invalid").class(this.invalid)),a.modifier("checked").class(this.checked)),a.modifier("flat").class(this.flat)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("hovered").class(this.hovered)),a.modifier("pressed").class(this.pressed)),a.modifier(`column-${this.colSize}`).class("tile"===this.interface&&this.colSize>1)),a.modifier(`column-tablet-${this.colSizeTablet}`).class("tile"===this.interface&&this.colSizeTablet>1)),a.modifier(`column-mobile-${this.colSizeMobile}`).class("tile"===this.interface&&this.colSizeMobile>1)),onClick:this.onClick},o(u,{key:"4b3d8626b04257821c3fe1ef713fe9ff9bf0a925",class:Object.assign({},l.class()),"data-testid":"bal-radio-label"},c?o("input",Object.assign({id:h,type:"radio","data-testid":"bal-radio-input",name:this.name,value:n,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},r.class()),"aria-hidden":b(this.nonSubmit),"aria-invalid":!0===this.invalid?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:a=>this.toggleChecked(a),onFocus:a=>this.onFocus(a),onBlur:a=>this.onBlur(a),ref:a=>this.nativeInput=a},p)):"","tile"!==this.interface?o("div",{class:Object.assign({},d.class())},o("bal-radio-icon",{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:"button"===this.interface&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",o("div",{key:"de3d15790b976a11a18435e5e7c816f9cc9918c3",class:Object.assign(Object.assign({},e.class()),e.modifier("hidden").class(this.labelHidden))},o("slot",{key:"0a6ef4b1a0ebbdd01b1367c8965cfedf05b9acec"}))))}get el(){return l(this)}static get watchers(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}}};e([_("bal-radio"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],y.prototype,"createLogger",null),e([f(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],y.prototype,"elementStateListener",null);let w=0;y.style="@media (hover: hover)and (pointer: fine){.bal-radio.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-symbol-size:1.5rem;--bal-radio-symbol-border-width:2px;--bal-radio-symbol-background:transparent;--bal-radio-label-min-height:1.5rem;--bal-radio-button-background-hover:var(--bal-color-grey-2);--bal-radio-button-background-active:var(--bal-color-grey-2);--bal-radio-button-background-checked:var(--bal-color-primary);--bal-radio-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-button-background-invalid:var(--bal-color-danger-1);--bal-radio-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-background:transparent;--bal-radio-button-background-checked-green:var(--bal-color-green-1);--bal-radio-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-button-background-checked-red:var(--bal-color-red-1);--bal-radio-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-button-background-disabled:var(--bal-color-grey-1);--bal-radio-button-background-hover:var(--bal-color-grey-1);--bal-radio-button-border-color:var(--bal-color-primary);--bal-radio-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-button-border-color-active:var(--bal-color-primary-6);--bal-radio-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-tile-background:transparent;--bal-radio-tile-background-hover:var(--bal-color-grey-1);--bal-radio-tile-background-disabled:var(--bal-color-grey-1);--bal-radio-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-tile-background-invalid-active:var(--bal-color-danger-1);--bal-radio-tile-background-checked-green:var(--bal-color-green-1);--bal-radio-tile-background-checked-purple:var(--bal-color-purple-1);--bal-radio-tile-background-checked-red:var(--bal-color-red-1);--bal-radio-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-tile-border-style:var(--bal-form-field-control-border-style);--bal-radio-tile-border-radius:var(--bal-form-field-control-radius);--bal-radio-tile-border-width:var(--bal-form-field-control-border-width);--bal-radio-tile-padding:var(--bal-text-size-medium);--bal-radio-tile-border-color:var(--bal-color-border);--bal-radio-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-tile-border-color-checked:var(--bal-color-border-primary);--bal-radio-tile-border-color-invalid:var(--bal-color-border-danger);--bal-radio-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-radio{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-radio-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-radio .bal-radio__label{cursor:pointer}.bal-radio--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio.bal-radio--flat{min-height:var(--bal-radio-symbol-size)}.bal-radio:not(.bal-radio--flat){min-height:3rem}.bal-radio--invalid{color:var(--bal-form-field-label-danger-color)}.bal-radio--disabled,.bal-radio--disabled .bal-radio__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-radio__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-radio__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-radio__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-radio__label__text--hidden{display:none}.bal-radio__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-radio--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-button-border-color)}.bal-radio--button.bal-radio--checked{background:var(--bal-radio-button-background-checked);color:var(--bal-color-white)}.bal-radio--button.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-radio--button.bal-radio--invalid.bal-radio--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-radio--button.bal-radio--disabled .bal-radio__label__text{color:var(--bal-color-text-grey)}.bal-radio--button.bal-radio--disabled.bal-radio--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-white)}.bal-radio--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-radio-tile-background);border-style:var(--bal-radio-tile-border-style);border-radius:var(--bal-radio-tile-border-radius);border-width:var(--bal-radio-tile-border-width);border-color:var(--bal-radio-tile-border-color);padding:var(--bal-radio-tile-padding)}.bal-radio--tile .bal-radio__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-radio--tile.bal-radio--checked{border-color:var(--bal-radio-tile-border-color-checked)}.bal-radio--tile.bal-radio--invalid{border-color:var(--bal-radio-tile-border-color-invalid)}.bal-radio--tile.bal-radio--disabled{background:var(--bal-radio-tile-background-disabled);border-color:var(--bal-radio-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-hover)}}.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-radio-tile-background-invalid-hover);border-color:var(--bal-radio-tile-border-color-invalid-hover)}}.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-radio-tile-background-invalid-active);border-color:var(--bal-radio-tile-border-color-invalid-active)}.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-green)}.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-red)}.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-purple)}.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";const j=class{constructor(o){a(this,o),this.balChange=r(this,"balChange",7),this.balFocus=r(this,"balFocus",7),this.balBlur=r(this,"balBlur",7),this.inputId="bal-rg-"+O++,this.inheritedAttributes={},this.hasFocus=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.setRadioTabindex=a=>{const r=this.getRadios(),o=r.find((a=>!a.disabled)),i=r.find((r=>r.value===a&&!r.disabled));if(!o&&!i)return;const l=i||o;for(const a of r)a.setButtonTabindex(a===l?0:-1)},this.onClick=a=>{if(a.target.href)return;a.preventDefault();const r=a.target&&a.target.closest("bal-radio");if(r&&!r.disabled&&!r.readonly){const a=r.value;a!==this.value?this.value=a:this.allowEmptySelection&&(this.value=void 0),this.balChange.emit(this.value)}},this.ariaForm=h,this.options=void 0,this.interface=void 0,this.allowEmptySelection=!1,this.name=this.inputId,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.value=void 0,this.columns=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}invalidChanged(a){void 0!==a&&this.getRadios().forEach((r=>{r.invalid=a}))}disabledChanged(a){void 0!==a&&this.getRadios().forEach((r=>{r.disabled=a}))}readonlyChanged(a){void 0!==a&&this.getRadios().forEach((r=>{r.readonly=a}))}valueChanged(){this.onOptionChange()}columnsChanged(a){this.getRadios().forEach((r=>r.colSize=a))}columnsTabletChanged(a){this.getRadios().forEach((r=>r.colSizeTablet=a))}columnsMobileChanged(a){this.getRadios().forEach((r=>r.colSizeMobile=a))}connectedCallback(){this.initialValue=this.value,this.mutationObserverActive=void 0===this.options}componentWillLoad(){this.setRadioInterface(),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly),this.invalidChanged(this.invalid),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange(),this.inheritedAttributes=n(this.el,["aria-label","tabindex","title"])}focusInListener(a){this.balFocus.emit(a)}focusOutListener(a){this.balBlur.emit(a)}mutationListener(){this.setRadioInterface(),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly),this.invalidChanged(this.invalid),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnClick(a){m(this.el,a.target)&&v(a)}radioFocusListener(a){const{target:r}=a;r&&m(this.el,r)&&g(r,"bal-radio")&&v(a)}radioBlurListener(a){const{target:r}=a;r&&m(this.el,r)&&g(r,"bal-radio")&&v(a)}resetListener(a){const r=a.target;(null==r?void 0:r.contains(this.el))&&(this.value=this.initialValue)}onKeydown(a){if(a.target&&!this.el.contains(a.target))return;const r=this.getRadios().filter((a=>!a.disabled)),o=a.target.closest("bal-radio");if(o&&r.includes(o)){const i=r.findIndex((a=>a===o)),l=r[i];let e;["ArrowDown","ArrowRight"].includes(a.code)&&(e=i===r.length-1?r[0]:r[i+1]),["ArrowUp","ArrowLeft"].includes(a.code)&&(e=0===i?r[r.length-1]:r[i-1]),e&&r.includes(e)&&(e.setFocus(a),this.value=e.value,this.balChange.emit(this.value)),["Space"].includes(a.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:l.value,a.preventDefault())}}async setValue(a){this.value=a}async getOptionByValue(a){const r=this.options;if(r)return r.find((r=>r.value===a))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}setRadioInterface(){this.getRadios().forEach((a=>{this.interface&&(a.interface=this.interface)}))}setRadioChecked(){this.getRadios().forEach((a=>{a.updateState&&a.updateState()}))}getRadios(){return Array.from(this.el.querySelectorAll("bal-radio"))}render(){const a=s.block("radio-group"),r=a.element("inner"),l=(this.options||[]).map((a=>"function"==typeof a.html?Object.assign(Object.assign({},a),{html:a.html()}):a));return o(i,Object.assign({class:Object.assign({},a.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":b(this.disabled),onClick:this.onClick},this.inheritedAttributes),o("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("vertical-mobile").class(this.verticalOnMobile)),r.modifier("vertical").class(this.vertical)),r.modifier("expanded").class(this.expanded)),r.modifier("button").class("button"===this.interface))},o("slot",null),l.map((a=>o("bal-radio",{key:a.value,name:a.name||this.name,value:a.value,labelHidden:a.labelHidden,flat:a.flat,interface:a.interface,disabled:a.disabled,readonly:a.readonly,required:a.required,nonSubmit:!!a.nonSubmit,invalid:a.invalid,innerHTML:a.html})))))}get el(){return l(this)}static get watchers(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};e([_("bal-radio-group"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],j.prototype,"createLogger",null),e([x(),d("design:type",Function),d("design:paramtypes",[FocusEvent]),d("design:returntype",void 0)],j.prototype,"focusInListener",null),e([x(),d("design:type",Function),d("design:paramtypes",[FocusEvent]),d("design:returntype",void 0)],j.prototype,"focusOutListener",null),e([k({tags:["bal-radio-group","bal-radio"],attributes:!1,characterData:!1}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],j.prototype,"mutationListener",null);let O=0;j.style=".bal-radio-group{display:inline-block;position:relative;width:100%}.bal-radio-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-group__inner--expanded .bal-radio{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-group__inner--expanded .bal-radio{width:100%}}.bal-radio-group__inner--button.bal-radio-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";export{y as bal_radio,j as bal_radio_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as balBreakpointSubject}from"./breakpoints.subject-041ea43a.js";function ListenToBreakpoints(){return function(t,n,e){var i=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){balBreakpointSubject.attach(this);return i&&i.call(this)};t.disconnectedCallback=function(){balBreakpointSubject.detach(this);return r&&r.call(this)}}}export{ListenToBreakpoints as L};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|