@baloise/ds-core 19.9.4-nightly.20260513 → 19.9.5

package/dist/baloise-design-system/p-1d7406989c.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,o,r,a){function t(e){return e instanceof r?e:new r((function(o){o(e)}))}return new(r||(r=Promise))((function(r,i){function c(e){try{n(a.next(e))}catch(e){i(e)}}function l(e){try{n(a["throw"](e))}catch(e){i(e)}}function n(e){e.done?r(e.value):t(e.value).then(c,l)}n((a=a.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,t,i,c=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return c.next=l(0),c["throw"]=l(1),c["return"]=l(2),typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function l(e){return function(o){return n([e,o])}}function n(l){if(a)throw new TypeError("Generator is already executing.");while(c&&(c=0,l[0]&&(r=0)),r)try{if(a=1,t&&(i=l[0]&2?t["return"]:l[0]?t["throw"]||((i=t["return"])&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;if(t=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;t=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(l[0]===6&&r.label<i[1]){r.label=i[1];i=l;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(l);break}if(i[2])r.ops.pop();r.trys.pop();continue}l=o.call(e,r)}catch(e){l=[6,e];t=0}finally{a=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,o,r){if(r||arguments.length===2)for(var a=0,t=o.length,i;a<t;a++){if(i||!(a in o)){if(!i)i=Array.prototype.slice.call(o,0,a);i[a]=o[a]}}return e.concat(i||Array.prototype.slice.call(o))};System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js","./p-Cjiw70Dk.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-D-yL3ygS.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DtlqgdI2.system.js","./p-DowF7e07.system.js","./p-BPUKeAhO.system.js","./p-CXAw6SMX.system.js","./p-DV-2u4Pm.system.js","./p-D7_eHNTI.system.js","./p-CpWDVANq.system.js","./p-Bp0A6Ore.system.js","./p-DWgCJRpS.system.js","./p-ncoiCFQ1.system.js","./p-BpMXwP_q.system.js","./p-Dou6adza.system.js","./p-BM_oHMik.system.js","./p-DDPYMMGG.system.js","./p-lFDHYLJ4.system.js","./p-Bzy18UgU.system.js"],(function(e){"use strict";var o,r,a,t,i,c,l,n,b,d,h,s,u,v,p,k,f,_,x,g,w,m,y,j,O,C,z,F,A,L,D,S,T,B,q,H,P,I,M,E,X,W;return{setters:[function(e){o=e.r;r=e.h;a=e.H;t=e.c;i=e.g},function(e){c=e.B},function(e){l=e._;n=e.a},function(e){b=e.a},function(e){d=e.i},function(e){h=e.F},function(e){s=e.d},function(e){u=e.s;v=e.c;p=e.d},function(e){k=e.i;f=e.v;_=e.r;x=e.a;g=e.o;w=e.p;m=e.b;y=e.m},function(e){j=e.L},function(e){O=e.i;C=e.d;z=e.b;F=e.a;A=e.j},function(e){L=e.L;D=e.B},function(e){S=e.a},function(e){T=e.L},function(e){B=e.L},function(e){q=e.b},function(e){H=e.i},function(e){P=e.b},function(e){I=e.D},function(e){M=e.d},function(e){E=e.L},function(e){X=e.i;W=e.s},null,null,null,null],execute:function(){var G=":root{--bal-check-size:1.5rem;--bal-check-border-width:2px;--bal-check-border-radius:var(--bal-radius-normal);--bal-check-color-inverted:var(--bal-color-white);--bal-check-border-color:var(--bal-color-primary);--bal-check-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-checked:var(--bal-color-primary);--bal-check-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-background:transparent;--bal-check-background-hovered:var(--bal-color-grey-2);--bal-check-background-pressed:var(--bal-color-grey-2);--bal-check-background-checked:var(--bal-color-primary);--bal-check-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-invalid:var(--bal-color-border-danger);--bal-check-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-check-border-color-invalid-checked:var(--bal-color-border-danger);--bal-check-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-invalid:transparent;--bal-check-background-invalid-hovered:var(--bal-color-danger-1);--bal-check-background-invalid-pressed:var(--bal-color-danger-1);--bal-check-background-invalid-checked:var(--bal-color-border-danger);--bal-check-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-disabled:var(--bal-color-grey-2);--bal-check-border-color-disabled:var(--bal-color-border-grey-dark);--bal-check-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-check-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-check{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--bal-check-size);max-width:var(--bal-check-size);height:var(--bal-check-size);max-height:var(--bal-check-size);border-radius:var(--bal-check-border-radius);overflow:hidden;border:var(--bal-check-border-width) solid var(--bal-check-border-color);background-color:var(--bal-check-background)}@media (hover: hover)and (pointer: fine){.bal-check--hovered,.bal-check:hover{background:var(--bal-check-background-hovered);border-color:var(--bal-check-border-color-hovered)}}.bal-check--pressed,.bal-check:active{background:var(--bal-check-background-pressed);border-color:var(--bal-check-border-color-pressed)}.bal-check bal-icon{opacity:0}.bal-check--checked{background-color:var(--bal-check-background-checked);border-color:var(--bal-check-border-color-checked)}.bal-check--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-check--checked.bal-check--hovered,.bal-check--checked:hover{background:var(--bal-check-background-checked-hovered);border-color:var(--bal-check-border-color-checked-hovered)}}.bal-check--checked.bal-check--pressed,.bal-check--checked:active{background:var(--bal-check-background-checked-pressed);border-color:var(--bal-check-border-color-checked-pressed)}.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--invalid{border-color:var(--bal-check-border-color-invalid);background-color:var(--bal-check-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--hovered,.bal-check--invalid:hover{background-color:var(--bal-check-background-invalid-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--pressed,.bal-check--invalid:active{background-color:var(--bal-check-background-invalid-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked{border-color:var(--bal-check-border-color-invalid);background:var(--bal-check-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--checked.bal-check--hovered,.bal-check--invalid.bal-check--checked:hover{background-color:var(--bal-check-background-invalid-checked-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--checked.bal-check--pressed,.bal-check--invalid.bal-check--checked:active{background-color:var(--bal-check-background-invalid-checked-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--disabled{cursor:default !important;background:var(--bal-check-background-disabled) !important;border-color:var(--bal-check-border-color-disabled) !important}.bal-check--disabled.bal-check--checked{background-color:var(--bal-check-background-checked-disabled) !important;border-color:var(--bal-check-border-color-checked-disabled) !important}.bal-check--disabled.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted) !important}";var K=e("bal_check",function(){function e(e){o(this,e);this.checked=false;this.invalid=undefined;this.disabled=undefined;this.inverted=undefined;this.hovered=false;this.pressed=false}e.prototype.render=function(){var e=c.block("check");var o=!!this.checked;var t=!!this.disabled;var i=!!this.invalid;var l=!!this.inverted;return r(a,{key:"c995184b2f4adb6f6de85e17c13ea45f992c88aa",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("checked").class(o)),e.modifier("disabled").class(t)),e.modifier("invalid").class(i)),e.modifier("inverted").class(l)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))},r("bal-icon",{key:"c93f453451f95b8ac79b25a0e9e71b6baa4e1ac9",name:"check",color:"white",colorHovered:"white",colorPressed:"white",size:"small","aria-hidden":"true",hovered:this.hovered,pressed:this.pressed}))};return e}());K.style=G;var N="@media (hover: hover)and (pointer: fine){.bal-checkbox.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-checkbox-symbol-size:1.5rem;--bal-checkbox-symbol-border-width:2px;--bal-checkbox-symbol-background:transparent;--bal-checkbox-label-min-height:1.5rem;--bal-checkbox-button-background-hover:var(--bal-color-grey-2);--bal-checkbox-button-background-active:var(--bal-color-grey-2);--bal-checkbox-button-background-checked:var(--bal-color-primary);--bal-checkbox-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-background-checked-active:var(--bal-color-primary-6);--bal-checkbox-button-background-invalid:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-checkbox-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-background:transparent;--bal-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-checkbox-button-border-color:var(--bal-color-primary);--bal-checkbox-button-border-color-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-border-color-active:var(--bal-color-primary-6);--bal-checkbox-button-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-tile-background:transparent;--bal-checkbox-tile-background-hover:var(--bal-color-grey-1);--bal-checkbox-tile-background-disabled:var(--bal-color-grey-1);--bal-checkbox-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-tile-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-tile-background-checked-green:var(--bal-color-green-1);--bal-checkbox-tile-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-tile-background-checked-red:var(--bal-color-red-1);--bal-checkbox-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-tile-border-style:var(--bal-form-field-control-border-style);--bal-checkbox-tile-border-radius:var(--bal-form-field-control-radius);--bal-checkbox-tile-border-width:var(--bal-form-field-control-border-width);--bal-checkbox-tile-padding:var(--bal-text-size-medium);--bal-checkbox-tile-border-color:var(--bal-color-border);--bal-checkbox-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-checkbox-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-checkbox-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-checkbox-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-checkbox-tile-border-color-checked:var(--bal-color-border-primary);--bal-checkbox-tile-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-checkbox-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-checkbox .bal-checkbox__label{cursor:pointer}.bal-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-checkbox.bal-checkbox--flat{min-height:var(--bal-checkbox-symbol-size)}.bal-checkbox:not(.bal-checkbox--flat){min-height:3rem}.bal-checkbox--invalid{color:var(--bal-form-field-label-danger-color)}.bal-checkbox--disabled,.bal-checkbox--disabled .bal-checkbox__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-checkbox__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-checkbox__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-checkbox__label__text--hidden{display:none}.bal-checkbox__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-checkbox-button-border-color)}.bal-checkbox--button.bal-checkbox--checked{background:var(--bal-checkbox-button-background-checked);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-checkbox--button.bal-checkbox--disabled .bal-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-white)}.bal-checkbox--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-checkbox-tile-background);border-style:var(--bal-checkbox-tile-border-style);border-radius:var(--bal-checkbox-tile-border-radius);border-width:var(--bal-checkbox-tile-border-width);border-color:var(--bal-checkbox-tile-border-color);padding:var(--bal-checkbox-tile-padding)}.bal-checkbox--tile .bal-checkbox__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-checkbox--tile.bal-checkbox--checked{border-color:var(--bal-checkbox-tile-border-color-checked)}.bal-checkbox--tile.bal-checkbox--invalid{border-color:var(--bal-checkbox-tile-border-color-invalid)}.bal-checkbox--tile.bal-checkbox--disabled{background:var(--bal-checkbox-tile-background-disabled);border-color:var(--bal-checkbox-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-hover)}}.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-checkbox-tile-background-invalid-hover);border-color:var(--bal-checkbox-tile-border-color-invalid-hover)}}.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-checkbox-tile-background-invalid-active);border-color:var(--bal-checkbox-tile-border-color-invalid-active)}.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-green)}.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-red)}.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-purple)}.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-checkbox--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--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--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--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--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--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--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--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--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--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--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--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)}}";var U=e("bal_checkbox",function(){function e(e){var r=this;o(this,e);this.balFocus=t(this,"balFocus");this.balBlur=t(this,"balBlur");this.balChange=t(this,"balChange");this.inputId="bal-cb-".concat(V++);this.inheritedAttributes={};this.keyboardMode=true;this.hasLabel=true;this.focused=false;this.ariaForm=s;this.wasFocused=false;this.outerElementState={hovered:false,pressed:false};this.innerElementState={hovered:false,pressed:false};this.mergedElementState={hovered:false,pressed:false};this.name=this.inputId;this.label="";this.labelHidden=false;this.flat=false;this.interface="checkbox";this.value="on";this.checked=false;this.initialValue=false;this.disabled=false;this.readonly=false;this.required=false;this.autoInvalidOff=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1;this.setChecked=function(e){r.checked=e;r.balChange.emit(r.checked)};this.toggleChecked=function(e){e.preventDefault();r.setFocus();r.setChecked(!r.checked)};this.onClick=function(e){if(r.disabled){return}var o=e.target;if(o&&o.href){return}if(r.wasFocused){r.focused=true}r.toggleChecked(e)};this.onFocus=function(e){if(r.disabled||r.readonly){r.focused=false;return u(e)}r.balFocus.emit(e);if(r.keyboardMode){r.focused=true;r.wasFocused=true}};this.onBlur=function(e){if(r.disabled||r.readonly){return u(e)}r.balBlur.emit(e);r.focused=false};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(e){if(!O(e)){r.wasFocused=false}r.keyboardMode=h.includes(e.key)}}e.prototype.createLogger=function(e){this.log=e};e.prototype.hoveredChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};e.prototype.pressedChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};e.prototype.connectedCallback=function(){var e=this;this.hoveredChanged();if(this.group){this.updateState();this.group.addEventListener("balChange",(function(){return e.updateState()}))}this.initialValue=this.checked;this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};e.prototype.componentWillLoad=function(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"])};e.prototype.componentWillRender=function(){var e=this;this.interactionChildElements.forEach((function(o){o.disabled=e.disabled||e.readonly;o.invalid=e.invalid;o.checked=e.checked}))};e.prototype.disconnectedCallback=function(){var e=this;if(this.group){this.group.removeEventListener("balChange",(function(){return e.updateState()}))}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.listenOnClick=function(e){if((this.disabled||this.readonly)&&e.target&&(e.target===this.el||k(this.el,e.target))){u(e)}};e.prototype.resetHandler=function(e){var o=e.target;if(o===null||o===void 0?void 0:o.contains(this.el)){this.checked=this.initialValue}};e.prototype.elementStateListener=function(e){this.outerElementState=e;this.mergeElementState()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){v(this);return[2]}))}))};e.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){p(this);return[2]}))}))};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.option]}))}))};e.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){if(this.group&&this.group.control&&Array.isArray(this.group.value)){e=this.group.value.includes(this.value);if(e!==this.checked){this.checked=e}}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"group",{get:function(){return this.el.closest("bal-checkbox-group")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-check, bal-switch, bal-icon"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"option",{get:function(){return{name:this.name,value:this.value,checked:this.checked,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}},enumerable:false,configurable:true});e.prototype.mergeElementState=function(){var e=this;this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed};this.interactionChildElements.forEach((function(o){o.hovered=e.mergedElementState.hovered;o.pressed=e.mergedElementState.pressed}))};e.prototype.render=function(){var e=this;var o=c.block("checkbox");var t=o.element("input");var i=o.element("label");var l=i.element("text");var n=i.element("icon");var d=this.focused&&this.buttonTabindex!==-1;var h=this.inheritedAttributes;if(this.buttonTabindex!==undefined){h.tabIndex=this.buttonTabindex}var s=!this.nonSubmit;var u=this.ariaForm.controlId||this.inputId;var v=this.ariaForm.labelId||null;var p=s?"label":"span";return r(a,{key:"e6718d0f01496940fbc03686159599af02e63be2","aria-checked":"".concat(this.checked),"aria-disabled":b(this.disabled),"aria-invalid":this.invalid===true?"true":"false","aria-hidden":b(this.disabled||this.nonSubmit),"aria-focused":d?"true":null,"aria-labelledby":v,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":d},o.class()),o.modifier("checkbox").class()),o.modifier("button").class(this.interface==="button")),o.modifier("switch").class(this.interface==="switch")),o.modifier("tile").class(this.interface==="tile")),o.modifier("tile-color-".concat(this.color)).class(this.interface==="tile"&&!!this.color)),o.modifier("focused").class(this.focused)),o.modifier("invalid").class(this.invalid)),o.modifier("checked").class(this.checked)),o.modifier("flat").class(this.flat)),o.modifier("disabled").class(this.disabled||this.readonly)),o.modifier("hovered").class(this.mergedElementState.hovered)),o.modifier("pressed").class(this.mergedElementState.pressed)),o.modifier("column-".concat(this.colSize)).class(this.interface==="tile"&&this.colSize>1)),o.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.interface==="tile"&&this.colSizeTablet>1)),o.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.interface==="tile"&&this.colSizeMobile>1)),onClick:this.onClick},r(p,{key:"3bd8c2c8217d5e958009aeb3465bd7c8446c6960",class:Object.assign({},i.class()),"data-testid":"bal-checkbox-label"},s?r("input",Object.assign({id:u,type:"checkbox","data-testid":"bal-checkbox-input",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},t.class()),"aria-hidden":b(this.nonSubmit),"aria-invalid":this.invalid===true?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:function(o){return e.toggleChecked(o)},onFocus:function(o){return e.onFocus(o)},onBlur:function(o){return e.onBlur(o)},ref:function(o){return e.nativeInput=o}},h)):"",this.interface!=="tile"?r("div",{class:Object.assign({},n.class())},this.interface==="switch"?r("bal-switch",{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed}):r("bal-check",{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:this.interface==="button"&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",r("div",{key:"c1d1b270f076b748681da1d4fdb36380e8bfaf45",class:Object.assign(Object.assign({},l.class()),l.modifier("hidden").class(this.labelHidden))},r("slot",{key:"123d7f262307eda399023cdc4ecbe6c83d352336"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}},enumerable:false,configurable:true});return e}());l([j("bal-checkbox"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],U.prototype,"createLogger",null);l([L(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],U.prototype,"elementStateListener",null);var V=0;U.style=N;var Y=".bal-checkbox-group{display:inline-block;position:relative;width:100%}.bal-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-checkbox-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-checkbox-group__inner--expanded .bal-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-checkbox-group__inner--expanded .bal-checkbox{width:100%}}.bal-checkbox-group__inner--button.bal-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";var J=e("bal_checkbox_group",function(){function e(e){var r=this;o(this,e);this.balChange=t(this,"balChange");this.balFocus=t(this,"balFocus");this.balBlur=t(this,"balBlur");this.inputId="bal-cg-".concat(R++);this.inheritedAttributes={};this.ariaForm=s;this.interface=undefined;this.control=false;this.name=this.inputId;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.value=[];this.columns=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false;this.hasFocus=false;this.mutationObserverActive=true;this.onClick=function(e){if(!r.control){return}var o=e.target;if(o.href){return}var a=e.target&&e.target.closest("bal-checkbox");if(a){if(a.disabled||a.readonly){return e.stopPropagation()}}r.updateValues()};this.onOptionChange=function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){this.sync();return[2]}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.control){this.onOptionChange();this.mutationObserverActive=this.options===undefined}return[2]}))}))};e.prototype.invalidChanged=function(e){if(this.control){if(e!==undefined){this.getCheckboxes().forEach((function(o){o.invalid=e}))}}};e.prototype.disabledChanged=function(e){if(this.control){if(e!==undefined){this.getCheckboxes().forEach((function(o){o.disabled=e}))}}};e.prototype.readonlyChanged=function(e){if(this.control){if(e!==undefined){this.getCheckboxes().forEach((function(o){o.readonly=e}))}}};e.prototype.valueChanged=function(e,o){if(this.control){if(!S(this.value,o)){this.onOptionChange()}}else{this.onOptionChange()}};e.prototype.columnsChanged=function(e){this.getCheckboxes().forEach((function(o){return o.colSize=e}))};e.prototype.columnsTabletChanged=function(e){this.getCheckboxes().forEach((function(o){return o.colSizeTablet=e}))};e.prototype.columnsMobileChanged=function(e){this.getCheckboxes().forEach((function(o){return o.colSizeMobile=e}))};e.prototype.connectedCallback=function(){if(this.control){this.mutationObserverActive=this.options===undefined;this.valueChanged(this.value,[])}};e.prototype.componentWillLoad=function(){if(this.control){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"]);this.disabledChanged(this.disabled);this.invalidChanged(this.invalid);this.readonlyChanged(this.readonly)}this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.mutationListener=function(){if(this.control){this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly)}this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};e.prototype.listenOnCheckboxChange=function(e){if(this.control){if(k(this.el,e.target)){u(e);this.updateValues()}}};e.prototype.resetHandler=function(e){var o=e.target;if(o===null||o===void 0?void 0:o.contains(this.el)){if(this.control){this.value=[]}this.onOptionChange()}};e.prototype.checkboxFocusListener=function(e){var o=e.target;if(o&&k(this.el,o)&&f(o,"bal-checkbox")){u(e)}};e.prototype.checkboxBlurListener=function(e){var o=e.target;if(o&&k(this.el,o)&&f(o,"bal-checkbox")){u(e)}};e.prototype.setValue=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){if(this.control){this.value=e}return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){o=this.options;if(o){return[2,o.find((function(o){return o.value===e}))]}return[2,undefined]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.sync=function(){var e=this;if(this.control){var o=function(o){for(var r=0;r<e.value.length;r++){var a=e.value[r];if(a!==undefined&&a.toString()===o.value.toString()){return true}}return false};this.getCheckboxes().forEach((function(e){e.checked=o(e)}))}this.getCheckboxes().forEach((function(o){if(e.interface){o.interface=e.interface}}))};e.prototype.getCheckboxes=function(){return Array.from(this.el.querySelectorAll("bal-checkbox"))};e.prototype.updateValues=function(){var e=[];this.getCheckboxes().forEach((function(o){if(o.checked){e.push(o.value)}}));if(!S(this.value,e)){this.value=__spreadArray([],e,true);this.balChange.emit(this.value)}};e.prototype.render=function(){var e=c.block("checkbox-group");var o=e.element("inner");var t=this.options||[];var i=t.map((function(e){if(typeof e.html==="function"){return Object.assign(Object.assign({},e),{html:e.html()})}return e}));return r(a,Object.assign({class:Object.assign({},e.class()),role:"group","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":b(this.disabled),"aria-invalid":b(this.invalid),onClick:this.onClick},this.inheritedAttributes),r("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("button").class(this.interface==="button"))},r("slot",null),i.map((function(e){return r("bal-checkbox",{key:e.value,name:e.name,value:e.value,labelHidden:e.labelHidden,flat:e.flat,interface:e.interface,disabled:e.disabled,readonly:e.readonly,required:e.required,nonSubmit:!!e.nonSubmit,invalid:e.invalid,innerHTML:e.html})}))))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return e}());l([j("bal-checkbox-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],J.prototype,"createLogger",null);l([T(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],J.prototype,"focusInListener",null);l([T(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],J.prototype,"focusOutListener",null);l([B({tags:["bal-checkbox-group","bal-checkbox"],attributes:false,characterData:false}),n("design:type",Function),n("design:paramtypes",[]),n("design:returntype",void 0)],J.prototype,"mutationListener",null);var R=0;J.style=Y;var Q=function(){function e(){var e=this;this.handleAutoFill=function(o){return __awaiter(e,void 0,void 0,(function(){var e,r;return __generator(this,(function(a){switch(a.label){case 0:u(o);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;e=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(e)];case 1:r=a.sent();if(r===undefined){this.component.isAutoFilled=false;return[2]}if(!S(r,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(r,true)}a.label=2;case 2:return[2]}}))}))}}e.prototype.connectedCallback=function(e){this.component=e};e.prototype.isAutoFillAllowed=function(){return!this.component.multiple};e.prototype.parseAutoFillValueWithOptions=function(e){return __awaiter(this,void 0,void 0,(function(){var o,r,a,t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.component.listEl.getOptions()];case 1:o=i.sent();r=undefined;for(a=0;a<o.length;a++){t=o[a];if(t.value===e||t.label===e){return[2,[t.value]]}}return[2,r]}}))}))};return e}();var Z={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};var $=function(){function e(){var e=this;this.handlePointerDown=function(){e.component.isKeyboardMode=false};this.handleKeydown=function(o){e.component.isKeyboardMode=h.includes(o.key)}}e.prototype.connectedCallback=function(e){this.component=e};e.prototype.handleFocus=function(e){this.component.hasFocus=true;this.component.balFocus.emit(e)};e.prototype.handleBlur=function(e){var o=this;if(!this.component.isExpanded){this.component.hasFocus=false;_((function(){return o.component.balBlur.emit(e)}))}};e.prototype.handleClick=function(e){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var o=e.target;var r=o.closest("bal-close");if(r){return}}if(this.component.clearable){var o=e.target;var a=o.closest(".bal-dropdown__clear");if(a){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};e.prototype.handleOutsideClick=function(e){var o=this;var r;if(this.component.isExpanded){if(!this.component.el.contains(e.target)){this.component.isExpanded=false;(r=this.component.listEl)===null||r===void 0?void 0:r.resetFocus();this.component.hasFocus=false;_((function(){return o.component.balBlur.emit(e)}))}}};return e}();var ee=function(){function e(){}e.prototype.connectedCallback=function(e){this.component=e};e.prototype.focusOptionByLabel=function(e,o){var r=this;if(o===void 0){o={}}this.component.labelToFocus=(this.component.labelToFocus+e).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var e;(e=r.component.listEl)===null||e===void 0?void 0:e.focusByLabel(r.component.labelToFocus,o)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return e}();var oe=function(){function e(){}e.prototype.connectedCallback=function(e){this.component=e;this.component.initialValue=this.component.value};e.prototype.componentDidRender=function(){var e=this;if(this.component.selectEl){var o=this.component.selectEl.querySelectorAll("option");o.forEach((function(o){if(e.component.rawValue.includes(o.value)){o.selected=true}}))}};e.prototype.handle=function(e){var o=this;var r=e.target;if(r===null||r===void 0?void 0:r.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var e=o.component.valueUtil.parseValueString(o.component.initialValue);o.component.valueUtil.updateRawValueBySelection(e)}),0)}};return e}();var re=function(e){var o=e.name,a=e.httpFormSubmit,t=e.multiple,i=e.required,l=e.disabled,n=e.rawValue,b=e.refSelectEl;var d=c.block("dropdown");return a?r("select",{class:Object.assign({},d.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:t,required:i,disabled:l,tabindex:-1,ref:b},n.map((function(e){return r("option",{key:e,value:e,selected:true},e)}))):""};var ae=function(e){var o=e.size,a=e.theme,t=e.icon,i=e.language,l=e.loading,n=e.clearable,b=e.invalid,d=e.filled,h=e.expanded,s=e.disabled;var u=c.block("dropdown");if(l){return r("bal-spinner",{class:Object.assign({},u.element("rear").class()),small:true,variation:"circle",color:"white"})}else if(n&&d&&!s){return r("button",{title:Z[i].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},u.element("rear").class()),u.element("clear").class()),u.element("clear").modifier("invalid").class(b)),u.element("clear").modifier("theme-purple").class(a==="purple"))},r("bal-icon",{class:Object.assign({},u.element("rear").class()),name:a==="purple"?"close":"close-circle",size:o,color:a==="purple"?"primary":"grey"}))}else{return r("bal-icon",{class:Object.assign({},u.element("rear").class()),name:t,size:o,turn:h,color:s?"grey":b?"danger":"primary"})}};var te=function(e){var o=e.inputId,a=e.httpFormSubmit,t=e.ariaForm,i=e.rawValue,l=e.autocomplete,n=e.required,d=e.disabled,h=e.readonly,s=e.placeholder,u=e.expanded,v=e.invalid,p=e.language,k=e.inputLabel,f=e.inheritedAttributes,_=e.refInputEl,x=e.onChange,g=e.onFocus,w=e.onBlur,m=e.onKeyDown;var y=c.block("dropdown");var j=function(){return r("input",Object.assign({id:t.controlId||"".concat(o,"-ctrl"),class:Object.assign({},y.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:l,value:i.join(","),required:n,disabled:d,readonly:h,placeholder:s,title:u?Z[p].close:Z[p].open,"aria-label":u?Z[p].close:Z[p].open,"aria-owns":"".concat(o,"-menu"),"aria-invalid":b(v),"aria-disabled":b(d||h),"aria-labelledby":t.labelId,"aria-describedby":t.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":k,"data-value":i.join(","),ref:function(e){return _(e)},onChange:function(e){return x(e)},onFocus:function(e){return g(e)},onBlur:function(e){return w(e)},onKeyDown:function(e){return m(e)}},f))};if(a){return r(j,null)}return r("form",{novalidate:true},r(j,null))};var ie=function(){function e(){this.updatePanelPosition=function(e,o,r){return function(){e.computePosition(o,r,{placement:"bottom-start",middleware:[e.flip(),e.shift()]}).then((function(e){var o=e.x,a=e.y;Object.assign(r.style,{left:"".concat(o,"px"),top:"".concat(a,"px")})}))}}}e.prototype.connectedCallback=function(e){this.component=e};e.prototype.toggleList=function(){if(!this.component.valueUtil.isDisabled()){if(this.component.isExpanded){this.collapseList()}else{this.expandList()}}};e.prototype.expandList=function(){return __awaiter(this,void 0,void 0,(function(){var e,o;return __generator(this,(function(r){switch(r.label){case 0:if(!this.component.panelEl)return[3,2];return[4,P.load()];case 1:o=r.sent();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl));r.label=2;case 2:this.component.isExpanded=true;return[4,(e=this.component.listEl)===null||e===void 0?void 0:e.focusSelected()];case 3:r.sent();return[2]}}))}))};e.prototype.collapseList=function(){var e;this.component.isExpanded=false;(e=this.component.listEl)===null||e===void 0?void 0:e.resetFocus();if(this.component.panelCleanup){this.component.panelCleanup()}};return e}();var ce=function(){function e(){}e.prototype.connectedCallback=function(e){this.component=e};e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){return e.valueChanged(e.component.value,undefined)}),0)};e.prototype.isDisabled=function(){return this.component.disabled||this.component.readonly};e.prototype.isFilled=function(){return this.component.rawValue&&this.component.rawValue.length>0};e.prototype.valueChanged=function(e,o){var r=typeof e;var a=typeof o;if(r!==a){this.updateRawValueByValueProp(e)}if(r==="string"&&e!==o){this.updateRawValueByValueProp(e)}if(Array.isArray(e)&&Array.isArray(o)&&!S(e,o)){this.updateRawValueByValueProp(e)}};e.prototype.updateRawValueBySelection=function(e,o){if(e===void 0){e=[]}if(o===void 0){o=false}this.component.isAutoFilled=o;this.updateRawValue(e);if(this.component.multiple){this.component.balChange.emit(this.component.rawValue)}else{this.component.balChange.emit(this.component.rawValue[0])}};e.prototype.parseValueString=function(e){if(e===void 0){e=[]}var o=[];if(!H(e)&&e!==""){if(Array.isArray(e)){o=__spreadArray([],e.filter((function(e){return!H(e)})),true)}else{if(e.split("").includes(",")){o=__spreadArray([],e.split(",").filter((function(e){return e})).map((function(e){return e.trim()})),true)}else{o=[e]}}}return o};e.prototype.updateRawValueByValueProp=function(e){if(e===void 0){e=[]}var o=this.parseValueString(e);this.updateRawValue(o)};e.prototype.updateRawValue=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=[]}return __generator(this,(function(o){switch(o.label){case 0:this.component.rawValue=e;if(!this.component.listEl)return[3,2];return[4,this.component.listEl.updateSelected(this.component.rawValue)];case 1:o.sent();o.label=2;case 2:return[4,this.updateInputContent()];case 3:o.sent();return[2]}}))}))};e.prototype.removeOption=function(e){var o=this.component.rawValue.filter((function(o){return o!==e.value}));this.updateRawValueBySelection(o)};e.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:return[4,x()];case 1:o.sent();if(!this.component.listEl)return[3,3];e=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:e.choices=o.sent();this.component.inputLabel=this.component.choices.map((function(e){return e.label.trim()})).sort().join(",");o.label=3;case 3:return[2]}}))}))};return e}();var le=function(e){var o=e.inlineLabel,a=e.filled,t=e.chips,i=e.placeholder,l=e.choices,n=e.renderChip;var b=c.block("dropdown");if(a){if(t){return r("div",{class:Object.assign({},b.element("root").element("content").element("chips").class())},l.map((function(e){return n(e)})))}else{return(o&&"".concat(o,": "))+l.map((function(e){return e.label})).join(", ")}}else{return i}};var ne=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';var be=e("bal_dropdown",function(){function e(e){var r=this;o(this,e);this.balChange=t(this,"balChange");this.balFocus=t(this,"balFocus");this.balBlur=t(this,"balBlur");this.inputId="bal-dropdown-".concat(de++);this.inheritedAttributes={};this.initialValue=[];this.nativeOptions=[];this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=false;this.isKeyboardMode=false;this.inputLabel="";this.ariaForm=s;this.language=M.language;this.region=M.region;this.httpFormSubmit=M.httpFormSubmit;this.labelToFocus="";this.valueUtil=new ce;this.eventsUtil=new $;this.popupUtil=new ie;this.optionUtil=new I;this.formSubmitUtil=new oe;this.focusUtil=new ee;this.autoFillUtil=new Q;this.autocomplete="off";this.name=this.inputId;this.placeholder="";this.inlineLabel="";this.icon="caret-down";this.size="";this.theme="";this.disabled=false;this.readonly=false;this.multiple=false;this.chips=false;this.clearable=false;this.invalid=false;this.required=false;this.loading=false;this.filter="includes";this.contentHeight=262;this.inverted=false;this.options=[];this.value=[];this.hasConnected=false;this.listenToOptionChange=function(e){r.optionUtil.listenToOptionChange(e)};this.listenOnClickOutside=function(e){r.eventsUtil.handleOutsideClick(e)};this.resetHandler=function(e){r.formSubmitUtil.handle(e)};this.handleAutoFill=function(e){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(o){this.log("(handleAutoFill)",e,this.nativeEl.value);this.autoFillUtil.handleAutoFill(e);return[2]}))}))};this.handleKeyDown=function(e){var o,a,t,i,c;if(e&&e.key){if(r.isExpanded){if(C(e)){u(e);(o=r.listEl)===null||o===void 0?void 0:o.focusNext()}else if(z(e)){u(e);(a=r.listEl)===null||a===void 0?void 0:a.focusPrevious()}else if(e.key==="Home"||e.key==="PageUp"){u(e);(t=r.listEl)===null||t===void 0?void 0:t.focusFirst()}else if(e.key==="End"||e.key==="PageDown"){u(e);(i=r.listEl)===null||i===void 0?void 0:i.focusLast()}else if(F(e)){u(e);(c=r.listEl)===null||c===void 0?void 0:c.selectByFocus()}else if(e.key==="Tab"||A(e)){r.popupUtil.collapseList()}else if(e.key.length===1){r.focusUtil.focusOptionByLabel(e.key)}}else{if(F(e)||O(e)){u(e);r.popupUtil.expandList()}else if(e.key.length===1){r.focusUtil.focusOptionByLabel(e.key,{select:true})}}}else{if(r.isExpanded){r.popupUtil.collapseList()}}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.optionUtil.optionChanged();return[2]}))}))};e.prototype.valueChanged=function(e,o){this.valueUtil.valueChanged(e,o)};e.prototype.connectedCallback=function(){if(!this.hasConnected){this.eventsUtil.connectedCallback(this);this.valueUtil.connectedCallback(this);this.popupUtil.connectedCallback(this);this.optionUtil.connectedCallback(this);this.formSubmitUtil.connectedCallback(this);this.focusUtil.connectedCallback(this);this.autoFillUtil.connectedCallback(this)}g(this.el,"balOptionChange",this.listenToOptionChange);if(q.hasDocument){g(document,"keydown",this.eventsUtil.handleKeydown);g(document,"touchstart",this.eventsUtil.handlePointerDown);g(document,"mousedown",this.eventsUtil.handlePointerDown);g(document,"click",this.listenOnClickOutside);g(document,"reset",this.resetHandler,{capture:true})}this.hasConnected=true};e.prototype.disconnectedCallback=function(){w(this.el,"balOptionChange",this.listenToOptionChange);if(q.hasDocument){w(document,"keydown",this.eventsUtil.handleKeydown);w(document,"touchstart",this.eventsUtil.handlePointerDown);w(document,"mousedown",this.eventsUtil.handlePointerDown);w(document,"click",this.listenOnClickOutside);w(document,"reset",this.resetHandler,{capture:true})}};e.prototype.componentWillRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.inheritedAttributes=d(this.el,["tabindex","data-hj-allow"]);return[4,this.optionUtil.componentWillRender()];case 1:e.sent();return[2]}}))}))};e.prototype.componentDidRender=function(){this.formSubmitUtil.componentDidRender()};e.prototype.componentDidLoad=function(){this.valueUtil.componentDidLoad()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.language=e.language;this.region=e.region;this.httpFormSubmit=e.httpFormSubmit;return[2]}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(this.nativeEl&&!this.valueUtil.isDisabled()))return[3,2];return[4,m()];case 1:e.sent();this.nativeEl.focus();e.label=2;case 2:return[2]}}))}))};e.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.rawValue]}))}))};e.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.valueUtil.updateRawValueBySelection([]);return[2]}))}))};e.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.expandList()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};e.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.collapseList()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){o=this.valueUtil.parseValueString(e);this.valueUtil.updateRawValueBySelection(o);return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e=this;var o=c.block("dropdown");var t=this.valueUtil.isFilled();var i=this.size!=="";var l="size-".concat(this.size);var n=this.theme!=="";var b="theme-".concat(this.theme);var d=this.theme==="purple"?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return r(a,{key:"3fe05ba6190dabe5fb8c297f4809659f7c24aa74",class:Object.assign({},o.class()),tabindex:"-1",id:"".concat(this.inputId)},r("div",{key:"e0b038aa5b7ead381d271c5b7b04fd5bbaa3ea3b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(d)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),o.element("root").modifier(l).class(i)),o.element("root").modifier(b).class(n)),o.element("root").modifier(b+"-filled").class(t&&n)),o.element("root").modifier(b+"-expanded").class(this.isExpanded&&n)),"data-testid":"bal-dropdown-trigger",onClick:function(o){return e.eventsUtil.handleClick(o)}},r("span",{key:"a3499a9e2abcaa3b363385c475c3dcd91ed1a371",class:Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),o.element("root").element("content").modifier(l).class(i))},r(le,{key:"8ffc980c91386038c4ee9b9e6673a25a3609d674",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,renderChip:function(o){return r("bal-tag",{key:o.value,"data-testid":"bal-dropdown-chip",size:"small",invalid:e.invalid,disabled:e.disabled||e.readonly,closable:!(e.disabled||e.readonly),onBalCloseClick:function(){return e.valueUtil.removeOption(o)}},o.label)}})),r(te,{key:"9a97fc39a821d5dcca32eba522ae29e4aa6eedc0",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:function(o){return e.nativeEl=o},onChange:function(o){return e.handleAutoFill(o)},onFocus:function(o){return e.eventsUtil.handleFocus(o)},onBlur:function(o){return e.eventsUtil.handleBlur(o)},onKeyDown:function(o){return e.handleKeyDown(o)}}),r(re,{key:"2a33a8ac7f336889197137fc741ed8a4a107fceb",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(o){return e.selectEl=o}}),r(ae,{key:"d0f6958fb47ad7f6d73d4f98482cb2102c344f20",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),r("div",{key:"29e98d1f54ffb6ee913bd682d6531d45997fc1d0",id:"".concat(this.inputId,"-menu"),class:Object.assign(Object.assign({},o.element("list").class()),o.element("list").modifier("expanded").class(this.isExpanded)),ref:function(o){return e.panelEl=o}},r("bal-option-list",{key:"4e6fa69f9d9859208f83dd7bc86c17fc75d5eb60",multiple:this.multiple,disabled:this.valueUtil.isDisabled(),filter:this.filter,required:this.required,contentHeight:this.contentHeight,ref:function(o){return e.listEl=o}},r("slot",{key:"1c169dc692632671f62410b2dadcbbc10b0fe36a"}),this.optionUtil.hasPropOptions()?this.rawOptions.map((function(e){return r("bal-option",{key:e.value,value:e.value,label:e.label,disabled:e.disabled,multiline:e.multiline,invalid:e.invalid,hidden:e.hidden,selected:e.selected,focused:e.focused},e.label)})):"")))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());l([j("bal-dropdown"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],be.prototype,"createLogger",null);l([E(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],be.prototype,"configChanged",null);var de=0;be.style=ne;var he=":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-3);--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-check-size:1.25rem}";var se=e("bal_option",function(){function e(e){var r=this;o(this,e);this.balOptionChange=t(this,"balOptionChange");this.balOptionFocus=t(this,"balOptionFocus");this.inputId="bal-option-".concat(ue++);this.checkbox=false;this.interactionState=D.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false;this.onClick=function(e){var o=r.el.closest("bal-option-list");if(r.disabled||o&&o.disabled){u(e)}else{if(o&&o.required&&!o.multiple){if(!r.selected){r.select(true)}}else{r.select(!r.selected)}}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.componentWillRender=function(){if(this.el){var e=this.el.closest("bal-option-list");if(e){this.checkbox=!!e.multiple}}};e.prototype.listenToMouseEnter=function(){var e=this,o=e.label,r=e.value,a=e.selected,t=e.disabled,i=e.hidden;if(!i&&!t){this.balOptionFocus.emit({label:o,value:r,selected:a})}};e.prototype.elementStateListener=function(e){this.interactionChildElements.forEach((function(o){o.hovered=e.hovered;o.pressed=e.pressed}))};e.prototype.select=function(){return __awaiter(this,arguments,void 0,(function(e){var o,r,a;if(e===void 0){e=true}return __generator(this,(function(t){this.selected=e;o=this,r=o.label,a=o.value;this.balOptionChange.emit({label:r,value:a,selected:e});return[2]}))}))};Object.defineProperty(e.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-check"))},enumerable:false,configurable:true});e.prototype.render=function(){var e=c.block("option");return r(a,{key:"dca805aa021ad35c2ea4153008a8a5ba4f37931c",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("checkbox").class(this.checkbox)),e.modifier("focused").class(this.focused)),e.modifier("invalid").class(this.invalid)),e.modifier("selected").class(this.selected)),e.modifier("disabled").class(this.disabled)),e.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":b(this.hidden),"aria-selected":b(this.selected),"aria-checked":b(this.selected),"aria-disabled":b(this.disabled),"aria-invalid":b(this.invalid),tabIndex:-1,onClick:this.onClick},r("bal-stack",{key:"cfcf978a82159a6e7ad2dcddccdb40dd6b9f74a4",py:"small",space:"x-small"},this.checkbox?r("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",r("div",{key:"e92a9c019432d29f6153371daca316c8136c75e9",class:Object.assign(Object.assign({},e.element("inner").class()),e.element("inner").modifier("multiline").class(this.multiline))},r("slot",{key:"639a99194ed6e86787e9eb2b3adc993161d58a07"})),this.selected&&!this.checkbox?r("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());l([j("bal-option"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],se.prototype,"createLogger",null);l([L(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],se.prototype,"elementStateListener",null);var ue=0;se.style=he;var ve=".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}";var pe=e("bal_option_list",function(){function e(e){o(this,e);this.inputId="bal-option-list-".concat(ke++);this.inheritAttributes={};this.ariaForm=s;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.filter="includes";this.contentHeight=262}e.prototype.createLogger=function(e){this.log=e};e.prototype.contentHeightChanged=function(e){if(e===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(e,"px"))}};e.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};e.prototype.componentWillRender=function(){this.inheritAttributes=d(this.el,["aria-multiselectable","aria-labelledby"])};e.prototype.listenToMouseEnter=function(e){var o=this.options;var r=this.getOptionIndex(o,e.detail.value);if(r!==undefined){this.updateFocus(o,r)}};e.prototype.listenToOptionChange=function(e){var o=e.detail;if(!this.multiple){this.options.filter((function(e){return e.value!==o.value})).forEach((function(e){return e.selected=false}))}};e.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var e,o;return __generator(this,(function(r){switch(r.label){case 0:e=this.options;o=this.getSelectedOptionIndex(e);if(!(o>0))return[3,2];this.updateFocus(e,o);return[4,x()];case 1:r.sent();return[2,o];case 2:return[4,this.focusFirst()];case 3:return[2,r.sent()]}}))}))};e.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var e,o,r;return __generator(this,(function(a){switch(a.label){case 0:e=this.options;o=this.getFirstOptionIndex(e);this.updateFocus(e,o);r=e[o];this.updateScrollTopPosition(r);return[4,x()];case 1:a.sent();return[2,o]}}))}))};e.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var e,o,r;return __generator(this,(function(a){switch(a.label){case 0:e=this.options;o=this.getLastOptionIndex(e);this.updateFocus(e,o);r=e[o];this.updateScrollBottomPosition(r);return[4,x()];case 1:a.sent();return[2,o]}}))}))};e.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var e,o,r;return __generator(this,(function(a){switch(a.label){case 0:e=this.options;o=this.getNextOptionIndex(e);this.updateFocus(e,o);r=e[o];this.updateScrollBottomPosition(r);return[4,x()];case 1:a.sent();return[2,o]}}))}))};e.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var e,o,r;return __generator(this,(function(a){switch(a.label){case 0:e=this.options;o=this.getPreviousOptionIndex(e);this.updateFocus(e,o);r=e[o];this.updateScrollTopPosition(r);return[4,x()];case 1:a.sent();return[2,o]}}))}))};e.prototype.focusByLabel=function(e,o){return __awaiter(this,void 0,void 0,(function(){var r,a,t;return __generator(this,(function(i){switch(i.label){case 0:r=this.options;a=this.getOptionIndexByLabel(r,e);this.updateFocus(r,a);t=r[a];this.updateScrollTopPosition(t);return[4,x()];case 1:i.sent();if(!o.select)return[3,3];return[4,t.select()];case 2:i.sent();i.label=3;case 3:return[2,a]}}))}))};e.prototype.filterByContent=function(e){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){switch(r.label){case 0:o=this.allOptions;this.filterOptions(o,e);return[4,x()];case 1:r.sent();return[2,this.focusFirst()]}}))}))};e.prototype.resetHidden=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=false}return __generator(this,(function(o){switch(o.label){case 0:this.options.forEach((function(o){return o.hidden=e}));return[4,x()];case 1:o.sent();this.resetFocus();return[2]}}))}))};e.prototype.resetSelected=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=false}return __generator(this,(function(o){switch(o.label){case 0:this.options.forEach((function(o){return o.selected=e}));return[4,x()];case 1:o.sent();return[2]}}))}))};e.prototype.updateSelected=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:this.options.forEach((function(o){return o.selected=e.includes(o.value)}));return[4,x()];case 1:o.sent();return[2]}}))}))};e.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e,o;return __generator(this,(function(r){switch(r.label){case 0:e=this.options;o=-1;this.updateFocus(e,o);this.scrollTo(0);return[4,x()];case 1:r.sent();return[2,o]}}))}))};e.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){e=this.options;return[2,e.filter((function(e){return e.selected})).map((function(e){return e.value}))]}))}))};e.prototype.getSelectedOptions=function(e){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){o=this.options;if(e&&e.length>0){return[2,o.filter((function(o){return e.includes(o.value)})).map((function(e){return e}))]}return[2,o.filter((function(e){return e.selected})).map((function(e){return e}))]}))}))};e.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.options.map((function(e){return e.value}))]}))}))};e.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.options.map((function(e){return e.label}))]}))}))};e.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.options.filter((function(e){return!e.disabled||!e.hidden}))]}))}))};e.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e,o;return __generator(this,(function(r){e=this.options;o=e[this.focusIndex];if(o){if(this.multiple){o.select(!o.selected)}else{o.select(true)}}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(e){return!e.hidden}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});e.prototype.filterOptions=function(e,o){var r=[];var a=this.filter==="includes"?X:W;for(var t=0;t<e.length;t++){var i=e[t];var c=i.textContent||"";if(a(c,o)){r.push(i);i.hidden=false}else{i.hidden=true}}return r};e.prototype.isOptionVisible=function(e){var o=this.el.clientHeight;var r=this.el.scrollTop;var a=r+o;var t=r<=e.offsetTop&&e.offsetTop+e.clientHeight<=a;return t};e.prototype.updateScrollTopPosition=function(e){if(e){var o=this.isOptionVisible(e);if(!o){this.scrollTo(this.getScrollTopForTopPosition(e))}}};e.prototype.updateScrollBottomPosition=function(e){if(e){var o=this.isOptionVisible(e);if(!o){this.scrollTo(this.getScrollTopForBottomPosition(e))}}};e.prototype.getScrollTopForTopPosition=function(e){var o=e.offsetTop;var r=o;if(r<0){return 0}return r};e.prototype.getScrollTopForBottomPosition=function(e){var o=this.el.clientHeight;var r=e.offsetTop+e.clientHeight;var a=r-o;if(a<0){return 0}return a};e.prototype.scrollTo=function(e){return __awaiter(this,void 0,void 0,(function(){var o=this;return __generator(this,(function(r){if(e!==undefined&&e!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=y((function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){this.el.scrollTop=e;return[2]}))}))}))}return[2]}))}))};e.prototype.updateFocus=function(e,o){this.focusIndex=o;for(var r=0;r<e.length;r++){var a=e[r];a.focused=r===o}};e.prototype.getOptionIndex=function(e,o){for(var r=0;r<e.length;r++){var a=e[r];if(a.value===o){return r}}return undefined};e.prototype.getSelectedOptionIndex=function(e){for(var o=0;o<e.length;o++){var r=e[o];if(r.selected&&!r.hidden){return o}}return this.focusIndex};e.prototype.getFirstOptionIndex=function(e){for(var o=0;o<e.length;o++){var r=e[o];if(!r.disabled&&!r.hidden){return o}}return this.focusIndex};e.prototype.getNextOptionIndex=function(e,o){if(o===void 0){o=this.focusIndex}if(o<0){return this.getFirstOptionIndex(e)}var r=this.getLength(e);var a=o;if(o<r){a=o+1;if(e[a].disabled){return this.getNextOptionIndex(e,a)}}return a};e.prototype.getPreviousOptionIndex=function(e,o){if(o===void 0){o=this.focusIndex}var r=this.getFirstOptionIndex(e);if(o<=r){return r}var a=o;a=o-1;if(e[a].disabled){return this.getPreviousOptionIndex(e,a)}return a};e.prototype.getLastOptionIndex=function(e){for(var o=e.length-1;o>=0;o--){var r=e[o];if(!r.disabled){return o}}return this.focusIndex};e.prototype.getOptionIndexByLabel=function(e,o){if(o===undefined||o===""){return this.focusIndex}var r=e.find((function(e){return W(e.label||"",o)}));if(!H(r)&&r.id){return e.indexOf(r)}return this.focusIndex};e.prototype.getLength=function(e){var o=e.map((function(e,o){return e.disabled?0:o}));var r=Math.max.apply(Math,o);return r};e.prototype.render=function(){var e=c.block("option-list");var o=this.labelledby||this.ariaForm.labelId;return r(a,{key:"bcb9ee55aefe68beac309225d1127524f327f9da",class:Object.assign({},e.class()),id:this.inputId},r("div",Object.assign({key:"ac14c8a5615c6497569ca0aa8436dda3924babf6",role:"listbox","aria-labelledby":o,"aria-disabled":b(this.disabled),class:Object.assign({},e.element("container").class())},this.inheritAttributes),r("slot",{key:"869656387e53fd832b45141cb3b5b89684e61727"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return e}());l([j("bal-option-list"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],pe.prototype,"createLogger",null);var ke=0;pe.style=ve;var fe=":root{--bal-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-checkbox-switch-label-background-pressed-after:var(--bal-color-border-primary-pressed);--bal-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-pressed-after:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-checkbox-switch-label-background-invalid-checked-hovered-before:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-checked-pressed-before:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white)}.bal-switch{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.5rem;height:1.5rem;padding:.25rem;border-radius:var(--bal-radius-rounded);overflow:hidden;background:var(--bal-checkbox-switch-label-background-before)}@media (hover: hover)and (pointer: fine){.bal-switch--hovered,.bal-switch:hover{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--hovered .bal-switch__toggle,.bal-switch:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-hover-after)}}.bal-switch--pressed,.bal-switch:active{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--pressed .bal-switch__toggle,.bal-switch:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-pressed-after)}.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-checked-before)}.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}@media (hover: hover)and (pointer: fine){.bal-switch--checked.bal-switch--hovered,.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-checked-hover-before)}.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}}.bal-switch--checked.bal-switch--pressed,.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-checked-active-before)}.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-switch--invalid{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-after)}@media (hover: hover)and (pointer: fine){.bal-switch--invalid.bal-switch--hovered,.bal-switch--invalid:hover{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-hover-after)}}.bal-switch--invalid.bal-switch--pressed,.bal-switch--invalid:active{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-pressed-after)}.bal-switch--invalid.bal-switch--checked.bal-switch,.bal-switch--invalid.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-invalid-checked-before)}.bal-switch--invalid.bal-switch--checked.bal-switch .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered,.bal-switch--invalid.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-invalid-checked-hovered-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed,.bal-switch--invalid.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-invalid-checked-pressed-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--disabled,.bal-switch--disabled:hover,.bal-switch--disabled:active{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-before)}.bal-switch--disabled .bal-switch__toggle,.bal-switch--disabled:hover .bal-switch__toggle,.bal-switch--disabled:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-after)}.bal-switch--disabled.bal-switch--checked,.bal-switch--disabled.bal-switch--checked:hover,.bal-switch--disabled.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-switch--disabled.bal-switch--checked .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:hover .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-after);border-radius:50%;position:absolute;top:.25rem;width:1rem;height:1rem;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out}.bal-switch__toggle--checked{-webkit-transform:translateX(100%);transform:translateX(100%);background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-switch .bal-icon{position:absolute}.bal-switch .bal-icon .bal-switch__icon--checked{opacity:1}.bal-switch .bal-icon .bal-switch__icon{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}";var _e=e("bal_switch",function(){function e(e){o(this,e);this.checked=false;this.invalid=undefined;this.disabled=undefined;this.hovered=false;this.pressed=false}e.prototype.render=function(){var e=c.block("switch");var o=!!this.checked;var t=!!this.disabled;var i=!!this.invalid;return r(a,{key:"44e17aefdee7df228e92368c3863509a4dcd4bc8",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("checked").class(o)),e.modifier("disabled").class(t)),e.modifier("invalid").class(i)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))},r("bal-icon",{key:"1f27c8f3f92467ea80de321666e597c8ea7cde89",name:"check",color:"white",size:"small","aria-hidden":"true",colorHovered:"white",colorPressed:"white",hovered:this.hovered,pressed:this.pressed,class:Object.assign({},e.element("icon").modifier("checked").class(o))}),r("div",{key:"d22b87a1a091669422db72acf16d48a4c4e8825f",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("toggle").class()),e.element("toggle").modifier("checked").class(o)),e.element("toggle").modifier("disabled").class(t)),e.element("toggle").modifier("invalid").class(i)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))}))};return e}());_e.style=fe}}}));

package/dist/baloise-design-system/{p-0b1aeaaed8.entry.js → p-3850595dd0.entry.js}

@@ -1 +1 @@
-import{r as a,h as t,H as e,g as n,c as i}from"./p-BdVwMG9u.js";import{B as l}from"./p-ByiN-QjD.js";import{_ as r,a as s}from"./p-dfXERft2.js";import{b}from"./p-B1u-Mq75.js";import{w as o,d as c}from"./p-Ba5qjFjW.js";import{B as d}from"./p-DOUIg6bI.js";import{d as m}from"./p-CBkFUwrD.js";import{L as h}from"./p-B-L34nz8.js";import{b as p}from"./p-BeOuHPcP.js";import{L as v}from"./p-BQ-ZBPGz.js";import"./p-D7M-7v58.js";import"./p-D7ovid3w.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-CvA86VZU.js";const g=class{constructor(t){a(this,t),this.light=!1,this.interface="app",this.container=""}interfaceHandler(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")}async toggleMenu(){const a=this.element.querySelector("bal-navbar-brand");a&&await a.toggle()}componentWillLoad(){this.interfaceHandler()}updateProps(a,t){const e=this[t];void 0!==e&&this.notifyComponents(a,(a=>a[t]=e))}notifyComponents(a,t){this.element.querySelectorAll(a.join(", ")).forEach((a=>t(a)))}render(){const a=l.block("navbar");return t(e,{key:"d21b6f612b2111ce0a70adb00e62fc7663d1b651",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class()),a.modifier("is-light").class(this.light))},t("nav",{key:"c04d357d30be897227259035bd86e2f5a7edc936",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},a.element("nav").class()),{container:!0,[`is-${this.container}`]:""!==this.container})},t("slot",{key:"48fba6d236e2dfdbf7d0ae23d76b290f63692ba6"})))}get element(){return n(this)}static get watchers(){return{interface:["interfaceHandler"]}}};g.style=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__logo--small{height:calc(100% - 2.5rem)}@media screen and (min-width: 1024px){.bal-navbar__brand__logo--small{height:calc(100% - 3.5rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";const f={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}},_=class{constructor(t){a(this,t),this.balNavigate=i(this,"balNavigate"),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.bodyScrollHandler=new d,this.language=m.language,this.isMenuActive=!1,this.href="",this.logoClickable=!1,this.target="_self",this.simple=!1,this.logoSize="",this.animated=!0,this.interface="app"}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){b.hasWindow&&window.matchMedia&&window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async configChanged(a){this.language=a.language}async resetIsMenuActive(a){a.matches&&!this.simple&&this.setIsMenuActiveAndAnimate(!1)}async toggle(){await this.setIsMenuActiveAndAnimate(!this.isMenuActive)}async setIsMenuActiveAndAnimate(a=this.isMenuActive){this.isMenuActive=a,this.balWillAnimate.emit(this.isMenuActive),b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isMenuActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable();const t=this.el.closest("bal-navbar");if(t){const a=t.querySelector("bal-navbar-menu");a&&!this.simple&&await a.toggle(this.isMenuActive)}await o(300),this.balDidAnimate.emit(this.isMenuActive)}async onClick(){this.toggle()}render(){const a=l.block("navbar").element("brand"),n=this.logo?t("img",{class:Object.assign(Object.assign({},a.element("logo").class()),a.element("logo").modifier("small").class("small"===this.logoSize)),src:this.logo,alt:"Logo"}):t("bal-logo",{animated:this.animated,color:"white",size:this.logoSize}),i=this.logoLabel?this.logoLabel:f[this.language].logoButtonLabel;return t(e,{key:"a15da2fb97dbef0b32324709d548fe38af7fa84b",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},this.href?t("a",{"aria-label":i,title:i,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.balNavigate.emit(a)},n):this.logoClickable?t("button",{"aria-label":i,title:i,onClick:a=>this.balNavigate.emit(a)},n):n,t("span",{key:"9c70804fe300d6f0b17bee14bb356078db7b587d",class:Object.assign({},a.element("title").class())},t("slot",{key:"53e5729ff4823597e8407a0f7dbacc86696d34aa"})),t("bal-button",{key:"5b0d8585d122add66365aef3f9f0a6f27e72212f",class:Object.assign(Object.assign({},a.element("burger").class()),a.element("burger").modifier("hidden").class("simple"===this.interface)),color:"light",inverted:!0,square:!0,icon:this.isMenuActive?"close":"menu-bars",onClick:()=>this.onClick()}))}get el(){return n(this)}};r([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],_.prototype,"configChanged",null);const u=class{constructor(t){a(this,t),this.isMenuActive=!1,this.isTouch=p.isTouch,this.interface="app"}breakpointListener(a){this.isTouch=a.touch}async toggle(a){this.isMenuActive=a;const t=this.element.querySelector("bal-tabs");t&&(await c(t),t.renderLine())}render(){const a=l.block("navbar").element("menu");let n="";if(this.isTouch){const a=this.element.closest("bal-navbar");a&&(n=a.container)}return t(e,{key:"e3632d31af2bf0bbd0bc416c40ff17ed7cd3a74f",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("active").class(this.isMenuActive)),a.modifier(`context-${this.interface}`).class()),{container:!0,[`is-${n}`]:""!==n})},t("slot",{key:"63897a0b6c61e222fc3f87051c1f4cf89d27be5a"}))}get element(){return n(this)}};r([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],u.prototype,"breakpointListener",null);const x=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("end");return t(e,{key:"704fe4c50701625f0160aa39a79a5fc3e2f9debb",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",{key:"05737e744803b4b62906ab835d555d1c9cc6cf98"}))}},y=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("start");return t(e,{key:"b53e1c198366eeca89e5d71bf52af297902307a8",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",{key:"3e123a521d151135d72001d1b3ac703d236a4c8f"}))}};export{g as bal_navbar,_ as bal_navbar_brand,u as bal_navbar_menu,x as bal_navbar_menu_end,y as bal_navbar_menu_start}
+import{r as a,h as t,H as e,g as n,c as i}from"./p-BdVwMG9u.js";import{B as l}from"./p-ByiN-QjD.js";import{_ as r,a as s}from"./p-dfXERft2.js";import{b}from"./p-B1u-Mq75.js";import{w as o,d as c}from"./p-Ba5qjFjW.js";import{B as d}from"./p-DOUIg6bI.js";import{d as m}from"./p-CBkFUwrD.js";import{L as h}from"./p-B-L34nz8.js";import{b as p}from"./p-Oz8SBVmc.js";import{L as v}from"./p-DvLv1IDC.js";import"./p-D7M-7v58.js";import"./p-D7ovid3w.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-Dk6PruGq.js";const g=class{constructor(t){a(this,t),this.light=!1,this.interface="app",this.container=""}interfaceHandler(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")}async toggleMenu(){const a=this.element.querySelector("bal-navbar-brand");a&&await a.toggle()}componentWillLoad(){this.interfaceHandler()}updateProps(a,t){const e=this[t];void 0!==e&&this.notifyComponents(a,(a=>a[t]=e))}notifyComponents(a,t){this.element.querySelectorAll(a.join(", ")).forEach((a=>t(a)))}render(){const a=l.block("navbar");return t(e,{key:"d21b6f612b2111ce0a70adb00e62fc7663d1b651",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class()),a.modifier("is-light").class(this.light))},t("nav",{key:"c04d357d30be897227259035bd86e2f5a7edc936",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},a.element("nav").class()),{container:!0,[`is-${this.container}`]:""!==this.container})},t("slot",{key:"48fba6d236e2dfdbf7d0ae23d76b290f63692ba6"})))}get element(){return n(this)}static get watchers(){return{interface:["interfaceHandler"]}}};g.style=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__logo--small{height:calc(100% - 2.5rem)}@media screen and (min-width: 1024px){.bal-navbar__brand__logo--small{height:calc(100% - 3.5rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";const f={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}},_=class{constructor(t){a(this,t),this.balNavigate=i(this,"balNavigate"),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.bodyScrollHandler=new d,this.language=m.language,this.isMenuActive=!1,this.href="",this.logoClickable=!1,this.target="_self",this.simple=!1,this.logoSize="",this.animated=!0,this.interface="app"}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){b.hasWindow&&window.matchMedia&&window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async configChanged(a){this.language=a.language}async resetIsMenuActive(a){a.matches&&!this.simple&&this.setIsMenuActiveAndAnimate(!1)}async toggle(){await this.setIsMenuActiveAndAnimate(!this.isMenuActive)}async setIsMenuActiveAndAnimate(a=this.isMenuActive){this.isMenuActive=a,this.balWillAnimate.emit(this.isMenuActive),b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isMenuActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable();const t=this.el.closest("bal-navbar");if(t){const a=t.querySelector("bal-navbar-menu");a&&!this.simple&&await a.toggle(this.isMenuActive)}await o(300),this.balDidAnimate.emit(this.isMenuActive)}async onClick(){this.toggle()}render(){const a=l.block("navbar").element("brand"),n=this.logo?t("img",{class:Object.assign(Object.assign({},a.element("logo").class()),a.element("logo").modifier("small").class("small"===this.logoSize)),src:this.logo,alt:"Logo"}):t("bal-logo",{animated:this.animated,color:"white",size:this.logoSize}),i=this.logoLabel?this.logoLabel:f[this.language].logoButtonLabel;return t(e,{key:"a15da2fb97dbef0b32324709d548fe38af7fa84b",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},this.href?t("a",{"aria-label":i,title:i,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.balNavigate.emit(a)},n):this.logoClickable?t("button",{"aria-label":i,title:i,onClick:a=>this.balNavigate.emit(a)},n):n,t("span",{key:"9c70804fe300d6f0b17bee14bb356078db7b587d",class:Object.assign({},a.element("title").class())},t("slot",{key:"53e5729ff4823597e8407a0f7dbacc86696d34aa"})),t("bal-button",{key:"5b0d8585d122add66365aef3f9f0a6f27e72212f",class:Object.assign(Object.assign({},a.element("burger").class()),a.element("burger").modifier("hidden").class("simple"===this.interface)),color:"light",inverted:!0,square:!0,icon:this.isMenuActive?"close":"menu-bars",onClick:()=>this.onClick()}))}get el(){return n(this)}};r([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],_.prototype,"configChanged",null);const u=class{constructor(t){a(this,t),this.isMenuActive=!1,this.isTouch=p.isTouch,this.interface="app"}breakpointListener(a){this.isTouch=a.touch}async toggle(a){this.isMenuActive=a;const t=this.element.querySelector("bal-tabs");t&&(await c(t),t.renderLine())}render(){const a=l.block("navbar").element("menu");let n="";if(this.isTouch){const a=this.element.closest("bal-navbar");a&&(n=a.container)}return t(e,{key:"e3632d31af2bf0bbd0bc416c40ff17ed7cd3a74f",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("active").class(this.isMenuActive)),a.modifier(`context-${this.interface}`).class()),{container:!0,[`is-${n}`]:""!==n})},t("slot",{key:"63897a0b6c61e222fc3f87051c1f4cf89d27be5a"}))}get element(){return n(this)}};r([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],u.prototype,"breakpointListener",null);const x=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("end");return t(e,{key:"704fe4c50701625f0160aa39a79a5fc3e2f9debb",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",{key:"05737e744803b4b62906ab835d555d1c9cc6cf98"}))}},y=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("start");return t(e,{key:"b53e1c198366eeca89e5d71bf52af297902307a8",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",{key:"3e123a521d151135d72001d1b3ac703d236a4c8f"}))}};export{g as bal_navbar,_ as bal_navbar_brand,u as bal_navbar_menu,x as bal_navbar_menu_end,y as bal_navbar_menu_start}

