@baloise/ds-core 17.2.4 → 17.2.5

package/dist/baloise-design-system/{p-8227e41299.entry.js → p-a6ff014e4c.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as o,g as s}from"./p-2ccbe55a.js";import{_ as l,a}from"./p-43c9f5e9.js";import{l as r}from"./p-9a3d9e17.js";import{n,d as c,h,j as b,k as d}from"./p-21f87590.js";import{a as p}from"./p-00b37ea2.js";import{r as u,p as f,l as m,g as v,i as g,s as _,a as y,f as k,b as x,v as w}from"./p-c0c91eb1.js";import{s as j}from"./p-81894fe8.js";import{B as O}from"./p-ae86d0a0.js";import{L as C}from"./p-b77e3348.js";import{d as T}from"./p-f385e205.js";import{d as L,i as z,a as F,b as A,c as B,k as M}from"./p-dc98854c.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-166d571e.js";import"./p-4573c419.js";const I=!0,P=!1,V=class{constructor(i){t(this,i),this.balChange=e(this,"balChange",7),this.balInputClick=e(this,"balInputClick",7),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balFocus=e(this,"balFocus",7),this.balCancel=e(this,"balCancel",7),this.balKeyPress=e(this,"balKeyPress",7),this.didInit=!1,this.inputId="bal-select-"+D++,this.initialValue=[],this.removeValue=t=>{this.disabled||(this.updateRawValue(u(this.rawValue,t),I),this.multiple&&this.typeahead&&this.setFocus(),this.fireBlur())},this.fireBlur=(t=new CustomEvent("blur"))=>{this.isPopoverOpen||this.hasFocus||n((()=>this.balBlur.emit(t)))},this.handleClick=t=>{(this.disabled||this.readonly)&&f(t)},this.handlePopoverChange=t=>{t.stopPropagation(),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.isPopoverOpen?this.updateFocus():(this.focusIndex=-1,this.multiple&&this.typeahead&&this.updateInputValue(""),this.fireBlur(t)))},this.handleInputBlur=t=>{f(t);const e=t.relatedTarget;(null===e||e&&e.nodeName&&("BAL-MODAL"===e.nodeName||"INPUT"===e.nodeName||"BUTTON"===e.nodeName))&&this.validateAfterBlur(I),this.hasFocus=!1,this.fireBlur(t)},this.handleInputFocus=t=>{this.balFocus.emit(t),this.hasFocus=!0},this.handleInputClick=async(t,e=!1)=>{var i,o,s,l;j(t),this.isChipClicked(t)||(this.disabled||this.readonly?f(t):(this.focusIndex=-1,this.balInputClick.emit(t),this.typeahead?this.isPopoverOpen&&e?await(null===(i=this.popoverElement)||void 0===i?void 0:i.dismiss()):await(null===(o=this.popoverElement)||void 0===o?void 0:o.present()):this.isPopoverOpen?await(null===(s=this.popoverElement)||void 0===s?void 0:s.dismiss()):await(null===(l=this.popoverElement)||void 0===l?void 0:l.present())))},this.handleKeyPress=async t=>{!this.isPopoverOpen&&L(t)&&(f(t),await this.open()),this.balKeyPress.emit(t)},this.handleInputChange=t=>{this.disabled||this.readonly||(this.inputValue=t.target.value)},this.handleInput=async t=>{this.disabled||this.readonly||(this.inputValue=t.target.value,this.isPopoverOpen||this.popoverElement.present(),this.focusIndex=-1,this.updateFocus(),f(t),this.balInput.emit(this.inputValue))},this.handleOptionMouseEnter=t=>{this.focusIndex=t},this.hasFocus=!1,this.inputValue="",this.focusIndex=-1,this.isPopoverOpen=!1,this.options=new Map,this.labelToScrollTo="",this.labelToSelectTo="",this.ariaForm=T,this.name=this.inputId,this.invalid=!1,this.filter="includes",this.balTabindex=0,this.freeSolo=!1,this.multiple=!1,this.maxLength=void 0,this.noDataLabel=void 0,this.autocomplete="off",this.typeahead=!1,this.selectionOptional=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.inverted=!1,this.placeholder=void 0,this.scrollable=250,this.loading=!1,this.remote=!1,this.autoInvalidOff=!1,this.value=[],this.rawValue=[]}createLogger(t){this.log=t}valueWatcher(){this.syncRawValue(!1)}updateRawValue(t,e=!0){p(t,this.rawValue||[])||(this.rawValue=[...t],this.syncNativeInput(),this.didInit&&!0===e&&(this.multiple?r(this.rawValue)?this.emitChangeEvent([]):this.emitChangeEvent([...this.rawValue]):r(this.rawValue)||0===m(this.rawValue)?this.emitChangeEvent(void 0):this.emitChangeEvent(this.rawValue[0])))}emitChangeEvent(t){this.balChange.emit(t)}connectedCallback(){const t=d((()=>this.updateOptions()),0);this.initialValue=this.value,t(),this.mutationO=(e=>{if("undefined"==typeof MutationObserver)return;const i=new MutationObserver((e=>{(e=e.filter((t=>t.target.nodeName==="bal-select-option".toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()))).length>0&&t()}));return i.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),i})(this.el)}componentWillLoad(){if(this.waitForOptionsAndThenUpdateRawValues(),this.isInsideOfFooter(),!r(this.rawValue)&&this.options.size>0&&1===m(this.rawValue)){const t=this.options.get(this.rawValue[0]);r(t)||(this.inputValue=t.label)}}componentDidLoad(){this.syncRawValue(!1),this.multiple||(this.inputElement.value=this.inputValue),this.didInit=!0}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&f(t)}resetHandler(t){const e=t.target;(null==e?void 0:e.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.value=this.initialValue,this.syncRawValue(!1),this.syncNativeInput(),this.nativeSelectEl&&Array.from(this.nativeSelectEl.options).forEach((t=>t.selected=!0))}),0))}async handleKeyDown(t){if(this.isPopoverOpen){if((z(t)||F(t))&&(f(t),this.navigateWithArrowKey(t),this.updateFocus()),A(t)&&(f(t),this.selectedFocusedOption()),B(t)&&this.cancel(),M(t)&&this.typeahead&&this.multiple&&""===this.inputElement.value&&m(this.rawValue)>0){const t=v(this.rawValue);this.removeValue(t[m(this.rawValue)-1])}this.typeahead||1!==t.key.length||this.focusOptionByLabel(t.key),L(t)&&!this.typeahead&&f(t)}else this.hasFocus&&((z(t)||F(t))&&(f(t),await this.open()),this.typeahead||1!==t.key.length||this.selectOptionByLabel(t.key))}async setFocus(){this.inputElement&&!this.disabled&&(await c(),this.inputElement.focus())}async getValue(){return this.rawValue}async clear(){this.focusIndex=-1,this.inputElement&&(this.updateInputValue(""),this.updateRawValue([],I),this.value=this.multiple?[]:"")}async open(){this.disabled||this.readonly||r(this.popoverElement)||await this.popoverElement.present()}async close(){this.disabled||this.readonly||r(this.popoverElement)||this.blurSelect()}async cancel(){this.labelToScrollTo="",this.close(),this.scrollTo(0),this.balCancel.emit()}async select(t){const e=this.options.get(t);r(e)||this.optionSelected(e)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}async waitForOptionsAndThenUpdateRawValues(){clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer),await h(this.el),this.options.size>0?this.remote||this.syncRawValue(P):this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((()=>this.waitForOptionsAndThenUpdateRawValues()),10)}async updateOptions(){const t=this.getChildOpts(),e=new Map;for(let i=0;i<t.length;i++){const o=t[i];e.set(o.value,{value:o.value,label:o.label,disabled:o.disabled,id:o.for,textContent:o.textContent,innerHTML:o.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue))for(let t=0;t<this.rawValue.length;t++){const i=this.rawValue[t];if(!e.has(i)){const t=u(this.rawValue,i);this.updateRawValue(t,P)}}this.options=new Map(e),this.typeahead||await this.syncNativeInput(),this.didInit&&!this.remote&&this.validateAfterBlur()}get optionArray(){const t=Array.from(this.options,(([t,e])=>e));return!this.typeahead||this.remote?t:t.filter((t=>"includes"===this.filter?g(t.textContent,this.inputValue):_(t.textContent,this.inputValue)))}hasOptions(){return this.optionArray.length>0}get inputPlaceholder(){return this.multiple?m(this.rawValue)<1?this.placeholder:void 0:!r(this.rawValue)&&m(this.rawValue)>0?void 0:this.placeholder}getChildOpts(){return Array.from(this.el.querySelectorAll("bal-select-option"))}getPopoverContent(){return this.popoverElement.querySelector(".bal-popover__content__inner")}updateFocus(){this.focusIndex<-1&&(this.focusIndex=-1);const t=this.optionArray;if(t.length>0){t.length<=this.focusIndex&&(this.focusIndex=t.length-1);const e=t[this.focusIndex];if(e&&e.id){const t=this.el.querySelector(`button#${e.id}`);t&&(clearTimeout(this.updateFocusTimer),this.updateFocusTimer=setTimeout((()=>{this.scrollToFocusedOption(t)}),0))}}else this.focusIndex=-1}scrollToFocusedOption(t){if(t&&this.popoverElement){const e=this.getPopoverContent();if(e){const i=t.offsetTop;i<e.scrollTop&&(e.scrollTop=i),t.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight&&(e.scrollTop=e.scrollTop+t.clientHeight)}}}scrollTo(t){const e=this.getPopoverContent();e&&(e.scrollTop=t)}selectedFocusedOption(){const t=this.optionArray;if(t.length>this.focusIndex){const e=t[this.focusIndex];e&&this.optionSelected(e)}}navigateWithArrowKey(t){z(t)?this.focusIndex=this.focusIndex+1:F(t)&&(this.focusIndex=this.focusIndex-1)}focusOptionByLabel(t){this.labelToScrollTo=this.labelToScrollTo+t,clearTimeout(this.clearScrollToValue),this.clearScrollToValue=setTimeout((()=>{this.scrollToLabel(this.labelToScrollTo)}),600)}selectOptionByLabel(t){this.labelToSelectTo=this.labelToSelectTo+t,clearTimeout(this.clearSelectValue),this.clearSelectValue=setTimeout((()=>{this.selectLabel(this.labelToSelectTo),this.labelToSelectTo=""}),600)}async selectLabel(t){if(" "!==t){const e=this.optionArray.find((e=>_(e.label||"",t)));if(!r(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!r(t)){const t=this.optionArray.indexOf(e);this.focusIndex=t,this.select(e.value)}}this.labelToScrollTo=""}}async scrollToLabel(t){if(" "!==t){const e=this.optionArray.find((e=>_(e.label||"",t)));if(!r(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!r(t)){const i=this.optionArray.indexOf(e);this.focusIndex=i,this.scrollTo(t.offsetTop)}}this.labelToScrollTo=""}}syncRawValue(t=!0){let e=[];r(this.value)||""===this.value||(e=Array.isArray(this.value)?[...this.value.filter((t=>!r(t)))]:this.value.split("").includes(",")?[...this.value.split(",").filter((t=>t)).map((t=>t.trim()))]:[this.value]),this.updateRawValue(e,t)}blurSelect(){this.popoverElement.dismiss()}optionSelected(t){const e=v(this.rawValue).some((e=>e===t.value));this.updateValue(t.value,!e),this.multiple?this.typeahead&&this.setFocus():this.blurSelect()}updateValue(t,e=!0){this.multiple?this.updateRawValue(e?y(this.rawValue,t,this.multiple):u(this.rawValue,t),I):(this.updateRawValue(y(this.rawValue,t,this.multiple),I),this.rawValue&&this.rawValue.length>0&&this.updateInputValue(k(this.options,this.rawValue[0])))}validateAfterBlur(t=!1){let e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){const t=x(this.options,this.inputElement.value);e=t?[t.value]:[this.inputElement.value]}else e=w(this.rawValue,this.options,this.inputElement.value);this.updateRawValue(e,t)}}syncNativeInput(){if(!this.multiple&&m(this.rawValue)>0){const t=v(this.rawValue);let e=k(this.options,t[0]);return!this.multiple&&this.typeahead&&this.selectionOptional&&""===e&&(e=t.join(", ")),this.updateInputValue(e)}return Promise.resolve()}updateInputValue(t){return new Promise((e=>{this.updateInputValueTimer&&clearTimeout(this.updateInputValueTimer),this.updateInputValueTimer=setTimeout((()=>{r(this.inputElement)||(this.inputElement.value=t,this.inputValue=t,e())}),0)}))}isChipClicked(t){let e=!1;if(this.multiple){const i=this.selectionEl.querySelectorAll("bal-tag"),o=t.target;i.forEach((t=>{const i=b(t,o)||t===o;i&&(e=i)}))}return e}isInsideOfFooter(){this.inverted=null!==this.el.closest("bal-footer")}render(){var t;const e=t=>i("bal-tag",{key:"79401261d2710c20cf092eb9fbb7fb9df4a8b58c",size:"",closable:!this.disabled,disabled:this.disabled,invalid:this.invalid,tabindex:-1,onBalCloseClick:()=>this.removeValue(t.value),"data-testid":"bal-select-chip"},k(this.options,t.value)||t.value),s=v(this.rawValue),l=O.block("select"),a=l.element("native"),r=l.element("control"),n=r.element("icon"),c=r.element("selections"),h=r.element("input"),b=l.element("popover"),d=b.element("empty"),p=l.element("option"),u=p.element("content"),m=u.element("checkbox"),g=u.element("label");return i(o,{key:"6f73b54fd82f27f6aec3afde83fa9b6df2b2783b",role:"listbox",onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,"data-value":null===(t=this.rawValue)||void 0===t?void 0:t.map((t=>k(this.options,t))).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("disabled").class(this.disabled||this.readonly)),l.modifier("inverted").class(this.inverted)),l.modifier("inverted-footer").class(this.inverted))},i("select",{key:"acac08e4b77913e59024df94a888d06a9f839084",class:Object.assign({},a.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:t=>this.nativeSelectEl=t},s.map((t=>i("option",{key:t,value:t,selected:!0},t)))),i("bal-popover",{key:"0bb66730c86b7730411c2ccee9fa1a1903b51df5",onBalChange:this.handlePopoverChange,ref:t=>this.popoverElement=t},i("div",{key:"65ad688a0ea4c704e25eedf57cdde2f0b7042839","bal-popover-trigger":!0,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("invalid").class(this.invalid)),r.modifier("disabled").class(this.disabled||this.readonly)),r.modifier("focused").class(this.isPopoverOpen)),r.modifier("inverted-footer").class(this.inverted))},i("div",{key:"5c92ecce5f080f9219838cefa496b8f86e6a5e1e",class:Object.assign(Object.assign({},c.class()),c.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:t=>this.selectionEl=t},s.filter((()=>this.multiple)).map((t=>i(e,{value:t}))),i("input",{key:"f3fdeee4cd978843101e662b9654ff48c379a706",type:"text",class:Object.assign(Object.assign({},h.class()),{input:!0,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":!0}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":"off"===this.autocomplete?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:t=>this.inputElement=t})),this.freeSolo||this.loading?"":i("bal-icon",{class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("loading").class(this.loading)),n.modifier("clickable").class(!this.disabled&&!this.readonly)),name:this.inverted?"caret-up":"caret-down",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:t=>this.handleInputClick(t,!0),size:this.inverted?"x-small":""})),i("bal-popover-content",{key:"858a34fd9deb5e3f681f44587d4b1092f0107386",class:Object.assign({},b.class()),scrollable:this.scrollable,spaceless:!0,expanded:!0},this.optionArray.map(((t,e)=>i("button",{key:t.value,type:"button",role:"option",id:t.id,"data-value":t.value,"data-label":t.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},p.class()),p.modifier("selected").class(s.includes(t.value)&&!(this.typeahead&&!this.multiple))),p.modifier("focused").class(this.focusIndex===e)),p.modifier("checkbox").class(this.multiple)),p.modifier("disabled").class(!0===t.disabled)),"data-testid":"bal-select-option",disabled:t.disabled,tabIndex:-1,onMouseEnter:()=>this.handleOptionMouseEnter(e),onClick:()=>this.optionSelected(t)},i("div",{class:Object.assign({},u.class())},i("span",{class:Object.assign({},m.class()),style:{display:this.multiple?"flex":"none"}},i("bal-checkbox",{checked:s.includes(t.value),tabindex:-1,nonSubmit:!0,flat:!0,onBalChange:f})),i("span",{class:Object.assign({},g.class()),innerHTML:t.innerHTML}))))),i("div",{key:"5df467dccba15602535dfacaae0ea7b410cf3d6d",class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(void 0===this.noDataLabel||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))}get el(){return s(this)}static get watchers(){return{value:["valueWatcher"]}}};l([C("bal-select"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],V.prototype,"createLogger",null);let D=0;V.style=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-2);--bal-select-control-input-option-background-hover:var(--bal-color-grey-2);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";const E=class{constructor(e){t(this,e),this.label=void 0,this.disabled=!1,this.value=void 0,this.for="bal-selopt-"+H++}createLogger(t){this.log=t}render(){return i(o,{key:"5d3ad22cd5a4a3f681cb90abf1a82e6b8c782a6b",style:{display:"none"}},i("slot",{key:"f9e214692daeafb1670a73f39311fe2d48232620"}))}};l([C("bal-select-option"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],E.prototype,"createLogger",null);let H=0;export{V as bal_select,E as bal_select_option}
+import{r as t,c as e,h as i,H as o,g as s}from"./p-2ccbe55a.js";import{_ as l,a}from"./p-43c9f5e9.js";import{l as r}from"./p-9a3d9e17.js";import{n,d as c,h,j as b,k as d}from"./p-f64319f1.js";import{a as p}from"./p-00b37ea2.js";import{r as u,p as f,l as m,g as v,i as g,s as _,a as y,f as k,b as x,v as w}from"./p-c0c91eb1.js";import{s as j}from"./p-cc8cfbf3.js";import{B as O}from"./p-ae86d0a0.js";import{L as C}from"./p-b77e3348.js";import{d as T}from"./p-f385e205.js";import{d as L,i as z,a as F,b as A,c as B,k as M}from"./p-dc98854c.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-166d571e.js";import"./p-4573c419.js";const I=!0,P=!1,V=class{constructor(i){t(this,i),this.balChange=e(this,"balChange",7),this.balInputClick=e(this,"balInputClick",7),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balFocus=e(this,"balFocus",7),this.balCancel=e(this,"balCancel",7),this.balKeyPress=e(this,"balKeyPress",7),this.didInit=!1,this.inputId="bal-select-"+D++,this.initialValue=[],this.removeValue=t=>{this.disabled||(this.updateRawValue(u(this.rawValue,t),I),this.multiple&&this.typeahead&&this.setFocus(),this.fireBlur())},this.fireBlur=(t=new CustomEvent("blur"))=>{this.isPopoverOpen||this.hasFocus||n((()=>this.balBlur.emit(t)))},this.handleClick=t=>{(this.disabled||this.readonly)&&f(t)},this.handlePopoverChange=t=>{t.stopPropagation(),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.isPopoverOpen?this.updateFocus():(this.focusIndex=-1,this.multiple&&this.typeahead&&this.updateInputValue(""),this.fireBlur(t)))},this.handleInputBlur=t=>{f(t);const e=t.relatedTarget;(null===e||e&&e.nodeName&&("BAL-MODAL"===e.nodeName||"INPUT"===e.nodeName||"BUTTON"===e.nodeName))&&this.validateAfterBlur(I),this.hasFocus=!1,this.fireBlur(t)},this.handleInputFocus=t=>{this.balFocus.emit(t),this.hasFocus=!0},this.handleInputClick=async(t,e=!1)=>{var i,o,s,l;j(t),this.isChipClicked(t)||(this.disabled||this.readonly?f(t):(this.focusIndex=-1,this.balInputClick.emit(t),this.typeahead?this.isPopoverOpen&&e?await(null===(i=this.popoverElement)||void 0===i?void 0:i.dismiss()):await(null===(o=this.popoverElement)||void 0===o?void 0:o.present()):this.isPopoverOpen?await(null===(s=this.popoverElement)||void 0===s?void 0:s.dismiss()):await(null===(l=this.popoverElement)||void 0===l?void 0:l.present())))},this.handleKeyPress=async t=>{!this.isPopoverOpen&&L(t)&&(f(t),await this.open()),this.balKeyPress.emit(t)},this.handleInputChange=t=>{this.disabled||this.readonly||(this.inputValue=t.target.value)},this.handleInput=async t=>{this.disabled||this.readonly||(this.inputValue=t.target.value,this.isPopoverOpen||this.popoverElement.present(),this.focusIndex=-1,this.updateFocus(),f(t),this.balInput.emit(this.inputValue))},this.handleOptionMouseEnter=t=>{this.focusIndex=t},this.hasFocus=!1,this.inputValue="",this.focusIndex=-1,this.isPopoverOpen=!1,this.options=new Map,this.labelToScrollTo="",this.labelToSelectTo="",this.ariaForm=T,this.name=this.inputId,this.invalid=!1,this.filter="includes",this.balTabindex=0,this.freeSolo=!1,this.multiple=!1,this.maxLength=void 0,this.noDataLabel=void 0,this.autocomplete="off",this.typeahead=!1,this.selectionOptional=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.inverted=!1,this.placeholder=void 0,this.scrollable=250,this.loading=!1,this.remote=!1,this.autoInvalidOff=!1,this.value=[],this.rawValue=[]}createLogger(t){this.log=t}valueWatcher(){this.syncRawValue(!1)}updateRawValue(t,e=!0){p(t,this.rawValue||[])||(this.rawValue=[...t],this.syncNativeInput(),this.didInit&&!0===e&&(this.multiple?r(this.rawValue)?this.emitChangeEvent([]):this.emitChangeEvent([...this.rawValue]):r(this.rawValue)||0===m(this.rawValue)?this.emitChangeEvent(void 0):this.emitChangeEvent(this.rawValue[0])))}emitChangeEvent(t){this.balChange.emit(t)}connectedCallback(){const t=d((()=>this.updateOptions()),0);this.initialValue=this.value,t(),this.mutationO=(e=>{if("undefined"==typeof MutationObserver)return;const i=new MutationObserver((e=>{(e=e.filter((t=>t.target.nodeName==="bal-select-option".toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()))).length>0&&t()}));return i.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),i})(this.el)}componentWillLoad(){if(this.waitForOptionsAndThenUpdateRawValues(),this.isInsideOfFooter(),!r(this.rawValue)&&this.options.size>0&&1===m(this.rawValue)){const t=this.options.get(this.rawValue[0]);r(t)||(this.inputValue=t.label)}}componentDidLoad(){this.syncRawValue(!1),this.multiple||(this.inputElement.value=this.inputValue),this.didInit=!0}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&f(t)}resetHandler(t){const e=t.target;(null==e?void 0:e.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.value=this.initialValue,this.syncRawValue(!1),this.syncNativeInput(),this.nativeSelectEl&&Array.from(this.nativeSelectEl.options).forEach((t=>t.selected=!0))}),0))}async handleKeyDown(t){if(this.isPopoverOpen){if((z(t)||F(t))&&(f(t),this.navigateWithArrowKey(t),this.updateFocus()),A(t)&&(f(t),this.selectedFocusedOption()),B(t)&&this.cancel(),M(t)&&this.typeahead&&this.multiple&&""===this.inputElement.value&&m(this.rawValue)>0){const t=v(this.rawValue);this.removeValue(t[m(this.rawValue)-1])}this.typeahead||1!==t.key.length||this.focusOptionByLabel(t.key),L(t)&&!this.typeahead&&f(t)}else this.hasFocus&&((z(t)||F(t))&&(f(t),await this.open()),this.typeahead||1!==t.key.length||this.selectOptionByLabel(t.key))}async setFocus(){this.inputElement&&!this.disabled&&(await c(),this.inputElement.focus())}async getValue(){return this.rawValue}async clear(){this.focusIndex=-1,this.inputElement&&(this.updateInputValue(""),this.updateRawValue([],I),this.value=this.multiple?[]:"")}async open(){this.disabled||this.readonly||r(this.popoverElement)||await this.popoverElement.present()}async close(){this.disabled||this.readonly||r(this.popoverElement)||this.blurSelect()}async cancel(){this.labelToScrollTo="",this.close(),this.scrollTo(0),this.balCancel.emit()}async select(t){const e=this.options.get(t);r(e)||this.optionSelected(e)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}async waitForOptionsAndThenUpdateRawValues(){clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer),await h(this.el),this.options.size>0?this.remote||this.syncRawValue(P):this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((()=>this.waitForOptionsAndThenUpdateRawValues()),10)}async updateOptions(){const t=this.getChildOpts(),e=new Map;for(let i=0;i<t.length;i++){const o=t[i];e.set(o.value,{value:o.value,label:o.label,disabled:o.disabled,id:o.for,textContent:o.textContent,innerHTML:o.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue))for(let t=0;t<this.rawValue.length;t++){const i=this.rawValue[t];if(!e.has(i)){const t=u(this.rawValue,i);this.updateRawValue(t,P)}}this.options=new Map(e),this.typeahead||await this.syncNativeInput(),this.didInit&&!this.remote&&this.validateAfterBlur()}get optionArray(){const t=Array.from(this.options,(([t,e])=>e));return!this.typeahead||this.remote?t:t.filter((t=>"includes"===this.filter?g(t.textContent,this.inputValue):_(t.textContent,this.inputValue)))}hasOptions(){return this.optionArray.length>0}get inputPlaceholder(){return this.multiple?m(this.rawValue)<1?this.placeholder:void 0:!r(this.rawValue)&&m(this.rawValue)>0?void 0:this.placeholder}getChildOpts(){return Array.from(this.el.querySelectorAll("bal-select-option"))}getPopoverContent(){return this.popoverElement.querySelector(".bal-popover__content__inner")}updateFocus(){this.focusIndex<-1&&(this.focusIndex=-1);const t=this.optionArray;if(t.length>0){t.length<=this.focusIndex&&(this.focusIndex=t.length-1);const e=t[this.focusIndex];if(e&&e.id){const t=this.el.querySelector(`button#${e.id}`);t&&(clearTimeout(this.updateFocusTimer),this.updateFocusTimer=setTimeout((()=>{this.scrollToFocusedOption(t)}),0))}}else this.focusIndex=-1}scrollToFocusedOption(t){if(t&&this.popoverElement){const e=this.getPopoverContent();if(e){const i=t.offsetTop;i<e.scrollTop&&(e.scrollTop=i),t.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight&&(e.scrollTop=e.scrollTop+t.clientHeight)}}}scrollTo(t){const e=this.getPopoverContent();e&&(e.scrollTop=t)}selectedFocusedOption(){const t=this.optionArray;if(t.length>this.focusIndex){const e=t[this.focusIndex];e&&this.optionSelected(e)}}navigateWithArrowKey(t){z(t)?this.focusIndex=this.focusIndex+1:F(t)&&(this.focusIndex=this.focusIndex-1)}focusOptionByLabel(t){this.labelToScrollTo=this.labelToScrollTo+t,clearTimeout(this.clearScrollToValue),this.clearScrollToValue=setTimeout((()=>{this.scrollToLabel(this.labelToScrollTo)}),600)}selectOptionByLabel(t){this.labelToSelectTo=this.labelToSelectTo+t,clearTimeout(this.clearSelectValue),this.clearSelectValue=setTimeout((()=>{this.selectLabel(this.labelToSelectTo),this.labelToSelectTo=""}),600)}async selectLabel(t){if(" "!==t){const e=this.optionArray.find((e=>_(e.label||"",t)));if(!r(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!r(t)){const t=this.optionArray.indexOf(e);this.focusIndex=t,this.select(e.value)}}this.labelToScrollTo=""}}async scrollToLabel(t){if(" "!==t){const e=this.optionArray.find((e=>_(e.label||"",t)));if(!r(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!r(t)){const i=this.optionArray.indexOf(e);this.focusIndex=i,this.scrollTo(t.offsetTop)}}this.labelToScrollTo=""}}syncRawValue(t=!0){let e=[];r(this.value)||""===this.value||(e=Array.isArray(this.value)?[...this.value.filter((t=>!r(t)))]:this.value.split("").includes(",")?[...this.value.split(",").filter((t=>t)).map((t=>t.trim()))]:[this.value]),this.updateRawValue(e,t)}blurSelect(){this.popoverElement.dismiss()}optionSelected(t){const e=v(this.rawValue).some((e=>e===t.value));this.updateValue(t.value,!e),this.multiple?this.typeahead&&this.setFocus():this.blurSelect()}updateValue(t,e=!0){this.multiple?this.updateRawValue(e?y(this.rawValue,t,this.multiple):u(this.rawValue,t),I):(this.updateRawValue(y(this.rawValue,t,this.multiple),I),this.rawValue&&this.rawValue.length>0&&this.updateInputValue(k(this.options,this.rawValue[0])))}validateAfterBlur(t=!1){let e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){const t=x(this.options,this.inputElement.value);e=t?[t.value]:[this.inputElement.value]}else e=w(this.rawValue,this.options,this.inputElement.value);this.updateRawValue(e,t)}}syncNativeInput(){if(!this.multiple&&m(this.rawValue)>0){const t=v(this.rawValue);let e=k(this.options,t[0]);return!this.multiple&&this.typeahead&&this.selectionOptional&&""===e&&(e=t.join(", ")),this.updateInputValue(e)}return Promise.resolve()}updateInputValue(t){return new Promise((e=>{this.updateInputValueTimer&&clearTimeout(this.updateInputValueTimer),this.updateInputValueTimer=setTimeout((()=>{r(this.inputElement)||(this.inputElement.value=t,this.inputValue=t,e())}),0)}))}isChipClicked(t){let e=!1;if(this.multiple){const i=this.selectionEl.querySelectorAll("bal-tag"),o=t.target;i.forEach((t=>{const i=b(t,o)||t===o;i&&(e=i)}))}return e}isInsideOfFooter(){this.inverted=null!==this.el.closest("bal-footer")}render(){var t;const e=t=>i("bal-tag",{key:"79401261d2710c20cf092eb9fbb7fb9df4a8b58c",size:"",closable:!this.disabled,disabled:this.disabled,invalid:this.invalid,tabindex:-1,onBalCloseClick:()=>this.removeValue(t.value),"data-testid":"bal-select-chip"},k(this.options,t.value)||t.value),s=v(this.rawValue),l=O.block("select"),a=l.element("native"),r=l.element("control"),n=r.element("icon"),c=r.element("selections"),h=r.element("input"),b=l.element("popover"),d=b.element("empty"),p=l.element("option"),u=p.element("content"),m=u.element("checkbox"),g=u.element("label");return i(o,{key:"6f73b54fd82f27f6aec3afde83fa9b6df2b2783b",role:"listbox",onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,"data-value":null===(t=this.rawValue)||void 0===t?void 0:t.map((t=>k(this.options,t))).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("disabled").class(this.disabled||this.readonly)),l.modifier("inverted").class(this.inverted)),l.modifier("inverted-footer").class(this.inverted))},i("select",{key:"acac08e4b77913e59024df94a888d06a9f839084",class:Object.assign({},a.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:t=>this.nativeSelectEl=t},s.map((t=>i("option",{key:t,value:t,selected:!0},t)))),i("bal-popover",{key:"0bb66730c86b7730411c2ccee9fa1a1903b51df5",onBalChange:this.handlePopoverChange,ref:t=>this.popoverElement=t},i("div",{key:"65ad688a0ea4c704e25eedf57cdde2f0b7042839","bal-popover-trigger":!0,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("invalid").class(this.invalid)),r.modifier("disabled").class(this.disabled||this.readonly)),r.modifier("focused").class(this.isPopoverOpen)),r.modifier("inverted-footer").class(this.inverted))},i("div",{key:"5c92ecce5f080f9219838cefa496b8f86e6a5e1e",class:Object.assign(Object.assign({},c.class()),c.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:t=>this.selectionEl=t},s.filter((()=>this.multiple)).map((t=>i(e,{value:t}))),i("input",{key:"f3fdeee4cd978843101e662b9654ff48c379a706",type:"text",class:Object.assign(Object.assign({},h.class()),{input:!0,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":!0}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":"off"===this.autocomplete?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:t=>this.inputElement=t})),this.freeSolo||this.loading?"":i("bal-icon",{class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("loading").class(this.loading)),n.modifier("clickable").class(!this.disabled&&!this.readonly)),name:this.inverted?"caret-up":"caret-down",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:t=>this.handleInputClick(t,!0),size:this.inverted?"x-small":""})),i("bal-popover-content",{key:"858a34fd9deb5e3f681f44587d4b1092f0107386",class:Object.assign({},b.class()),scrollable:this.scrollable,spaceless:!0,expanded:!0},this.optionArray.map(((t,e)=>i("button",{key:t.value,type:"button",role:"option",id:t.id,"data-value":t.value,"data-label":t.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},p.class()),p.modifier("selected").class(s.includes(t.value)&&!(this.typeahead&&!this.multiple))),p.modifier("focused").class(this.focusIndex===e)),p.modifier("checkbox").class(this.multiple)),p.modifier("disabled").class(!0===t.disabled)),"data-testid":"bal-select-option",disabled:t.disabled,tabIndex:-1,onMouseEnter:()=>this.handleOptionMouseEnter(e),onClick:()=>this.optionSelected(t)},i("div",{class:Object.assign({},u.class())},i("span",{class:Object.assign({},m.class()),style:{display:this.multiple?"flex":"none"}},i("bal-checkbox",{checked:s.includes(t.value),tabindex:-1,nonSubmit:!0,flat:!0,onBalChange:f})),i("span",{class:Object.assign({},g.class()),innerHTML:t.innerHTML}))))),i("div",{key:"5df467dccba15602535dfacaae0ea7b410cf3d6d",class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(void 0===this.noDataLabel||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))}get el(){return s(this)}static get watchers(){return{value:["valueWatcher"]}}};l([C("bal-select"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],V.prototype,"createLogger",null);let D=0;V.style=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-2);--bal-select-control-input-option-background-hover:var(--bal-color-grey-2);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";const E=class{constructor(e){t(this,e),this.label=void 0,this.disabled=!1,this.value=void 0,this.for="bal-selopt-"+H++}createLogger(t){this.log=t}render(){return i(o,{key:"5d3ad22cd5a4a3f681cb90abf1a82e6b8c782a6b",style:{display:"none"}},i("slot",{key:"f9e214692daeafb1670a73f39311fe2d48232620"}))}};l([C("bal-select-option"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],E.prototype,"createLogger",null);let H=0;export{V as bal_select,E as bal_select_option}

