@baloise/ds-core 17.2.0 → 17.2.1-nightly.20241219

package/dist/baloise-design-system/{p-246e9e2585.system.entry.js → p-0165eb3271.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,r){function s(t){try{b(i.next(t))}catch(t){r(t)}}function o(t){try{b(i["throw"](t))}catch(t){r(t)}}function b(t){t.done?a(t.value):n(t.value).then(s,o)}b((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return b([t,e])}}function b(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(a=0)),a)try{if(i=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t];n=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,a){if(a||arguments.length===2)for(var i=0,n=e.length,r;i<n;i++){if(r||!(i in e)){if(!r)r=Array.prototype.slice.call(e,0,i);r[i]=e[i]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./p-d67f7321.system.js","./p-8949aa8b.system.js","./p-6dbef894.system.js","./p-1c41de53.system.js","./p-4d807f18.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-3ecc7d9a.system.js","./p-bf139fe5.system.js","./p-a1f6e944.system.js","./p-116b65a6.system.js","./p-ee3c7a38.system.js","./p-b5152365.system.js","./p-738ca720.system.js","./p-de13d5c0.system.js","./p-0aa1d6a4.system.js","./p-0177e3a0.system.js","./p-6913b916.system.js","./p-df907af8.system.js","./p-2880433e.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-69313d59.system.js"],(function(t){"use strict";var e,a,i,n,r,s,o,b,l,_,c,d,v,u,h,f,m,p,g,w,x,y,j,O,k,A,z,F,L,C,S;return{setters:[function(t){e=t.r;a=t.c;i=t.h;n=t.H;r=t.g},function(t){s=t.a},function(t){o=t._;b=t.a},function(t){l=t.a},function(t){_=t.n;c=t.f;d=t.t;v=t.j;u=t.o;h=t.p;f=t.l;m=t.q;p=t.i;g=t.b},function(t){w=t.B},function(t){x=t.L},function(t){y=t.n},function(t){j=t.s},function(t){O=t.b},function(t){k=t.a},function(t){A=t.L},function(t){z=t.b},function(t){F=t.L},function(t){L=t.L},function(t){C=t.L},function(t){S=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var T=t("bal_tab_item",function(){function t(t){e(this,t);this.balNavigate=a(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(I++);this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined;this.subLabel="";this.svg=""}t.prototype.componentWillLoad=function(){this.inheritAttributes=s(this.el)};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(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,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 i(n,{key:"73cd7faf737780486e58b71b4c51508e0311e277",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-label":t?this.label:undefined,"aria-hidden":e?"true":"false",tabindex:e?"-1":undefined,hidden:e?true:undefined},i("slot",{key:"d533d087306ee17ba5b78c9b756db6cf923ef1a5"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());var I=0;var D=function(t){var e=t.items,a=t.value,n=t.onSelectTab;var r=w.block("tabs").element("select");var s=function(t){var a=e.filter((function(e){return e.value===t.detail}));if(a.length>0){var i=a[0];if(i.href!==""&&i.href!==undefined){if(O.hasWindow){window.open(i.href,i.target)}}n(t,i)}};return i("bal-select",{class:Object.assign({},r.class()),value:a,onBalChange:function(t){return s(t)}},e.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var P=function(t){var e=t.item,a=t.inverted,n=t.accordion,r=t.isAccordionOpen,s=t.isMobile,o=t.hasBubble;var b=w.block("tabs").element("nav").element("item").element("icon");var l=e.disabled?"grey":"primary";if(a){l=e.disabled?"primary-light":"white"}return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("active").class(e.active)),b.modifier("disabled").class(e.disabled)),b.modifier("display-svg").class(e.svg!==undefined))},e.svg?i("bal-icon",{svg:e.svg,size:"large",color:"auto"}):i("bal-icon",{size:s||n?"small":"",name:n?"nav-go-down":e.icon,color:l,turn:n&&r===true&&e.active}),o?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},e.bubble):"")};var E=function(t){var e=t.item,a=t.inverted,n=t.hasBubble,r=t.isVertical,s=t.context;var o=w.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},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("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&&i("span",{class:o.element("sub-label").class()},e.subLabel),n?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var B=function(t){if(typeof t==="string"){return t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}return""};var M=function(t){var e=t.item,a=t.tabsId,n=t.isFirst,r=t.isLast,s=t.isMobile,o=t.isVertical,b=t.accordion,l=t.isAccordionOpen,_=t.isLinkList,c=t.inverted,d=t.expanded,v=t.spaceless,u=t.clickable,h=t.iconPosition,f=t.context,m=t.onSelectTab,p=t.hasSubLabelInGroup,g=t.dimInactiveElements;var x;var y=w.block("tabs").element("nav").element("item");if(e.invisible){return}var j=e.bubble!==false;var O=e.icon!==undefined;var k=O&&j&&h!=="horizontal"&&!b||s&&O&&j&&!o&&!b;var A=b&&j||b&&s&&O&&j&&!o;var z=!O&&j&&!b||j&&!s&&h==="horizontal"&&!b||j&&o&&!b;var F=e.href===undefined||e.href==="";var L=F?"button":"a";var C=F?{type:"button",role:"tab","aria-controls":((x=e.aria)===null||x===void 0?void 0:x.controls)||e.tabPanelID||undefined,"aria-expanded":e.active?"true":"false","aria-disabled":"".concat(e.disabled),"aria-label":e.label}:{href:e.href,target:e.target};if(!_){C["tabindex"]=e.active?"0":"-1"}return i(L,Object.assign({id:"".concat(a,"-button-").concat(B(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({},y.class()),y.modifier("active").class(e.active)),y.modifier("disabled").class(e.disabled)),y.modifier("clickable").class(u)),y.modifier("accordion").class(b)),y.modifier("inverted").class(c)),y.modifier("expanded").class(d)),y.modifier("spaceless").class(v)),y.modifier("first").class(n)),y.modifier("last").class(r)),y.modifier("passed").class(e.passed)),y.modifier("vertical").class(o)),y.modifier("context-".concat(f)).class(f!==undefined)),y.modifier("icon-position-".concat(h)).class(h!=="horizontal")),y.modifier("display-svg").class(e.svg&&e.svg.length>0)),y.modifier("group-has-sub-label").class(p)),y.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":!F?undefined:e.active?"true":"false"},C,{onClick:function(t){return m(t,e)}}),e.icon||e.svg?i(P,{accordion:false,item:e,isMobile:s,hasBubble:k,inverted:c}):"",i(E,{item:e,isMobile:s,isVertical:o,hasBubble:z,inverted:c,context:f}),b&&!e.href?i(P,{accordion:b,isAccordionOpen:l,item:e,isMobile:s,hasBubble:A,inverted:c}):"")};var R=function(t){var e=t.items,a=t.tabsId,n=t.hasCarousel,r=t.isVertical,s=t.inNavbar,o=t.isMobile,b=t.isTouch,l=t.lineActive,_=t.isLinkList,c=t.border,d=t.accordion,v=t.isAccordionOpen,u=t.inverted,h=t.clickable,f=t.animated,m=t.spaceless,p=t.expanded,g=t.verticalColSize,x=t.iconPosition,y=t.context,O=t.onSelectTab,k=t.dimInactiveElements;var A=w.block("tabs").element("nav");var z=e.filter((function(t){return!t.invisible}));var F=s&&!b;var L=e.some((function(t){return t.subLabel&&t.subLabel.length>0}));var C=function(t){var e=t.item,n=t.index;return i(M,{item:e,isLinkList:_,tabsId:a,isFirst:n===0,isLast:n===z.length-1,isMobile:o,isVertical:r,iconPosition:x,spaceless:m,inverted:u,accordion:d,isAccordionOpen:v,context:y,expanded:p,clickable:h&&!e.disabled,onSelectTab:O,hasSubLabelInGroup:L,dimInactiveElements:k})};return i("div",{id:"".concat(a,"-nav"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.class()),A.modifier("full-height").class(F)),A.modifier("border").class(c)),A.modifier("animated").class(f)),A.modifier("vertical").class(r)),A.modifier("expanded").class(p&&!r)),A.modifier("vertical-col-".concat(g)).class(r))},n?i("bal-carousel",{id:"".concat(a,"-carousel"),class:Object.assign({},A.element("carousel").class()),htmlRole:"tablist",fullHeight:F,border:c,inverted:u,controls:"small","items-per-view":"auto",steps:3,onBalChange:j},z.map((function(t,e){return i("bal-carousel-item",{htmlRole:"",class:Object.assign(Object.assign({},A.element("carousel").element("item").class()),A.element("carousel").element("item").modifier("expanded").class(p))},i(C,{item:t,index:e}))})),i("div",{id:"".concat(a,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.element("line").class()),A.element("line").modifier("active").class(l)),A.element("line").modifier("inverted").class(u)),A.element("line").modifier("animated").class(f)),A.element("line").modifier("vertical").class(r))})):z.map((function(t,e){return i(C,{item:t,index:e})})),!n?i("div",{id:"".concat(a,"-border"),class:Object.assign(Object.assign(Object.assign({},A.element("border").class()),A.element("border").modifier("inverted").class(u)),A.element("border").modifier("vertical").class(r))}):"",!n?i("div",{id:"".concat(a,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.element("line").class()),A.element("line").modifier("active").class(l)),A.element("line").modifier("inverted").class(u)),A.element("line").modifier("animated").class(f)),A.element("line").modifier("vertical").class(r))}):"")};var W="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@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}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@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--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";var $=W;var N=t("bal_tabs",function(){function t(t){var i=this;e(this,t);this.balChange=a(this,"balChange",7);this.balWillAnimate=a(this,"balWillAnimate",7);this.balDidAnimate=a(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(U++);this.mutationObserverActive=true;this.getOptions=function(){if(i.options.length>0){return __spreadArray([],i.options.map(y),true)}else{return Promise.all(i.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!l(i.store,t)){i.store=t}else if(!i.optionalTabSelection&&!i.accordion&&i.value===undefined&&i.store.length>0){var e=i.store[0];i.value=e.value}};this.setActiveItem=function(){var t=i.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];i.value=e.value}};this.setActiveContent=function(){if(i.options.length===0){i.items.forEach((function(t){return t.setActive(i.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var a=i.isVertical();if(a){return t.clientHeight}else{var n=t.clientWidth;if(i.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var a=i.isVertical();if(a){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft){if(i.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest("bal-carousel-item");if(n){if(i.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}_((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,c(this.el,true)];case 1:e.sent();this.currentRaf=_((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,a,i,n,r,s,o,b,l;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=k(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=d(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();b=this.getCarouselElement();if(o&&b){l=b.clientWidth;o.style.setProperty("width","".concat(l,"px"))}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(i.accordion){if(i.isAccordionOpen){i.collapseAccordion(t)}else{i.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}i.isAccordionOpen=true;var e=i,a=e.contentEl,n=e.contentElWrapper;if(t||a===undefined||n===undefined){i.accordionState=4;return}if(i.accordionState===4){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){_((function(){i.accordionState=8;i.currentRaf=_((function(){return __awaiter(i,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=n.offsetHeight;e=d(a,300);a.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.value);return[4,e];case 1:i.sent();this.accordionState=4;a.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}))}))}else{i.accordionState=4;i.balWillAnimate.emit(i.value);i.balDidAnimate.emit(i.value)}};this.collapseAccordion=function(t){if(t===void 0){t=false}i.isAccordionOpen=false;var e=i.contentEl;if(t||e===undefined){i.accordionState=1;return}if(i.accordionState===1){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=_((function(){return __awaiter(i,void 0,void 0,(function(){var t;var a=this;return __generator(this,(function(i){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));_((function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:t=d(e,300);this.accordionState=2;this.balWillAnimate.emit(this.value);return[4,t];case 1:a.sent();this.accordionState=1;e.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}));return[2]}))}))}))}else{i.accordionState=1;i.balWillAnimate.emit(i.value);i.balDidAnimate.emit(i.value)}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onOptionChange=v((function(){return i.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(i,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:if(!this.isLargestContentfulPaintDone)return[3,4];a.label=1;case 1:a.trys.push([1,3,,4]);return[4,this.getOptions()];case 2:t=a.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,4];case 3:e=a.sent();console.warn("[WARN] - Could not read tab options");return[3,4];case 4:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(e.prevent||e.disabled||!this.clickable){j(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:a.sent();return[4,this.focus(e)];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.isLargestContentfulPaintDone=false;this.isMobile=z.isMobile;this.isTablet=z.isTablet;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined;this.dimInactiveElements=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.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};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.inNavbar=h("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=h("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.componentDidLoad=function(){var t=this;f((function(){t.onOptionChange();t.isLargestContentfulPaintDone=true}))};t.prototype.mutationListener=function(){this.onOptionChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.animateLine()};t.prototype.resizeListener=function(){this.animateLine()};t.prototype.listenToWillAnimate=function(t){var e=this;m(t,this.el,(function(){return e.animateLine()}))};t.prototype.listenToDidAnimate=function(t){var e=this;m(t,this.el,(function(){return e.animateLine()}));this.isUsedInNavbar(t)};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.isUsedInNavbar=function(t){var e=t.target;var a=e.closest("bal-navbar");var i=t.target;if(a&&p(a,this.el)){this.isNavbarOpen=i}};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]}))}))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0},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.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.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.tabsId,"-carousel"))};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 b=n.reduce((function(t,e){return o(t,e)}),a);return this.store[b]};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;return __generator(this,(function(i){switch(i.label){case 0:return[4,g()];case 1:i.sent();e=this.el.querySelector("button.bal-focused")!==null;if(e){a=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(B(t.value)));if(a){a.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=w.block("tabs");var a=this.isMobile;var r=this.isTablet;var s=a||r;var o=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var b=this.isVertical();var l=this.isLargestContentfulPaintDone&&!b&&this.overflow&&!this.expanded;var _=this.isLargestContentfulPaintDone&&a&&this.selectOnMobile;var c=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 v=d?"content expanded":"content";var u=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var h=!this.isTabList;return i(n,{key:"6d5c18adc358a123e9630ac61854716b3a524af8",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(b)),e.modifier("fullwidth").class(this.expanded||this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated)),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":this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(","),"data-label":this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",")},_?i(D,{value:this.value,items:c,onSelectTab:this.onSelectTab}):i(R,{items:c,isLinkList:h,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:u,inverted:o,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:l,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),i("div",{key:"109d4147369f72da04c9f6b48a8959159ccf1d8c",part:v,ref:function(e){return t.contentEl=e},class:Object.assign({},e.element("tabs").element("content").class())},i("div",{key:"89333c42c5f26f47e99bab3bdba2051e7cfcac14",id:this.tabsId,class:Object.assign({},e.element("tabs").element("content").element("wrapper").class()),ref:function(e){return t.contentElWrapper=e}},i("slot",{key:"834c6b06a516dbcedfa4f65d902899202fee9809"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());o([x("bal-tabs"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],N.prototype,"createLogger",null);o([F({tags:["bal-tabs","bal-tab-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],N.prototype,"mutationListener",null);o([L(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],N.prototype,"breakpointListener",null);o([C(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],N.prototype,"resizeListener",null);o([A("balWillAnimate",{target:"window"}),b("design:type",Function),b("design:paramtypes",[UIEvent]),b("design:returntype",void 0)],N.prototype,"listenToWillAnimate",null);o([A("balDidAnimate",{target:"window"}),b("design:type",Function),b("design:paramtypes",[UIEvent]),b("design:returntype",void 0)],N.prototype,"listenToDidAnimate",null);o([A("keydown"),b("design:type",Function),b("design:paramtypes",[KeyboardEvent]),b("design:returntype",void 0)],N.prototype,"listenToKeyDown",null);o([S(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],N.prototype,"configChanged",null);var U=0;N.style=$}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,r){function s(t){try{b(i.next(t))}catch(t){r(t)}}function o(t){try{b(i["throw"](t))}catch(t){r(t)}}function b(t){t.done?a(t.value):n(t.value).then(s,o)}b((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return b([t,e])}}function b(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(a=0)),a)try{if(i=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t];n=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,a){if(a||arguments.length===2)for(var i=0,n=e.length,r;i<n;i++){if(r||!(i in e)){if(!r)r=Array.prototype.slice.call(e,0,i);r[i]=e[i]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./p-d67f7321.system.js","./p-8949aa8b.system.js","./p-6dbef894.system.js","./p-1c41de53.system.js","./p-4d807f18.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-3ecc7d9a.system.js","./p-bf139fe5.system.js","./p-a1f6e944.system.js","./p-116b65a6.system.js","./p-ee3c7a38.system.js","./p-40609c07.system.js","./p-3d1747bc.system.js","./p-86c12274.system.js","./p-0aa1d6a4.system.js","./p-0177e3a0.system.js","./p-6913b916.system.js","./p-df907af8.system.js","./p-2880433e.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-7f6db7d0.system.js"],(function(t){"use strict";var e,a,i,n,r,s,o,b,l,_,c,d,v,u,h,f,m,p,g,w,x,y,j,O,k,A,z,F,L,C,S;return{setters:[function(t){e=t.r;a=t.c;i=t.h;n=t.H;r=t.g},function(t){s=t.a},function(t){o=t._;b=t.a},function(t){l=t.a},function(t){_=t.n;c=t.f;d=t.t;v=t.j;u=t.o;h=t.p;f=t.l;m=t.q;p=t.i;g=t.b},function(t){w=t.B},function(t){x=t.L},function(t){y=t.n},function(t){j=t.s},function(t){O=t.b},function(t){k=t.a},function(t){A=t.L},function(t){z=t.b},function(t){F=t.L},function(t){L=t.L},function(t){C=t.L},function(t){S=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var T=t("bal_tab_item",function(){function t(t){e(this,t);this.balNavigate=a(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(I++);this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined;this.subLabel="";this.svg=""}t.prototype.componentWillLoad=function(){this.inheritAttributes=s(this.el)};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(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,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 i(n,{key:"73cd7faf737780486e58b71b4c51508e0311e277",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-label":t?this.label:undefined,"aria-hidden":e?"true":"false",tabindex:e?"-1":undefined,hidden:e?true:undefined},i("slot",{key:"d533d087306ee17ba5b78c9b756db6cf923ef1a5"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());var I=0;var D=function(t){var e=t.items,a=t.value,n=t.onSelectTab;var r=w.block("tabs").element("select");var s=function(t){var a=e.filter((function(e){return e.value===t.detail}));if(a.length>0){var i=a[0];if(i.href!==""&&i.href!==undefined){if(O.hasWindow){window.open(i.href,i.target)}}n(t,i)}};return i("bal-select",{class:Object.assign({},r.class()),value:a,onBalChange:function(t){return s(t)}},e.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var P=function(t){var e=t.item,a=t.inverted,n=t.accordion,r=t.isAccordionOpen,s=t.isMobile,o=t.hasBubble;var b=w.block("tabs").element("nav").element("item").element("icon");var l=e.disabled?"grey":"primary";if(a){l=e.disabled?"primary-light":"white"}return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("active").class(e.active)),b.modifier("disabled").class(e.disabled)),b.modifier("display-svg").class(e.svg!==undefined))},e.svg?i("bal-icon",{svg:e.svg,size:"large",color:"auto"}):i("bal-icon",{size:s||n?"small":"",name:n?"nav-go-down":e.icon,color:l,turn:n&&r===true&&e.active}),o?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},e.bubble):"")};var E=function(t){var e=t.item,a=t.inverted,n=t.hasBubble,r=t.isVertical,s=t.context;var o=w.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},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("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&&i("span",{class:o.element("sub-label").class()},e.subLabel),n?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var B=function(t){if(typeof t==="string"){return t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}return""};var M=function(t){var e=t.item,a=t.tabsId,n=t.isFirst,r=t.isLast,s=t.isMobile,o=t.isVertical,b=t.accordion,l=t.isAccordionOpen,_=t.isLinkList,c=t.inverted,d=t.expanded,v=t.spaceless,u=t.clickable,h=t.iconPosition,f=t.context,m=t.onSelectTab,p=t.hasSubLabelInGroup,g=t.dimInactiveElements;var x;var y=w.block("tabs").element("nav").element("item");if(e.invisible){return}var j=e.bubble!==false;var O=e.icon!==undefined;var k=O&&j&&h!=="horizontal"&&!b||s&&O&&j&&!o&&!b;var A=b&&j||b&&s&&O&&j&&!o;var z=!O&&j&&!b||j&&!s&&h==="horizontal"&&!b||j&&o&&!b;var F=e.href===undefined||e.href==="";var L=F?"button":"a";var C=F?{type:"button",role:"tab","aria-controls":((x=e.aria)===null||x===void 0?void 0:x.controls)||e.tabPanelID||undefined,"aria-expanded":e.active?"true":"false","aria-disabled":"".concat(e.disabled),"aria-label":e.label}:{href:e.href,target:e.target};if(!_){C["tabindex"]=e.active?"0":"-1"}return i(L,Object.assign({id:"".concat(a,"-button-").concat(B(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({},y.class()),y.modifier("active").class(e.active)),y.modifier("disabled").class(e.disabled)),y.modifier("clickable").class(u)),y.modifier("accordion").class(b)),y.modifier("inverted").class(c)),y.modifier("expanded").class(d)),y.modifier("spaceless").class(v)),y.modifier("first").class(n)),y.modifier("last").class(r)),y.modifier("passed").class(e.passed)),y.modifier("vertical").class(o)),y.modifier("context-".concat(f)).class(f!==undefined)),y.modifier("icon-position-".concat(h)).class(h!=="horizontal")),y.modifier("display-svg").class(e.svg&&e.svg.length>0)),y.modifier("group-has-sub-label").class(p)),y.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":!F?undefined:e.active?"true":"false"},C,{onClick:function(t){return m(t,e)}}),e.icon||e.svg?i(P,{accordion:false,item:e,isMobile:s,hasBubble:k,inverted:c}):"",i(E,{item:e,isMobile:s,isVertical:o,hasBubble:z,inverted:c,context:f}),b&&!e.href?i(P,{accordion:b,isAccordionOpen:l,item:e,isMobile:s,hasBubble:A,inverted:c}):"")};var R=function(t){var e=t.items,a=t.tabsId,n=t.hasCarousel,r=t.isVertical,s=t.inNavbar,o=t.isMobile,b=t.isTouch,l=t.lineActive,_=t.isLinkList,c=t.border,d=t.accordion,v=t.isAccordionOpen,u=t.inverted,h=t.clickable,f=t.animated,m=t.spaceless,p=t.expanded,g=t.verticalColSize,x=t.iconPosition,y=t.context,O=t.onSelectTab,k=t.dimInactiveElements;var A=w.block("tabs").element("nav");var z=e.filter((function(t){return!t.invisible}));var F=s&&!b;var L=e.some((function(t){return t.subLabel&&t.subLabel.length>0}));var C=function(t){var e=t.item,n=t.index;return i(M,{item:e,isLinkList:_,tabsId:a,isFirst:n===0,isLast:n===z.length-1,isMobile:o,isVertical:r,iconPosition:x,spaceless:m,inverted:u,accordion:d,isAccordionOpen:v,context:y,expanded:p,clickable:h&&!e.disabled,onSelectTab:O,hasSubLabelInGroup:L,dimInactiveElements:k})};return i("div",{id:"".concat(a,"-nav"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.class()),A.modifier("full-height").class(F)),A.modifier("border").class(c)),A.modifier("animated").class(f)),A.modifier("vertical").class(r)),A.modifier("expanded").class(p&&!r)),A.modifier("vertical-col-".concat(g)).class(r))},n?i("bal-carousel",{id:"".concat(a,"-carousel"),class:Object.assign({},A.element("carousel").class()),htmlRole:"tablist",fullHeight:F,border:c,inverted:u,controls:"small","items-per-view":"auto",steps:3,onBalChange:j},z.map((function(t,e){return i("bal-carousel-item",{htmlRole:"",class:Object.assign(Object.assign({},A.element("carousel").element("item").class()),A.element("carousel").element("item").modifier("expanded").class(p))},i(C,{item:t,index:e}))})),i("div",{id:"".concat(a,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.element("line").class()),A.element("line").modifier("active").class(l)),A.element("line").modifier("inverted").class(u)),A.element("line").modifier("animated").class(f)),A.element("line").modifier("vertical").class(r))})):z.map((function(t,e){return i(C,{item:t,index:e})})),!n?i("div",{id:"".concat(a,"-border"),class:Object.assign(Object.assign(Object.assign({},A.element("border").class()),A.element("border").modifier("inverted").class(u)),A.element("border").modifier("vertical").class(r))}):"",!n?i("div",{id:"".concat(a,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.element("line").class()),A.element("line").modifier("active").class(l)),A.element("line").modifier("inverted").class(u)),A.element("line").modifier("animated").class(f)),A.element("line").modifier("vertical").class(r))}):"")};var W="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@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}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@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--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";var $=W;var N=t("bal_tabs",function(){function t(t){var i=this;e(this,t);this.balChange=a(this,"balChange",7);this.balWillAnimate=a(this,"balWillAnimate",7);this.balDidAnimate=a(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(U++);this.mutationObserverActive=true;this.getOptions=function(){if(i.options.length>0){return __spreadArray([],i.options.map(y),true)}else{return Promise.all(i.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!l(i.store,t)){i.store=t}else if(!i.optionalTabSelection&&!i.accordion&&i.value===undefined&&i.store.length>0){var e=i.store[0];i.value=e.value}};this.setActiveItem=function(){var t=i.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];i.value=e.value}};this.setActiveContent=function(){if(i.options.length===0){i.items.forEach((function(t){return t.setActive(i.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var a=i.isVertical();if(a){return t.clientHeight}else{var n=t.clientWidth;if(i.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var a=i.isVertical();if(a){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft){if(i.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest("bal-carousel-item");if(n){if(i.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}_((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,c(this.el,true)];case 1:e.sent();this.currentRaf=_((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,a,i,n,r,s,o,b,l;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=k(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=d(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();b=this.getCarouselElement();if(o&&b){l=b.clientWidth;o.style.setProperty("width","".concat(l,"px"))}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(i.accordion){if(i.isAccordionOpen){i.collapseAccordion(t)}else{i.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}i.isAccordionOpen=true;var e=i,a=e.contentEl,n=e.contentElWrapper;if(t||a===undefined||n===undefined){i.accordionState=4;return}if(i.accordionState===4){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){_((function(){i.accordionState=8;i.currentRaf=_((function(){return __awaiter(i,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=n.offsetHeight;e=d(a,300);a.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.value);return[4,e];case 1:i.sent();this.accordionState=4;a.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}))}))}else{i.accordionState=4;i.balWillAnimate.emit(i.value);i.balDidAnimate.emit(i.value)}};this.collapseAccordion=function(t){if(t===void 0){t=false}i.isAccordionOpen=false;var e=i.contentEl;if(t||e===undefined){i.accordionState=1;return}if(i.accordionState===1){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=_((function(){return __awaiter(i,void 0,void 0,(function(){var t;var a=this;return __generator(this,(function(i){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));_((function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:t=d(e,300);this.accordionState=2;this.balWillAnimate.emit(this.value);return[4,t];case 1:a.sent();this.accordionState=1;e.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}));return[2]}))}))}))}else{i.accordionState=1;i.balWillAnimate.emit(i.value);i.balDidAnimate.emit(i.value)}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onOptionChange=v((function(){return i.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(i,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,e){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(e.prevent||e.disabled||!this.clickable){j(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:a.sent();return[4,this.focus(e)];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.isLargestContentfulPaintDone=false;this.isMobile=z.isMobile;this.isTablet=z.isTablet;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined;this.dimInactiveElements=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.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};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.inNavbar=h("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=h("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.componentDidLoad=function(){var t=this;this.onOptionChange();f((function(){t.isLargestContentfulPaintDone=true}))};t.prototype.mutationListener=function(){this.onOptionChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.animateLine()};t.prototype.resizeListener=function(){this.animateLine()};t.prototype.listenToWillAnimate=function(t){var e=this;m(t,this.el,(function(){return e.animateLine()}))};t.prototype.listenToDidAnimate=function(t){var e=this;m(t,this.el,(function(){return e.animateLine()}));this.isUsedInNavbar(t)};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.isUsedInNavbar=function(t){var e=t.target;var a=e.closest("bal-navbar");var i=t.target;if(a&&p(a,this.el)){this.isNavbarOpen=i}};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]}))}))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0},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.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.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.tabsId,"-carousel"))};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 b=n.reduce((function(t,e){return o(t,e)}),a);return this.store[b]};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;return __generator(this,(function(i){switch(i.label){case 0:return[4,g()];case 1:i.sent();e=this.el.querySelector("button.bal-focused")!==null;if(e){a=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(B(t.value)));if(a){a.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=w.block("tabs");var a=this.isMobile;var r=this.isTablet;var s=a||r;var o=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var b=this.isVertical();var l=this.isLargestContentfulPaintDone&&!b&&this.overflow&&!this.expanded;var _=this.isLargestContentfulPaintDone&&a&&this.selectOnMobile;var c=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 v=d?"content expanded":"content";var u=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var h=!this.isTabList;return i(n,{key:"dfe8fd6f11b4d884bf8e7605653b637526412382",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(b)),e.modifier("fullwidth").class(this.expanded||this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated)),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":this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(","),"data-label":this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",")},_?i(D,{value:this.value,items:c,onSelectTab:this.onSelectTab}):i(R,{items:c,isLinkList:h,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:u,inverted:o,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:l,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),i("div",{key:"0aac73b494d835402ac6654a6a281593917c355a",part:v,ref:function(e){return t.contentEl=e},class:Object.assign({},e.element("tabs").element("content").class())},i("div",{key:"77c68b5ce4d763f99bacff6e8395f9cd4c03e430",id:this.tabsId,class:Object.assign({},e.element("tabs").element("content").element("wrapper").class()),ref:function(e){return t.contentElWrapper=e}},i("slot",{key:"822c8efa61f9e44fc42e6f8ba31b5286967d7181"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());o([x("bal-tabs"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],N.prototype,"createLogger",null);o([F({tags:["bal-tabs","bal-tab-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],N.prototype,"mutationListener",null);o([L(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],N.prototype,"breakpointListener",null);o([C(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],N.prototype,"resizeListener",null);o([A("balWillAnimate",{target:"window"}),b("design:type",Function),b("design:paramtypes",[UIEvent]),b("design:returntype",void 0)],N.prototype,"listenToWillAnimate",null);o([A("balDidAnimate",{target:"window"}),b("design:type",Function),b("design:paramtypes",[UIEvent]),b("design:returntype",void 0)],N.prototype,"listenToDidAnimate",null);o([A("keydown"),b("design:type",Function),b("design:paramtypes",[KeyboardEvent]),b("design:returntype",void 0)],N.prototype,"listenToKeyDown",null);o([S(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],N.prototype,"configChanged",null);var U=0;N.style=$}}}));

package/dist/baloise-design-system/{p-799a292492.entry.js → p-04979ee232.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as a,H as i,g as s}from"./p-2539ba43.js";import{_ as n,a as l}from"./p-43c9f5e9.js";import{l as r}from"./p-3f01fc8b.js";import{l as o}from"./p-9a3d9e17.js";import{B as d,i as h,d as c}from"./p-8a73c9b8.js";import{L as b}from"./p-b77e3348.js";import{b as u,p as m}from"./p-33101c54.js";import{B as p}from"./p-ae86d0a0.js";import{d as f}from"./p-a19d1e1d.js";import{L as g}from"./p-69e7c8d6.js";import{L as _}from"./p-51fa7a76.js";import{i as y}from"./p-dd5e13d1.js";import{m as v,c as w,d as k}from"./p-63b52c0f.js";import{d as x}from"./p-f385e205.js";import{L as C}from"./p-af4c6af2.js";import{N as j}from"./p-ec1efe3d.js";import{I as D}from"./p-1a158488.js";import"./p-4573c419.js";import"./p-aafb6696.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-7607c59d.js";import"./p-96216bd1.js";import"./p-acf222fd.js";function V(t,e,a){return`${a}-${r(`${e}`,2,"0")}-${r(`${t}`,2,"0")}`}function O(t,e,a,i,s){const n=[],l=function(t,e){if(!(e<1||t<0))return new Date(t,e,0).getDate()}(t,e),h=function(t,e){if(!(e<1||e>12||t<0))return new Date(t,e-1,1)}(t,e);if(void 0!==l&&h){const h=function(){const t=new Date;return`${t.getFullYear()}-${r(`${t.getMonth()+1}`,2,"0")}-${r(`${t.getDate()}`,2,"0")}`}(),c=d.fromISO(a),b=d.fromISO(i),u=t=>!o(s)&&!s(t);for(let a=1;a<=l;a++){const i=V(a,e,t);n.push({day:a,month:e,year:t,isoDate:i,fullDate:d.fromISO(i).toFormat(),today:h===i,disabled:c.isAfter(i)||b.isBefore(i)||u(i)})}}return n}function P(t,e){if(e<1||t<0)return 1;const a=new Date(t,e-1,1).getDay();return 0===a?7:a}function M(t){return["en","de","fr","it","nl","es","pl","pt","sv","fi"].includes(t)?t:"de"}function B(t,e,a,i,s){const n=M(t),l=d.infoMonths({format:"long",locale:n}),r=d.fromISO(a),o=new Date,h=o.getFullYear(),c=o.getMonth()+1;let b=0;if(i&&void 0!==e){const t=d.fromISO(i);t.isValid&&(b=e>t.year?0:t.month||b)}let u=12;if(s&&void 0!==e){const t=d.fromISO(s);t.isValid&&(u=e<t.year?12:t.month||u)}return l.map(((t,a)=>{const i=a+1;return{label:t,value:i,today:i===c&&e===h,selected:i===r.month&&e===r.year,disabled:i<b||i>u}}))}const F=({name:e,isVisible:a,girdHeight:i,list:s,onSelect:n,ref:l})=>{const r=p.block("date-calendar").element("body").element("list");return t("ul",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(e).class()),r.modifier("visible").class(a)),"aria-hidden":a?"false":"true",style:{height:i-2-8-8+"px"},ref:t=>l?l(t):void 0},s.map((a=>t("li",{key:a.value,id:`${e}-${a.value}`},t("button",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.element("item").class()),r.element("item").modifier("today").class(a.today)),r.element("item").modifier("selected").class(a.selected)),r.element("item").modifier("disabled").class(a.disabled)),disabled:a.disabled,tabIndex:-1,onClick:()=>{a.disabled||n(a)}},a.label)))))},$=({isVisible:e,ref:a,grid:i,weekdays:s,selectedDate:n,firstDayOfWeek:l,onSelectDay:r})=>{const o=p.block("date-calendar").element("body").element("grid");return t("div",{role:"grid",class:Object.assign(Object.assign({},o.class()),o.modifier("visible").class(e)),"aria-hidden":e?"false":"true",ref:t=>a(t)},t("div",{role:"row",class:Object.assign({},o.element("head").class())},s.map((e=>t("span",{key:e.textContent,role:"columnheader","aria-label":e.ariaLabel,title:e.ariaLabel},e.textContent)))),t("div",{role:"row",class:Object.assign({},o.element("body").class()),style:{"--bal-date-first-week-day":`${l}`}},i.map((e=>t("bal-date-calendar-cell",Object.assign({key:e.isoDate},e,{selected:e.isoDate===n,onBalSelectDay:({detail:t})=>r(t)}))))))},z=({language:e,onClickSelectMonthAndYear:a,monthFullNames:i,month:s,year:n,isCalendarVisible:l,isListVisible:r,onClickPreviousMonth:o,onClickNextMonth:d})=>{const c=p.block("date-calendar").element("nav"),b=h[e].nextMonth,u=h[e].previousMonth,m=h[e].selectMonth;return t("div",{class:Object.assign({},c.class())},t("div",{class:Object.assign({},c.modifier("start").class())},t("button",{title:m,"aria-label":m,tabIndex:-1,"data-test":"change-year-month",onClick:a},t("span",null,i[s-1]," ",n),t("bal-icon",{name:"caret-up",color:"primary",size:"small",turn:l}))),t("div",{class:Object.assign({},c.modifier("end").class()),style:{display:r?"none":"flex"}},t("button",{title:u,"aria-label":u,onClick:o,tabIndex:-1,"data-test":"previous-month"},t("bal-icon",{name:"caret-left",color:"primary",size:"small"})),t("button",{title:b,"aria-label":b,onClick:d,tabIndex:-1,"data-test":"next-month"},t("bal-icon",{name:"caret-right",color:"primary",size:"small"}))))},L=class{constructor(t){e(this,t),this.balChange=a(this,"balChange",7),this.oldMin="",this.oldMax="",this.onSelectDay=t=>{this.valueChanged(t,this.selectedDate),this.balChange.emit(this.selectedDate)},this.onClickNextMonth=()=>{let t=this.year,e=this.month+1;e>12&&(e=1,t+=1),this.generateGridByMonthAndYear(e,t)},this.onClickPreviousMonth=()=>{let t=this.year,e=this.month-1;e<1&&(e=12,t-=1),this.generateGridByMonthAndYear(e,t)},this.onClickSelectMonthAndYear=async()=>{if(this.updateSelections(),!0===this.isCalendarVisible){if(this.isCalendarVisible=!1,this.isYearListVisible=!0,this.isMonthListVisible=!1,await u(),this.yearListEl){const t=this.yearListEl.querySelector(`#year-${this.year}`);this.yearListEl.scrollTop=t?t.offsetTop-76:0}}else this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1},this.onClickYear=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!0,this.generateGridByMonthAndYear(this.month,t),this.months=B(this.language,t,this.selectedDate,this.min,this.max)},this.onClickMonth=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!1,this.isCalendarVisible=!0,this.generateGridByMonthAndYear(t,this.year)},this.selectedDate="",this.monthFullNames=[],this.weekdays=[],this.months=[],this.years=[],this.calendarGrid=[],this.firstDayOfWeek=0,this.month=0,this.year=0,this.language=f.language,this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1,this.value=void 0,this.defaultDate=void 0,this.allowedDates=void 0,this.min=void 0,this.max=void 0,this.minYearProp=void 0,this.maxYearProp=void 0}createLogger(t){this.log=t}valueChanged(t,e){if(t!==e){const e=d.fromISO(t);e.isValid?(this.generateGridByDate(e),this.selectedDate=e.toISODate()):(this.generateGridByDefaultDate(),this.selectedDate=""),this.updateSelections()}}rangePropChanged(){this.updateSelections(),this.generateGrid()}yearRangePropChanged(){this.updateSelections()}connectedCallback(){this.generateGridByDefaultDate(),this.valueChanged(this.value,void 0)}async configChanged(t){this.language=t.language,this.monthFullNames=d.infoMonths({format:"long",locale:this.language}),this.weekdays=function(t){const e=M(t),a=d.infoWeekdays({format:"short",locale:e}),i=d.infoWeekdays({format:"long",locale:e});return a.map(((t,e)=>({ariaLabel:i[e],textContent:t})))}(this.language),this.updateSelections()}swipeListener({left:t,right:e}){t?this.onClickNextMonth():e&&this.onClickPreviousMonth()}get minYear(){if(void 0===this.minYearProp){const t=(new Date).getFullYear()-100;return this.min&&d.fromISO(this.min).year||t}return this.minYearProp}get maxYear(){if(void 0===this.maxYearProp){const t=(new Date).getFullYear()+50;return this.max&&d.fromISO(this.max).year||t}return this.maxYearProp}updateSelections(){this.years=function(t,e,a){const i=[],s=(new Date).getFullYear();for(let n=e;n<=a;n++)i.push({value:n,label:`${n}`,disabled:!1,today:s===n,selected:t===n});return i}(this.year,this.minYear,this.maxYear),this.months=B(this.language,this.year,this.selectedDate,this.min,this.max)}generateGrid(){const t=d.fromISO(this.value);t.isValid?this.generateGridByDate(t):this.generateGridByDefaultDate()}generateGridByDate(t){void 0!==t.year&&void 0!==t.month&&this.generateGridByMonthAndYear(t.month,t.year)}generateGridByDefaultDate(){const t=d.fromISO(this.defaultDate);if(t.isValid)this.generateGridByDate(t);else{const t=new Date;this.month=t.getMonth()+1,this.year=t.getFullYear(),this.calendarGrid=O(this.year,this.month,this.min,this.max,this.allowedDates),this.firstDayOfWeek=P(this.year,this.month)}}generateGridByMonthAndYear(t,e){this.month===t&&this.year===e&&this.oldMin===this.min&&this.oldMax===this.max||(this.calendarGrid=O(e,t,this.min,this.max,this.allowedDates),this.firstDayOfWeek=P(e,t)),this.month=t,this.year=e,this.oldMin=this.min,this.oldMax=this.max}render(){var e;const a=(null===(e=this.gridEl)||void 0===e?void 0:e.clientHeight)||0,s=p.block("date-calendar"),n=s.element("body"),l=s.element("foot");return t(i,{key:"248e291f860cdb55eb13cce3afa9fd453efd9bb1",class:Object.assign({},s.class())},t(z,{key:"b22fb7f5d3459b29b1bc7ad10925f797964a1bf2",language:this.language,monthFullNames:this.monthFullNames,month:this.month,year:this.year,isCalendarVisible:this.isCalendarVisible,isListVisible:this.isMonthListVisible||this.isYearListVisible,onClickSelectMonthAndYear:this.onClickSelectMonthAndYear,onClickPreviousMonth:this.onClickPreviousMonth,onClickNextMonth:this.onClickNextMonth}),t("div",{key:"e7348e9fe457bd309ecf8645ae1af0138d6ea156",class:Object.assign({},n.class())},t($,{key:"87bab404d1e8777b818c4d4df0d49092b29e96ff",isVisible:this.isCalendarVisible,grid:this.calendarGrid,weekdays:this.weekdays,firstDayOfWeek:this.firstDayOfWeek,selectedDate:this.selectedDate,ref:t=>this.gridEl=t,onSelectDay:t=>this.onSelectDay(t)}),t(F,{key:"106142481bd53e6d24e91ef0245fe336704c0578",name:"year",isVisible:this.isYearListVisible,girdHeight:a,list:this.years,ref:t=>this.yearListEl=t,onSelect:t=>this.onClickYear(t.value)}),t(F,{key:"9341dbb8c0f7ce5713a9cbdb5e4a22d3db83b43a",name:"month",isVisible:this.isMonthListVisible,girdHeight:a,list:this.months,onSelect:t=>this.onClickMonth(t.value)})),t("div",{key:"5e74571cea6b858964554f3065eb40092535f1dd",class:Object.assign({},l.class())},t("slot",{key:"c3cc4f4f43d40b095ad03fe23a8645282e658765"})))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"],min:["rangePropChanged"],max:["rangePropChanged"],minYearProp:["yearRangePropChanged"],maxYearProp:["yearRangePropChanged"]}}};n([b("bal-date-calendar"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],L.prototype,"createLogger",null),n([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],L.prototype,"configChanged",null),n([_({mobileOnly:!0}),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],L.prototype,"swipeListener",null),L.style=':host{--bal-date-first-week-day:0;--bal-date-calendar-background:var(--bal-color-red-3)}:host{--bal-date-first-week-day:0;--bal-date-calendar-background:var(--bal-color-red-3)}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;background:var(--bal-color-white);border-radius:var(--bal-radius-normal)}.bal-date-calendar__nav{display:-ms-flexbox;display:flex;width:calc(100% - 1rem);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;gap:.5rem}.bal-date-calendar__nav--start>button{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav--end{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;min-height:2rem;min-width:2rem;padding:.25rem;border-radius:var(--bal-button-radius);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__nav button--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__nav button--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body{display:block}.bal-date-calendar__body__grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;height:0;padding-top:0;padding-bottom:0;visibility:hidden}.bal-date-calendar__body__grid--visible{height:auto;padding-top:.5rem;padding-bottom:.5rem;visibility:visible}.bal-date-calendar__body__grid__head{position:relative;display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-date-calendar__body__grid__head::after{position:absolute;content:"";height:2px;width:calc(100% + 1rem);bottom:0;left:-0.5rem;right:-0.5rem;background:var(--bal-color-border)}.bal-date-calendar__body__grid__head span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2rem;width:2rem;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-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:nowrap}.bal-date-calendar__body__grid__body{display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:.5rem}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell{width:2rem;height:2rem;text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell:first-child{grid-column:var(--bal-date-first-week-day)}.bal-date-calendar__body__list{display:none;list-style:none;margin:0;padding:0;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1rem);overflow-y:auto;max-height:18rem;position:relative;padding:.5rem;border-top:2px solid var(--bal-color-border)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:100%}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body__list--visible{display:grid}.bal-date-calendar__body__list--year{grid-template-columns:repeat(4, 1fr)}.bal-date-calendar__body__list--month{grid-template-columns:repeat(2, 1fr)}.bal-date-calendar-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:2rem;height:2rem}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar-cell--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar-cell--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}';class I{constructor(t){this._options=t,this._position=0,this._positionEnd=0,this._isRangeSelection=!1,t.component&&t.component.nativeInput&&(this._position=t.component.nativeInput.selectionStart||0,this._positionEnd=t.component.nativeInput.selectionEnd||0,this._isRangeSelection=this._position!==this._positionEnd)}get isRangeSelection(){return this._isRangeSelection}get value(){return this._options.isBackspace&&this._position>0?this._position-1:this._position}set value(t){this._position=t<0?0:t>this._options.mask.maxLength?this._options.mask.maxLength:t}toStart(){this.value=0}toEnd(){const t=this.getTarget();t&&(this.value=t.value.length)}next(t=1){const e=this._position+t;return e<=this._options.mask.maxLength&&(this._position=e),this._position}previous(t=1){const e=this._position-t;return this._position=e>=0?e:0,this._position}submit(){const t=this.getTarget();t&&t.selectionStart!==this._position&&t.selectionEnd!==this._position&&(t.selectionStart=this._position,t.selectionEnd=this._position)}getTarget(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}}class S{constructor(t){this._options=t,this._value="",this._options.component&&this._options.component.nativeInput&&(this._value=this._options.component.nativeInput.value),this.position=new I(this._options),this.component=this._options.component}get target(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}get value(){return this._value}set value(t){this._value=t}get focused(){return this._options.component.focused}isValueEmpty(){return""===this.value||null==this.value}preventDefault(){this._options.event.preventDefault&&this._options.event.preventDefault()}stopPropagation(){this.preventDefault(),this._options.event.stopPropagation&&this._options.event.stopPropagation()}async submit(t="input",e){this.target&&(this.target.value=this.value,"blur"!==t&&"tab"!==t&&this.position.submit(),this._options.component&&("input"!==t&&"tab"!==t||this._options.component.balInput.emit(this.value),"change"!==t&&"blur"!==t||void 0===e||v(this._options.component.value,e)&&(this._options.component.value=e,this._options.component.balChange.emit(e))))}}class K extends S{get clipboardData(){var t;return null===(t=this._options.event.clipboardData)||void 0===t?void 0:t.getData("text")}}class A extends S{}class H extends S{get key(){return this._options.event.key}get isCtrlOrCommandKey(){return this._options.event.metaKey||this._options.event.ctrlKey}get isBackspaceKey(){return"Backspace"===this._options.event.key}get isTabKey(){return"Tab"===this._options.event.key}get isWhiteSpaceKey(){return" "===this._options.event.key}get isDeleteKey(){return"Delete"===this._options.event.key||"Del"===this._options.event.key}get isNumberKey(){return H.NUMBER_KEYS.includes(this._options.event.key)}get isNavigationKey(){return H.NAVIGATION_KEYS.includes(this._options.event.key)}get isSelectAllCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"a"===this.key}get isCopyCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"c"===this.key}get isPasteCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"v"===this.key}getCharAt(t=this.position.value){return this.value.charAt(t)}getCharAtBackspacePosition(){return this.getCharAt(this.position.value-1)}setChar(t=this._options.event.key,e=this.position.value){this.value=this.value.substring(0,e)+t+this.value.substring(e+1)}}H.NUMBER_KEYS=["0","1","2","3","4","5","6","7","8","9"],H.NAVIGATION_KEYS=["Home","End","ArrowLeft","Left","ArrowRight","Right","Tab","Enter","Esc","Escape"];class N extends S{get locale(){return this._options.event.locale}}class R extends S{}class E extends S{get newValue(){return this._options.event.newValue}get oldValue(){return this._options.event.oldValue}get didValueChange(){return this.newValue!==this.oldValue}}class T{constructor(t){this._isSeparator=!1,this._allowedKeys=[],this._locale="de-CH",this._from=t.from||0,this._to=t.to||0,this._isSeparator=void 0!==t.isSeparator&&t.isSeparator,this._mask=t.mask||"_",this._allowedKeys=t.allowedKeys?t.allowedKeys:this.allowedKeys,this._format=t.format}format(t){return this._format?this._format(t.replace(this.mask,""),this._locale,this.mask):t}get isSeparator(){return this._isSeparator}get to(){return this._to}get from(){return this._from}get mask(){return"function"==typeof this._mask?this._mask(this._locale):this._mask}get allowedKeys(){return this._allowedKeys}onI18nChange(t){this._locale=t}getValueOfTheBlock(t){return t.slice(this._from,this._to)}isTouched(t){return!this.getValueOfTheBlock(t).split("").every((t=>t===this.mask))}verifyAllowedKeyHits(t){return!(!this.isSeparator||t!==this.mask)||this.allowedKeys.indexOf(t)>=0}}class Y{constructor(t=[]){this._list=t}get lastPosition(){return this._list[this._list.length-1].to}get list(){return this._list}set list(t){this._list=t}clone(){return new Y([...this._list])}findByIndex(t,e=this.list){return e.find((e=>e.from<=t&&t<e.to))}getPlaceholderMask(){const t=[];return this.list.forEach((e=>{const a=e.to-e.from;for(let i=0;i<a;i++)t.push(e.mask)})),t.join("")}getRawValueWithoutMaskByContext(t){return this.getRawValueWithoutMask(t.value)}getRawValueWithoutMask(t){if(t){let e=[];const a=t.split("");for(let t=0;t<a.length;t++){const i=a[t],s=this.findByIndex(t);e.push(s&&!s.isSeparator?i.replace(s.mask,""):i)}return e=e.filter((t=>t)),this.list.filter((t=>t.isSeparator)).length===e.length?"":e.join("")}return""}formatBlocks(t,e){let a=`${t}`;for(let t=0;t<this.list.length;t++){const i=this.list[t];if(e!==t&&!i.isSeparator&&i.isTouched(a)){const t=i.getValueOfTheBlock(a),e=i.format(t);a=a.substring(0,i.from)+e+a.substring(i.to)}}return a}getBlockIndexFromPosition(t){const e=this.list.reduce(((t,e)=>t+e.to-e.from),0);if(t===e)return this.list.length-1;const a=this.list.findIndex((e=>e.from<=t&&t<e.to));return a<0?void 0:Math.min(e,a)}verifyCallOfNextSeparator(t,e){if(this.list.length-1>e){const a=this.list[e+1];if(a.isSeparator&&a.mask===t)return!0}return!1}}class W{constructor(t=[]){this.inputMode="text",this.locale="de-CH",this.blocks=new Y(t)}onLocaleChange(t,e,a){if(t.target){const e=t.value.split("");for(let t=0;t<e.length;t++){const i=e[t],s=this.blocks.findByIndex(t),n=a.findByIndex(t);s&&n&&(s.isSeparator||i===n.mask)&&(e[t]=s.mask)}t.value=e.join("")}}onFocus(t){}onBlur(t){}onChange(t){t.submit("change",this.onParseValue(t.value))}onNavigationDown(t,e,a){}onSelectAll(t,e,a){}onPaste(t,e,a){t.value=t.clipboardData||"",t.position.toEnd()}onBlockChange(t,e,a){t.setChar(),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onBackspaceDown(t,e,a){if(t.position.previous(),!e.isSeparator){t.setChar(e.mask);const i=this.blocks.list[a-1];t.position.value===e.from&&i&&i.isSeparator&&t.position.previous()}}onDeleteDown(t,e,a){t.setChar(e.mask),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onValueChanged(t){const e=this.onFormatValue(t.newValue),a=t.focused&&""===e?this.blocks.getPlaceholderMask():e;t.value=a,t.position.toEnd()}onParseValue(t,e={allowInvalidValue:!1}){return t?t.trim():t||""}onFormatValue(t){return t?t.trim():t||""}toParsedValue(t){return this.onParseValue(t)}toFormattedValue(t){return this.onFormatValue(t)}fireI18nChange(t){const e=this.blocks.clone(),a=`${t.locale}`;this.locale=t.locale,this.blocks.list.forEach((e=>e.onI18nChange(t.locale))),this.onLocaleChange(t,a,e)}fireValueChanged(t){t.didValueChange&&this.onValueChanged(t)}firePaste(t){const e=this.blocks.getBlockIndexFromPosition(t.position.value);void 0!==e&&(this.onPaste(t,this.blocks.list[e],e),this.onChange(t))}fireClick(t){this.blocks.getPlaceholderMask()===t.value&&t.position.toStart()}fireFocus(t){t.target&&t.isValueEmpty()&&this.resetInputValueWithMask(t),this.onFocus(t)}fireBlur(t){t.target&&(this.isValueEmptyMask(t)?this.emptyInputValue(t):(this.onBlur(t),t.submit("blur",this.onParseValue(t.value,{allowInvalidValue:t.component.allowInvalidValue}))))}fireKeyDown(t){const e=t.isBackspaceKey?Math.max(0,t.position.value-1):t.position.value,a=this.blocks.getBlockIndexFromPosition(e);if(e>=this.blocks.lastPosition&&!t.isNavigationKey&&!t.isSelectAllCommand)return t.preventDefault(),void t.stopPropagation();if(void 0===a||t.position.isRangeSelection)t.isTabKey||t.preventDefault(),t.isBackspaceKey||t.isDeleteKey?this.resetInputValueWithMask(t):this.blocks.list[0].verifyAllowedKeyHits(t.key)&&this.onBlockChange(t,this.blocks.list[0],0);else{const e=this.blocks.list[a];if(t.isNavigationKey)this.onNavigationDown(t,e,a);else if(t.isSelectAllCommand)this.onSelectAll(t,e,a);else if(t.isCopyCommand);else if(t.isPasteCommand);else if(t.isBackspaceKey)t.preventDefault(),this.onBackspaceDown(t,e,a);else if(t.isDeleteKey)t.preventDefault(),this.onDeleteDown(t,e,a);else if(t.isWhiteSpaceKey){if(t.preventDefault(),"."===t.value[t.position.value]){t.stopPropagation();const e=t.value;t.value=e.substring(0,t.position.value)+"_"+e.substring(t.position.value+1)}}else if(e.verifyAllowedKeyHits(t.key))t.preventDefault(),this.onBlockChange(t,e,a);else if(this.blocks.verifyCallOfNextSeparator(t.key,a)&&(t.preventDefault(),t.position.value>this.blocks.list[a].from)){const i=this.blocks.list[a+1],s=t.value,n=e.getValueOfTheBlock(s),l=e.format(n);t.value=s.substring(0,e.from)+l+s.substring(e.to),t.position.value=i.to}const i=this.blocks.getBlockIndexFromPosition(t.position.value);if(i&&!t.isBackspaceKey){const e=this.blocks.formatBlocks(t.value,i),a=t.position.value;t.value=e,t.position.value=a}}}resetInputValueWithMask(t){t.value=this.blocks.getPlaceholderMask(),t.position.toStart()}isValueEmptyMask(t){return this.blocks.getPlaceholderMask()===t.value}emptyInputValue(t){t.value="",t.submit("blur",t.value)}}class G extends W{constructor(){super([new T({from:0,to:2,allowedKeys:[...j],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.dayMask[t.split("-")[0]]||this.dayMask.de}),new T({from:2,to:3,mask:t=>c(t),isSeparator:!0}),new T({from:3,to:5,allowedKeys:[...j],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.monthMask[t.split("-")[0]]||this.monthMask.de}),new T({from:5,to:6,mask:t=>c(t),isSeparator:!0}),new T({from:6,to:10,allowedKeys:[...j],mask:t=>this.yearMask[t.split("-")[0]]||this.yearMask.de})]),this.maxLength=10,this.minLength=10,this.inputMode="decimal",this.dayMask={de:"T",en:"D",fr:"J",it:"G",nl:"D",es:"D",pl:"D",pt:"D",sv:"D",fi:"M"},this.monthMask={de:"M",en:"M",fr:"M",it:"M",nl:"M",es:"M",pl:"M",pt:"M",sv:"M",fi:"K"},this.yearMask={de:"J",en:"Y",fr:"A",it:"A",nl:"J",es:"A",pl:"R",pt:"A",sv:"Å",fi:"V"}}onParseValue(t,e={allowInvalidValue:!1}){if(t){const a=d.fromAnyFormat(this.blocks.getRawValueWithoutMask(t));if(a.isValid)return a.toISODate();if(e&&e.allowInvalidValue)return D}return""}onFormatValue(t){if(t){const e=d.fromISO(t);if(e.isValid)return e.toFormat()}return""}onPaste(t,e,a){const i=d.fromAnyFormat(t.clipboardData||"");i.isValid&&(t.value=i.toFormat(),t.position.toEnd())}onBlur(t){const e=this.blocks.getRawValueWithoutMaskByContext(t),a=d.fromAnyFormat(e);if(a.isValid){const e=a.toFormat();e!==t.value&&(t.value=e)}else t.component.allowInvalidValue&&e!==t.value&&(t.value=e)}}class J{constructor(t){this.mask=t}get attributes(){return{inputMode:this.mask.inputMode,maxLength:this.mask.maxLength,minLength:this.mask.minLength,type:"text",autoCapitalize:"off",autoCorrect:"off",spellcheck:!1}}bindComponent(t){this.component=t}bindComponentDidLoad(){this.component&&this.component.nativeInput&&(this.component.nativeInput.value=this.component.value||""),this.bindValueChanged(this.component.value,void 0)}bindConfigChanged(t){const{component:e,mask:a}=this,i=new N({component:e,mask:a,event:{locale:`${t.language}-${t.region}`}});this.mask.fireI18nChange(i),i.submit()}bindValueChanged(t,e){const{component:a,mask:i}=this,s=new E({component:a,mask:i,event:{newValue:t,oldValue:e}});this.mask.fireValueChanged(s),s.submit("blur")}bindKeyDown(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new H({event:t,component:e,mask:a});this.mask.fireKeyDown(i),i.submit("Tab"===t.key?"tab":"input"),e.balKeyPress.emit(t)}}bindFocus(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!0;const i=new A({event:t,component:e,mask:a});this.mask.fireFocus(i),i.submit(),e.balFocus.emit(t)}}bindBlur(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!1;const i=new A({event:t,component:e,mask:a});this.mask.fireBlur(i),i.submit("blur"),e.balBlur.emit(t)}}bindPaste(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new K({event:t,component:e,mask:a});this.mask.firePaste(i),i.submit()}}bindFormReset(t){const e=t.target;e&&(e===this.component.el||e.contains(this.component.el))&&(this.component.value=this.component.initialValue,this.component.inputValue=this.component.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.component.nativeInput&&(this.component.nativeInput.value=this.mask.toFormattedValue(this.component.value||""))})))}bindClick(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new R({event:t,component:e,mask:a});this.mask.fireClick(i),i.submit()}}bindHostClick(t){this.isComponentAccessible||(t.preventDefault(),t.stopPropagation())}bindGlobalClick(t){this.isComponentAccessible||t.target&&t.target===this.component.el&&(t.preventDefault(),t.stopPropagation())}get isComponentAccessible(){return!this.component.disabled&&!this.component.readonly}}const q=class{constructor(t){e(this,t),this.balKeyPress=a(this,"balKeyPress",7),this.balChange=a(this,"balChange",7),this.balInput=a(this,"balInput",7),this.balBlur=a(this,"balBlur",7),this.balFocus=a(this,"balFocus",7),this.inputId="bal-i-date-"+U++,this.inheritedAttributes={},this.maskAdapter=new J(new G),this.inputValue=this.value,this.initialValue=this.value||"",this.focused=!1,this.isGrouped=!1,this.ariaForm=x,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.clickable=!1,this.min=void 0,this.max=void 0,this.autocomplete="off",this.hasIconRight=!1,this.value=void 0,this.autoInvalidOff=!1,this.allowInvalidValue=!1}createLogger(t){this.log=t}valueChanged(t,e){this.maskAdapter.bindValueChanged(t,e)}connectedCallback(){this.maskAdapter.bindComponent(this),this.isGrouped=m("bal-input-group",this.el)}componentDidLoad(){this.maskAdapter.bindComponentDidLoad()}componentWillRender(){this.inheritedAttributes=y(this.el,["aria-label","tabindex","title"])}async configChanged(t){this.maskAdapter.bindConfigChanged(t)}resetHandler(t){this.maskAdapter.bindFormReset(t)}listenOnClick(t){this.maskAdapter.bindGlobalClick(t)}async setFocus(){w(this)}async setBlur(){k(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}render(){const e=p.block("input-date"),a=e.element("native");return t(i,{key:"c19d0b61364480bbcb5067bf0c5d68b83dab6fa7",onClick:t=>this.maskAdapter.bindHostClick(t),class:Object.assign({},e.class())},t("input",Object.assign({key:"e8cbf0a3372a06823953459eeb754f2c22fc0b22",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable&&!(this.disabled||this.readonly),"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight},"data-testid":"bal-date-input",ref:t=>this.nativeInput=t,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,required:this.required,disabled:this.disabled,readonly:this.readonly,autoComplete:this.autocomplete},this.maskAdapter.attributes,this.inheritedAttributes,{placeholder:this.placeholder,value:this.inputValue,onKeyDown:t=>this.maskAdapter.bindKeyDown(t),onClick:t=>this.maskAdapter.bindClick(t),onFocus:t=>this.maskAdapter.bindFocus(t),onBlur:t=>this.maskAdapter.bindBlur(t),onPaste:t=>this.maskAdapter.bindPaste(t)})),t("input",{key:"b6acc3e893caf68b4823addac74e4cea27fdc98b",type:"date",class:Object.assign({},a.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};n([b("bal-input-date"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],q.prototype,"createLogger",null),n([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],q.prototype,"configChanged",null),n([C("reset",{capture:!0,target:"document"}),l("design:type",Function),l("design:paramtypes",[UIEvent]),l("design:returntype",void 0)],q.prototype,"resetHandler",null),n([C("click",{capture:!0,target:"document"}),l("design:type",Function),l("design:paramtypes",[MouseEvent]),l("design:returntype",void 0)],q.prototype,"listenOnClick",null);let U=0;q.style=".bal-input-date{display:block;width:100%;-ms-flex:1;flex:1}.bal-input-date input:not(:-moz-placeholder-shown){letter-spacing:.4px}.bal-input-date input:not(:-ms-input-placeholder){letter-spacing:.4px}.bal-input-date input:not(:placeholder-shown){letter-spacing:.4px}.bal-input-date__native{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}";export{L as bal_date_calendar,q as bal_input_date}
+import{h as t,r as e,c as a,H as i,g as s}from"./p-2539ba43.js";import{_ as n,a as l}from"./p-43c9f5e9.js";import{l as r}from"./p-3f01fc8b.js";import{l as o}from"./p-9a3d9e17.js";import{B as d,i as h,d as c}from"./p-8a73c9b8.js";import{L as b}from"./p-b77e3348.js";import{b as u,p as m}from"./p-33101c54.js";import{B as p}from"./p-ae86d0a0.js";import{d as g}from"./p-a19d1e1d.js";import{L as f}from"./p-69e7c8d6.js";import{L as _}from"./p-51fa7a76.js";import{i as y}from"./p-dd5e13d1.js";import{m as v,c as w,d as k}from"./p-63b52c0f.js";import{d as x}from"./p-f385e205.js";import{L as C}from"./p-af4c6af2.js";import{N as j}from"./p-ec1efe3d.js";import{I as D}from"./p-1a158488.js";import"./p-4573c419.js";import"./p-aafb6696.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-7607c59d.js";import"./p-96216bd1.js";import"./p-acf222fd.js";function V(t,e,a){return`${a}-${r(`${e}`,2,"0")}-${r(`${t}`,2,"0")}`}function O(t,e,a,i,s){const n=[],l=function(t,e){if(!(e<1||t<0))return new Date(t,e,0).getDate()}(t,e),h=function(t,e){if(!(e<1||e>12||t<0))return new Date(t,e-1,1)}(t,e);if(void 0!==l&&h){const h=function(){const t=new Date;return`${t.getFullYear()}-${r(`${t.getMonth()+1}`,2,"0")}-${r(`${t.getDate()}`,2,"0")}`}(),c=d.fromISO(a),b=d.fromISO(i),u=t=>!o(s)&&!s(t);for(let a=1;a<=l;a++){const i=V(a,e,t);n.push({day:a,month:e,year:t,isoDate:i,fullDate:d.fromISO(i).toFormat(),today:h===i,disabled:c.isAfter(i)||b.isBefore(i)||u(i)})}}return n}function P(t,e){if(e<1||t<0)return 1;const a=new Date(t,e-1,1).getDay();return 0===a?7:a}function M(t){return["en","de","fr","it","nl","es","pl","pt","sv","fi"].includes(t)?t:"de"}function B(t,e,a,i,s){const n=M(t),l=d.infoMonths({format:"long",locale:n}),r=d.fromISO(a),o=new Date,h=o.getFullYear(),c=o.getMonth()+1;let b=0;if(i&&void 0!==e){const t=d.fromISO(i);t.isValid&&(b=e>t.year?0:t.month||b)}let u=12;if(s&&void 0!==e){const t=d.fromISO(s);t.isValid&&(u=e<t.year?12:t.month||u)}return l.map(((t,a)=>{const i=a+1;return{label:t,value:i,today:i===c&&e===h,selected:i===r.month&&e===r.year,disabled:i<b||i>u}}))}const F=({name:e,isVisible:a,girdHeight:i,list:s,onSelect:n,ref:l})=>{const r=p.block("date-calendar").element("body").element("list");return t("ul",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(e).class()),r.modifier("visible").class(a)),"aria-hidden":a?"false":"true",style:{height:i-2-8-8+"px"},ref:t=>l?l(t):void 0},s.map((a=>t("li",{key:a.value,id:`${e}-${a.value}`},t("button",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.element("item").class()),r.element("item").modifier("today").class(a.today)),r.element("item").modifier("selected").class(a.selected)),r.element("item").modifier("disabled").class(a.disabled)),disabled:a.disabled,tabIndex:-1,onClick:()=>{a.disabled||n(a)}},a.label)))))},$=({isVisible:e,ref:a,grid:i,weekdays:s,selectedDate:n,firstDayOfWeek:l,onSelectDay:r})=>{const o=p.block("date-calendar").element("body").element("grid");return t("div",{role:"grid",class:Object.assign(Object.assign({},o.class()),o.modifier("visible").class(e)),"aria-hidden":e?"false":"true",ref:t=>a(t)},t("div",{role:"row",class:Object.assign({},o.element("head").class())},s.map((e=>t("span",{key:e.textContent,role:"columnheader","aria-label":e.ariaLabel,title:e.ariaLabel},e.textContent)))),t("div",{role:"row",class:Object.assign({},o.element("body").class()),style:{"--bal-date-first-week-day":`${l}`}},i.map((e=>t("bal-date-calendar-cell",Object.assign({key:e.isoDate},e,{selected:e.isoDate===n,onBalSelectDay:({detail:t})=>r(t)}))))))},z=({language:e,onClickSelectMonthAndYear:a,monthFullNames:i,month:s,year:n,isCalendarVisible:l,isListVisible:r,onClickPreviousMonth:o,onClickNextMonth:d})=>{const c=p.block("date-calendar").element("nav"),b=h[e].nextMonth,u=h[e].previousMonth,m=h[e].selectMonth;return t("div",{class:Object.assign({},c.class())},t("div",{class:Object.assign({},c.modifier("start").class())},t("button",{title:m,"aria-label":m,tabIndex:-1,"data-test":"change-year-month",onClick:a},t("span",null,i[s-1]," ",n),t("bal-icon",{name:"caret-up",color:"primary",size:"small",turn:l}))),t("div",{class:Object.assign({},c.modifier("end").class()),style:{display:r?"none":"flex"}},t("button",{title:u,"aria-label":u,onClick:o,tabIndex:-1,"data-test":"previous-month"},t("bal-icon",{name:"caret-left",color:"primary",size:"small"})),t("button",{title:b,"aria-label":b,onClick:d,tabIndex:-1,"data-test":"next-month"},t("bal-icon",{name:"caret-right",color:"primary",size:"small"}))))},L=class{constructor(t){e(this,t),this.balChange=a(this,"balChange",7),this.oldMin="",this.oldMax="",this.onSelectDay=t=>{this.valueChanged(t,this.selectedDate),this.balChange.emit(this.selectedDate)},this.onClickNextMonth=()=>{let t=this.year,e=this.month+1;e>12&&(e=1,t+=1),this.generateGridByMonthAndYear(e,t)},this.onClickPreviousMonth=()=>{let t=this.year,e=this.month-1;e<1&&(e=12,t-=1),this.generateGridByMonthAndYear(e,t)},this.onClickSelectMonthAndYear=async()=>{if(this.updateSelections(),!0===this.isCalendarVisible){if(this.isCalendarVisible=!1,this.isYearListVisible=!0,this.isMonthListVisible=!1,await u(),this.yearListEl){const t=this.yearListEl.querySelector(`#year-${this.year}`);this.yearListEl.scrollTop=t?t.offsetTop-76:0}}else this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1},this.onClickYear=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!0,this.generateGridByMonthAndYear(this.month,t),this.months=B(this.language,t,this.selectedDate,this.min,this.max)},this.onClickMonth=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!1,this.isCalendarVisible=!0,this.generateGridByMonthAndYear(t,this.year)},this.selectedDate="",this.monthFullNames=[],this.weekdays=[],this.months=[],this.years=[],this.calendarGrid=[],this.firstDayOfWeek=0,this.month=0,this.year=0,this.language=g.language,this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1,this.value=void 0,this.defaultDate=void 0,this.allowedDates=void 0,this.min=void 0,this.max=void 0,this.minYearProp=void 0,this.maxYearProp=void 0}createLogger(t){this.log=t}valueChanged(t,e){if(t!==e){const e=d.fromISO(t);e.isValid?(this.generateGridByDate(e),this.selectedDate=e.toISODate()):(this.generateGridByDefaultDate(),this.selectedDate=""),this.updateSelections()}}rangePropChanged(){this.updateSelections(),this.generateGrid()}yearRangePropChanged(){this.updateSelections()}connectedCallback(){this.generateGridByDefaultDate(),this.valueChanged(this.value,void 0)}async configChanged(t){this.language=t.language,this.monthFullNames=d.infoMonths({format:"long",locale:this.language}),this.weekdays=function(t){const e=M(t),a=d.infoWeekdays({format:"short",locale:e}),i=d.infoWeekdays({format:"long",locale:e});return a.map(((t,e)=>({ariaLabel:i[e],textContent:t})))}(this.language),this.updateSelections()}swipeListener({left:t,right:e}){t?this.onClickNextMonth():e&&this.onClickPreviousMonth()}get minYear(){if(void 0===this.minYearProp){const t=(new Date).getFullYear()-100;return this.min&&d.fromISO(this.min).year||t}return this.minYearProp}get maxYear(){if(void 0===this.maxYearProp){const t=(new Date).getFullYear()+50;return this.max&&d.fromISO(this.max).year||t}return this.maxYearProp}updateSelections(){this.years=function(t,e,a){const i=[],s=(new Date).getFullYear();for(let n=e;n<=a;n++)i.push({value:n,label:`${n}`,disabled:!1,today:s===n,selected:t===n});return i}(this.year,this.minYear,this.maxYear),this.months=B(this.language,this.year,this.selectedDate,this.min,this.max)}generateGrid(){const t=d.fromISO(this.value);t.isValid?this.generateGridByDate(t):this.generateGridByDefaultDate()}generateGridByDate(t){void 0!==t.year&&void 0!==t.month&&this.generateGridByMonthAndYear(t.month,t.year)}generateGridByDefaultDate(){const t=d.fromISO(this.defaultDate);if(t.isValid)this.generateGridByDate(t);else{const t=new Date;this.month=t.getMonth()+1,this.year=t.getFullYear(),this.calendarGrid=O(this.year,this.month,this.min,this.max,this.allowedDates),this.firstDayOfWeek=P(this.year,this.month)}}generateGridByMonthAndYear(t,e){this.month===t&&this.year===e&&this.oldMin===this.min&&this.oldMax===this.max||(this.calendarGrid=O(e,t,this.min,this.max,this.allowedDates),this.firstDayOfWeek=P(e,t)),this.month=t,this.year=e,this.oldMin=this.min,this.oldMax=this.max}render(){var e;const a=(null===(e=this.gridEl)||void 0===e?void 0:e.clientHeight)||0,s=p.block("date-calendar"),n=s.element("body"),l=s.element("foot");return t(i,{key:"e6348fe5b0ddab2253f7c79cb41a16fd93fe9a63",class:Object.assign({},s.class())},t(z,{key:"fc808b662835df468fe53a659cfdb048a2ce2325",language:this.language,monthFullNames:this.monthFullNames,month:this.month,year:this.year,isCalendarVisible:this.isCalendarVisible,isListVisible:this.isMonthListVisible||this.isYearListVisible,onClickSelectMonthAndYear:this.onClickSelectMonthAndYear,onClickPreviousMonth:this.onClickPreviousMonth,onClickNextMonth:this.onClickNextMonth}),t("div",{key:"14a071d6e691964876d2a832a9d2a7b20e2b5139",class:Object.assign({},n.class())},t($,{key:"d7d81606a5bcf10637f48ad9d5f095cac4851c60",isVisible:this.isCalendarVisible,grid:this.calendarGrid,weekdays:this.weekdays,firstDayOfWeek:this.firstDayOfWeek,selectedDate:this.selectedDate,ref:t=>this.gridEl=t,onSelectDay:t=>this.onSelectDay(t)}),t(F,{key:"3804356a689232d66ecbac4ad02c152a7e11739f",name:"year",isVisible:this.isYearListVisible,girdHeight:a,list:this.years,ref:t=>this.yearListEl=t,onSelect:t=>this.onClickYear(t.value)}),t(F,{key:"2721e28b96097dfb3f824c6ef085657c56c89342",name:"month",isVisible:this.isMonthListVisible,girdHeight:a,list:this.months,onSelect:t=>this.onClickMonth(t.value)})),t("div",{key:"da53c2e514df3bf5d4890a16fdc5738e55366f31",class:Object.assign({},l.class())},t("slot",{key:"6b75be6d0ad833854a0eade0d014ee26b05bc868"})))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"],min:["rangePropChanged"],max:["rangePropChanged"],minYearProp:["yearRangePropChanged"],maxYearProp:["yearRangePropChanged"]}}};n([b("bal-date-calendar"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],L.prototype,"createLogger",null),n([f(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],L.prototype,"configChanged",null),n([_({mobileOnly:!0}),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],L.prototype,"swipeListener",null),L.style=':host{--bal-date-first-week-day:0;--bal-date-calendar-background:var(--bal-color-red-3)}:host{--bal-date-first-week-day:0;--bal-date-calendar-background:var(--bal-color-red-3)}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;background:var(--bal-color-white);border-radius:var(--bal-radius-normal)}.bal-date-calendar__nav{display:-ms-flexbox;display:flex;width:calc(100% - 1rem);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;gap:.5rem}.bal-date-calendar__nav--start>button{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav--end{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;min-height:2rem;min-width:2rem;padding:.25rem;border-radius:var(--bal-button-radius);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__nav button--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__nav button--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body{display:block}.bal-date-calendar__body__grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;height:0;padding-top:0;padding-bottom:0;visibility:hidden}.bal-date-calendar__body__grid--visible{height:auto;padding-top:.5rem;padding-bottom:.5rem;visibility:visible}.bal-date-calendar__body__grid__head{position:relative;display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-date-calendar__body__grid__head::after{position:absolute;content:"";height:2px;width:calc(100% + 1rem);bottom:0;left:-0.5rem;right:-0.5rem;background:var(--bal-color-border)}.bal-date-calendar__body__grid__head span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2rem;width:2rem;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-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:nowrap}.bal-date-calendar__body__grid__body{display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:.5rem}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell{width:2rem;height:2rem;text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell:first-child{grid-column:var(--bal-date-first-week-day)}.bal-date-calendar__body__list{display:none;list-style:none;margin:0;padding:0;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1rem);overflow-y:auto;max-height:18rem;position:relative;padding:.5rem;border-top:2px solid var(--bal-color-border)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:100%}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body__list--visible{display:grid}.bal-date-calendar__body__list--year{grid-template-columns:repeat(4, 1fr)}.bal-date-calendar__body__list--month{grid-template-columns:repeat(2, 1fr)}.bal-date-calendar-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:2rem;height:2rem}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar-cell--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar-cell--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}';class I{constructor(t){this._options=t,this._position=0,this._positionEnd=0,this._isRangeSelection=!1,t.component&&t.component.nativeInput&&(this._position=t.component.nativeInput.selectionStart||0,this._positionEnd=t.component.nativeInput.selectionEnd||0,this._isRangeSelection=this._position!==this._positionEnd)}get isRangeSelection(){return this._isRangeSelection}get value(){return this._options.isBackspace&&this._position>0?this._position-1:this._position}set value(t){this._position=t<0?0:t>this._options.mask.maxLength?this._options.mask.maxLength:t}toStart(){this.value=0}toEnd(){const t=this.getTarget();t&&(this.value=t.value.length)}next(t=1){const e=this._position+t;return e<=this._options.mask.maxLength&&(this._position=e),this._position}previous(t=1){const e=this._position-t;return this._position=e>=0?e:0,this._position}submit(){const t=this.getTarget();t&&t.selectionStart!==this._position&&t.selectionEnd!==this._position&&(t.selectionStart=this._position,t.selectionEnd=this._position)}getTarget(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}}class S{constructor(t){this._options=t,this._value="",this._options.component&&this._options.component.nativeInput&&(this._value=this._options.component.nativeInput.value),this.position=new I(this._options),this.component=this._options.component}get target(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}get value(){return this._value}set value(t){this._value=t}get focused(){return this._options.component.focused}isValueEmpty(){return""===this.value||null==this.value}preventDefault(){this._options.event.preventDefault&&this._options.event.preventDefault()}stopPropagation(){this.preventDefault(),this._options.event.stopPropagation&&this._options.event.stopPropagation()}async submit(t="input",e){this.target&&(this.target.value=this.value,"blur"!==t&&"tab"!==t&&this.position.submit(),this._options.component&&("input"!==t&&"tab"!==t||this._options.component.balInput.emit(this.value),"change"!==t&&"blur"!==t||void 0===e||v(this._options.component.value,e)&&(this._options.component.value=e,this._options.component.balChange.emit(e))))}}class K extends S{get clipboardData(){var t;return null===(t=this._options.event.clipboardData)||void 0===t?void 0:t.getData("text")}}class A extends S{}class H extends S{get key(){return this._options.event.key}get isCtrlOrCommandKey(){return this._options.event.metaKey||this._options.event.ctrlKey}get isBackspaceKey(){return"Backspace"===this._options.event.key}get isTabKey(){return"Tab"===this._options.event.key}get isWhiteSpaceKey(){return" "===this._options.event.key}get isDeleteKey(){return"Delete"===this._options.event.key||"Del"===this._options.event.key}get isNumberKey(){return H.NUMBER_KEYS.includes(this._options.event.key)}get isNavigationKey(){return H.NAVIGATION_KEYS.includes(this._options.event.key)}get isSelectAllCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"a"===this.key}get isCopyCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"c"===this.key}get isPasteCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"v"===this.key}getCharAt(t=this.position.value){return this.value.charAt(t)}getCharAtBackspacePosition(){return this.getCharAt(this.position.value-1)}setChar(t=this._options.event.key,e=this.position.value){this.value=this.value.substring(0,e)+t+this.value.substring(e+1)}}H.NUMBER_KEYS=["0","1","2","3","4","5","6","7","8","9"],H.NAVIGATION_KEYS=["Home","End","ArrowLeft","Left","ArrowRight","Right","Tab","Enter","Esc","Escape"];class N extends S{get locale(){return this._options.event.locale}}class R extends S{}class E extends S{get newValue(){return this._options.event.newValue}get oldValue(){return this._options.event.oldValue}get didValueChange(){return this.newValue!==this.oldValue}}class T{constructor(t){this._isSeparator=!1,this._allowedKeys=[],this._locale="de-CH",this._from=t.from||0,this._to=t.to||0,this._isSeparator=void 0!==t.isSeparator&&t.isSeparator,this._mask=t.mask||"_",this._allowedKeys=t.allowedKeys?t.allowedKeys:this.allowedKeys,this._format=t.format}format(t){return this._format?this._format(t.replace(this.mask,""),this._locale,this.mask):t}get isSeparator(){return this._isSeparator}get to(){return this._to}get from(){return this._from}get mask(){return"function"==typeof this._mask?this._mask(this._locale):this._mask}get allowedKeys(){return this._allowedKeys}onI18nChange(t){this._locale=t}getValueOfTheBlock(t){return t.slice(this._from,this._to)}isTouched(t){return!this.getValueOfTheBlock(t).split("").every((t=>t===this.mask))}verifyAllowedKeyHits(t){return!(!this.isSeparator||t!==this.mask)||this.allowedKeys.indexOf(t)>=0}}class Y{constructor(t=[]){this._list=t}get lastPosition(){return this._list[this._list.length-1].to}get list(){return this._list}set list(t){this._list=t}clone(){return new Y([...this._list])}findByIndex(t,e=this.list){return e.find((e=>e.from<=t&&t<e.to))}getPlaceholderMask(){const t=[];return this.list.forEach((e=>{const a=e.to-e.from;for(let i=0;i<a;i++)t.push(e.mask)})),t.join("")}getRawValueWithoutMaskByContext(t){return this.getRawValueWithoutMask(t.value)}getRawValueWithoutMask(t){if(t){let e=[];const a=t.split("");for(let t=0;t<a.length;t++){const i=a[t],s=this.findByIndex(t);e.push(s&&!s.isSeparator?i.replace(s.mask,""):i)}return e=e.filter((t=>t)),this.list.filter((t=>t.isSeparator)).length===e.length?"":e.join("")}return""}formatBlocks(t,e){let a=`${t}`;for(let t=0;t<this.list.length;t++){const i=this.list[t];if(e!==t&&!i.isSeparator&&i.isTouched(a)){const t=i.getValueOfTheBlock(a),e=i.format(t);a=a.substring(0,i.from)+e+a.substring(i.to)}}return a}getBlockIndexFromPosition(t){const e=this.list.reduce(((t,e)=>t+e.to-e.from),0);if(t===e)return this.list.length-1;const a=this.list.findIndex((e=>e.from<=t&&t<e.to));return a<0?void 0:Math.min(e,a)}verifyCallOfNextSeparator(t,e){if(this.list.length-1>e){const a=this.list[e+1];if(a.isSeparator&&a.mask===t)return!0}return!1}}class W{constructor(t=[]){this.inputMode="text",this.locale="de-CH",this.blocks=new Y(t)}onLocaleChange(t,e,a){if(t.target){const e=t.value.split("");for(let t=0;t<e.length;t++){const i=e[t],s=this.blocks.findByIndex(t),n=a.findByIndex(t);s&&n&&(s.isSeparator||i===n.mask)&&(e[t]=s.mask)}t.value=e.join("")}}onFocus(t){}onBlur(t){}onChange(t){t.submit("change",this.onParseValue(t.value))}onNavigationDown(t,e,a){}onSelectAll(t,e,a){}onPaste(t,e,a){t.value=t.clipboardData||"",t.position.toEnd()}onBlockChange(t,e,a){t.setChar(),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onBackspaceDown(t,e,a){if(t.position.previous(),!e.isSeparator){t.setChar(e.mask);const i=this.blocks.list[a-1];t.position.value===e.from&&i&&i.isSeparator&&t.position.previous()}}onDeleteDown(t,e,a){t.setChar(e.mask),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onValueChanged(t){const e=this.onFormatValue(t.newValue),a=t.focused&&""===e?this.blocks.getPlaceholderMask():e;t.value=a,t.position.toEnd()}onParseValue(t,e={allowInvalidValue:!1}){return t?t.trim():t||""}onFormatValue(t){return t?t.trim():t||""}toParsedValue(t){return this.onParseValue(t)}toFormattedValue(t){return this.onFormatValue(t)}fireI18nChange(t){const e=this.blocks.clone(),a=`${t.locale}`;this.locale=t.locale,this.blocks.list.forEach((e=>e.onI18nChange(t.locale))),this.onLocaleChange(t,a,e)}fireValueChanged(t){t.didValueChange&&this.onValueChanged(t)}firePaste(t){const e=this.blocks.getBlockIndexFromPosition(t.position.value);void 0!==e&&(this.onPaste(t,this.blocks.list[e],e),this.onChange(t))}fireClick(t){this.blocks.getPlaceholderMask()===t.value&&t.position.toStart()}fireFocus(t){t.target&&t.isValueEmpty()&&this.resetInputValueWithMask(t),this.onFocus(t)}fireBlur(t){t.target&&(this.isValueEmptyMask(t)?this.emptyInputValue(t):(this.onBlur(t),t.submit("blur",this.onParseValue(t.value,{allowInvalidValue:t.component.allowInvalidValue}))))}fireKeyDown(t){const e=t.isBackspaceKey?Math.max(0,t.position.value-1):t.position.value,a=this.blocks.getBlockIndexFromPosition(e);if(e>=this.blocks.lastPosition&&!t.isNavigationKey&&!t.isSelectAllCommand)return t.preventDefault(),void t.stopPropagation();if(void 0===a||t.position.isRangeSelection)t.isTabKey||t.preventDefault(),t.isBackspaceKey||t.isDeleteKey?this.resetInputValueWithMask(t):this.blocks.list[0].verifyAllowedKeyHits(t.key)&&this.onBlockChange(t,this.blocks.list[0],0);else{const e=this.blocks.list[a];if(t.isNavigationKey)this.onNavigationDown(t,e,a);else if(t.isSelectAllCommand)this.onSelectAll(t,e,a);else if(t.isCopyCommand);else if(t.isPasteCommand);else if(t.isBackspaceKey)t.preventDefault(),this.onBackspaceDown(t,e,a);else if(t.isDeleteKey)t.preventDefault(),this.onDeleteDown(t,e,a);else if(t.isWhiteSpaceKey){if(t.preventDefault(),"."===t.value[t.position.value]){t.stopPropagation();const e=t.value;t.value=e.substring(0,t.position.value)+"_"+e.substring(t.position.value+1)}}else if(e.verifyAllowedKeyHits(t.key))t.preventDefault(),this.onBlockChange(t,e,a);else if(this.blocks.verifyCallOfNextSeparator(t.key,a)&&(t.preventDefault(),t.position.value>this.blocks.list[a].from)){const i=this.blocks.list[a+1],s=t.value,n=e.getValueOfTheBlock(s),l=e.format(n);t.value=s.substring(0,e.from)+l+s.substring(e.to),t.position.value=i.to}const i=this.blocks.getBlockIndexFromPosition(t.position.value);if(i&&!t.isBackspaceKey){const e=this.blocks.formatBlocks(t.value,i),a=t.position.value;t.value=e,t.position.value=a}}}resetInputValueWithMask(t){t.value=this.blocks.getPlaceholderMask(),t.position.toStart()}isValueEmptyMask(t){return this.blocks.getPlaceholderMask()===t.value}emptyInputValue(t){t.value="",t.submit("blur",t.value)}}class G extends W{constructor(){super([new T({from:0,to:2,allowedKeys:[...j],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.dayMask[t.split("-")[0]]||this.dayMask.de}),new T({from:2,to:3,mask:t=>c(t),isSeparator:!0}),new T({from:3,to:5,allowedKeys:[...j],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.monthMask[t.split("-")[0]]||this.monthMask.de}),new T({from:5,to:6,mask:t=>c(t),isSeparator:!0}),new T({from:6,to:10,allowedKeys:[...j],mask:t=>this.yearMask[t.split("-")[0]]||this.yearMask.de})]),this.maxLength=10,this.minLength=10,this.inputMode="decimal",this.dayMask={de:"T",en:"D",fr:"J",it:"G",nl:"D",es:"D",pl:"D",pt:"D",sv:"D",fi:"M"},this.monthMask={de:"M",en:"M",fr:"M",it:"M",nl:"M",es:"M",pl:"M",pt:"M",sv:"M",fi:"K"},this.yearMask={de:"J",en:"Y",fr:"A",it:"A",nl:"J",es:"A",pl:"R",pt:"A",sv:"Å",fi:"V"}}onParseValue(t,e={allowInvalidValue:!1}){if(t){const a=d.fromAnyFormat(this.blocks.getRawValueWithoutMask(t));if(a.isValid)return a.toISODate();if(e&&e.allowInvalidValue)return D}return""}onFormatValue(t){if(t){const e=d.fromISO(t);if(e.isValid)return e.toFormat()}return""}onPaste(t,e,a){const i=d.fromAnyFormat(t.clipboardData||"");i.isValid&&(t.value=i.toFormat(),t.position.toEnd())}onBlur(t){const e=this.blocks.getRawValueWithoutMaskByContext(t),a=d.fromAnyFormat(e);if(a.isValid){const e=a.toFormat();e!==t.value&&(t.value=e)}else t.component.allowInvalidValue&&e!==t.value&&(t.value=e)}}class J{constructor(t){this.mask=t}get attributes(){return{inputMode:this.mask.inputMode,maxLength:this.mask.maxLength,minLength:this.mask.minLength,type:"text",autoCapitalize:"off",autoCorrect:"off",spellcheck:!1}}bindComponent(t){this.component=t}bindComponentDidLoad(){this.component&&this.component.nativeInput&&(this.component.nativeInput.value=this.component.value||""),this.bindValueChanged(this.component.value,void 0)}bindConfigChanged(t){const{component:e,mask:a}=this,i=new N({component:e,mask:a,event:{locale:`${t.language}-${t.region}`}});this.mask.fireI18nChange(i),i.submit()}bindValueChanged(t,e){const{component:a,mask:i}=this,s=new E({component:a,mask:i,event:{newValue:t,oldValue:e}});this.mask.fireValueChanged(s),s.submit("blur")}bindKeyDown(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new H({event:t,component:e,mask:a});this.mask.fireKeyDown(i),i.submit("Tab"===t.key?"tab":"input"),e.balKeyPress.emit(t)}}bindFocus(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!0;const i=new A({event:t,component:e,mask:a});this.mask.fireFocus(i),i.submit(),e.balFocus.emit(t)}}bindBlur(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!1;const i=new A({event:t,component:e,mask:a});this.mask.fireBlur(i),i.submit("blur"),e.balBlur.emit(t)}}bindPaste(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new K({event:t,component:e,mask:a});this.mask.firePaste(i),i.submit()}}bindFormReset(t){const e=t.target;e&&(e===this.component.el||e.contains(this.component.el))&&(this.component.value=this.component.initialValue,this.component.inputValue=this.component.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.component.nativeInput&&(this.component.nativeInput.value=this.mask.toFormattedValue(this.component.value||""))})))}bindClick(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new R({event:t,component:e,mask:a});this.mask.fireClick(i),i.submit()}}bindHostClick(t){this.isComponentAccessible||(t.preventDefault(),t.stopPropagation())}bindGlobalClick(t){this.isComponentAccessible||t.target&&t.target===this.component.el&&(t.preventDefault(),t.stopPropagation())}get isComponentAccessible(){return!this.component.disabled&&!this.component.readonly}}const q=class{constructor(t){e(this,t),this.balKeyPress=a(this,"balKeyPress",7),this.balChange=a(this,"balChange",7),this.balInput=a(this,"balInput",7),this.balBlur=a(this,"balBlur",7),this.balFocus=a(this,"balFocus",7),this.inputId="bal-i-date-"+U++,this.inheritedAttributes={},this.maskAdapter=new J(new G),this.inputValue=this.value,this.initialValue=this.value||"",this.focused=!1,this.isGrouped=!1,this.ariaForm=x,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.clickable=!1,this.min=void 0,this.max=void 0,this.autocomplete="off",this.hasIconRight=!1,this.value=void 0,this.autoInvalidOff=!1,this.allowInvalidValue=!1}createLogger(t){this.log=t}valueChanged(t,e){this.maskAdapter.bindValueChanged(t,e)}connectedCallback(){this.maskAdapter.bindComponent(this),this.isGrouped=m("bal-input-group",this.el)}componentDidLoad(){this.maskAdapter.bindComponentDidLoad()}componentWillRender(){this.inheritedAttributes=y(this.el,["aria-label","tabindex","title"])}async configChanged(t){this.maskAdapter.bindConfigChanged(t)}resetHandler(t){this.maskAdapter.bindFormReset(t)}listenOnClick(t){this.maskAdapter.bindGlobalClick(t)}async setFocus(){w(this)}async setBlur(){k(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}render(){const e=p.block("input-date"),a=e.element("native");return t(i,{key:"14148968dbe8593f608bb83cb80431c1af6c10cb",onClick:t=>this.maskAdapter.bindHostClick(t),class:Object.assign({},e.class())},t("input",Object.assign({key:"7a9307a111eb7eaca7d043e6102220f83ed407ef",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable&&!(this.disabled||this.readonly),"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight},"data-testid":"bal-date-input",ref:t=>this.nativeInput=t,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,required:this.required,disabled:this.disabled,readonly:this.readonly,autoComplete:this.autocomplete},this.maskAdapter.attributes,this.inheritedAttributes,{placeholder:this.placeholder,value:this.inputValue,onKeyDown:t=>this.maskAdapter.bindKeyDown(t),onClick:t=>this.maskAdapter.bindClick(t),onFocus:t=>this.maskAdapter.bindFocus(t),onBlur:t=>this.maskAdapter.bindBlur(t),onPaste:t=>this.maskAdapter.bindPaste(t)})),t("input",{key:"23e89b524f1cd68f76461720e386034d1872689a",type:"date",class:Object.assign({},a.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};n([b("bal-input-date"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],q.prototype,"createLogger",null),n([f(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],q.prototype,"configChanged",null),n([C("reset",{capture:!0,target:"document"}),l("design:type",Function),l("design:paramtypes",[UIEvent]),l("design:returntype",void 0)],q.prototype,"resetHandler",null),n([C("click",{capture:!0,target:"document"}),l("design:type",Function),l("design:paramtypes",[MouseEvent]),l("design:returntype",void 0)],q.prototype,"listenOnClick",null);let U=0;q.style=".bal-input-date{display:block;width:100%;-ms-flex:1;flex:1}.bal-input-date input:not(:-moz-placeholder-shown){letter-spacing:.4px}.bal-input-date input:not(:-ms-input-placeholder){letter-spacing:.4px}.bal-input-date input:not(:placeholder-shown){letter-spacing:.4px}.bal-input-date__native{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}";export{L as bal_date_calendar,q as bal_input_date}

package/dist/baloise-design-system/{p-d1c71ad702.entry.js → p-13799acb4f.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-2539ba43.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{L as c}from"./p-b77e3348.js";import{s as m}from"./p-63b52c0f.js";import{F as b}from"./p-ca119357.js";import{i as d,n as h,k as g,r as p}from"./p-33101c54.js";import{d as u}from"./p-f385e205.js";import{L as v}from"./p-af4c6af2.js";import{d as f,b as k,a as x,e as y,i as _,f as w,g as j,h as O}from"./p-50927d70.js";import{L as z}from"./p-1c09c9b0.js";import{L}from"./p-38eaad35.js";import{L as F}from"./p-512a273a.js";import{i as C}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-55d6475b.js";import"./p-96216bd1.js";import"./p-18a74018.js";const E=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=u,this.invalid=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}listenToDidAnimate(e){if(e&&e.target&&d(e.target,this.el)){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=b.includes(e.key);let t,i=!1;if(f(e)||k(e)?(m(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):x(e)||y(e)?(m(e),t=this.getSegmentItem("previous")):_(e)||w(e)?(m(e),t=this.getSegmentItem("next")):j(e)?(m(e),t=this.getSegmentItem("first")):O(e)&&(m(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){h((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:c}=this,m=l.block("segment");return a(s,{key:"3554d8bc4b44417e273a935a70ae89ff87e26d45",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("invalid").class(e)),m.modifier("vertical").class(t)),m.modifier("scrollable").class(i)),m.modifier("keyboard").class(n)),m.modifier("disabled").class(c)),m.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{key:"9271b42436f9c30077a60bcef7847ac04d093052",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"],value:["valueChanged"]}}};r([c("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],E.prototype,"createLogger",null),r([z(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusInListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusOutListener",null),r([v("balWillAnimate",{target:"window"}),o("design:type",Function),o("design:paramtypes",[UIEvent]),o("design:returntype",void 0)],E.prototype,"listenToDidAnimate",null),r([F(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],E.prototype,"breakpointListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"windowResizeListener",null),r([v("keydown",{target:"document"}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"listenOnKeyDownOutside",null),r([v("keydown"),o("design:type",Function),o("design:paramtypes",[KeyboardEvent]),o("design:returntype",void 0)],E.prototype,"listenOnKeyDown",null),E.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let A=0;const D=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=A++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;e.length>0&&(this.isFocusable=e[0]===this.el)}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=u,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},C(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical)),h((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(p(e,"balSelect",this.updateState),p(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:c}=this,m=l.block("segment-item"),b=m.element("button"),d=m.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=c&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"6da240d029f07e7760a962e388998c9c94390d4a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(p)),m.modifier("disabled").class(g)),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"b388ce322243a5f47831d0ef1a65b332c191045b",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(e)),b.modifier("invalid").class(h)),b.modifier("disabled").class(g)),b.modifier("focused").class(t)),b.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"d5ba38e05534eb5ea281cc81a4ad5686b1a4f69b",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(e)),b.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"4a23ae6b4562a685f77f800ff6aca3e5c5e8226e",space:"x-small",layout:"horizontal"},a("bal-content",{key:"a2fb5cf35391ca37fe328534a29cad6e41a7f8fb",space:"none"},a("bal-label",{key:"b3f633a9fe0ea22a71c05982af9dabc366c72495",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"badf00b587d14525f4cea6ceda85c7f67b1b216e",part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"375942fc35e764ef3d91d62a03d08c16165c595b",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"b3a0cf381958ad671555306484ca791e93cfe21e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};D.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{E as bal_segment,D as bal_segment_item}
+import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-2539ba43.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{L as c}from"./p-b77e3348.js";import{s as b}from"./p-63b52c0f.js";import{F as m}from"./p-ca119357.js";import{i as d,n as h,k as g,r as p}from"./p-33101c54.js";import{d as u}from"./p-f385e205.js";import{L as v}from"./p-af4c6af2.js";import{d as f,b as k,a as x,e as y,i as _,f as w,g as j,h as O}from"./p-50927d70.js";import{L as z}from"./p-1c09c9b0.js";import{L}from"./p-ec45ad1c.js";import{L as F}from"./p-5e3dec59.js";import{i as C}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-f6e118b3.js";import"./p-96216bd1.js";import"./p-05047b2e.js";const E=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=u,this.invalid=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}listenToDidAnimate(e){if(e&&e.target&&d(e.target,this.el)){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=m.includes(e.key);let t,i=!1;if(f(e)||k(e)?(b(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):x(e)||y(e)?(b(e),t=this.getSegmentItem("previous")):_(e)||w(e)?(b(e),t=this.getSegmentItem("next")):j(e)?(b(e),t=this.getSegmentItem("first")):O(e)&&(b(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){h((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:c}=this,b=l.block("segment");return a(s,{key:"eadae45bddff8b5367b8db4e38c2eb467097ffb3",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("invalid").class(e)),b.modifier("vertical").class(t)),b.modifier("scrollable").class(i)),b.modifier("keyboard").class(n)),b.modifier("disabled").class(c)),b.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{key:"b82c45b87b6cbd116d3b176fbd93661944740823",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"],value:["valueChanged"]}}};r([c("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],E.prototype,"createLogger",null),r([z(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusInListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusOutListener",null),r([v("balWillAnimate",{target:"window"}),o("design:type",Function),o("design:paramtypes",[UIEvent]),o("design:returntype",void 0)],E.prototype,"listenToDidAnimate",null),r([F(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],E.prototype,"breakpointListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"windowResizeListener",null),r([v("keydown",{target:"document"}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"listenOnKeyDownOutside",null),r([v("keydown"),o("design:type",Function),o("design:paramtypes",[KeyboardEvent]),o("design:returntype",void 0)],E.prototype,"listenOnKeyDown",null),E.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let A=0;const D=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=A++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;e.length>0&&(this.isFocusable=e[0]===this.el)}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=u,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},C(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical)),h((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(p(e,"balSelect",this.updateState),p(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:c}=this,b=l.block("segment-item"),m=b.element("button"),d=b.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=c&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"6da240d029f07e7760a962e388998c9c94390d4a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("vertical").class(p)),b.modifier("disabled").class(g)),b.modifier("checked").class(e)),b.modifier("invalid").class(h)),b.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"b388ce322243a5f47831d0ef1a65b332c191045b",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("disabled").class(g)),m.modifier("focused").class(t)),m.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"d5ba38e05534eb5ea281cc81a4ad5686b1a4f69b",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},m.element("icon").class()),m.element("icon").modifier("animated").class(e)),m.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"4a23ae6b4562a685f77f800ff6aca3e5c5e8226e",space:"x-small",layout:"horizontal"},a("bal-content",{key:"a2fb5cf35391ca37fe328534a29cad6e41a7f8fb",space:"none"},a("bal-label",{key:"b3f633a9fe0ea22a71c05982af9dabc366c72495",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"badf00b587d14525f4cea6ceda85c7f67b1b216e",part:"slot",class:Object.assign({},m.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"375942fc35e764ef3d91d62a03d08c16165c595b",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"b3a0cf381958ad671555306484ca791e93cfe21e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};D.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{E as bal_segment,D as bal_segment_item}