@baloise/ds-core 17.3.0 → 17.4.0-snapshot.1609-d2bcc38d3

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

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(a.next(t))}catch(t){r(t)}}function o(t){try{l(a["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):n(t.value).then(s,o)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,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 l([t,e])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(a=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:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];n=0}finally{a=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,i){if(i||arguments.length===2)for(var a=0,n=e.length,r;a<n;a++){if(r||!(a in e)){if(!r)r=Array.prototype.slice.call(e,0,a);r[a]=e[a]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./p-7961e095.system.js","./p-7720b262.system.js","./p-6dbef894.system.js","./p-1c41de53.system.js","./p-5cd2674f.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-3ecc7d9a.system.js","./p-980e4b57.system.js","./p-a1f6e944.system.js","./p-31c7ac3a.system.js","./p-2da669b4.system.js","./p-363254ce.system.js","./p-0f37a65c.system.js","./p-95055e88.system.js","./p-e60e0c65.system.js","./p-9e489928.system.js","./p-3bf02fb8.system.js","./p-b63742f3.system.js","./p-68bef926.system.js","./p-130a16ee.system.js","./p-6913b916.system.js","./p-df907af8.system.js","./p-2880433e.system.js","./p-ef3bfa9f.system.js","./p-4e642b63.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-b119ef19.system.js","./p-b1c18bf1.system.js"],(function(t){"use strict";var e,i,a,n,r,s,o,l,b,_,c,d,u,h,v,f,m,p,g,w,x,y,j,O,k,z,A,L,C,F,S,P,I,T,E,M,B;return{setters:[function(t){e=t.r;i=t.c;a=t.h;n=t.H;r=t.g},function(t){s=t.a},function(t){o=t._;l=t.a},function(t){b=t.a},function(t){_=t.o;c=t.h;d=t.t;u=t.k;h=t.p;v=t.u;f=t.m;m=t.j;p=t.b},function(t){g=t.B},function(t){w=t.L},function(t){x=t.n},function(t){y=t.s},function(t){j=t.b},function(t){O=t.t;k=t.S;z=t.g;A=t.a},function(t){L=t.a},function(t){C=t.b},function(t){F=t.d},function(t){S=t.L},function(t){P=t.L},function(t){I=t.L},function(t){T=t.L},function(t){E=t.L},function(t){M=t.L},function(t){B=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var D=t("bal_tab_item",function(){function t(t){e(this,t);this.balNavigate=i(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(N++);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 a(n,{key:"dfb327b95030a10da12debcf9f126558684dceba",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},a("slot",{key:"33c15223dbf2d663ecf76b4696211eeaddf4f667"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());var N=0;var V=function(t){var e=t.items,i=t.value,n=t.onSelectTab;var r=g.block("tabs").element("select");var s=function(t){var i=e.filter((function(e){return e.value===t.detail}));if(i.length>0){var a=i[0];if(a.href!==""&&a.href!==undefined){if(j.hasWindow){window.open(a.href,a.target)}}n(t,a)}};return a("bal-select",{class:Object.assign({},r.class()),value:i,onBalChange:function(t){return s(t)}},e.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return a("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var G=function(t){var e=t.item,i=t.inverted,n=t.accordion,r=t.isAccordionOpen,s=t.isMobile,o=t.hasBubble;var l=g.block("tabs").element("nav").element("item").element("icon");var b=e.disabled?"grey":"primary";if(i){b=e.disabled?"primary-light":"white"}return a("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("active").class(e.active)),l.modifier("disabled").class(e.disabled)),l.modifier("display-svg").class(e.svg!==undefined))},e.svg?a("bal-icon",{svg:e.svg,size:"large",color:"auto"}):a("bal-icon",{size:s||n?"small":"",name:n?"nav-go-down":e.icon,color:b,turn:n&&r===true&&e.active}),o?a("bal-badge",{class:Object.assign({},l.element("bubble").class()),size:"small"},e.bubble):"")};var R=function(t){var e=t.item,i=t.inverted,n=t.hasBubble,r=t.isExpanded,s=t.isVertical,o=t.context;var l=g.block("tabs").element("nav").element("item").element("label");return a("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("inverted").class(i)),l.modifier("active").class(e.active)),l.modifier("disabled").class(e.disabled)),l.modifier("vertical").class(s)),l.modifier("expanded").class(r)),l.modifier("context-".concat(o)).class(o!==undefined)),l.modifier("with-svg").class(e.svg&&e.svg.length>0)),"data-testid":"bal-tabs-item-label"},e.label,e.subLabel&&a("span",{class:l.element("sub-label").class()},e.subLabel),n?a("bal-badge",{class:Object.assign({},l.element("bubble").class()),size:"small"},e.bubble):"")};var W=function(t){var e=t.item,i=t.tabsId,n=t.isFirst,r=t.isLast,s=t.isMobile,o=t.isVertical,l=t.accordion,b=t.isAccordionOpen,_=t.isLinkList,c=t.inverted,d=t.isExpanded,u=t.spaceless,h=t.clickable,v=t.iconPosition,f=t.context,m=t.onSelectTab,p=t.hasSubLabelInGroup,w=t.dimInactiveElements;var x;var y=g.block("tabs").element("nav").element("item");if(e.invisible){return}var j=e.bubble!==false;var k=e.icon!==undefined;var z=k&&j&&v!=="horizontal"&&!l||s&&k&&j&&!o&&!l;var A=l&&j||l&&s&&k&&j&&!o;var C=!k&&j&&!l||j&&!s&&v==="horizontal"&&!l||j&&o&&!l;var F=e.href===undefined||e.href==="";var S=F?"button":"a";var P=F?{type:"button",role:"tab","aria-controls":((x=e.aria)===null||x===void 0?void 0:x.controls)||e.tabPanelID||undefined,"aria-expanded":L(e.active),"aria-disabled":L(e.disabled),"aria-label":e.label}:{href:e.href,target:e.target};if(!_){P["tabindex"]=e.active?"0":"-1"}return a(S,Object.assign({id:"".concat(i,"-button-").concat(O(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(h)),y.modifier("accordion").class(l)),y.modifier("inverted").class(c)),y.modifier("expanded").class(d)),y.modifier("spaceless").class(u)),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(v)).class(v!=="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(w)),{"bal-focusable":!e.disabled&&!e.invisible}),draggable:false,"data-tabs":i,"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"},P,{onClick:function(t){return m(t,e)}}),e.icon||e.svg?a(G,{accordion:false,item:e,isMobile:s,hasBubble:z,inverted:c}):"",a(R,{item:e,isMobile:s,isVertical:o,isExpanded:d,hasBubble:C,inverted:c,context:f}),l&&!e.href?a(G,{accordion:l,isAccordionOpen:b,item:e,isMobile:s,hasBubble:A,inverted:c}):"")};var q=function(t){var e=t.swiper,i=t.items,n=t.tabsId,r=t.isVertical,s=t.inNavbar,o=t.isMobile,l=t.isTouch,b=t.lineActive,_=t.lineHidden,c=t.isLinkList,d=t.border,u=t.accordion,h=t.isAccordionOpen,v=t.inverted,f=t.clickable,m=t.animated,p=t.spaceless,w=t.expanded,x=t.verticalColSize,y=t.showSwiperControls,j=t.iconPosition,O=t.context,k=t.onSelectTab,z=t.dimInactiveElements;var A=g.block("tabs").element("nav");var L=A.element("inner");var C=A.element("container");var F=A.element("line");var S=A.element("border");var P=i.filter((function(t){return!t.invisible}));var I=s&&!l;var T=i.some((function(t){return t.subLabel&&t.subLabel.length>0}));var E=function(t){var e=t.item,i=t.index;return a(W,{item:e,isLinkList:c,tabsId:n,isFirst:i===0,isLast:i===P.length-1,isMobile:o,isVertical:r,iconPosition:j,spaceless:p,inverted:v,accordion:u,isAccordionOpen:h,context:O,isExpanded:w,clickable:f&&!e.disabled,onSelectTab:k,hasSubLabelInGroup:T,dimInactiveElements:z})};return a("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.class()),A.modifier("vertical").class(r)),A.modifier("full-height").class(I)),A.modifier("vertical-col-".concat(x)).class(r)),e.cssSwiper())},a("div",{id:"".concat(n,"-nav"),class:Object.assign(Object.assign(Object.assign({},e.cssInnerSwiper()),L.class()),L.modifier("full-height").class(I)),ref:function(t){return e.innerEl=t}},a("nav",{id:e.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},e.cssSwiperContainer()),C.class()),C.modifier("vertical").class(r)),C.modifier("expanded").class(w&&!r)),role:"tablist",ref:function(t){return e.containerEl=t}},P.map((function(t,e){return a(E,{item:t,index:e})})),a("div",{id:"".concat(n,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},F.class()),F.modifier("active").class(b)),F.modifier("inverted").class(v)),F.modifier("animated").class(m)),F.modifier("vertical").class(r)),F.modifier("hidden").class(_))}),d?a("div",{id:"".concat(n,"-border"),class:Object.assign(Object.assign(Object.assign({},S.class()),S.modifier("inverted").class(v)),S.modifier("vertical").class(r))}):"")),y?e.renderControls():"")};var H='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}';var U=H;var X=t("bal_tabs",function(){function t(t){var a=this;e(this,t);this.balChange=i(this,"balChange",7);this.balWillAnimate=i(this,"balWillAnimate",7);this.balDidAnimate=i(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(Y++);this.swiper=new k;this.mutationObserverActive=true;this.getOptions=function(){if(a.options.length>0){return __spreadArray([],a.options.map(x),true)}else{return Promise.all(a.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!b(a.store,t)){a.store=t}else if(!a.optionalTabSelection&&!a.accordion&&a.value===undefined&&a.store.length>0){var e=a.store[0];a.value=e.value}};this.setActiveItem=function(){var t=a.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];a.value=e.value}};this.setActiveContent=function(){if(a.options.length===0){a.items.forEach((function(t){return t.setActive(a.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var i=a.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(a.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var i=a.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft!==undefined&&t.offsetLeft!==null){if(a.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest(".bal-tabs__nav__item");if(n){if(a.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){var t=[];for(var e=0;e<arguments.length;e++){t[e]=arguments[e]}return __awaiter(a,__spreadArray([],t,true),void 0,(function(t){var e=this;if(t===void 0){t=false}return __generator(this,(function(t){if(!this.enableLineRender){return[2]}if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}_((function(){return __awaiter(e,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,i,a,n,r,s,o,l,b;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=z(t);i=this.getLineSize(t,e);a=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(a,"px)"));n.style.setProperty("min-height","".concat(i,"px"));n.style.setProperty("height","".concat(i,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(a,"px)"));n.style.setProperty("min-width","".concat(i,"px"));n.style.setProperty("width","".concat(i,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();l=this.getCarouselElement();if(o&&l){if(this.expanded){o.style.setProperty("width","100%")}else{b=A(l);o.style.setProperty("width","".concat(b,"px"))}}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(a.accordion){if(a.isAccordionOpen){a.collapseAccordion(t)}else{a.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=true;if(a.accordionState===4){return}a.accordionState=4;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)};this.collapseAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=false;if(a.accordionState===1){return}a.accordionState=1;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return a.animated};this.onOptionChange=u((function(){return a.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(a,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=i.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:e=i.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(e.prevent||e.disabled||!this.clickable){y(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:i.sent();return[4,this.focus(e)];case 2:i.sent();i.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.enableLineRender=false;this.hasAnimated=false;this.index=0;this.isMobile=C.isMobile;this.isTablet=C.isTablet;this.language=F.language;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined;this.dimInactiveElements=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.expandedChanged=function(){this.updateSwiper()};t.prototype.debounceChanged=function(){this.balChange=h(this.balChange,this.debounce)};t.prototype.verticalChanged=function(){this.updateSwiper()};t.prototype.valueChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t!==e){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.swiper.controls="small";this.updateSwiper();this.inNavbar=v("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=v("bal-nav-menu-bar",this.el);if(e){this.isAccordionOpen=false}else{var i=this.value!==undefined&&this.value.length>0;if(i){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidRender=function(){this.animateLine()};t.prototype.componentWillRender=function(){this.updateSwiper()};t.prototype.componentDidLoad=function(){var t=this;this.onOptionChange();f((function(){t.enableLineRender=true;t.animateLine(true)}))};t.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};t.prototype.mutationListener=function(){this.onOptionChange();this.swiper.notifyChange()};t.prototype.visibilityListener=function(){this.swiper.notifyChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.swiper.notifyChange()};t.prototype.resizeListener=function(t){this.swiper.notifyChange();if(!this.isVertical()&&t.width||this.isVertical()&&t.height){this.animateLine()}};t.prototype.swipeListener=function(t){var e=t.left,i=t.right;if(e){this.swiper.next()}else if(i){this.swiper.previous()}};t.prototype.animationListener=function(t){this.isUsedInNavbar(t.target);this.animateLine()};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.store;return[2,e.find((function(e){return e.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};t.prototype.swiperOnChange=function(t){this.index=t};t.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.getTargetElement=function(t){var e='[data-tabs="'.concat(this.tabsId,'"]');var i=Array.from(this.el.querySelectorAll(e));return i.filter((function(e){return e.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.swiper.containerId))};t.prototype.updateSwiper=function(){if(this.overflow){if(this.expanded||this.isVertical()){this.swiper.disable()}else{this.swiper.activate()}}else{this.swiper.disable()}};t.prototype.isUsedInNavbar=function(t){var e=t.closest("bal-navbar");var i=t;if(e&&m(e,this.el)){this.isNavbarOpen=i}};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 i=this.isTablet;var a=e||i;return t||a&&this.inNavbar};t.prototype.findNextTab=function(t){var e=this;if(t===void 0){t=false}var i=this.store.findIndex((function(t){return e.isTabActive(t)}));var a=this.store.map((function(t,e){return{index:e,visible:!t.hidden&&!t.disabled}}));if(t){a=a.reverse()}var n=a.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,e){if(t>i){return t}if(e<=t){return t}else{return e}};var s=function(t,e){if(t<i){return t}if(e>=t){return t}else{return e}};var o=t?s:r;var l=n.reduce((function(t,e){return o(t,e)}),i);return this.store[l]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var e=this.findNextTab();if(e){this.onSelectTab(t,e)}};t.prototype.tabListSelectPrevious=function(t){var e=this.findPreviousTab();if(e){this.onSelectTab(t,e)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,a,n;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.querySelector("button.bal-focused")!==null;if(!this.swiper.isActive())return[3,2];return[4,this.getOptions()];case 1:i=r.sent();a=i.findIndex((function(e){return e.value===t.value}));this.swiper.updateIndex(a);r.label=2;case 2:return[4,p()];case 3:r.sent();if(e){n=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(O(t.value)));if(n){n.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=g.block("tabs");var i=e.element("content");var r=this.isMobile;var s=this.isTablet;var o=r||s;var l=this.inNavbar&&!o&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var b=this.isVertical();var _=this.border||this.inNavbar&&o;var c=r&&this.selectOnMobile;var d=this.store.map((function(e){return Object.assign(Object.assign({},e),{active:e.value===t.value})}));var u=this.accordionState===4||this.accordionState===8;var h=u?"content expanded":"content";var v=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var f=!this.isTabList;var m=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(",");var p=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",");return a(n,{key:"31f3068f782e91b2960b1da5ce7f41035981023b",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":m,"data-label":p},c?a(V,{value:this.value,items:d,onSelectTab:this.onSelectTab}):a(q,{swiper:this.swiper,items:d,isLinkList:f,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:v,lineHidden:!this.enableLineRender,inverted:l,animated:this.animated,context:this.context,border:_,spaceless:this.spaceless,expanded:this.expanded,isMobile:r,isTouch:o,isVertical:b,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),a("div",{key:"e89278ae803fabc3ea9c8cbc9bf101169b9de0f6",part:h,class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("vertical").class(this.isVertical())),i.modifier("hidden").class(this.context==="meta"||this.context==="navbar"||this.context==="navigation"))},a("div",{key:"515939868197d1fbe632666890d68cdab891eee3",id:this.tabsId,class:Object.assign({},i.element("wrapper").class())},a("slot",{key:"77767ff825955b01428e7791d42fe9e853e4c205"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());o([w("bal-tabs"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],X.prototype,"createLogger",null);o([S({tags:["bal-tabs","bal-tab-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],X.prototype,"mutationListener",null);o([P(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],X.prototype,"visibilityListener",null);o([I(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],X.prototype,"breakpointListener",null);o([T(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],X.prototype,"resizeListener",null);o([E(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],X.prototype,"swipeListener",null);o([M(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],X.prototype,"animationListener",null);o([B(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],X.prototype,"configChanged",null);var Y=0;X.style=U}}}));

package/dist/baloise-design-system/{p-5c0ac570ac.entry.js → p-f669df60fb.entry.js}

@@ -1 +1 @@
-import{r as e,h as o,H as a,g as t}from"./p-2ccbe55a.js";import{_ as s,a as i}from"./p-43c9f5e9.js";import{B as r}from"./p-ae86d0a0.js";import{i as n}from"./p-a0fe8d65.js";import{d as c}from"./p-830d9e47.js";import{L as l}from"./p-44e7532c.js";import"./p-b77e3348.js";import"./p-a65354df.js";import"./p-46251973.js";const b=class{constructor(o){e(this,o),this.language=c.language,this.region=c.region,this.size="",this.inverted=!1}async configChanged(e){this.language=e.language,this.region=e.region}render(){const e=r.block("close"),t=e.element("button"),s=t.element("icon"),i=n[this.language].close;return o(a,{key:"9ae168e3f5e98e623d888abab7cbc88a6274cde0",class:Object.assign({},e.class())},o("button",{key:"7969304603871177f81ef7a1b1c78e58f1d32c38",type:"button","aria-label":i,title:i,tabindex:"0",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("inverted").class(this.inverted)),t.modifier(`size-${this.size}`).class(""!==this.size)),"data-testid":"bal-close"},o("bal-icon",{key:"c83093000ff43d5f99676914a52ef4c8977fb61c",name:"close",size:"small"===this.size?"x-small":"medium"===this.size?"medium":"small",inverted:this.inverted,class:Object.assign({},s.class())})))}get el(){return t(this)}};s([l(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",Promise)],b.prototype,"configChanged",null),b.style="@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active),.bal-close__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background:transparent;--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media (hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}";export{b as bal_close}
+import{r as e,h as o,H as a,g as t}from"./p-2ccbe55a.js";import{_ as s,a as i}from"./p-43c9f5e9.js";import{B as r}from"./p-ae86d0a0.js";import{i as n}from"./p-a0fe8d65.js";import{d as l}from"./p-830d9e47.js";import{L as c}from"./p-44e7532c.js";import"./p-b77e3348.js";import"./p-a65354df.js";import"./p-46251973.js";const b=class{constructor(o){e(this,o),this.language=l.language,this.region=l.region,this.size="",this.inverted=!1}async configChanged(e){this.language=e.language,this.region=e.region}render(){const e=r.block("close"),t=e.element("button"),s=t.element("icon"),i=n[this.language].close;return o(a,{key:"4da9fd82693b0182a807919dd7b9194325924b0a",class:Object.assign({},e.class())},o("button",{key:"ece31e634305fa395157b498ae99ca5bb0f6ea88",type:"button","aria-label":i,title:i,tabindex:"0",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("inverted").class(this.inverted)),t.modifier(`size-${this.size}`).class(""!==this.size)),"data-testid":"bal-close"},o("bal-icon",{key:"28e3924e14e5314ed1c7a6613b2c72fb8cab1f18",name:"close",size:"small"===this.size?"x-small":"medium"===this.size?"medium":"small",inverted:this.inverted,class:Object.assign({},s.class())})))}get el(){return t(this)}};s([c(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",Promise)],b.prototype,"configChanged",null),b.style="@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active),.bal-close__button--inverted:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background:transparent;--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media (hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}";export{b as bal_close}

package/dist/baloise-design-system/{p-8d1dc2f0d6.system.entry.js → p-f6f93e74c1.system.entry.js}

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

package/dist/baloise-design-system/{p-9438e5c989.entry.js → p-f7e9758f60.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as o,g as a}from"./p-2ccbe55a.js";import{_ as n,a as s}from"./p-43c9f5e9.js";import{B as r}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{a as d}from"./p-d9b38501.js";import{s as c}from"./p-e3e1d211.js";import{B as h,L as b}from"./p-5d689d39.js";import{l as p}from"./p-9a3d9e17.js";import{i as u}from"./p-dd5e13d1.js";import{b as g,o as v}from"./p-ef6a64f4.js";import{s as m,i as f}from"./p-c0c91eb1.js";import{d as y}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-acf222fd.js";import"./p-46251973.js";const k=class{constructor(i){t(this,i),this.balOptionChange=e(this,"balOptionChange",7),this.balOptionFocus=e(this,"balOptionFocus",7),this.inputId="bal-option-"+x++,this.onClick=t=>{const e=this.el.closest("bal-option-list");this.disabled||e&&e.disabled?c(t):e&&e.required&&!e.multiple?this.selected||this.select(!0):this.select(!this.selected)},this.checkbox=!1,this.interactionState=h.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1}createLogger(t){this.log=t}componentWillRender(){if(this.el){const t=this.el.closest("bal-option-list");t&&(this.checkbox=!!t.multiple)}}listenToMouseEnter(){const{label:t,value:e,selected:i,disabled:o,hidden:a}=this;a||o||this.balOptionFocus.emit({label:t,value:e,selected:i})}elementStateListener(t){this.interactionChildElements.forEach((e=>{e.hovered=t.hovered,e.pressed=t.pressed}))}async select(t=!0){this.selected=t;const{label:e,value:i}=this;this.balOptionChange.emit({label:e,value:i,selected:t})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}render(){const t=r.block("option");return i(o,{key:"2dbf49c5030c61a24ce0b2b8cb2fe0f1ede9895b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":d(this.hidden),"aria-selected":d(this.selected),"aria-checked":d(this.selected),"aria-disabled":d(this.disabled),"aria-invalid":d(this.invalid),tabIndex:-1,onClick:this.onClick},i("bal-stack",{key:"1ed42549cea2542e4eb56d7cfc6c1024dd13aa71",py:"small",space:"x-small"},this.checkbox?i("bal-checkbox",{flat:!0,nonSubmit:!0,"label-hidden":!0,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",i("div",{key:"3f3c59ec2f04e77bd0400ec58b8294c3ecd7a1b7",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},i("slot",{key:"04e84d67e23ba2e5bd59e5ddb7c4549327e77ce0"})),this.selected&&!this.checkbox?i("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return a(this)}};n([l("bal-option"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],k.prototype,"createLogger",null),n([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],k.prototype,"elementStateListener",null);let x=0;k.style=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";const w=class{constructor(e){t(this,e),this.inputId="bal-option-list-"+j++,this.inheritAttributes={},this.ariaForm=y,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.labelledby=void 0,this.filter="includes",this.contentHeight=262}createLogger(t){this.log=t}contentHeightChanged(t){void 0===t?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${t}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=u(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(t){const e=this.options,i=this.getOptionIndex(e,t.detail.value);void 0!==i&&this.updateFocus(e,i)}listenToOptionChange({detail:t}){this.multiple||this.options.filter((e=>e.value!==t.value)).forEach((t=>t.selected=!1))}async focusSelected(){const t=this.options,e=this.getSelectedOptionIndex(t);return e>0?(this.updateFocus(t,e),await g(),e):await this.focusFirst()}async focusFirst(){const t=this.options,e=this.getFirstOptionIndex(t);return this.updateFocus(t,e),this.updateScrollTopPosition(t[e]),await g(),e}async focusLast(){const t=this.options,e=this.getLastOptionIndex(t);return this.updateFocus(t,e),this.updateScrollBottomPosition(t[e]),await g(),e}async focusNext(){const t=this.options,e=this.getNextOptionIndex(t);return this.updateFocus(t,e),this.updateScrollBottomPosition(t[e]),await g(),e}async focusPrevious(){const t=this.options,e=this.getPreviousOptionIndex(t);return this.updateFocus(t,e),this.updateScrollTopPosition(t[e]),await g(),e}async focusByLabel(t,e){const i=this.options,o=this.getOptionIndexByLabel(i,t);this.updateFocus(i,o);const a=i[o];return this.updateScrollTopPosition(a),await g(),e.select&&await a.select(),o}async filterByContent(t){return this.filterOptions(this.allOptions,t),await g(),this.focusFirst()}async resetHidden(t=!1){this.options.forEach((e=>e.hidden=t)),await g(),this.resetFocus()}async resetSelected(t=!1){this.options.forEach((e=>e.selected=t)),await g()}async updateSelected(t){this.options.forEach((e=>e.selected=t.includes(e.value))),await g()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await g(),-1}async getSelectedValues(){return this.options.filter((t=>t.selected)).map((t=>t.value))}async getSelectedOptions(t){const e=this.options;return t&&t.length>0?e.filter((e=>t.includes(e.value))).map((t=>t)):e.filter((t=>t.selected)).map((t=>t))}async getValues(){return this.options.map((t=>t.value))}async getLabels(){return this.options.map((t=>t.label))}async getOptions(){return this.options.filter((t=>!t.disabled||!t.hidden))}async selectByFocus(){const t=this.options[this.focusIndex];t&&t.select(!this.multiple||!t.selected)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((t=>!t.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(t,e){const i=[],o="includes"===this.filter?f:m;for(let a=0;a<t.length;a++){const n=t[a];o(n.textContent||"",e)?(i.push(n),n.hidden=!1):n.hidden=!0}return i}isOptionVisible(t){const e=this.el.scrollTop;return e<=t.offsetTop&&t.offsetTop+t.clientHeight<=e+this.el.clientHeight}updateScrollTopPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForTopPosition(t)))}updateScrollBottomPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForBottomPosition(t)))}getScrollTopForTopPosition(t){const e=t.offsetTop;return e<0?0:e}getScrollTopForBottomPosition(t){const e=t.offsetTop+t.clientHeight-this.el.clientHeight;return e<0?0:e}async scrollTo(t){null!=t&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=v((async()=>{this.el.scrollTop=t})))}updateFocus(t,e){this.focusIndex=e;for(let i=0;i<t.length;i++)t[i].focused=i===e}getOptionIndex(t,e){for(let i=0;i<t.length;i++)if(t[i].value===e)return i}getSelectedOptionIndex(t){for(let e=0;e<t.length;e++){const i=t[e];if(i.selected&&!i.hidden)return e}return this.focusIndex}getFirstOptionIndex(t){for(let e=0;e<t.length;e++){const i=t[e];if(!i.disabled&&!i.hidden)return e}return this.focusIndex}getNextOptionIndex(t,e=this.focusIndex){if(e<0)return this.getFirstOptionIndex(t);let i=e;return e<this.getLength(t)&&(i=e+1,t[i].disabled)?this.getNextOptionIndex(t,i):i}getPreviousOptionIndex(t,e=this.focusIndex){const i=this.getFirstOptionIndex(t);if(e<=i)return i;let o=e;return o=e-1,t[o].disabled?this.getPreviousOptionIndex(t,o):o}getLastOptionIndex(t){for(let e=t.length-1;e>=0;e--)if(!t[e].disabled)return e;return this.focusIndex}getOptionIndexByLabel(t,e){if(void 0===e||""===e)return this.focusIndex;const i=t.find((t=>m(t.label||"",e)));return!p(i)&&i.id?t.indexOf(i):this.focusIndex}getLength(t){const e=t.map(((t,e)=>t.disabled?0:e));return Math.max(...e)}render(){const t=r.block("option-list"),e=this.labelledby||this.ariaForm.labelId;return i(o,{key:"946ff4a59bf7e9202317d7898791f34006c90ee1",class:Object.assign({},t.class()),id:this.inputId},i("div",Object.assign({key:"078d3ec40ac98bd470666e941b84119f89b9b5f9",role:"listbox","aria-labelledby":e,"aria-disabled":this.disabled,class:Object.assign({},t.element("container").class())},this.inheritAttributes),i("slot",{key:"18ddbc132a73787221f6bb7dbf483e1e26883a43"})))}get el(){return a(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};n([l("bal-option-list"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],w.prototype,"createLogger",null);let j=0;w.style=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";export{k as bal_option,w as bal_option_list}
+import{r as t,c as e,h as i,H as o,g as a}from"./p-2ccbe55a.js";import{_ as n,a as s}from"./p-43c9f5e9.js";import{B as r}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{a as d}from"./p-8f2e9a7f.js";import{s as c}from"./p-e3e1d211.js";import{B as h,L as b}from"./p-5d689d39.js";import{l as p}from"./p-9a3d9e17.js";import{i as u}from"./p-063808d7.js";import{b as g,o as v}from"./p-ef6a64f4.js";import{s as m,i as f}from"./p-c0c91eb1.js";import{d as y}from"./p-5eb3fbb9.js";import"./p-a65354df.js";import"./p-acf222fd.js";import"./p-46251973.js";const k=class{constructor(i){t(this,i),this.balOptionChange=e(this,"balOptionChange",7),this.balOptionFocus=e(this,"balOptionFocus",7),this.inputId="bal-option-"+x++,this.onClick=t=>{const e=this.el.closest("bal-option-list");this.disabled||e&&e.disabled?c(t):e&&e.required&&!e.multiple?this.selected||this.select(!0):this.select(!this.selected)},this.checkbox=!1,this.interactionState=h.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1}createLogger(t){this.log=t}componentWillRender(){if(this.el){const t=this.el.closest("bal-option-list");t&&(this.checkbox=!!t.multiple)}}listenToMouseEnter(){const{label:t,value:e,selected:i,disabled:o,hidden:a}=this;a||o||this.balOptionFocus.emit({label:t,value:e,selected:i})}elementStateListener(t){this.interactionChildElements.forEach((e=>{e.hovered=t.hovered,e.pressed=t.pressed}))}async select(t=!0){this.selected=t;const{label:e,value:i}=this;this.balOptionChange.emit({label:e,value:i,selected:t})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}render(){const t=r.block("option");return i(o,{key:"aed8058d7b0526a84dde426b242ded48836fde15",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":d(this.hidden),"aria-selected":d(this.selected),"aria-checked":d(this.selected),"aria-disabled":d(this.disabled),"aria-invalid":d(this.invalid),tabIndex:-1,onClick:this.onClick},i("bal-stack",{key:"e475f8289d2d11ec790e5b808a3b5a67405ee6db",py:"small",space:"x-small"},this.checkbox?i("bal-checkbox",{flat:!0,nonSubmit:!0,"label-hidden":!0,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",i("div",{key:"9dbc67bbd197f2d30ecc38eba4c1ccf93bb98a7d",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},i("slot",{key:"3e1392bbd15175bc15f43d0e4d90e65abfa0f5ec"})),this.selected&&!this.checkbox?i("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return a(this)}};n([l("bal-option"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],k.prototype,"createLogger",null),n([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],k.prototype,"elementStateListener",null);let x=0;k.style=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";const w=class{constructor(e){t(this,e),this.inputId="bal-option-list-"+j++,this.inheritAttributes={},this.ariaForm=y,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.labelledby=void 0,this.filter="includes",this.contentHeight=262}createLogger(t){this.log=t}contentHeightChanged(t){void 0===t?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${t}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=u(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(t){const e=this.options,i=this.getOptionIndex(e,t.detail.value);void 0!==i&&this.updateFocus(e,i)}listenToOptionChange({detail:t}){this.multiple||this.options.filter((e=>e.value!==t.value)).forEach((t=>t.selected=!1))}async focusSelected(){const t=this.options,e=this.getSelectedOptionIndex(t);return e>0?(this.updateFocus(t,e),await g(),e):await this.focusFirst()}async focusFirst(){const t=this.options,e=this.getFirstOptionIndex(t);return this.updateFocus(t,e),this.updateScrollTopPosition(t[e]),await g(),e}async focusLast(){const t=this.options,e=this.getLastOptionIndex(t);return this.updateFocus(t,e),this.updateScrollBottomPosition(t[e]),await g(),e}async focusNext(){const t=this.options,e=this.getNextOptionIndex(t);return this.updateFocus(t,e),this.updateScrollBottomPosition(t[e]),await g(),e}async focusPrevious(){const t=this.options,e=this.getPreviousOptionIndex(t);return this.updateFocus(t,e),this.updateScrollTopPosition(t[e]),await g(),e}async focusByLabel(t,e){const i=this.options,o=this.getOptionIndexByLabel(i,t);this.updateFocus(i,o);const a=i[o];return this.updateScrollTopPosition(a),await g(),e.select&&await a.select(),o}async filterByContent(t){return this.filterOptions(this.allOptions,t),await g(),this.focusFirst()}async resetHidden(t=!1){this.options.forEach((e=>e.hidden=t)),await g(),this.resetFocus()}async resetSelected(t=!1){this.options.forEach((e=>e.selected=t)),await g()}async updateSelected(t){this.options.forEach((e=>e.selected=t.includes(e.value))),await g()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await g(),-1}async getSelectedValues(){return this.options.filter((t=>t.selected)).map((t=>t.value))}async getSelectedOptions(t){const e=this.options;return t&&t.length>0?e.filter((e=>t.includes(e.value))).map((t=>t)):e.filter((t=>t.selected)).map((t=>t))}async getValues(){return this.options.map((t=>t.value))}async getLabels(){return this.options.map((t=>t.label))}async getOptions(){return this.options.filter((t=>!t.disabled||!t.hidden))}async selectByFocus(){const t=this.options[this.focusIndex];t&&t.select(!this.multiple||!t.selected)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((t=>!t.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(t,e){const i=[],o="includes"===this.filter?f:m;for(let a=0;a<t.length;a++){const n=t[a];o(n.textContent||"",e)?(i.push(n),n.hidden=!1):n.hidden=!0}return i}isOptionVisible(t){const e=this.el.scrollTop;return e<=t.offsetTop&&t.offsetTop+t.clientHeight<=e+this.el.clientHeight}updateScrollTopPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForTopPosition(t)))}updateScrollBottomPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForBottomPosition(t)))}getScrollTopForTopPosition(t){const e=t.offsetTop;return e<0?0:e}getScrollTopForBottomPosition(t){const e=t.offsetTop+t.clientHeight-this.el.clientHeight;return e<0?0:e}async scrollTo(t){null!=t&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=v((async()=>{this.el.scrollTop=t})))}updateFocus(t,e){this.focusIndex=e;for(let i=0;i<t.length;i++)t[i].focused=i===e}getOptionIndex(t,e){for(let i=0;i<t.length;i++)if(t[i].value===e)return i}getSelectedOptionIndex(t){for(let e=0;e<t.length;e++){const i=t[e];if(i.selected&&!i.hidden)return e}return this.focusIndex}getFirstOptionIndex(t){for(let e=0;e<t.length;e++){const i=t[e];if(!i.disabled&&!i.hidden)return e}return this.focusIndex}getNextOptionIndex(t,e=this.focusIndex){if(e<0)return this.getFirstOptionIndex(t);let i=e;return e<this.getLength(t)&&(i=e+1,t[i].disabled)?this.getNextOptionIndex(t,i):i}getPreviousOptionIndex(t,e=this.focusIndex){const i=this.getFirstOptionIndex(t);if(e<=i)return i;let o=e;return o=e-1,t[o].disabled?this.getPreviousOptionIndex(t,o):o}getLastOptionIndex(t){for(let e=t.length-1;e>=0;e--)if(!t[e].disabled)return e;return this.focusIndex}getOptionIndexByLabel(t,e){if(void 0===e||""===e)return this.focusIndex;const i=t.find((t=>m(t.label||"",e)));return!p(i)&&i.id?t.indexOf(i):this.focusIndex}getLength(t){const e=t.map(((t,e)=>t.disabled?0:e));return Math.max(...e)}render(){const t=r.block("option-list"),e=this.labelledby||this.ariaForm.labelId;return i(o,{key:"4d5be05c78e0aab806b0cd05a6b5af22ab33c773",class:Object.assign({},t.class()),id:this.inputId},i("div",Object.assign({key:"206f190d75dd3cc6a57cf3ea7c9257078580fd62",role:"listbox","aria-labelledby":e,"aria-disabled":d(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),i("slot",{key:"8cee74e85814e448f04c4f2c766721f969ff19cb"})))}get el(){return a(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};n([l("bal-option-list"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],w.prototype,"createLogger",null);let j=0;w.style=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";export{k as bal_option,w as bal_option_list}

package/dist/baloise-design-system/{p-195ee683.system.js → p-fa246bef.system.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(n,t,r,e){function i(n){return n instanceof r?n:new r((function(t){t(n)}))}return new(r||(r=Promise))((function(r,u){function o(n){try{f(e.next(n))}catch(n){u(n)}}function c(n){try{f(e["throw"](n))}catch(n){u(n)}}function f(n){n.done?r(n.value):i(n.value).then(o,c)}f((e=e.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var r={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},e,i,u,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(n){return function(t){return f([n,t])}}function f(c){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(r=0)),r)try{if(e=1,i&&(u=c[0]&2?i["return"]:c[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,c[1])).done)return u;if(i=0,u)c=[c[0]&2,u.value];switch(c[0]){case 0:case 1:u=c;break;case 4:r.label++;return{value:c[1],done:false};case 5:r.label++;i=c[1];c=[0];continue;case 7:c=r.ops.pop();r.trys.pop();continue;default:if(!(u=r.trys,u=u.length>0&&u[u.length-1])&&(c[0]===6||c[0]===2)){r=0;continue}if(c[0]===3&&(!u||c[1]>u[0]&&c[1]<u[3])){r.label=c[1];break}if(c[0]===6&&r.label<u[1]){r.label=u[1];u=c;break}if(u&&r.label<u[2]){r.label=u[2];r.ops.push(c);break}if(u[2])r.ops.pop();r.trys.pop();continue}c=t.call(n,r)}catch(n){c=[6,n];i=0}finally{e=u=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-5cd2674f.system.js"],(function(n,t){"use strict";var r;return{setters:[function(n){r=n.m}],execute:function(){var e=function(){function n(){var n=this;this.load=function(){return __awaiter(n,void 0,void 0,(function(){var n=this;return __generator(this,(function(e){return[2,new Promise((function(e,i){if(n.lib){return e(n.lib)}else{r((function(){return __awaiter(n,void 0,void 0,(function(){var n=this;return __generator(this,(function(r){t.import("./p-d404537f.system.js").then((function(t){n.lib=t;e(n.lib)})).catch(i);return[2]}))}))}))}}))]}))}))}}return n}();var i=n("b",new e)}}}));
+var __awaiter=this&&this.__awaiter||function(n,t,r,e){function i(n){return n instanceof r?n:new r((function(t){t(n)}))}return new(r||(r=Promise))((function(r,u){function o(n){try{f(e.next(n))}catch(n){u(n)}}function c(n){try{f(e["throw"](n))}catch(n){u(n)}}function f(n){n.done?r(n.value):i(n.value).then(o,c)}f((e=e.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var r={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},e,i,u,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(n){return function(t){return f([n,t])}}function f(c){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(r=0)),r)try{if(e=1,i&&(u=c[0]&2?i["return"]:c[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,c[1])).done)return u;if(i=0,u)c=[c[0]&2,u.value];switch(c[0]){case 0:case 1:u=c;break;case 4:r.label++;return{value:c[1],done:false};case 5:r.label++;i=c[1];c=[0];continue;case 7:c=r.ops.pop();r.trys.pop();continue;default:if(!(u=r.trys,u=u.length>0&&u[u.length-1])&&(c[0]===6||c[0]===2)){r=0;continue}if(c[0]===3&&(!u||c[1]>u[0]&&c[1]<u[3])){r.label=c[1];break}if(c[0]===6&&r.label<u[1]){r.label=u[1];u=c;break}if(u&&r.label<u[2]){r.label=u[2];r.ops.push(c);break}if(u[2])r.ops.pop();r.trys.pop();continue}c=t.call(n,r)}catch(n){c=[6,n];i=0}finally{e=u=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-5cd2674f.system.js"],(function(n,t){"use strict";var r;return{setters:[function(n){r=n.m}],execute:function(){var e=function(){function n(){var n=this;this.load=function(){return __awaiter(n,void 0,void 0,(function(){var n=this;return __generator(this,(function(e){return[2,new Promise((function(e,i){if(n.lib){return e(n.lib)}else{r((function(){return __awaiter(n,void 0,void 0,(function(){var n=this;return __generator(this,(function(r){t.import("./p-59d9918c.system.js").then((function(t){n.lib=t;e(n.lib)})).catch(i);return[2]}))}))}))}}))]}))}))}}return n}();var i=n("b",new e)}}}));

package/dist/baloise-design-system/{p-717d8ea880.entry.js → p-fca0dcccde.entry.js}

@@ -1 +1 @@
-import{r as o,c as a,h as e,H as c,g as r}from"./p-2ccbe55a.js";import{_ as b,a as l}from"./p-43c9f5e9.js";import{B as t}from"./p-ae86d0a0.js";import{s as i}from"./p-e3e1d211.js";import{L as d}from"./p-b77e3348.js";import{F as n}from"./p-ca119357.js";import{j as h}from"./p-ef6a64f4.js";import{B as s,L as v}from"./p-5d689d39.js";import"./p-a65354df.js";import"./p-46251973.js";import"./p-acf222fd.js";const k=class{constructor(e){o(this,e),this.balFocus=a(this,"balFocus",7),this.balBlur=a(this,"balBlur",7),this.balFormControlDidLoad=a(this,"balFormControlDidLoad",7),this.keyboardMode=!0,this.onClick=o=>{if(this.disabled||this.readonly)return i(o);const a=o.target;if(a&&a.href)return;const e=this.el.querySelector("bal-checkbox"),c=o.target;e&&c&&(c===e||h(e,c)||(i(o),e.click()))},this.onFocus=o=>{var a;if(this.disabled||this.readonly)return i(o);const e=this.el.querySelector("bal-checkbox"),c=o.target;this.keyboardMode&&(this.focused=!0),e&&c?(c===e||h(e,c))&&(i(o),null===(a=e.querySelector("input"))||void 0===a||a.focus()):this.balFocus.emit()},this.onBlur=o=>{var a;if(this.disabled||this.readonly)return i(o);const e=this.el.querySelector("bal-checkbox"),c=o.target;this.focused=!1,e&&c?(c===e||h(e,c))&&(i(o),null===(a=e.querySelector("input"))||void 0===a||a.blur()):this.balBlur.emit()},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=o=>this.keyboardMode=n.includes(o.key),this.interactionState=s.DefaultState,this.checked=!1,this.focused=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(o){this.log=o}invalidHandler(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])}disabledHandler(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])}readonlyHandler(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])}connectedCallback(){this.triggerAllHandlers(),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.triggerAllHandlers()}componentDidLoad(){this.balFormControlDidLoad.emit(this.el)}disconnectedCallback(){this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}elementStateListener(o){this.interactionChildElements.forEach((a=>{a.hovered=o.hovered,a.pressed=o.pressed}))}async setChecked(o=!0){this.checked=o}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))}triggerAllHandlers(){this.disabledHandler(),this.readonlyHandler(),this.invalidHandler()}updateProps(o,a){const e=this[o];void 0!==e&&this.notifyComponents(a,(a=>a[o]=e))}notifyComponents(o,a){this.el.querySelectorAll(o.join(", ")).forEach((o=>a(o)))}render(){const o=t.block("checkbox-button"),a=!!this.disabled||!!this.readonly,r=!!this.invalid,b=!!this.color,l=this.checked&&b;return e(c,{key:"1cc87d4d87494ed93c669658d6b113ecdded148e",class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier(`column-${this.colSize}`).class(this.colSize>1)),o.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet>1)),o.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile>1)),onClick:this.onClick},e("button",{key:"2875aff0c5511077bbbbf697e589ca2e9cba9861",role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("native").class()),o.element("native").modifier("disabled").class(a)),o.element("native").modifier("invalid").class(r)),o.element("native").modifier("checked").class(this.checked)),o.element("native").modifier("colored").class(l)),o.element("native").modifier(`color-${this.color}`).class(b)),{"bal-focusable":!this.disabled}),disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},e("slot",{key:"e83b0706ab2f9d2c8f39b15a654159448921336a"})))}get el(){return r(this)}static get watchers(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}}};b([d("bal-checkbox-button"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null),b([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],k.prototype,"elementStateListener",null),k.style="@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}.bal-checkbox-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}";export{k as bal_checkbox_button}
+import{r as o,c as a,h as e,H as r,g as c}from"./p-2ccbe55a.js";import{_ as b,a as l}from"./p-43c9f5e9.js";import{B as t}from"./p-ae86d0a0.js";import{s as i}from"./p-e3e1d211.js";import{L as d}from"./p-b77e3348.js";import{F as n}from"./p-ca119357.js";import{j as h}from"./p-ef6a64f4.js";import{B as s,L as v}from"./p-5d689d39.js";import"./p-a65354df.js";import"./p-46251973.js";import"./p-acf222fd.js";const k=class{constructor(e){o(this,e),this.balFocus=a(this,"balFocus",7),this.balBlur=a(this,"balBlur",7),this.balFormControlDidLoad=a(this,"balFormControlDidLoad",7),this.keyboardMode=!0,this.onClick=o=>{if(this.disabled||this.readonly)return i(o);const a=o.target;if(a&&a.href)return;const e=this.el.querySelector("bal-checkbox"),r=o.target;e&&r&&(r===e||h(e,r)||(i(o),e.click()))},this.onFocus=o=>{var a;if(this.disabled||this.readonly)return i(o);const e=this.el.querySelector("bal-checkbox"),r=o.target;this.keyboardMode&&(this.focused=!0),e&&r?(r===e||h(e,r))&&(i(o),null===(a=e.querySelector("input"))||void 0===a||a.focus()):this.balFocus.emit()},this.onBlur=o=>{var a;if(this.disabled||this.readonly)return i(o);const e=this.el.querySelector("bal-checkbox"),r=o.target;this.focused=!1,e&&r?(r===e||h(e,r))&&(i(o),null===(a=e.querySelector("input"))||void 0===a||a.blur()):this.balBlur.emit()},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=o=>this.keyboardMode=n.includes(o.key),this.interactionState=s.DefaultState,this.checked=!1,this.focused=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(o){this.log=o}invalidHandler(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])}disabledHandler(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])}readonlyHandler(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])}connectedCallback(){this.triggerAllHandlers(),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.triggerAllHandlers()}componentDidLoad(){this.balFormControlDidLoad.emit(this.el)}disconnectedCallback(){this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}elementStateListener(o){this.interactionChildElements.forEach((a=>{a.hovered=o.hovered,a.pressed=o.pressed}))}async setChecked(o=!0){this.checked=o}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))}triggerAllHandlers(){this.disabledHandler(),this.readonlyHandler(),this.invalidHandler()}updateProps(o,a){const e=this[o];void 0!==e&&this.notifyComponents(a,(a=>a[o]=e))}notifyComponents(o,a){this.el.querySelectorAll(o.join(", ")).forEach((o=>a(o)))}render(){const o=t.block("checkbox-button"),a=!!this.disabled||!!this.readonly,c=!!this.invalid,b=!!this.color,l=this.checked&&b;return e(r,{key:"df8642a22032a8ffd1a7c7db3e378027a1b926e8",class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier(`column-${this.colSize}`).class(this.colSize>1)),o.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet>1)),o.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile>1)),onClick:this.onClick},e("button",{key:"9c6c1334a44190f5d6987c32ebf45be35ff00cf9",role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("native").class()),o.element("native").modifier("disabled").class(a)),o.element("native").modifier("invalid").class(c)),o.element("native").modifier("checked").class(this.checked)),o.element("native").modifier("colored").class(l)),o.element("native").modifier(`color-${this.color}`).class(b)),{"bal-focusable":!this.disabled}),disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},e("slot",{key:"288d784a482e32dba9e4a46f1806ef35a51a76c0"})))}get el(){return c(this)}static get watchers(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}}};b([d("bal-checkbox-button"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null),b([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],k.prototype,"elementStateListener",null),k.style="@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}.bal-checkbox-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}";export{k as bal_checkbox_button}

package/dist/baloise-design-system/{p-5d0768fd46.system.entry.js → p-fe6d53dfdf.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-7961e095.system.js","./p-db0895e2.system.js"],(function(r){"use strict";var a,i,l,o,e;return{setters:[function(r){a=r.r;i=r.h;l=r.H;o=r.g},function(r){e=r.B}],execute:function(){var u=".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-color-grey-1)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";var t=u;var n=r("bal_input_group",function(){function r(r){a(this,r);this.invalid=false;this.disabled=false;this.readonly=false}r.prototype.render=function(){var r=e.block("input-group");var a="is-danger";var o=this.invalid;var u="is-disabled";var t=this.disabled||this.readonly;return i(l,{key:"0ee1d4bf529641edcf403b31ae080d90151736af",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(a).class(o)),r.modifier(u).class(t))},i("slot",{key:"c73c35476a90aab9e77835b1028e4fa26e3946af"}))};Object.defineProperty(r.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return r}());n.style=t}}}));
+System.register(["./p-7961e095.system.js","./p-db0895e2.system.js"],(function(r){"use strict";var a,i,l,o,e;return{setters:[function(r){a=r.r;i=r.h;l=r.H;o=r.g},function(r){e=r.B}],execute:function(){var u=".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-color-grey-1)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";var t=u;var n=r("bal_input_group",function(){function r(r){a(this,r);this.invalid=false;this.disabled=false;this.readonly=false}r.prototype.render=function(){var r=e.block("input-group");var a="is-danger";var o=this.invalid;var u="is-disabled";var t=this.disabled||this.readonly;return i(l,{key:"854b61f3f42979caa696eccdb3d4587533ff82f4",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(a).class(o)),r.modifier(u).class(t))},i("slot",{key:"e3db33ef1382a20e493614e8452fa598a00d464e"}))};Object.defineProperty(r.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return r}());n.style=t}}}));

package/dist/baloise-design-system/{p-245629d7ca.system.entry.js → p-ff2a5eae24.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function o(t){try{c(i.next(t))}catch(t){s(t)}}function a(t){try{c(i["throw"](t))}catch(t){s(t)}}function c(t){t.done?n(t.value):r(t.value).then(o,a)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return c([t,e])}}function c(a){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(n=0)),n)try{if(i=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];r=0}finally{i=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-5cd2674f.system.js","./p-23bdd8dc.system.js","./p-db0895e2.system.js","./p-0f37a65c.system.js","./p-130a16ee.system.js","./p-a1f6e944.system.js","./p-ef3bfa9f.system.js"],(function(t,e){"use strict";var n,i,r,s,o,a,c,f,u,l,h,d;return{setters:[function(t){n=t.r;i=t.h;r=t.H;s=t.g},function(t){o=t._;a=t.a},function(t){c=t.o;f=t.m},function(t){u=t.L},function(t){l=t.B},function(t){h=t.d},function(t){d=t.L},function(){},function(){}],execute:function(){var b="bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-color-white);border-top-color:var(--bal-color-primary)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var m=b;var p=t("bal_spinner",function(){function t(t){var i=this;n(this,t);this.animate=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(!this.animated){this.destroy();return[2]}return[4,this.load()];case 1:e.sent();if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.destroy();this.currentRaf=c((function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){if(this.animationFunction){this.animationFunction(this.el,this.getColor())}return[2]}))}))}))}return[2]}}))}))};this.destroy=function(){if(i.animationItem&&i.animationItem.destroy){i.animationItem.destroy()}i.el.innerHTML=""};this.shouldAnimate=function(){if(i.variation!=="logo"){return false}if(typeof window==="undefined"){return false}if(i.animationFunction===undefined){return false}return!i.deactivated};this.load=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){return[2,new Promise((function(n,i){if(t.animationFunction){return n()}else{f((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){e.import("./p-d0537382.system.js").then((function(e){t.animationFunction=e.animate;n()})).catch(i);return[2]}))}))}))}}))]}))}))};this.animated=h.animated;this.inverted=false;this.deactivated=false;this.color="blue";this.small=false;this.variation="logo"}t.prototype.createLogger=function(t){this.log=t};t.prototype.deactivatedWatcher=function(t,e){if(t!==e){if(this.deactivated){this.destroy()}else{this.animate()}}};t.prototype.variationWatcher=function(t,e){if(t!==e){if(this.variation==="circle"){this.destroy()}else{this.animate()}}};t.prototype.componentDidLoad=function(){if(this.variation==="logo"){this.animate()}else{this.destroy()}};t.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroy()}};t.prototype.configChanged=function(t){this.animated=t.animated;if(t.animated===false){this.destroy()}};t.prototype.getColor=function(){return this.inverted||this.color==="white"?"#ffffff":"#151f6d"};t.prototype.render=function(){var t=l.block("spinner");return i(r,{key:"6c3756c1b6cc6684bfc61906748ce66c3ba67890",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("circle").class(this.variation==="circle")),t.modifier("small").class(this.small)),t.modifier("animated").class(this.animated)),t.modifier("color-".concat(this.color)).class(this.variation==="circle")),role:"progressbar","aria-hidden":"true"})};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}},enumerable:false,configurable:true});return t}());o([u("bal-spinner"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],p.prototype,"createLogger",null);o([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],p.prototype,"configChanged",null);p.style=m}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function o(t){try{c(i.next(t))}catch(t){s(t)}}function a(t){try{c(i["throw"](t))}catch(t){s(t)}}function c(t){t.done?n(t.value):r(t.value).then(o,a)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return c([t,e])}}function c(a){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(n=0)),n)try{if(i=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];r=0}finally{i=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-5cd2674f.system.js","./p-23bdd8dc.system.js","./p-db0895e2.system.js","./p-0f37a65c.system.js","./p-130a16ee.system.js","./p-a1f6e944.system.js","./p-ef3bfa9f.system.js"],(function(t,e){"use strict";var n,i,r,s,o,a,c,f,u,l,h,d;return{setters:[function(t){n=t.r;i=t.h;r=t.H;s=t.g},function(t){o=t._;a=t.a},function(t){c=t.o;f=t.m},function(t){u=t.L},function(t){l=t.B},function(t){h=t.d},function(t){d=t.L},function(){},function(){}],execute:function(){var b="bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-color-white);border-top-color:var(--bal-color-primary)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var m=b;var p=t("bal_spinner",function(){function t(t){var i=this;n(this,t);this.animate=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(!this.animated){this.destroy();return[2]}return[4,this.load()];case 1:e.sent();if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.destroy();this.currentRaf=c((function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){if(this.animationFunction){this.animationFunction(this.el,this.getColor())}return[2]}))}))}))}return[2]}}))}))};this.destroy=function(){if(i.animationItem&&i.animationItem.destroy){i.animationItem.destroy()}i.el.innerHTML=""};this.shouldAnimate=function(){if(i.variation!=="logo"){return false}if(typeof window==="undefined"){return false}if(i.animationFunction===undefined){return false}return!i.deactivated};this.load=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){return[2,new Promise((function(n,i){if(t.animationFunction){return n()}else{f((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){e.import("./p-d0537382.system.js").then((function(e){t.animationFunction=e.animate;n()})).catch(i);return[2]}))}))}))}}))]}))}))};this.animated=h.animated;this.inverted=false;this.deactivated=false;this.color="blue";this.small=false;this.variation="logo"}t.prototype.createLogger=function(t){this.log=t};t.prototype.deactivatedWatcher=function(t,e){if(t!==e){if(this.deactivated){this.destroy()}else{this.animate()}}};t.prototype.variationWatcher=function(t,e){if(t!==e){if(this.variation==="circle"){this.destroy()}else{this.animate()}}};t.prototype.componentDidLoad=function(){if(this.variation==="logo"){this.animate()}else{this.destroy()}};t.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroy()}};t.prototype.configChanged=function(t){this.animated=t.animated;if(t.animated===false){this.destroy()}};t.prototype.getColor=function(){return this.inverted||this.color==="white"?"#ffffff":"#151f6d"};t.prototype.render=function(){var t=l.block("spinner");return i(r,{key:"0f548bb01d34a33d2818e8fb21501e178b898b0b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("circle").class(this.variation==="circle")),t.modifier("small").class(this.small)),t.modifier("animated").class(this.animated)),t.modifier("color-".concat(this.color)).class(this.variation==="circle")),role:"progressbar","aria-hidden":"true"})};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}},enumerable:false,configurable:true});return t}());o([u("bal-spinner"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],p.prototype,"createLogger",null);o([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],p.prototype,"configChanged",null);p.style=m}}}));

package/dist/baloise-design-system/{p-4f74bac34b.system.entry.js → p-ff31e0e340.system.entry.js}

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

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

@@ -0,0 +1 @@
+import{h as e,r as t,c as a,H as s,g as o}from"./p-2ccbe55a.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{p as i}from"./p-ef6a64f4.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{a as p}from"./p-00b37ea2.js";import{s as c}from"./p-e3e1d211.js";import{n as _}from"./p-06ecf846.js";import{b as d}from"./p-10ff0eaf.js";import{L as v}from"./p-ca3bb9ce.js";import{L as m}from"./p-070b692d.js";import"./p-a65354df.js";import"./p-46251973.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-6e1e6cc5.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:l})=>{const r=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+y++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.store=[],this.isMobile=d.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,l=-1;const r=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(l+=1),Object.assign(Object.assign({},e),{passed:o,index:l}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},r.filter((e=>!e.invisible)).map((t=>e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};l([n("bal-steps"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],f.prototype,"createLogger",null),l([v({tags:["bal-steps","bal-step-item"]}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],f.prototype,"mutationListener",null),l([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],f.prototype,"breakpointListener",null);let y=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}

package/dist/cjs/app-globals-44d3a5af.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const globalImport = require('./global-872cca8d.js');
+
+const globalScripts = globalImport.globalScript;
+
+exports.globalScripts = globalScripts;

package/dist/cjs/aria-7672033f.js

@@ -0,0 +1,10 @@
+'use strict';
+
+const ariaBooleanToString = (value) => {
+    if (value === undefined || value === null) {
+        return undefined;
+    }
+    return !!value ? 'true' : 'false';
+};
+
+exports.ariaBooleanToString = ariaBooleanToString;

package/dist/cjs/{attributes-9f366716.js → attributes-11acd153.js}

@@ -7,6 +7,7 @@ const trackingAttributes = ['data-tracking-style', 'data-tracking-topic', 'data-
  * the `title` attribute that developers set directly on `bal-input`. This
  * helper function should be called in componentWillLoad and assigned to a variable
  * that is later used in the render function.
+ * This function also removes the attribute from the parent when its set on child.
  *
  * This does not need to be reactive as changing attributes on the host element
  * does not trigger a re-render.