package/dist/baloise-design-system/p-ad5039de.system.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var t=function(n,i){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))t[i]=n[i]};return t(n,i)};return function(n,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");t(n,i);function r(){this.constructor=n}n.prototype=i===null?Object.create(i):(r.prototype=i.prototype,new r)}}();System.register(["./p-d9b32333.system.js","./p-eecefb0a.system.js"],(function(t){"use strict";var n,i,r,e,u,s;return{setters:[function(t){n=t.k;i=t.q;r=t.l;e=t.r},function(t){u=t.L;s=t.a}],execute:function(){t("L",c);var o=function(t){__extends(u,t);function u(){var r=t.apply(this,arguments)||this;r.debouncedNotify=n((function(t){return r.notify({target:t})}),42);r.callbackWillAnimate=function(t){i(t,r.el,(function(t){return r.debouncedNotify(t)}))};r.callbackDidAnimate=function(t){i(t,r.el,(function(t){return r.debouncedNotify(t)}))};return r}u.prototype.connect=function(n){t.prototype.connect.call(this,n);var i=window;if(i){r(i,"balWillAnimate",this.callbackWillAnimate,{passive:true});r(i,"balDidAnimate",this.callbackDidAnimate,{passive:true})}};u.prototype.disconnect=function(){t.prototype.disconnect.call(this);var n=window;if(n){e(n,"balWillAnimate",this.callbackWillAnimate);e(n,"balDidAnimate",this.callbackDidAnimate)}};return u}(u);var f=function(t){__extends(n,t);function n(){var n=t.call(this,(function(t,n){t.animationListener(n)}))||this;n.listener=new o;return n}n.prototype.attach=function(n){var i=this;t.prototype.attach.call(this,n);this.listener.connect(n.el);this.listener.add((function(n){return t.prototype.notify.call(i,n)}))};n.prototype.detach=function(){t.prototype.detach.call(this);this.listener.disconnect()};return n}(s);new f;function c(){return function(t,n,i){var r=t.connectedCallback,e=t.componentDidLoad,u=t.disconnectedCallback;t.connectedCallback=function(){if(!this._balAnimationSubject){this._balAnimationSubject=new f}return r&&r.call(this)};t.componentDidLoad=function(){this._balAnimationSubject.attach(this);return e&&e.call(this)};t.disconnectedCallback=function(){if(this._balAnimationSubject){this._balAnimationSubject.detach();this._balAnimationSubject=undefined}return u&&u.call(this)}}}}}}));

package/dist/baloise-design-system/{p-ba4c1ed8a8.entry.js → p-b18c1a6c8e.entry.js}

@@ -1 +1 @@
-import{r as e,h as a,H as t,g as s}from"./p-2ccbe55a.js";import{B as d}from"./p-ae86d0a0.js";import{f as c,g as r,h as b,i as f,j as i,k as o,l as h,m as n,n as l}from"./p-1837eab3.js";const p=class{constructor(a){e(this,a),this.getHex=()=>{let e;switch(this.color){case"green":e=l;break;case"green-light":e=n;break;case"red":e=h;break;case"red-light":e=o;break;case"purple":e=i;break;case"purple-light":e=f;break;case"yellow":e=b;break;case"yellow-light":e=r;break;default:e=c}return e},this.variation="1",this.color="green",this.rotation="0"}render(){const e=d.block("shape"),s=[a("g",{key:"de1b671a72c880799b60fef1308672abe446166c",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},a("g",{key:"a983eb96f493bfd2cf02719297d3bd8d2440eb05",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},a("path",{key:"b4062c1822d1081f1a3d52904a3513ba5f2c4341",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),a("g",{key:"2fe7fb095c5365dd22532bf9c4d604e3c88b1c19",id:"b949d602-8478-437e-a171-ad3f26649cb4"},a("g",{key:"20b2c62739c1acb495e77e445250a12a9209f4b8",id:"ae3574e0-2065-4681-8937-4318b8656147"},a("path",{key:"0c3b6854fb232675f36f965066003dfe90289ee0",class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),a("g",{key:"b61433ddfc2fccd997543008b16dbc1ab311367e",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},a("g",{key:"203e43411756d49dd668d636efd98fb1aeb27025",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},a("path",{key:"a8ebeeddcd4503ea96f0ccfff30f6ca36825d708",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return a(t,{key:"9910db97943399c0d6c28eeaadd1bfd1e8ad8583",class:Object.assign(Object.assign({},e.class()),e.modifier(`is-rotation-${this.rotation}`).class())},a("svg",{key:"6fc42eae2b805af1178afabc9f0b6a61133b2e2f",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},s[parseInt(this.variation)-1]))}get el(){return s(this)}};p.style=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";export{p as bal_shape}
+import{r as e,h as a,H as t,g as d}from"./p-2ccbe55a.js";import{B as s}from"./p-ae86d0a0.js";import{f as c,g as r,h as b,i as f,j as i,k as o,l as h,m as n,n as l}from"./p-0bd1bf82.js";const p=class{constructor(a){e(this,a),this.getHex=()=>{let e;switch(this.color){case"green":e=l;break;case"green-light":e=n;break;case"red":e=h;break;case"red-light":e=o;break;case"purple":e=i;break;case"purple-light":e=f;break;case"yellow":e=b;break;case"yellow-light":e=r;break;default:e=c}return e},this.variation="1",this.color="green",this.rotation="0"}render(){const e=s.block("shape"),d=[a("g",{key:"de1b671a72c880799b60fef1308672abe446166c",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},a("g",{key:"a983eb96f493bfd2cf02719297d3bd8d2440eb05",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},a("path",{key:"b4062c1822d1081f1a3d52904a3513ba5f2c4341",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),a("g",{key:"2fe7fb095c5365dd22532bf9c4d604e3c88b1c19",id:"b949d602-8478-437e-a171-ad3f26649cb4"},a("g",{key:"20b2c62739c1acb495e77e445250a12a9209f4b8",id:"ae3574e0-2065-4681-8937-4318b8656147"},a("path",{key:"0c3b6854fb232675f36f965066003dfe90289ee0",class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),a("g",{key:"b61433ddfc2fccd997543008b16dbc1ab311367e",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},a("g",{key:"203e43411756d49dd668d636efd98fb1aeb27025",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},a("path",{key:"a8ebeeddcd4503ea96f0ccfff30f6ca36825d708",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return a(t,{key:"9910db97943399c0d6c28eeaadd1bfd1e8ad8583",class:Object.assign(Object.assign({},e.class()),e.modifier(`is-rotation-${this.rotation}`).class())},a("svg",{key:"6fc42eae2b805af1178afabc9f0b6a61133b2e2f",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},d[parseInt(this.variation)-1]))}get el(){return d(this)}};p.style=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";export{p as bal_shape}

package/dist/baloise-design-system/{p-cd9be615a4.entry.js → p-b4576f5814.entry.js}

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

package/dist/baloise-design-system/{p-657a3eb3ee.system.entry.js → p-b534fd5f5a.system.entry.js}

@@ -1 +1 @@
-var __extends=this&&this.__extends||function(){var a=function(n,t){a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(a,n){a.__proto__=n}||function(a,n){for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))a[t]=n[t]};return a(n,t)};return function(n,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");a(n,t);function i(){this.constructor=n}n.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(a,n,t,i){function e(a){return a instanceof t?a:new t((function(n){n(a)}))}return new(t||(t=Promise))((function(t,r){function l(a){try{s(i.next(a))}catch(a){r(a)}}function o(a){try{s(i["throw"](a))}catch(a){r(a)}}function s(a){a.done?t(a.value):e(a.value).then(l,o)}s((i=i.apply(a,n||[])).next())}))};var __generator=this&&this.__generator||function(a,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,e,r,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(a){return function(n){return s([a,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(t=0)),t)try{if(i=1,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;e=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=n.call(a,t)}catch(a){o=[6,a];e=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-a1f6e944.system.js","./p-f19ea306.system.js","./p-a2090a9d.system.js","./p-47d7e166.system.js","./p-bb6304d0.system.js","./p-97f3a682.system.js","./p-c13b1376.system.js","./p-0177e3a0.system.js","./p-f2c398a3.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-c9bb496a.system.js"],(function(a){"use strict";var n,t,i,e,r,l,o,s,b,c,u,d,v,m,h,p,f,g,k;return{setters:[function(a){n=a.h;t=a.r;i=a.c;e=a.H;r=a.g},function(a){l=a._;o=a.a},function(a){s=a.B},function(a){b=a.L},function(a){c=a.b},function(a){u=a.B},function(a){d=a.w;v=a.d},function(a){m=a.b},function(a){h=a.d},function(a){p=a.L},function(a){f=a.L},function(a){g=a.L},function(a){k=a.L},function(){},function(){},function(){},function(){},function(){}],execute:function(){var _=function(){function a(a,n){var t=this;this.observer=n;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(w++);this.value=a.value||this.id;this.href=a.href;this.target=a.target;this.active=!!a.active;this.clickable=!!a.clickable;this.data=a.data;this.onClick=function(n){t.observer.linkItemClickListener(t);if(a.onClick){a.onClick(n)}};this.onAccordionClick=function(n){t.observer.accordionClickListener(t);if(a.onAccordionClick){a.onAccordionClick(n)}}}Object.defineProperty(a.prototype,"type",{get:function(){return"NavLinkItem"},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"isLink",{get:function(){return this.href!==undefined&&this.href!==null&&this.href!==""},enumerable:false,configurable:true});a.prototype.toJson=function(){return{label:this.label,value:this.value,href:this.href,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-links").class()),i.element("mobile-links").modifier("selected").class(this.active)),i.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label))};a.prototype.render=function(a){var t=this;return n("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label)};return a}();var w=0;var x=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.linkItems=[];i.htmlTitle=n.htmlTitle;i.label=n.label;i.href=n.href;i.target=n.target;i.id="nav-section-link-item-".concat(y++);i.value=n.value||i.id;i.linkItems=(n.linkItems||[]).map((function(a){return new _(a,t)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-section-item").class()),i.element("mobile-section-item").modifier("selected").class(this.active)),i.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return n("bal-nav-link-group",{role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(_);var y=0;var j=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.color="grey";i.linkItems=[];i.id="nav-service-link-item-".concat(O++);i.value=n.value||i.id;i.color=n.color||"grey";i.linkItems=(n.linkItems||[]).map((function(a){return new _(a,t)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.element("mobile-service-item").class()),i.element("mobile-service-item").modifier("color-".concat(this.color)).class()),i.element("mobile-service-item").modifier("selected").class(this.active)),i.element("mobile-service-item").modifier("clickable").class(this.clickable))},n("a",{id:this.id,href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return n("bal-nav-link-group",{color:this.color,role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(_);var O=0;var z=function(a){var t=a.id,i=a.label,e=a.level,r=a.open,l=a.link,o=a.href,b=a.target,c=a.onClick;var u=s.block("nav");return l?n("a",{id:t,class:Object.assign({},u.element("mobile-".concat(e,"-item")).class()),href:o,target:b,onClick:function(a){return c(a)}},n("span",null,i)):n("button",{id:t,class:Object.assign({},u.element("mobile-".concat(e,"-item")).class()),onClick:function(a){return c(a)}},n("span",null,i),n("bal-icon",{name:"nav-go-down",size:"small",turn:r}))};var L=function(a){var t=a.item,i=a.isMenu,e=a.onClick,r=a.isVisible;var l=s.block("nav");if(!t){return""}return n("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!i)),l.element("mobile-overview-link").modifier("invisible").class(r===false)),href:t.href,target:t.target,onClick:function(a){return e(a)}},t.label," ",t.label?"➞":"")};var C=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.sectionLinkItems=[];i.serviceLinkItems=[];i.id="nav-menu-link-item-".concat(F++);i.value=n.value||i.id;i.sectionLinkItems=(n.sectionLinkItems||[]).map((function(a){return new x(a,t)}));i.serviceLinkItems=(n.serviceLinkItems||[]).map((function(a){return new j(a,t)}));i.overviewLink=n.overviewLink?new _(n.overviewLink,t):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.sectionLinkItems&&this.sectionLinkItems.length>0;var r=this.serviceLinkItems&&this.serviceLinkItems.length>0;var l=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return n("li",null,n(z,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:e||r?false:this.isLink,open:l,onClick:function(a){return t.onAccordionClick(a)}}),n(L,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:l}),e?n("ul",{class:Object.assign(Object.assign({},i.element("mobile-section-list").class()),i.element("mobile-section-list").modifier("invisible").class(l===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",r?n("ul",{class:Object.assign(Object.assign({},i.element("mobile-service-list").class()),i.element("mobile-service-list").modifier("invisible").class(l===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;var i=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!i&&this.isLink){return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(n.detail)}}})};return t}(_);var F=0;var M=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.mainLinkItems=[];i.id="nav-meta-link-item-".concat(I++);i.value=n.value||i.id;i.mainLinkItems=(n.mainLinkItems||[]).map((function(a){return new C(a,t)}));i.overviewLink=n.overviewLink?new _(n.overviewLink,t):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return n("li",null,n(z,{id:this.id,level:"meta",label:this.label,open:e,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),e?n(L,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",e?n("hr",{class:Object.assign(Object.assign({},i.element("line").class()),i.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?n("ul",{class:Object.assign({},i.element("mobile-menu-list").class())},this.mainLinkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",n("hr",{class:Object.assign({},i.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(_);var I=0;var N=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.touchPlacement="top";i.id="nav-meta-button-".concat(A++);i.touchPlacement=n.touchPlacement||"top";i.value=n.value||i.id;i.icon=n.icon;i.popoverId=n.popupId;i.ariaLabel=n.ariaLabel;i.htmlTitle=n.htmlTitle;i.href=n.href||"";i.target=n.target||"_self";return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaButton"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isLink",{get:function(){return!!this.href},enumerable:false,configurable:true});t.prototype.renderAtMetaBar=function(){if(this.isLink){return n("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}},this.label)}return n("bal-button",{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},inverted:true,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)};t.prototype.renderAtTouchTopMetaBar=function(){if(this.touchPlacement==="top"){if(this.isLink){return n("bal-button",{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}},this.icon?"":this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:false,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}};t.prototype.renderAtTouchBottomMetaBar=function(){if(this.touchPlacement==="bottom"){if(this.isLink){return n("bal-button",{id:this.value,color:"info",inverted:false,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},href:this.href,target:this.target},this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:false,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}};t.prototype.resetTouchBottomMetaBar=function(){if(c.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};t.prototype.resetDesktopMetaBar=function(){if(c.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return t}(_);var A=0;var S={de:{open:"Menü öffnen",close:"Menü schliessen"},en:{open:"Open Menu",close:"Close Menu"},fr:{open:"Ouvrir le menu",close:"Fermer le menu"},it:{open:"Apri Menù",close:"Chiudi menù"},nl:{open:"Menu openen",close:"Menu sluiten"},es:{open:"Menú abierto",close:"Cerrar menú"},pl:{open:"Otwórz menu",close:"Zamknij menu"},pt:{open:"Menu aberto",close:"Fechar menu"},sv:{open:"Öppna menyn",close:"Stäng menyn"},fi:{open:"Avaa valikko",close:"Sulje valikko"}};var q="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var P=q;var B=a("bal_nav",function(){function a(a){var n=this;t(this,a);this.balNavItemClick=i(this,"balNavItemClick",7);this.navId="bal-nav-".concat(V++);this.bodyScrollHandler=new u;this.hasRenderedWithFlyoutActive=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(n){return new M(n,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.metaButtons=this.buttons.map((function(n){return new N(n,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){n.closeAllPopups();n.toggleFlyout();if(c.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(n.isFlyoutActive){n.bodyScrollHandler.disable()}else{n.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(n.isTouch){if(c.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));n.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!n.isFlyoutActive){n.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==n.activeMetaLinkValue){n.activeMetaLinkValue=a.detail;var t=n.linkItems.find((function(a){return a.value===n.activeMetaLinkValue}));if(t&&t.mainLinkItems.length>0){n.activeMenuLinkValue=t.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(n.activeMenuLinkValue===a){n.toggleFlyout()}else{n.openFlyout()}n.activeMenuLinkValue=a};this.isTouch=m.isTouch;this.isDesktop=m.isDesktop;this.language=h.language;this.region=h.region;this.isFlyoutActive=false;this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.logo=undefined;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[]}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var n=a.target;if(n&&n.nodeName==="BAL-POPUP"){var t=n.id;var i=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(t,'"]')));if(a.detail===true){this.onPopupOpen(i);var e=i.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(i)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var n,t,i,e,r,l,o,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){l=(t=(n=this.metaBarEl)===null||n===void 0?void 0:n.querySelector(".bal-nav-meta-bar__container"))===null||t===void 0?void 0:t.contains(a.target);o=(e=(i=this.menuBarEl)===null||i===void 0?void 0:i.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!l&&!o){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var n=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue}));if(n){return n.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var n=this.activeMenuLinkItems.find((function(n){return n.value===a.activeMenuLinkValue}));return n?n:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(t){switch(t.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,d(this.el)];case 1:t.sent();return[4,v()];case 2:t.sent();n=this.el.querySelector("#".concat(a.id));if(n){n.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,n;var t=this.activeMetaLinkValue;var i=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||t;if(t!==i){this.activeMetaLinkValue=i}var e=this.activeMenuLinkValue;var r=((n=this.activeMenuLinkItems.find((function(a){return a.active})))===null||n===void 0?void 0:n.value)||e;if(e!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var t,i,r,l,o,b,c,u,d;var v=s.block("nav");var m=v.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return n(e,{key:"dcde56b80395603196d61c50e390c7c3df510680",id:this.navId,class:Object.assign({},v.class())},n("div",{key:"b986a4c340c59fd9377da61b41882bdc66a1380c",class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?n("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(n){return a.metaBarEl=n}},n("bal-stack",{space:"auto"},this.linkItems.length>1?n("bal-tabs",{spaceless:true,inverted:true,context:"meta",value:this.activeMetaLinkValue,onBalChange:function(n){return a.onMetaBarTabChange(n)}},this.linkItems.map((function(n){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):n("span",null),n("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?n("bal-nav-menu-bar",{position:"fixed-top",ref:function(n){return a.menuBarEl=n}},n("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),n("bal-tabs",{context:"navigation",accordion:true,spaceless:true,value:this.activeMenuLinkValue},(t=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems.map((function(n){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(n.value)}})})))),this.isFlyoutActive?n("bal-nav-menu-flyout",{navId:this.navId},n("bal-nav-link",{role:"listitem",variant:"overview",href:(r=(i=this.activeMenuLinkItem)===null||i===void 0?void 0:i.overviewLink)===null||r===void 0?void 0:r.href,target:(o=(l=this.activeMenuLinkItem)===null||l===void 0?void 0:l.overviewLink)===null||o===void 0?void 0:o.target,onClick:function(){var n;return a.linkItemClickListener((n=a.activeMenuLinkItem)===null||n===void 0?void 0:n.overviewLink)}},(c=(b=this.activeMenuLinkItem)===null||b===void 0?void 0:b.overviewLink)===null||c===void 0?void 0:c.label," ",((d=(u=this.activeMenuLinkItem)===null||u===void 0?void 0:u.overviewLink)===null||d===void 0?void 0:d.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",n("div",{key:"60b9a9262fed2743ecbb0db2bc3b0d41de33c3b5"},n("slot",{key:"b055497b867fd6db856295fa516cc5b36a3f45fe"}))),this.isTouch?n("bal-nav-meta-bar",{variant:"white",size:"normal"},n("bal-stack",{space:"auto"},this.renderLogo(),n("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),n("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?S[this.language].close:S[this.language].open,onClick:function(n){return a.onTouchToggleFlyout(n)}})))):"",this.isTouch?n("div",{class:Object.assign(Object.assign({},m.class()),m.modifier("visible").class(this.isFlyoutActive))},n("nav",{class:Object.assign({},m.element("container").class())},n("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?n("bal-nav-meta-bar",{variant:"grey",size:"normal"},n("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var t,i;if(!a){return""}return n("bal-nav-link-grid",null,n("bal-nav-link-grid-col",null,(t=a.sectionLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))),n("bal-nav-link-grid-col",{"static-col":true},(i=a.serviceLinkItems)===null||i===void 0?void 0:i.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var t=this;return n("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var i,e,r;return a.isLink?n("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):n("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},n("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),n("bal-list-item-accordion-body",null,n("div",{style:{width:"100%"}},n("bal-nav-link",{role:"listitem",variant:"overview",href:(i=a.overviewLink)===null||i===void 0?void 0:i.href,target:(e=a.overviewLink)===null||e===void 0?void 0:e.target,onClick:function(){return t.linkItemClickListener(a.overviewLink)}},(r=a.overviewLink)===null||r===void 0?void 0:r.label),n("div",{class:"pt-normal"},t.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var t,i,e,r,l,o;var s=((t=this.logo)===null||t===void 0?void 0:t.href)?"a":((i=this.logo)===null||i===void 0?void 0:i.clickable)?"button":"div";return n(s,{class:"bal-nav__logo","aria-label":(e=this.logo)===null||e===void 0?void 0:e.ariaLabel,title:(r=this.logo)===null||r===void 0?void 0:r.htmlTitle,href:(l=this.logo)===null||l===void 0?void 0:l.href,target:(o=this.logo)===null||o===void 0?void 0:o.target,onClick:function(){var n,t;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(n=a.logo)===null||n===void 0?void 0:n.href,target:(t=a.logo)===null||t===void 0?void 0:t.target})}},n("bal-logo",{animated:true}))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}());l([b("bal-nav"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],B.prototype,"createLogger",null);l([p({tags:["bal-popup"],waitAfterFramePrint:true}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"mutationListener",null);l([f(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"breakpointListener",null);l([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],B.prototype,"configChanged",null);var V=0;B.style=P;var Y="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";var E=Y;var T=a("bal_nav_link",function(){function a(a){t(this,a);this.variant="";this.selected=false;this.clickable=false;this.href=undefined;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link");var t=this,i=t.href,r=t.target;var l=i!==undefined&&i!=="";var o=this.variant!=="";var b=l?"a":this.clickable?"button":"span";var c={};if(l){c={href:i,target:r}}return n(e,{key:"94718986eda442992d83a9b40e26bf595d523dce",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(o))},n(b,Object.assign({key:"cf8106036e3366712fff52d08e8c1567873014be","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(o)),a.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},c),n("slot",{key:"f9ab826645c95e02cf1b1ccfa2df34b637a67d13"})))};return a}());l([b("bal-nav-link"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],T.prototype,"createLogger",null);T.style=E;var G=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";var U=G;var Z=a("bal_nav_link_grid",function(){function a(a){t(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid");return n(e,{key:"03e4b64a2041c0fb36d94fd061eb9352a38446ed",class:Object.assign({},a.class())},n("slot",{key:"7f7eb07e433531b6d0dab67b4a89e7faab742b51"}))};return a}());l([b("bal-nav-link-grid"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],Z.prototype,"createLogger",null);Z.style=U;var D=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";var H=D;var J=a("bal_nav_link_grid_col",function(){function a(a){t(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid-col");var t=a.element("inner");return n(e,{key:"d207c87255663724d4cdefb411665804c0d614bf",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},n("div",{key:"8fa5bf2182f99d55463202ecb68aa490ac741510",class:Object.assign({},t.class())},n("slot",{key:"a04eb96c4706a99724d7955aa1a0ce0ef0be4690"})))};return a}());l([b("bal-nav-link-grid-col"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],J.prototype,"createLogger",null);J.style=H;var K=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";var Q=K;var R=a("bal_nav_link_group",function(){function a(a){t(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-group");var t=this.color!=="";return n(e,{key:"83e07dc3e48315f8c8196f54cda2e371eeb9d297",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(t))},n("slot",{key:"e54ab919fba4f5a400b753d05c9545d8368e7e9c"}))};return a}());l([b("bal-nav-link-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],R.prototype,"createLogger",null);R.style=Q;var W=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';var X=W;var $=a("bal_nav_menu_bar",function(){function a(a){t(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(aa++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=s.block("nav-menu-bar");var t=a.element("inner");return n(e,{key:"408438f50a37356d275fd30fb3793334293553ea",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("position-".concat(this.position)).class(this.position!=="none"))},n("div",{key:"81a5b4b94fff712cdd9ee7479e40694df1f07107",class:Object.assign({},t.class())},n("div",{key:"d45071ac59862cf928d1d21ea0510f9840255ed9",class:Object.assign({},a.element("container").class())},n("slot",{key:"4d9c8f32c524223f76906671f28d3891f353e4b2"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-nav-menu-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],$.prototype,"createLogger",null);var aa=0;$.style=X;var na=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";var ta=na;var ia=a("bal_nav_menu_flyout",function(){function a(a){t(this,a);this.bodyScrollHandler=new u;this.isHidden=false;this.navId="bal-nav-x".concat(ea++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,n;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((n=this.el)===null||n===void 0?void 0:n.clientHeight)};a.prototype.render=function(){var a=s.block("nav-menu-flyout");var t=a.element("line");return n(e,{key:"60bf384edb49a6686374e4f473758745e2771945",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},n("div",{key:"a234f10624799caf4c183c608fda3ccdb3e39446",class:Object.assign({},t.class())}),n("div",{key:"b96460b50a8ea76acdcbb4c464e90f4416009b2d",class:Object.assign({},a.element("container").class())},n("slot",{key:"0d02f07430f4d05c58627866a131e5bee32b3e51"})))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-nav-menu-flyout"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],ia.prototype,"createLogger",null);l([k(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],ia.prototype,"resizeListener",null);var ea=0;ia.style=ta;var ra=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-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;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";var la=ra;var oa=a("bal_nav_meta_bar",function(){function a(a){t(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(sa++);this.previousY=0;this.isHidden=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(c.hasWindow&&c.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var n=0>=window.scrollY;var t=0>window.scrollY;var i=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!n&&(e||i||t);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var l=0;l<r.length;l++){var o=r[l];if(this.isHidden){if(this.size==="small"){o.classList.remove("bal-nav-meta-bar-transform-normal");o.classList.add("bal-nav-meta-bar-transform-small")}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.add("bal-nav-meta-bar-transform-normal")}}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=s.block("nav-meta-bar");return n(e,{key:"5436cb6898cdaecac4f0304b8dd62484b5a8a231",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class()),a.modifier("size-".concat(this.size)).class()),a.modifier("position-".concat(this.position)).class(this.position!=="none")),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet"))},n("div",{key:"f7ed5d2c6a334ad586baf75a5b87132a4460f065",class:Object.assign({},a.element("container").class())},n("slot",{key:"c60750b340d6f1276d45efa7a786b142938d73a4"})))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-meta-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],oa.prototype,"createLogger",null);var sa=0;oa.style=la}}}));
+var __extends=this&&this.__extends||function(){var a=function(n,t){a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(a,n){a.__proto__=n}||function(a,n){for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))a[t]=n[t]};return a(n,t)};return function(n,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");a(n,t);function i(){this.constructor=n}n.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(a,n,t,i){function e(a){return a instanceof t?a:new t((function(n){n(a)}))}return new(t||(t=Promise))((function(t,r){function l(a){try{s(i.next(a))}catch(a){r(a)}}function o(a){try{s(i["throw"](a))}catch(a){r(a)}}function s(a){a.done?t(a.value):e(a.value).then(l,o)}s((i=i.apply(a,n||[])).next())}))};var __generator=this&&this.__generator||function(a,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,e,r,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(a){return function(n){return s([a,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(t=0)),t)try{if(i=1,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;e=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=n.call(a,t)}catch(a){o=[6,a];e=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-a1f6e944.system.js","./p-f19ea306.system.js","./p-d9b32333.system.js","./p-7396469a.system.js","./p-bb6304d0.system.js","./p-c6a673f7.system.js","./p-4f99ecfe.system.js","./p-0177e3a0.system.js","./p-89aaadaf.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-32e7b6b1.system.js"],(function(a){"use strict";var n,t,i,e,r,l,o,s,b,c,u,d,v,m,h,p,f,g,k;return{setters:[function(a){n=a.h;t=a.r;i=a.c;e=a.H;r=a.g},function(a){l=a._;o=a.a},function(a){s=a.B},function(a){b=a.L},function(a){c=a.b},function(a){u=a.B},function(a){d=a.w;v=a.d},function(a){m=a.b},function(a){h=a.d},function(a){p=a.L},function(a){f=a.L},function(a){g=a.L},function(a){k=a.L},function(){},function(){},function(){},function(){},function(){}],execute:function(){var _=function(){function a(a,n){var t=this;this.observer=n;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(w++);this.value=a.value||this.id;this.href=a.href;this.target=a.target;this.active=!!a.active;this.clickable=!!a.clickable;this.data=a.data;this.onClick=function(n){t.observer.linkItemClickListener(t);if(a.onClick){a.onClick(n)}};this.onAccordionClick=function(n){t.observer.accordionClickListener(t);if(a.onAccordionClick){a.onAccordionClick(n)}}}Object.defineProperty(a.prototype,"type",{get:function(){return"NavLinkItem"},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"isLink",{get:function(){return this.href!==undefined&&this.href!==null&&this.href!==""},enumerable:false,configurable:true});a.prototype.toJson=function(){return{label:this.label,value:this.value,href:this.href,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-links").class()),i.element("mobile-links").modifier("selected").class(this.active)),i.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label))};a.prototype.render=function(a){var t=this;return n("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label)};return a}();var w=0;var x=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.linkItems=[];i.htmlTitle=n.htmlTitle;i.label=n.label;i.href=n.href;i.target=n.target;i.id="nav-section-link-item-".concat(y++);i.value=n.value||i.id;i.linkItems=(n.linkItems||[]).map((function(a){return new _(a,t)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-section-item").class()),i.element("mobile-section-item").modifier("selected").class(this.active)),i.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return n("bal-nav-link-group",{role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(_);var y=0;var j=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.color="grey";i.linkItems=[];i.id="nav-service-link-item-".concat(O++);i.value=n.value||i.id;i.color=n.color||"grey";i.linkItems=(n.linkItems||[]).map((function(a){return new _(a,t)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.element("mobile-service-item").class()),i.element("mobile-service-item").modifier("color-".concat(this.color)).class()),i.element("mobile-service-item").modifier("selected").class(this.active)),i.element("mobile-service-item").modifier("clickable").class(this.clickable))},n("a",{id:this.id,href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return n("bal-nav-link-group",{color:this.color,role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(_);var O=0;var z=function(a){var t=a.id,i=a.label,e=a.level,r=a.open,l=a.link,o=a.href,b=a.target,c=a.onClick;var u=s.block("nav");return l?n("a",{id:t,class:Object.assign({},u.element("mobile-".concat(e,"-item")).class()),href:o,target:b,onClick:function(a){return c(a)}},n("span",null,i)):n("button",{id:t,class:Object.assign({},u.element("mobile-".concat(e,"-item")).class()),onClick:function(a){return c(a)}},n("span",null,i),n("bal-icon",{name:"nav-go-down",size:"small",turn:r}))};var L=function(a){var t=a.item,i=a.isMenu,e=a.onClick,r=a.isVisible;var l=s.block("nav");if(!t){return""}return n("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!i)),l.element("mobile-overview-link").modifier("invisible").class(r===false)),href:t.href,target:t.target,onClick:function(a){return e(a)}},t.label," ",t.label?"➞":"")};var C=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.sectionLinkItems=[];i.serviceLinkItems=[];i.id="nav-menu-link-item-".concat(F++);i.value=n.value||i.id;i.sectionLinkItems=(n.sectionLinkItems||[]).map((function(a){return new x(a,t)}));i.serviceLinkItems=(n.serviceLinkItems||[]).map((function(a){return new j(a,t)}));i.overviewLink=n.overviewLink?new _(n.overviewLink,t):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.sectionLinkItems&&this.sectionLinkItems.length>0;var r=this.serviceLinkItems&&this.serviceLinkItems.length>0;var l=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return n("li",null,n(z,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:e||r?false:this.isLink,open:l,onClick:function(a){return t.onAccordionClick(a)}}),n(L,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:l}),e?n("ul",{class:Object.assign(Object.assign({},i.element("mobile-section-list").class()),i.element("mobile-section-list").modifier("invisible").class(l===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",r?n("ul",{class:Object.assign(Object.assign({},i.element("mobile-service-list").class()),i.element("mobile-service-list").modifier("invisible").class(l===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;var i=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!i&&this.isLink){return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(n.detail)}}})};return t}(_);var F=0;var M=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.mainLinkItems=[];i.id="nav-meta-link-item-".concat(I++);i.value=n.value||i.id;i.mainLinkItems=(n.mainLinkItems||[]).map((function(a){return new C(a,t)}));i.overviewLink=n.overviewLink?new _(n.overviewLink,t):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return n("li",null,n(z,{id:this.id,level:"meta",label:this.label,open:e,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),e?n(L,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",e?n("hr",{class:Object.assign(Object.assign({},i.element("line").class()),i.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?n("ul",{class:Object.assign({},i.element("mobile-menu-list").class())},this.mainLinkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",n("hr",{class:Object.assign({},i.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(_);var I=0;var N=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.touchPlacement="top";i.id="nav-meta-button-".concat(A++);i.touchPlacement=n.touchPlacement||"top";i.value=n.value||i.id;i.icon=n.icon;i.popoverId=n.popupId;i.ariaLabel=n.ariaLabel;i.htmlTitle=n.htmlTitle;i.href=n.href||"";i.target=n.target||"_self";return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaButton"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isLink",{get:function(){return!!this.href},enumerable:false,configurable:true});t.prototype.renderAtMetaBar=function(){if(this.isLink){return n("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}},this.label)}return n("bal-button",{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},inverted:true,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)};t.prototype.renderAtTouchTopMetaBar=function(){if(this.touchPlacement==="top"){if(this.isLink){return n("bal-button",{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}},this.icon?"":this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:false,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}};t.prototype.renderAtTouchBottomMetaBar=function(){if(this.touchPlacement==="bottom"){if(this.isLink){return n("bal-button",{id:this.value,color:"info",inverted:false,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},href:this.href,target:this.target},this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:false,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}};t.prototype.resetTouchBottomMetaBar=function(){if(c.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};t.prototype.resetDesktopMetaBar=function(){if(c.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return t}(_);var A=0;var S={de:{open:"Menü öffnen",close:"Menü schliessen"},en:{open:"Open Menu",close:"Close Menu"},fr:{open:"Ouvrir le menu",close:"Fermer le menu"},it:{open:"Apri Menù",close:"Chiudi menù"},nl:{open:"Menu openen",close:"Menu sluiten"},es:{open:"Menú abierto",close:"Cerrar menú"},pl:{open:"Otwórz menu",close:"Zamknij menu"},pt:{open:"Menu aberto",close:"Fechar menu"},sv:{open:"Öppna menyn",close:"Stäng menyn"},fi:{open:"Avaa valikko",close:"Sulje valikko"}};var q="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var P=q;var B=a("bal_nav",function(){function a(a){var n=this;t(this,a);this.balNavItemClick=i(this,"balNavItemClick",7);this.navId="bal-nav-".concat(V++);this.bodyScrollHandler=new u;this.hasRenderedWithFlyoutActive=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(n){return new M(n,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.metaButtons=this.buttons.map((function(n){return new N(n,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){n.closeAllPopups();n.toggleFlyout();if(c.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(n.isFlyoutActive){n.bodyScrollHandler.disable()}else{n.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(n.isTouch){if(c.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));n.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!n.isFlyoutActive){n.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==n.activeMetaLinkValue){n.activeMetaLinkValue=a.detail;var t=n.linkItems.find((function(a){return a.value===n.activeMetaLinkValue}));if(t&&t.mainLinkItems.length>0){n.activeMenuLinkValue=t.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(n.activeMenuLinkValue===a){n.toggleFlyout()}else{n.openFlyout()}n.activeMenuLinkValue=a};this.isTouch=m.isTouch;this.isDesktop=m.isDesktop;this.language=h.language;this.region=h.region;this.isFlyoutActive=false;this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.logo=undefined;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[]}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var n=a.target;if(n&&n.nodeName==="BAL-POPUP"){var t=n.id;var i=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(t,'"]')));if(a.detail===true){this.onPopupOpen(i);var e=i.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(i)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var n,t,i,e,r,l,o,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){l=(t=(n=this.metaBarEl)===null||n===void 0?void 0:n.querySelector(".bal-nav-meta-bar__container"))===null||t===void 0?void 0:t.contains(a.target);o=(e=(i=this.menuBarEl)===null||i===void 0?void 0:i.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!l&&!o){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var n=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue}));if(n){return n.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var n=this.activeMenuLinkItems.find((function(n){return n.value===a.activeMenuLinkValue}));return n?n:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(t){switch(t.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,d(this.el)];case 1:t.sent();return[4,v()];case 2:t.sent();n=this.el.querySelector("#".concat(a.id));if(n){n.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,n;var t=this.activeMetaLinkValue;var i=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||t;if(t!==i){this.activeMetaLinkValue=i}var e=this.activeMenuLinkValue;var r=((n=this.activeMenuLinkItems.find((function(a){return a.active})))===null||n===void 0?void 0:n.value)||e;if(e!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var t,i,r,l,o,b,c,u,d;var v=s.block("nav");var m=v.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return n(e,{key:"dcde56b80395603196d61c50e390c7c3df510680",id:this.navId,class:Object.assign({},v.class())},n("div",{key:"b986a4c340c59fd9377da61b41882bdc66a1380c",class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?n("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(n){return a.metaBarEl=n}},n("bal-stack",{space:"auto"},this.linkItems.length>1?n("bal-tabs",{spaceless:true,inverted:true,context:"meta",value:this.activeMetaLinkValue,onBalChange:function(n){return a.onMetaBarTabChange(n)}},this.linkItems.map((function(n){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):n("span",null),n("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?n("bal-nav-menu-bar",{position:"fixed-top",ref:function(n){return a.menuBarEl=n}},n("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),n("bal-tabs",{context:"navigation",accordion:true,spaceless:true,value:this.activeMenuLinkValue},(t=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems.map((function(n){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(n.value)}})})))),this.isFlyoutActive?n("bal-nav-menu-flyout",{navId:this.navId},n("bal-nav-link",{role:"listitem",variant:"overview",href:(r=(i=this.activeMenuLinkItem)===null||i===void 0?void 0:i.overviewLink)===null||r===void 0?void 0:r.href,target:(o=(l=this.activeMenuLinkItem)===null||l===void 0?void 0:l.overviewLink)===null||o===void 0?void 0:o.target,onClick:function(){var n;return a.linkItemClickListener((n=a.activeMenuLinkItem)===null||n===void 0?void 0:n.overviewLink)}},(c=(b=this.activeMenuLinkItem)===null||b===void 0?void 0:b.overviewLink)===null||c===void 0?void 0:c.label," ",((d=(u=this.activeMenuLinkItem)===null||u===void 0?void 0:u.overviewLink)===null||d===void 0?void 0:d.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",n("div",{key:"60b9a9262fed2743ecbb0db2bc3b0d41de33c3b5"},n("slot",{key:"b055497b867fd6db856295fa516cc5b36a3f45fe"}))),this.isTouch?n("bal-nav-meta-bar",{variant:"white",size:"normal"},n("bal-stack",{space:"auto"},this.renderLogo(),n("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),n("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?S[this.language].close:S[this.language].open,onClick:function(n){return a.onTouchToggleFlyout(n)}})))):"",this.isTouch?n("div",{class:Object.assign(Object.assign({},m.class()),m.modifier("visible").class(this.isFlyoutActive))},n("nav",{class:Object.assign({},m.element("container").class())},n("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?n("bal-nav-meta-bar",{variant:"grey",size:"normal"},n("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var t,i;if(!a){return""}return n("bal-nav-link-grid",null,n("bal-nav-link-grid-col",null,(t=a.sectionLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))),n("bal-nav-link-grid-col",{"static-col":true},(i=a.serviceLinkItems)===null||i===void 0?void 0:i.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var t=this;return n("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var i,e,r;return a.isLink?n("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):n("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},n("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),n("bal-list-item-accordion-body",null,n("div",{style:{width:"100%"}},n("bal-nav-link",{role:"listitem",variant:"overview",href:(i=a.overviewLink)===null||i===void 0?void 0:i.href,target:(e=a.overviewLink)===null||e===void 0?void 0:e.target,onClick:function(){return t.linkItemClickListener(a.overviewLink)}},(r=a.overviewLink)===null||r===void 0?void 0:r.label),n("div",{class:"pt-normal"},t.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var t,i,e,r,l,o;var s=((t=this.logo)===null||t===void 0?void 0:t.href)?"a":((i=this.logo)===null||i===void 0?void 0:i.clickable)?"button":"div";return n(s,{class:"bal-nav__logo","aria-label":(e=this.logo)===null||e===void 0?void 0:e.ariaLabel,title:(r=this.logo)===null||r===void 0?void 0:r.htmlTitle,href:(l=this.logo)===null||l===void 0?void 0:l.href,target:(o=this.logo)===null||o===void 0?void 0:o.target,onClick:function(){var n,t;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(n=a.logo)===null||n===void 0?void 0:n.href,target:(t=a.logo)===null||t===void 0?void 0:t.target})}},n("bal-logo",{animated:true}))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}());l([b("bal-nav"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],B.prototype,"createLogger",null);l([p({tags:["bal-popup"],waitAfterFramePrint:true}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"mutationListener",null);l([f(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"breakpointListener",null);l([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],B.prototype,"configChanged",null);var V=0;B.style=P;var Y="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";var E=Y;var T=a("bal_nav_link",function(){function a(a){t(this,a);this.variant="";this.selected=false;this.clickable=false;this.href=undefined;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link");var t=this,i=t.href,r=t.target;var l=i!==undefined&&i!=="";var o=this.variant!=="";var b=l?"a":this.clickable?"button":"span";var c={};if(l){c={href:i,target:r}}return n(e,{key:"94718986eda442992d83a9b40e26bf595d523dce",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(o))},n(b,Object.assign({key:"cf8106036e3366712fff52d08e8c1567873014be","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(o)),a.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},c),n("slot",{key:"f9ab826645c95e02cf1b1ccfa2df34b637a67d13"})))};return a}());l([b("bal-nav-link"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],T.prototype,"createLogger",null);T.style=E;var G=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";var U=G;var Z=a("bal_nav_link_grid",function(){function a(a){t(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid");return n(e,{key:"03e4b64a2041c0fb36d94fd061eb9352a38446ed",class:Object.assign({},a.class())},n("slot",{key:"7f7eb07e433531b6d0dab67b4a89e7faab742b51"}))};return a}());l([b("bal-nav-link-grid"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],Z.prototype,"createLogger",null);Z.style=U;var D=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";var H=D;var J=a("bal_nav_link_grid_col",function(){function a(a){t(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid-col");var t=a.element("inner");return n(e,{key:"d207c87255663724d4cdefb411665804c0d614bf",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},n("div",{key:"8fa5bf2182f99d55463202ecb68aa490ac741510",class:Object.assign({},t.class())},n("slot",{key:"a04eb96c4706a99724d7955aa1a0ce0ef0be4690"})))};return a}());l([b("bal-nav-link-grid-col"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],J.prototype,"createLogger",null);J.style=H;var K=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";var Q=K;var R=a("bal_nav_link_group",function(){function a(a){t(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-group");var t=this.color!=="";return n(e,{key:"83e07dc3e48315f8c8196f54cda2e371eeb9d297",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(t))},n("slot",{key:"e54ab919fba4f5a400b753d05c9545d8368e7e9c"}))};return a}());l([b("bal-nav-link-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],R.prototype,"createLogger",null);R.style=Q;var W=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';var X=W;var $=a("bal_nav_menu_bar",function(){function a(a){t(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(aa++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=s.block("nav-menu-bar");var t=a.element("inner");return n(e,{key:"408438f50a37356d275fd30fb3793334293553ea",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("position-".concat(this.position)).class(this.position!=="none"))},n("div",{key:"81a5b4b94fff712cdd9ee7479e40694df1f07107",class:Object.assign({},t.class())},n("div",{key:"d45071ac59862cf928d1d21ea0510f9840255ed9",class:Object.assign({},a.element("container").class())},n("slot",{key:"4d9c8f32c524223f76906671f28d3891f353e4b2"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-nav-menu-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],$.prototype,"createLogger",null);var aa=0;$.style=X;var na=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";var ta=na;var ia=a("bal_nav_menu_flyout",function(){function a(a){t(this,a);this.bodyScrollHandler=new u;this.isHidden=false;this.navId="bal-nav-x".concat(ea++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,n;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((n=this.el)===null||n===void 0?void 0:n.clientHeight)};a.prototype.render=function(){var a=s.block("nav-menu-flyout");var t=a.element("line");return n(e,{key:"60bf384edb49a6686374e4f473758745e2771945",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},n("div",{key:"a234f10624799caf4c183c608fda3ccdb3e39446",class:Object.assign({},t.class())}),n("div",{key:"b96460b50a8ea76acdcbb4c464e90f4416009b2d",class:Object.assign({},a.element("container").class())},n("slot",{key:"0d02f07430f4d05c58627866a131e5bee32b3e51"})))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-nav-menu-flyout"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],ia.prototype,"createLogger",null);l([k(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],ia.prototype,"resizeListener",null);var ea=0;ia.style=ta;var ra=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-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;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";var la=ra;var oa=a("bal_nav_meta_bar",function(){function a(a){t(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(sa++);this.previousY=0;this.isHidden=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(c.hasWindow&&c.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var n=0>=window.scrollY;var t=0>window.scrollY;var i=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!n&&(e||i||t);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var l=0;l<r.length;l++){var o=r[l];if(this.isHidden){if(this.size==="small"){o.classList.remove("bal-nav-meta-bar-transform-normal");o.classList.add("bal-nav-meta-bar-transform-small")}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.add("bal-nav-meta-bar-transform-normal")}}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=s.block("nav-meta-bar");return n(e,{key:"5436cb6898cdaecac4f0304b8dd62484b5a8a231",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class()),a.modifier("size-".concat(this.size)).class()),a.modifier("position-".concat(this.position)).class(this.position!=="none")),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet"))},n("div",{key:"f7ed5d2c6a334ad586baf75a5b87132a4460f065",class:Object.assign({},a.element("container").class())},n("slot",{key:"c60750b340d6f1276d45efa7a786b142938d73a4"})))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-meta-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],oa.prototype,"createLogger",null);var sa=0;oa.style=la}}}));