package/dist/baloise-design-system/{p-81c4b117a6.system.entry.js → p-43dd693355.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{l(a.next(e))}catch(e){o(e)}}function s(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):n(e.value).then(i,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=s(0),i["throw"]=s(1),i["return"]=s(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(a=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-x0vPGP6t.system.js","./p-CLDmOIBx.system.js","./p-DKjTFqnu.system.js","./p-BNWt5z9B.system.js","./p-DV-2u4Pm.system.js","./p-D5aEF_JU.system.js","./p-CTuoH3RE.system.js","./p-DOmwcY8I.system.js","./p-ncoiCFQ1.system.js","./p-DST0VloN.system.js","./p-BpMXwP_q.system.js","./p-Ck7YRry-.system.js","./p-m5GX4h3i.system.js","./p-D1opIX9W.system.js","./p-DtlqgdI2.system.js","./p-DDPYMMGG.system.js","./p-D7_eHNTI.system.js","./p-4RgSLeC0.system.js","./p-DdX8FaaK.system.js","./p-BpG6m494.system.js","./p-BM_oHMik.system.js","./p-4Y53iwfN.system.js","./p-Bzy18UgU.system.js"],(function(e){"use strict";var t,r,a,n,o,i,s,l,c,u,b,d,h,p,m,f,g,_,w,v,y,k,x,j;return{setters:[function(e){t=e.h;r=e.r;a=e.c;n=e.H;o=e.g},function(e){i=e._;s=e.a},function(e){l=e.B},function(e){c=e.L},function(e){u=e.s},function(e){b=e.a},function(e){d=e.t;h=e.S},function(e){p=e.L},function(e){m=e.L},function(e){f=e.L},function(e){g=e.b},function(e){_=e.d},function(e){w=e.L},function(e){v=e.L},function(e){y=e.s},function(e){k=e.i},function(e){x=e.l;j=e.a},null,null,null,null,null,null,null,null,null],execute:function(){var O=function(e){var r=e.value,a=e.items,n=e.containerId,o=e.onControlChange;var i=l.block("carousel");var s=i.element("controls");return t("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",{role:"tabs"},a.map((function(e){return t("button",{class:{button:true,"is-fullwidth":true,"is-primary":r===e.value,"is-light":r!==e.value},role:"tab","aria-selected":b(r===e.value),"aria-controls":n+"-"+d(e.label),key:e.value,onClick:function(){return o(e)}},e.label)})))))};var z=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.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-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';var C=e("bal_carousel",function(){function e(e){r(this,e);this.balChange=a(this,"balChange");this.swiper=new h;this.swiperIsLastSlideVisible=false;this.hasAnimated=false;this.isMobile=g.isMobile;this.language=_.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.space="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false;this.mutationObserverActive=true}e.prototype.onValueChange=function(){this.swiper.index=this.value};e.prototype.onStepsChange=function(){this.swiper.steps=this.steps};e.prototype.onItemsPerViewChange=function(){this.swiper.itemsPerView=this.itemsPerView};e.prototype.onControlsChange=function(){this.swiper.controls=this.controls};e.prototype.onSpaceChange=function(){this.swiper.gapSpace=this.space};e.prototype.onInterFaceChange=function(){this.swiper.gapSpace=this.interface==="product"?"normal":this.space};e.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.onControlsChange();this.onItemsPerViewChange();this.onStepsChange();this.onSpaceChange();this.onInterFaceChange();this.onValueChange()};e.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};e.prototype.blockVerticalScrolling=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(!this.scrollY&&((t=this.el)===null||t===void 0?void 0:t.contains(e.target))){u(e)}return[2]}))}))};e.prototype.mutationListener=function(){this.swiper.notifyChange()};e.prototype.visibilityListener=function(){this.swiper.notifyChange()};e.prototype.swipeListener=function(e){var t=e.left,r=e.right;if(t){this.next()}else if(r){this.previous()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile;this.swiper.notifyChange()};e.prototype.resizeListener=function(){this.swiper.notifyChange()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;return[2]}))}))};e.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.previous(e);return[2]}))}))};e.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.next(e);return[2]}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.swiper.containerId]}))}))};e.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};e.prototype.swiperOnChange=function(e){this.value=e;this.balChange.emit(e)};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("inner");var o=a.element("container");return t(n,{key:"561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(this.interface!=="")),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class(this.controls==="tabs"))},this.controls==="tabs"?t(O,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",t("div",{key:"6adb9641efe5f488a940ffac297bcc7b3932c92a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),a.class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},t("div",{key:"fb4083afd4a967761c25200e8630f171b02a6c2d",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),o.class()),o.modifier("border").class(this.border)),o.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},t("slot",{key:"c46d996cc3904bcdc38951f155e3a49f73f284f8"}),this.border?t("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:function(t){return e.swiper.borderEl=t}}):"")),this.swiper.renderControls())};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}},enumerable:false,configurable:true});return e}());i([p({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"mutationListener",null);i([w(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"visibilityListener",null);i([m(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"swipeListener",null);i([c(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"breakpointListener",null);i([f(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"resizeListener",null);i([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],C.prototype,"configChanged",null);C.style=z;var D=e("bal_carousel_item",function(){function e(e){var t=this;r(this,e);this.balNavigate=a(this,"balNavigate");this.balFocus=a(this,"balFocus");this.balBlur=a(this,"balBlur");this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.containerId="";this.svgContent="";this.label="";this.svg="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.target="_self";this.generateSvgContent=function(){if(t.svg!==undefined&&t.svg.length>0){t.svgContent=y(t.svg)}};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()}}e.prototype.svgChanged=function(){this.generateSvgContent()};e.prototype.connectedCallback=function(){this.generateSvgContent()};e.prototype.componentDidLoad=function(){var e=this;x((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=k(this.el,["alt"]);this.getContainerId()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,j()];case 1:e.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.closest("bal-carousel");t=this;return[4,e.getContainerId()];case 1:t.containerId=r.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("item");var o=!!this.color&&!!this.label;var i=this.el.closest("bal-carousel");var s=i&&i.controls==="tabs"?"tabpanel":"listitem";var c="".concat(this.containerId,"-").concat(d(this.label));if(!o){return t(n,{id:c,role:s,class:Object.assign({},a.class()),"aria-label":this.label},this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",t("slot",null))}var u=a.element("button");var b=u.element("image");var h=u.element("label");var p=this,m=p.elementType,f=p.download,g=p.href,_=p.rel,w=p.target,v=p.name,y=p.value;var k=this.href===undefined?"button":"a";var x=k==="button"?{type:m,name:v,value:y}:{download:f,href:g,rel:_,target:w};return t(n,{id:c,role:s,"aria-label":this.label,class:Object.assign({},a.class())},t(k,Object.assign({},x,{class:Object.assign(Object.assign({},u.class()),u.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(t){return e.buttonEl=t}}),this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({class:Object.assign({},b.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&this.svgContent!==undefined?t("div",{class:Object.assign({},b.class()),innerHTML:this.svgContent}):"",this.label!==undefined?t("span",{class:Object.assign({},h.class())},this.label):"",t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{svg:["svgChanged"]}},enumerable:false,configurable:true});return e}())}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{l(a.next(e))}catch(e){o(e)}}function s(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):n(e.value).then(i,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=s(0),i["throw"]=s(1),i["return"]=s(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(a=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-CPHPFMUC.system.js","./p-CLDmOIBx.system.js","./p-DKjTFqnu.system.js","./p-BNWt5z9B.system.js","./p-DV-2u4Pm.system.js","./p-D5aEF_JU.system.js","./p-CTuoH3RE.system.js","./p-DxnFuP0T.system.js","./p-ncoiCFQ1.system.js","./p-DST0VloN.system.js","./p-BpMXwP_q.system.js","./p-Ck7YRry-.system.js","./p-m5GX4h3i.system.js","./p-D1opIX9W.system.js","./p-DtlqgdI2.system.js","./p-DDPYMMGG.system.js","./p-D7_eHNTI.system.js","./p-4RgSLeC0.system.js","./p-DdX8FaaK.system.js","./p-Nqmo3uHl.system.js","./p-BM_oHMik.system.js","./p-4Y53iwfN.system.js","./p-Bzy18UgU.system.js"],(function(e){"use strict";var t,r,a,n,o,i,s,l,c,u,b,d,h,p,m,f,g,_,w,v,y,k,x,j;return{setters:[function(e){t=e.h;r=e.r;a=e.c;n=e.H;o=e.g},function(e){i=e._;s=e.a},function(e){l=e.B},function(e){c=e.L},function(e){u=e.s},function(e){b=e.a},function(e){d=e.t;h=e.S},function(e){p=e.L},function(e){m=e.L},function(e){f=e.L},function(e){g=e.b},function(e){_=e.d},function(e){w=e.L},function(e){v=e.L},function(e){y=e.s},function(e){k=e.i},function(e){x=e.l;j=e.a},null,null,null,null,null,null,null,null,null],execute:function(){var O=function(e){var r=e.value,a=e.items,n=e.containerId,o=e.onControlChange;var i=l.block("carousel");var s=i.element("controls");return t("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",{role:"tabs"},a.map((function(e){return t("button",{class:{button:true,"is-fullwidth":true,"is-primary":r===e.value,"is-light":r!==e.value},role:"tab","aria-selected":b(r===e.value),"aria-controls":n+"-"+d(e.label),key:e.value,onClick:function(){return o(e)}},e.label)})))))};var z=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.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-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';var C=e("bal_carousel",function(){function e(e){r(this,e);this.balChange=a(this,"balChange");this.swiper=new h;this.swiperIsLastSlideVisible=false;this.hasAnimated=false;this.isMobile=g.isMobile;this.language=_.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.space="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false;this.mutationObserverActive=true}e.prototype.onValueChange=function(){this.swiper.index=this.value};e.prototype.onStepsChange=function(){this.swiper.steps=this.steps};e.prototype.onItemsPerViewChange=function(){this.swiper.itemsPerView=this.itemsPerView};e.prototype.onControlsChange=function(){this.swiper.controls=this.controls};e.prototype.onSpaceChange=function(){this.swiper.gapSpace=this.space};e.prototype.onInterFaceChange=function(){this.swiper.gapSpace=this.interface==="product"?"normal":this.space};e.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.onControlsChange();this.onItemsPerViewChange();this.onStepsChange();this.onSpaceChange();this.onInterFaceChange();this.onValueChange()};e.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};e.prototype.blockVerticalScrolling=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(!this.scrollY&&((t=this.el)===null||t===void 0?void 0:t.contains(e.target))){u(e)}return[2]}))}))};e.prototype.mutationListener=function(){this.swiper.notifyChange()};e.prototype.visibilityListener=function(){this.swiper.notifyChange()};e.prototype.swipeListener=function(e){var t=e.left,r=e.right;if(t){this.next()}else if(r){this.previous()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile;this.swiper.notifyChange()};e.prototype.resizeListener=function(){this.swiper.notifyChange()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;return[2]}))}))};e.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.previous(e);return[2]}))}))};e.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.next(e);return[2]}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.swiper.containerId]}))}))};e.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};e.prototype.swiperOnChange=function(e){this.value=e;this.balChange.emit(e)};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("inner");var o=a.element("container");return t(n,{key:"561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(this.interface!=="")),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class(this.controls==="tabs"))},this.controls==="tabs"?t(O,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",t("div",{key:"6adb9641efe5f488a940ffac297bcc7b3932c92a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),a.class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},t("div",{key:"fb4083afd4a967761c25200e8630f171b02a6c2d",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),o.class()),o.modifier("border").class(this.border)),o.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},t("slot",{key:"c46d996cc3904bcdc38951f155e3a49f73f284f8"}),this.border?t("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:function(t){return e.swiper.borderEl=t}}):"")),this.swiper.renderControls())};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}},enumerable:false,configurable:true});return e}());i([p({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"mutationListener",null);i([w(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"visibilityListener",null);i([m(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"swipeListener",null);i([c(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"breakpointListener",null);i([f(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"resizeListener",null);i([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],C.prototype,"configChanged",null);C.style=z;var D=e("bal_carousel_item",function(){function e(e){var t=this;r(this,e);this.balNavigate=a(this,"balNavigate");this.balFocus=a(this,"balFocus");this.balBlur=a(this,"balBlur");this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.containerId="";this.svgContent="";this.label="";this.svg="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.target="_self";this.generateSvgContent=function(){if(t.svg!==undefined&&t.svg.length>0){t.svgContent=y(t.svg)}};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()}}e.prototype.svgChanged=function(){this.generateSvgContent()};e.prototype.connectedCallback=function(){this.generateSvgContent()};e.prototype.componentDidLoad=function(){var e=this;x((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=k(this.el,["alt"]);this.getContainerId()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,j()];case 1:e.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.closest("bal-carousel");t=this;return[4,e.getContainerId()];case 1:t.containerId=r.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("item");var o=!!this.color&&!!this.label;var i=this.el.closest("bal-carousel");var s=i&&i.controls==="tabs"?"tabpanel":"listitem";var c="".concat(this.containerId,"-").concat(d(this.label));if(!o){return t(n,{id:c,role:s,class:Object.assign({},a.class()),"aria-label":this.label},this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",t("slot",null))}var u=a.element("button");var b=u.element("image");var h=u.element("label");var p=this,m=p.elementType,f=p.download,g=p.href,_=p.rel,w=p.target,v=p.name,y=p.value;var k=this.href===undefined?"button":"a";var x=k==="button"?{type:m,name:v,value:y}:{download:f,href:g,rel:_,target:w};return t(n,{id:c,role:s,"aria-label":this.label,class:Object.assign({},a.class())},t(k,Object.assign({},x,{class:Object.assign(Object.assign({},u.class()),u.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(t){return e.buttonEl=t}}),this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({class:Object.assign({},b.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&this.svgContent!==undefined?t("div",{class:Object.assign({},b.class()),innerHTML:this.svgContent}):"",this.label!==undefined?t("span",{class:Object.assign({},h.class())},this.label):"",t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{svg:["svgChanged"]}},enumerable:false,configurable:true});return e}())}}}));

package/dist/baloise-design-system/{p-8f510eed45.entry.js → p-477359bbf9.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-BdVwMG9u.js";import{_ as r,a as o}from"./p-dfXERft2.js";import{B as l}from"./p-ByiN-QjD.js";import{F as b}from"./p-DqCbGYzv.js";import{d as c}from"./p-FCLKfv6B.js";import{s as m}from"./p-CpDHeXfo.js";import{m as d,o as h,p as g}from"./p-Ba5qjFjW.js";import{L as p}from"./p-D7ovid3w.js";import{i as u,a as v,b as f,c as k,d as x,e as _,f as y,g as w}from"./p-BERg8BNc.js";import{L as j}from"./p-B9BMZmYk.js";import{L as O}from"./p-j851_ZaC.js";import{L as z}from"./p-Dp4edqFK.js";import{L as C}from"./p-CIBedZ4h.js";import{L}from"./p-BQ-ZBPGz.js";import{i as F}from"./p-C4sZQbkT.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-C20cwFWy.js";import"./p-BeOuHPcP.js";import"./p-MBsgW7uz.js";import"./p-CvA86VZU.js";const B=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus"),this.balBlur=t(this,"balBlur"),this.balChange=t(this,"balChange"),this.balSelect=t(this,"balSelect"),this.balVertical=t(this,"balVertical"),this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=c,this.invalid=!1,this.autoInvalidOff=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())}}createLogger(e){this.log=e}invalidChanged(){this.allItems.map((e=>e.invalid=this.invalid))}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e),this.setCheckedClasses()}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}animationListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}visibilityListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=b.includes(e.key);let t,i=!1;if(u(e)||v(e)?(m(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):f(e)||k(e)?(m(e),t=this.getSegmentItem("previous")):x(e)||_(e)?(m(e),t=this.getSegmentItem("next")):y(e)?(m(e),t=this.getSegmentItem("first")):w(e)&&(m(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){d((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:b}=this,c=l.block("segment");return a(s,{key:"08fb99b658d704d85ab181d55d7bdbce7ee40fd8",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("invalid").class(e)),c.modifier("vertical").class(t)),c.modifier("scrollable").class(i)),c.modifier("keyboard").class(n)),c.modifier("disabled").class(b)),c.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{key:"432741fe51dc5c83ea241506687de13469afc149",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}};r([p("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],B.prototype,"createLogger",null),r([j(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"focusInListener",null),r([j(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"focusOutListener",null),r([O(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"animationListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"visibilityListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"breakpointListener",null),r([C(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"windowResizeListener",null),B.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let D=0;const E=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=D++,this.inputId=`bal-si-${this.internalId}`,this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=c,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;if(e.length>0){const t=e[0];this.checked=!1,this.isFocusable=t===this.el}}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),e.invalid&&(this.invalid=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()}}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(h(e,"balSelect",this.updateState),h(e,"balVertical",this.updateVertical)),d((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:b}=this,c=l.block("segment-item"),m=c.element("button"),d=c.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=b&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"54ab8ce0ab290fcbc238087789ce0bca3caedddc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical").class(p)),c.modifier("disabled").class(g)),c.modifier("checked").class(e)),c.modifier("invalid").class(h)),c.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"be4e31f8a5b0da8cc9f70a867e546920127ba4b2",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("disabled").class(g)),m.modifier("focused").class(t)),m.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"f6d56f256041be2a97822dcc424d887844bacc0e",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},m.element("icon").class()),m.element("icon").modifier("animated").class(e)),m.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"15df166b0d0d2b6a6b9447506755b9de3581c77d",space:"x-small",layout:"horizontal"},a("bal-content",{key:"056ba7bfb5d4f456f03f70e9f86e0269bd44a78b",space:"none"},a("bal-label",{key:"055ca1dd2f698e5b3758fbc5535a221801d90642",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"5a4ea620046a856959a811110f9c8ec5dfefa156",part:"slot",class:Object.assign({},m.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"ceeb6506e86bde765a45497987759479b450c16f",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"7384e9bec0b8c8337191b79a54a18cf5cc89a55b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};E.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{B as bal_segment,E as bal_segment_item}
+import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-BdVwMG9u.js";import{_ as r,a as o}from"./p-dfXERft2.js";import{B as l}from"./p-ByiN-QjD.js";import{F as b}from"./p-DqCbGYzv.js";import{d as c}from"./p-FCLKfv6B.js";import{s as m}from"./p-CpDHeXfo.js";import{m as d,o as h,p as g}from"./p-Ba5qjFjW.js";import{L as p}from"./p-D7ovid3w.js";import{i as u,a as v,b as f,c as k,d as x,e as _,f as y,g as w}from"./p-BERg8BNc.js";import{L as j}from"./p-B9BMZmYk.js";import{L as O}from"./p-j851_ZaC.js";import{L as z}from"./p-Dp4edqFK.js";import{L as C}from"./p-5GEK9UQy.js";import{L}from"./p-DvLv1IDC.js";import{i as F}from"./p-C4sZQbkT.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-C20cwFWy.js";import"./p-Oz8SBVmc.js";import"./p-MBsgW7uz.js";import"./p-Dk6PruGq.js";const B=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus"),this.balBlur=t(this,"balBlur"),this.balChange=t(this,"balChange"),this.balSelect=t(this,"balSelect"),this.balVertical=t(this,"balVertical"),this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=c,this.invalid=!1,this.autoInvalidOff=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())}}createLogger(e){this.log=e}invalidChanged(){this.allItems.map((e=>e.invalid=this.invalid))}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e),this.setCheckedClasses()}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}animationListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}visibilityListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=b.includes(e.key);let t,i=!1;if(u(e)||v(e)?(m(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):f(e)||k(e)?(m(e),t=this.getSegmentItem("previous")):x(e)||_(e)?(m(e),t=this.getSegmentItem("next")):y(e)?(m(e),t=this.getSegmentItem("first")):w(e)&&(m(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){d((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:b}=this,c=l.block("segment");return a(s,{key:"08fb99b658d704d85ab181d55d7bdbce7ee40fd8",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("invalid").class(e)),c.modifier("vertical").class(t)),c.modifier("scrollable").class(i)),c.modifier("keyboard").class(n)),c.modifier("disabled").class(b)),c.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{key:"432741fe51dc5c83ea241506687de13469afc149",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}};r([p("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],B.prototype,"createLogger",null),r([j(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"focusInListener",null),r([j(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"focusOutListener",null),r([O(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"animationListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"visibilityListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"breakpointListener",null),r([C(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"windowResizeListener",null),B.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let D=0;const E=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=D++,this.inputId=`bal-si-${this.internalId}`,this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=c,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;if(e.length>0){const t=e[0];this.checked=!1,this.isFocusable=t===this.el}}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),e.invalid&&(this.invalid=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()}}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(h(e,"balSelect",this.updateState),h(e,"balVertical",this.updateVertical)),d((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:b}=this,c=l.block("segment-item"),m=c.element("button"),d=c.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=b&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"54ab8ce0ab290fcbc238087789ce0bca3caedddc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical").class(p)),c.modifier("disabled").class(g)),c.modifier("checked").class(e)),c.modifier("invalid").class(h)),c.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"be4e31f8a5b0da8cc9f70a867e546920127ba4b2",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("disabled").class(g)),m.modifier("focused").class(t)),m.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"f6d56f256041be2a97822dcc424d887844bacc0e",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},m.element("icon").class()),m.element("icon").modifier("animated").class(e)),m.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"15df166b0d0d2b6a6b9447506755b9de3581c77d",space:"x-small",layout:"horizontal"},a("bal-content",{key:"056ba7bfb5d4f456f03f70e9f86e0269bd44a78b",space:"none"},a("bal-label",{key:"055ca1dd2f698e5b3758fbc5535a221801d90642",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"5a4ea620046a856959a811110f9c8ec5dfefa156",part:"slot",class:Object.assign({},m.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"ceeb6506e86bde765a45497987759479b450c16f",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"7384e9bec0b8c8337191b79a54a18cf5cc89a55b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};E.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{B as bal_segment,E as bal_segment_item}