@baloise/ds-core 19.7.1 → 19.8.0

package/dist/esm-es5/bal-modal_3.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{d as componentOnReady,H as registerInstance,P as createEvent,a as balBrowser,r as deepReady,V as writeTask,w as wait,M as h,N as Host,O as getElement}from"./index-BD2o1F4P.js";import{p as prepareOverlay,d as dismiss,e as eventMethod,F as FOCUS_TRAP_DISABLE_CLASS}from"./overlays-C7tvWjpD.js";import{B as BalScrollHandler}from"./scroll-CzGJfhvt.js";var attachComponent=function(t,e,a,n,i){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(o){switch(o.label){case 0:if(t){return[2,t.attachViewToDom(e,a,i,n)]}if(typeof a!=="string"&&!(a instanceof HTMLElement)){throw new Error("framework delegate is missing")}r=typeof a==="string"?e.ownerDocument&&e.ownerDocument.createElement(a):a;if(n){n.forEach((function(t){return r.classList.add(t)}))}if(i){Object.assign(r,i)}e.appendChild(r);return[4,new Promise((function(t){return componentOnReady(r,t)}))];case 1:o.sent();return[2,r]}}))}))};var detachComponent=function(t,e){if(e){if(t){var a=e.parentElement;return t.removeViewFromDom(a,e)}e.remove()}return Promise.resolve()};var getClassMap=function(t){var e={};getClassList(t).forEach((function(t){return e[t]=true}));return e};var getClassList=function(t){if(t!==undefined){var e=Array.isArray(t)?t:t.split(" ");return e.filter((function(t){return t!=null})).map((function(t){return t.trim()})).filter((function(t){return t!==""}))}return[]};var balModalCss=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";var Modal=function(){function t(t){registerInstance(this,t);this.didPresent=createEvent(this,"balModalDidPresent");this.willPresent=createEvent(this,"balModalWillPresent");this.willDismiss=createEvent(this,"balModalWillDismiss");this.didDismiss=createEvent(this,"balModalDidDismiss");this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.bodyScrollHandler=new BalScrollHandler;this.presented=false;this.modalWidth=640;this.space="";this.hasBackdrop=true;this.isClosable=true;this.backdropDismiss=true;this.focusTrap=true;this.demo=false}t.prototype.connectedCallback=function(){this.bodyScrollHandler.connect();prepareOverlay(this);if(balBrowser.hasDocument&&this.demo){this.open()}};t.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,deepReady(this.usersElement)];case 1:e.sent();this.setModalActiveOnBody();writeTask((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeInDown")}}));if(this.presented){return[2]}this.willPresent.emit();this.presented=true;return[4,wait(150)];case 2:e.sent();writeTask((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.remove("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.remove("fadeInDown")}}));this.didPresent.emit();return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.willDismiss.emit();this.unsetModalActiveOnBody();this.presented=false;this.didDismiss.emit();return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a;return __generator(this,(function(n){switch(n.label){case 0:this.setModalActiveOnBody();if(this.presented){return[2]}t=this.el.querySelector(".bal-modal__content");if(!t){throw new Error("container is undefined")}e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});a=this;return[4,attachComponent(this.delegate,t,this.component,[],e)];case 1:a.usersElement=n.sent();return[4,this.open()];case 2:n.sent();return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,void 0,void 0,(function(){var a;var n=this;return __generator(this,(function(i){switch(i.label){case 0:this.unsetModalActiveOnBody();if(!(this.delegate===undefined))return[3,2];return[4,this.close()];case 1:i.sent();return[2,true];case 2:return[4,dismiss(this,t,e,(function(){return __awaiter(n,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:writeTask((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeOut")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeOutUp")}}));return[4,wait(140)];case 1:e.sent();return[2]}}))}))}))];case 3:a=i.sent();if(!a)return[3,5];return[4,detachComponent(this.delegate,this.usersElement)];case 4:i.sent();i.label=5;case 5:return[2,a]}}))}))};t.prototype.onDidDismiss=function(){return eventMethod(this.el,"balModalDidDismiss")};t.prototype.onWillDismiss=function(){return eventMethod(this.el,"balModalWillDismiss")};t.prototype.onClickCloseButton=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a;return __generator(this,(function(n){switch(n.label){case 0:if(!(this.isClosable&&this.presented&&t&&t.target))return[3,4];e=t.target;a=e.closest("bal-button");if(!(a&&a.hasAttribute("modal-close")))return[3,2];return[4,this.dismiss(undefined,"model-close")];case 1:n.sent();n.label=2;case 2:if(!(this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,4];return[4,this.dismiss(undefined,"model-close")];case 3:n.sent();n.label=4;case 4:return[2]}}))}))};t.prototype.onMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseDown=this.isClickedOutside(t);return[2]}))}))};t.prototype.onMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseUp=this.isClickedOutside(t);return[2]}))}))};t.prototype.handleKeyUp=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a,n;return __generator(this,(function(i){switch(i.label){case 0:e=Array.from(document.querySelectorAll("bal-modal")).filter((function(t){return t.hasAttribute("aria-presented")}));a=e.map((function(t){return t.overlayIndex})).map((function(t){return parseInt(t)})).filter((function(t){return!Number.isNaN(t)}));n=Math.max.apply(Math,a);if(!(this.overlayIndex===n))return[3,4];t.preventDefault();t.stopPropagation();if(!(this.presented&&this.isClosable))return[3,4];if(!(t.key==="Escape"||t.key==="Esc"))return[3,4];if(!this.delegate)return[3,2];return[4,this.dismiss(undefined,"model-escape")];case 1:i.sent();return[3,4];case 2:return[4,this.close()];case 3:i.sent();i.label=4;case 4:return[2]}}))}))};t.prototype.setModalActiveOnBody=function(){if(!this.demo){this.bodyScrollHandler.disable()}};t.prototype.unsetModalActiveOnBody=function(){this.bodyScrollHandler.enable()};t.prototype.isClickedOutside=function(t){if(this.isClosable&&this.presented&&t&&t.target&&this.backdropDismiss){var e=t.target;return e.classList.contains("bal-modal__container")}return false};t.prototype.render=function(){var t,e;var a=this;return h(Host,{key:"1d9ab99326366d164adf6fbd5fc9d6af27a8ba58","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign((t={"bal-modal":true,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented},t[FOCUS_TRAP_DISABLE_CLASS]=this.focusTrap===false,t),getClassMap(this.cssClass)),style:{"--bal-width":"".concat(this.modalWidth,"px")}},h("div",{key:"057c4355168926825f04f51300478a1393b31563",class:{"bal-modal__background":true,"is-hidden":!this.hasBackdrop},ref:function(t){return a.modalBackgroundElement=t}}),h("div",{key:"ffa93ee6d43b8ded4a2851e4c2578fce427de8c2",class:{"bal-modal__container":true},ref:function(t){return a.modalContainerElement=t}},h("div",{key:"37ee9d19563be8e0a22b75d44b0cde5890342e1c",class:(e={"bal-modal__content":true},e["bal-modal__content--has-spacing-".concat(this.space)]=true,e),ref:function(t){return a.modalContentElement=t}},h("slot",{key:"0bdfc5b5e268ec2ade1b70753cd64517fa635290"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Modal.style=balModalCss;var ModalBody=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h(Host,{key:"2bef5892f7f6e90bb4c893f4c5ca5027dece343a",class:"bal-modal__body"},h("slot",{key:"45b45f4141bd105c11f57628e6ea2ba989ef1a55"}))};return t}();var ModalHeader=function(){function t(t){var e=this;registerInstance(this,t);this.closeHandler=function(){if(e.parentModal){e.parentModal.dismiss(undefined,"model-close")}}}Object.defineProperty(t.prototype,"parentModal",{get:function(){return this.el.closest("bal-modal")},enumerable:false,configurable:true});t.prototype.render=function(){var t;return h(Host,{key:"abcecb921453f0ec9ff5b989517ca1b1406daab0",class:"bal-modal__header"},h("div",{key:"6e4606402740673c455e98c4f4160e17f82d0435",class:"bal-modal__header__title"},h("bal-heading",{key:"bf7df5c6677354f5c53b75d77fb8b7f23859f267",level:"h2",space:"none"},h("slot",{key:"78648da85f2751f9aac04544083d62ba088beeae"}))),((t=this.parentModal)===null||t===void 0?void 0:t.isClosable)?h("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();export{Modal as bal_modal,ModalBody as bal_modal_body,ModalHeader as bal_modal_header};
+import{__awaiter,__generator}from"tslib";import{d as componentOnReady,H as registerInstance,P as createEvent,a as balBrowser,r as deepReady,V as writeTask,w as wait,M as h,N as Host,O as getElement}from"./index-BD2o1F4P.js";import{p as prepareOverlay,d as dismiss,e as eventMethod,F as FOCUS_TRAP_DISABLE_CLASS}from"./overlays-C7tvWjpD.js";import{B as BalScrollHandler}from"./scroll-CzGJfhvt.js";var attachComponent=function(t,e,a,n,i){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(o){switch(o.label){case 0:if(t){return[2,t.attachViewToDom(e,a,i,n)]}if(typeof a!=="string"&&!(a instanceof HTMLElement)){throw new Error("framework delegate is missing")}r=typeof a==="string"?e.ownerDocument&&e.ownerDocument.createElement(a):a;if(n){n.forEach((function(t){return r.classList.add(t)}))}if(i){Object.assign(r,i)}e.appendChild(r);return[4,new Promise((function(t){return componentOnReady(r,t)}))];case 1:o.sent();return[2,r]}}))}))};var detachComponent=function(t,e){if(e){if(t){var a=e.parentElement;return t.removeViewFromDom(a,e)}e.remove()}return Promise.resolve()};var getClassMap=function(t){var e={};getClassList(t).forEach((function(t){return e[t]=true}));return e};var getClassList=function(t){if(t!==undefined){var e=Array.isArray(t)?t:t.split(" ");return e.filter((function(t){return t!=null})).map((function(t){return t.trim()})).filter((function(t){return t!==""}))}return[]};var balModalCss=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";var Modal=function(){function t(t){registerInstance(this,t);this.didPresent=createEvent(this,"balModalDidPresent");this.willPresent=createEvent(this,"balModalWillPresent");this.willDismiss=createEvent(this,"balModalWillDismiss");this.didDismiss=createEvent(this,"balModalDidDismiss");this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.bodyScrollHandler=new BalScrollHandler;this.presented=false;this.modalWidth=640;this.space="";this.hasBackdrop=true;this.isClosable=true;this.backdropDismiss=true;this.focusTrap=true;this.demo=false}t.prototype.connectedCallback=function(){this.bodyScrollHandler.connect();prepareOverlay(this);if(balBrowser.hasDocument&&this.demo){this.open()}};t.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,deepReady(this.usersElement)];case 1:e.sent();this.setModalActiveOnBody();writeTask((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeInDown")}}));if(this.presented){return[2]}this.willPresent.emit();this.presented=true;return[4,wait(150)];case 2:e.sent();writeTask((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.remove("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.remove("fadeInDown")}}));this.didPresent.emit();return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.willDismiss.emit();this.unsetModalActiveOnBody();this.presented=false;this.didDismiss.emit();return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a;return __generator(this,(function(n){switch(n.label){case 0:this.setModalActiveOnBody();if(this.presented){return[2]}t=this.el.querySelector(".bal-modal__content");if(!t){throw new Error("container is undefined")}e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});a=this;return[4,attachComponent(this.delegate,t,this.component,[],e)];case 1:a.usersElement=n.sent();return[4,this.open()];case 2:n.sent();return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,void 0,void 0,(function(){var a;var n=this;return __generator(this,(function(i){switch(i.label){case 0:this.unsetModalActiveOnBody();if(!(this.delegate===undefined))return[3,2];return[4,this.close()];case 1:i.sent();return[2,true];case 2:return[4,dismiss(this,t,e,(function(){return __awaiter(n,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:writeTask((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeOut")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeOutUp")}}));return[4,wait(140)];case 1:e.sent();return[2]}}))}))}))];case 3:a=i.sent();if(!a)return[3,5];return[4,detachComponent(this.delegate,this.usersElement)];case 4:i.sent();i.label=5;case 5:return[2,a]}}))}))};t.prototype.onDidDismiss=function(){return eventMethod(this.el,"balModalDidDismiss")};t.prototype.onWillDismiss=function(){return eventMethod(this.el,"balModalWillDismiss")};t.prototype.onClickCloseButton=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a;return __generator(this,(function(n){switch(n.label){case 0:if(!(this.isClosable&&this.presented&&t&&t.target))return[3,4];e=t.target;a=e.closest("bal-button");if(!(a&&a.hasAttribute("modal-close")))return[3,2];return[4,this.dismiss(undefined,"model-close")];case 1:n.sent();n.label=2;case 2:if(!(this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,4];return[4,this.dismiss(undefined,"model-close")];case 3:n.sent();n.label=4;case 4:return[2]}}))}))};t.prototype.onMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseDown=this.isClickedOutside(t);return[2]}))}))};t.prototype.onMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseUp=this.isClickedOutside(t);return[2]}))}))};t.prototype.handleKeyUp=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a,n;return __generator(this,(function(i){switch(i.label){case 0:e=Array.from(document.querySelectorAll("bal-modal")).filter((function(t){return t.hasAttribute("aria-presented")}));a=e.map((function(t){return t.overlayIndex})).map((function(t){return parseInt(t)})).filter((function(t){return!Number.isNaN(t)}));n=Math.max.apply(Math,a);if(!(this.overlayIndex===n))return[3,4];t.preventDefault();t.stopPropagation();if(!(this.presented&&this.isClosable))return[3,4];if(!(t.key==="Escape"||t.key==="Esc"))return[3,4];if(!this.delegate)return[3,2];return[4,this.dismiss(undefined,"model-escape")];case 1:i.sent();return[3,4];case 2:return[4,this.close()];case 3:i.sent();i.label=4;case 4:return[2]}}))}))};t.prototype.setModalActiveOnBody=function(){if(!this.demo){this.bodyScrollHandler.disable()}};t.prototype.unsetModalActiveOnBody=function(){this.bodyScrollHandler.enable()};t.prototype.isClickedOutside=function(t){if(this.isClosable&&this.presented&&t&&t.target&&this.backdropDismiss){var e=t.target;return e.classList.contains("bal-modal__container")}return false};t.prototype.render=function(){var t,e;var a=this;return h(Host,{key:"b9f93570b2f131d733376175c270362d332b2f8c","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign((t={"bal-modal":true,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented},t[FOCUS_TRAP_DISABLE_CLASS]=this.focusTrap===false,t),getClassMap(this.cssClass)),style:{"--bal-width":"".concat(this.modalWidth,"px")}},h("div",{key:"3ba52aa812080ca4df440ed31550c63f247102ed",class:{"bal-modal__background":true,"is-hidden":!this.hasBackdrop},ref:function(t){return a.modalBackgroundElement=t}}),h("div",{key:"a0e32a3bdd09f2abc90f18129f0e1ecb230774b7",class:{"bal-modal__container":true},ref:function(t){return a.modalContainerElement=t}},h("div",{key:"f38d1b9a696644b23960e2769020dbd88518914f",class:(e={"bal-modal__content":true},e["bal-modal__content--has-spacing-".concat(this.space)]=true,e),ref:function(t){return a.modalContentElement=t}},h("slot",{key:"984553311791bdbc7de71bb56ea8deef8e431012"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Modal.style=balModalCss;var ModalBody=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h(Host,{key:"4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef",class:"bal-modal__body"},h("slot",{key:"4f42e2817d50f6633e18e548f3194387802cb251"}))};return t}();var ModalHeader=function(){function t(t){var e=this;registerInstance(this,t);this.closeHandler=function(){if(e.parentModal){e.parentModal.dismiss(undefined,"model-close")}}}Object.defineProperty(t.prototype,"parentModal",{get:function(){return this.el.closest("bal-modal")},enumerable:false,configurable:true});t.prototype.render=function(){var t;return h(Host,{key:"9c524259d6f60c57d7d682e5453e7abb2432bfe0",class:"bal-modal__header"},h("div",{key:"7597f303fba32bb3a28b6bf9775b368bb92d1c43",class:"bal-modal__header__title"},h("bal-heading",{key:"a7c072e997d9a6863683a895a0b71441abbb1b46",level:"h2",space:"none"},h("slot",{key:"72f19ac646649a03f1b27c01b10dbad411c6e61d"}))),((t=this.parentModal)===null||t===void 0?void 0:t.isClosable)?h("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();export{Modal as bal_modal,ModalBody as bal_modal_body,ModalHeader as bal_modal_header};

package/dist/esm-es5/bal-nav_8.entry.js

@@ -1 +1 @@
-import{__awaiter,__extends,__generator}from"tslib";import{J as rIC,t as isDescendant,M as h,a as balBrowser,L as Logger,H as registerInstance,P as createEvent,f as defaultConfig,A as waitForComponent,y as waitAfterIdleCallback,N as Host,O as getElement}from"./index-BD2o1F4P.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{b as balBreakpoints}from"./breakpoints.subject-CgzyyJ6D.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-DZB3DqTp.js";import{L as ListenToConfig}from"./config.decorator-ComxCRvh.js";import{s as stopEventBubbling}from"./form-input-DQl5OvyZ.js";import{L as ListenToMutation}from"./mutation.decorator-DvB2cFVm.js";import{B as BalScrollHandler}from"./scroll-CzGJfhvt.js";import{s as sanitizeSvg}from"./svg-DUNB4kTY.js";import{j as isTabKey}from"./keyboard.helpers-D1VPLQ5z.js";import"./window-resize.subject-D4xsuguN.js";import{L as ListenToResize}from"./resize.decorator-BDQZ3RTK.js";import"./device-DT_jgFo1.js";import"./listener-BBbVS0yJ.js";import"./tokens.esm-Cwq70vCB.js";var gatherTabInformation=function(a){var t;var i=(t=a.linkItems.find((function(t){return t.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems;var n=i===null||i===void 0?void 0:i.findIndex((function(t){return t.value===a.activeMenuLinkValue}));var e=n+1;var r=n-1;return{tabs:i||[],indexOfActiveTab:n,indexOfNextTab:e,indexOfPreviousTab:r}};var handleTabKeyDown=function(a,t){var i=a.tabs,n=a.indexOfNextTab,e=a.indexOfActiveTab;var r=i===null||i===void 0?void 0:i.findIndex((function(a){return a.value===t.item.value}));if(!t.isBackwards&&r===i.length-1){t.stopEventBubbling();t.closeFlyout();rIC((function(){focusNextElement(document.activeElement,t.el)}));return}if(!t.isBackwards&&r===e){var o=t.el.querySelector("#".concat(t.navId,"-menu-flyout"));if(o){var l=o.querySelector('a, button, [tabindex="0"]');if(l){t.stopEventBubbling();l.focus({preventScroll:true})}}}if(t.isBackwards&&r===n){var o=t.el.querySelector("#".concat(t.navId,"-menu-flyout"));if(o){var s=o.querySelectorAll('a, button, [tabindex="0"]');var b=s[s.length-1];if(b){t.stopEventBubbling();b.focus({preventScroll:true})}}}};var handleFlyoutFocusOut=function(a,t){var i=t.isBackwards?a.tabs[a.indexOfActiveTab]:a.tabs[a.indexOfNextTab];if(i){var n=t.el.querySelector('button[data-value="'.concat(i.value,'"], a[data-value="').concat(i.value,'"]'));if(n){n.focus({preventScroll:true})}}};var focusNextElement=function(a,t){var i=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'];var n=Array.from(document.querySelectorAll(i.join(","))).filter((function(a){return a.offsetParent!==null})).filter((function(a){return!isDescendant(t,a)}));var e=n.indexOf(a);var r=n[e+1];if(r)r.focus()};var i18nNavBars={de:{mainNavigation:"Hauptnavigation",navigation:"Navigation",subNavigation:"Subnavigation",open:"Menü öffnen",close:"Menü schliessen"},en:{mainNavigation:"Main navigation",navigation:"Navigation",subNavigation:"Sub navigation",open:"Open Menu",close:"Close Menu"},fr:{mainNavigation:"Navigation principale",navigation:"Navigation",subNavigation:"Sous-navigation",open:"Ouvrir le menu",close:"Fermer le menu"},it:{mainNavigation:"Navigazione principale",navigation:"Navigazione",subNavigation:"Sottonavigazione",open:"Apri Menù",close:"Chiudi menù"},nl:{mainNavigation:"Hoofdnavigatie",navigation:"Navigatie",subNavigation:"Subnavigatie",open:"Menu openen",close:"Menu sluiten"},es:{mainNavigation:"Navegación principal",navigation:"Navegación",subNavigation:"Subnavegación",open:"Menú abierto",close:"Cerrar menú"},pl:{mainNavigation:"Nawigacja główna",navigation:"Nawigacja",subNavigation:"Nawigacja podrzędna",open:"Otwórz menu",close:"Zamknij menu"},pt:{mainNavigation:"Navegação principal",navigation:"Navegação",subNavigation:"Subnavegação",open:"Menu aberto",close:"Fechar menu"},sv:{mainNavigation:"Huvudnavigering",navigation:"Navigering",subNavigation:"Undernavigering",open:"Öppna menyn",close:"Stäng menyn"},fi:{mainNavigation:"Päänavigaatio",navigation:"Navigaatio",subNavigation:"Alinavigaatio",open:"Avaa valikko",close:"Sulje valikko"}};var NavLinkItem=function(){function a(a,t){var i=this;this.observer=t;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(NavLinkItemIDs++);this.value=a.value||this.id;this.href=a.href;this.rel=a.rel;this.target=a.target;this.active=!!a.active;this.clickable=!!a.clickable;this.data=a.data;this.onClick=function(t){i.observer.linkItemClickListener(i);if(a.onClick){a.onClick(t)}};this.onAccordionClick=function(t){i.observer.accordionClickListener(i);if(a.onAccordionClick){a.onAccordionClick(t)}}}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,rel:this.rel,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var t=this;var i=BEM.block("nav");return h("li",null,h("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,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label))};a.prototype.render=function(a){var t=this;return h("bal-nav-link",{role:"listitem",href:this.href,rel:this.rel,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label)};return a}();var NavLinkItemIDs=0;var NavMetaButton=function(a){__extends(t,a);function t(t,i){var n=a.call(this,t,i)||this;n.touchPlacement="top";n.id="nav-meta-button-".concat(NavMetaButtonIDs++);n.touchPlacement=t.touchPlacement||"top";n.value=t.value||n.id;n.icon=t.icon;n.popoverId=t.popupId;n.ariaLabel=t.ariaLabel;n.htmlTitle=t.htmlTitle;n.href=t.href||"";n.target=t.target||"_self";return n}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 h("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,rel:this.rel,href:this.href,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label},this.label)}return h("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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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 h("bal-button",{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,rel:this.rel,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label},this.icon?"":this.label)}return h("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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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 h("bal-button",{id:this.value,color:"info",inverted:false,icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,href:this.href,target:this.target},this.label)}return h("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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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(balBrowser.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};t.prototype.resetDesktopMetaBar=function(){if(balBrowser.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return t}(NavLinkItem);var NavMetaButtonIDs=0;var AccordionButton=function(a){var t=a.id,i=a.label,n=a.level,e=a.open,r=a.link,o=a.href,l=a.rel,s=a.target,b=a.onClick;var v=BEM.block("nav");return r?h("a",{id:t,class:Object.assign({},v.element("mobile-".concat(n,"-item")).class()),href:o,rel:l,target:s,onClick:function(a){return b(a)}},h("span",null,i)):h("button",{id:t,class:Object.assign({},v.element("mobile-".concat(n,"-item")).class()),onClick:function(a){return b(a)}},h("span",null,i),h("bal-icon",{name:"nav-go-down",size:"small",turn:e}))};var OverviewLink=function(a){var t=a.item,i=a.isMenu,n=a.onClick,e=a.isVisible;var r=BEM.block("nav");if(!t){return""}return h("a",{class:Object.assign(Object.assign(Object.assign({},r.element("mobile-overview-link").class()),r.element("mobile-overview-link").modifier("menu").class(!!i)),r.element("mobile-overview-link").modifier("invisible").class(e===false)),href:t.href,rel:t.rel,target:t.target,onClick:function(a){return n(a)}},t.label," ",t.label?"➞":"")};var NavSectionLinkItem=function(a){__extends(t,a);function t(t,i){var n=a.call(this,t,i)||this;n.linkItems=[];n.htmlTitle=t.htmlTitle;n.label=t.label;n.href=t.href;n.target=t.target;n.id="nav-section-link-item-".concat(NavSectionLinkItemIDs++);n.value=t.value||n.id;n.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,i)}));return n}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=BEM.block("nav");var n=this.linkItems&&this.linkItems.length>0;return h("li",null,h("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,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),n?h("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 h("bal-nav-link-group",{role:"list"},h("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}(NavLinkItem);var NavSectionLinkItemIDs=0;var NavServiceLinkItem=function(a){__extends(t,a);function t(t,i){var n=a.call(this,t,i)||this;n.color="grey";n.linkItems=[];n.id="nav-service-link-item-".concat(NavServiceLinkItemIDs++);n.value=t.value||n.id;n.color=t.color||"grey";n.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,i)}));return n}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=BEM.block("nav");var n=this.linkItems&&this.linkItems.length>0;return h("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))},h("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),n?h("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 h("bal-nav-link-group",{color:this.color,role:"list"},h("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}(NavLinkItem);var NavServiceLinkItemIDs=0;var NavMenuLinkItem=function(a){__extends(t,a);function t(t,i){var n=a.call(this,t,i)||this;n.sectionLinkItems=[];n.serviceLinkItems=[];n.id="nav-menu-link-item-".concat(NavMenuLinkItemIDs++);n.value=t.value||n.id;n.sectionLinkItems=(t.sectionLinkItems||[]).map((function(a){return new NavSectionLinkItem(a,i)}));n.serviceLinkItems=(t.serviceLinkItems||[]).map((function(a){return new NavServiceLinkItem(a,i)}));n.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,i):undefined;return n}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=BEM.block("nav");var n=this.sectionLinkItems&&this.sectionLinkItems.length>0;var e=this.serviceLinkItems&&this.serviceLinkItems.length>0;var r=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:n||e?false:this.isLink,open:r,onClick:function(a){return t.onAccordionClick(a)}}),h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:r}),n?h("ul",{class:Object.assign(Object.assign({},i.element("mobile-section-list").class()),i.element("mobile-section-list").modifier("invisible").class(r===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",e?h("ul",{class:Object.assign(Object.assign({},i.element("mobile-service-list").class()),i.element("mobile-service-list").modifier("invisible").class(r===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 h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},onBalNavigate:function(i){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(i.detail)}}})};return t}(NavLinkItem);var NavMenuLinkItemIDs=0;var NavMetaLinkItem=function(a){__extends(t,a);function t(t,i){var n=a.call(this,t,i)||this;n.mainLinkItems=[];n.id="nav-meta-link-item-".concat(NavMetaLinkItemIDs++);n.value=t.value||n.id;n.mainLinkItems=(t.mainLinkItems||[]).map((function(a){return new NavMenuLinkItem(a,i)}));n.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,i):undefined;return n}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=BEM.block("nav");var n=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"meta",label:this.label,open:n,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),n?h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",n?h("hr",{class:Object.assign(Object.assign({},i.element("line").class()),i.element("line").modifier("up").class())}):"",n&&this.mainLinkItems&&this.mainLinkItems.length>0?h("ul",{class:Object.assign({},i.element("mobile-menu-list").class())},this.mainLinkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",h("hr",{class:Object.assign({},i.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(NavLinkItem);var NavMetaLinkItemIDs=0;var balNavCss="@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{position:relative;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;z-index:calc(var(--bal-z-index-navigation) - 1)}@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-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 Nav=function(){function a(a){var t=this;registerInstance(this,a);this.balNavItemClick=createEvent(this,"balNavItemClick");this.navId="bal-nav-".concat(NavIds++);this.bodyScrollHandler=new BalScrollHandler;this.isTouch=balBreakpoints.isTouch;this.isDesktop=balBreakpoints.isDesktop;this.language=defaultConfig.language;this.region=defaultConfig.region;this.isFlyoutActive=false;this.hasRenderedWithFlyoutActive=false;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[];this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(t){return new NavMetaLinkItem(t,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.metaButtons=this.buttons.map((function(t){return new NavMetaButton(t,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){t.closeAllPopups();t.toggleFlyout();if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(t.isFlyoutActive){t.bodyScrollHandler.disable()}else{t.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(t.isTouch){if(balBrowser.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"}}));t.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!t.isFlyoutActive){t.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!==t.activeMetaLinkValue){t.activeMetaLinkValue=a.detail;var i=t.linkItems.find((function(a){return a.value===t.activeMetaLinkValue}));if(i&&i.mainLinkItems.length>0){t.activeMenuLinkValue=i.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(t.activeMenuLinkValue===a){t.toggleFlyout()}else{t.openFlyout()}t.activeMenuLinkValue=a}}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 t=a.target;if(t&&t.nodeName==="BAL-POPUP"){var i=t.id;var n=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(i,'"]')));if(a.detail===true){this.onPopupOpen(n);var e=n.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(n)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var t,i,n,e,r,o,l,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){o=(i=(t=this.metaBarEl)===null||t===void 0?void 0:t.querySelector(".bal-nav-meta-bar__container"))===null||i===void 0?void 0:i.contains(a.target);l=(e=(n=this.menuBarEl)===null||n===void 0?void 0:n.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!o&&!l){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(t){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue}));if(t){return t.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var t=this.activeMenuLinkItems.find((function(t){return t.value===a.activeMenuLinkValue}));return t?t: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 t;return __generator(this,(function(i){switch(i.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,waitForComponent(this.el)];case 1:i.sent();return[4,waitAfterIdleCallback()];case 2:i.sent();t=this.el.querySelector("#".concat(a.id));if(t){t.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,t;var i=this.activeMetaLinkValue;var n=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||i;if(i!==n){this.activeMetaLinkValue=n}var e=this.activeMenuLinkValue;var r=((t=this.activeMenuLinkItems.find((function(a){return a.active})))===null||t===void 0?void 0:t.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,n,e,r,o,l,s,b;var v=BEM.block("nav");var c=v.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return h(Host,{key:"a87fa267cdb8758adae18cdd5ddbbe58ade6b656",id:this.navId,class:Object.assign({},v.class())},h("div",{key:"235b60fe5f38ea4c9d698cab5f82e7ddb3cf202b",class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?h("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(t){return a.metaBarEl=t}},h("bal-stack",{space:"auto"},this.linkItems.length>1?h("bal-tabs",{inverted:true,context:"meta",value:this.activeMetaLinkValue,"aria-label":i18nNavBars[this.language].mainNavigation,onBalChange:function(t){return a.onMetaBarTabChange(t)}},this.linkItems.map((function(t){return t.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):h("span",null),h("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?h("bal-nav-menu-bar",{position:"fixed-top",ref:function(t){return a.menuBarEl=t}},h("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),h("bal-tabs",{context:"navigation",accordion:true,value:this.activeMenuLinkValue,"aria-label":i18nNavBars[this.language].navigation},(t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems.map((function(t,i){return t.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(t.value)},onTabPress:function(i){if(a.isFlyoutActive){var n=i.shiftKey;var e=gatherTabInformation({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue,linkItems:a.linkItems});handleTabKeyDown(e,{el:a.el,navId:a.navId,isFlyoutActive:a.isFlyoutActive,isBackwards:n,item:t,stopEventBubbling:function(){return stopEventBubbling(i)},closeFlyout:function(){return a.closeFlyout()}})}}})})))),this.isFlyoutActive?h("bal-nav-menu-flyout",{navId:this.navId,"aria-label":i18nNavBars[this.language].subNavigation,onBalFocusOut:function(t){if(a.isFlyoutActive){stopEventBubbling(t);var i=gatherTabInformation({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue,linkItems:a.linkItems});var n=isDescendant(a.el,t.detail.relatedTarget);handleFlyoutFocusOut(i,{el:a.el,isBackwards:n})}}},h("bal-nav-link",{role:"listitem",variant:"overview",href:(n=(i=this.activeMenuLinkItem)===null||i===void 0?void 0:i.overviewLink)===null||n===void 0?void 0:n.href,target:(r=(e=this.activeMenuLinkItem)===null||e===void 0?void 0:e.overviewLink)===null||r===void 0?void 0:r.target,onClick:function(){var t;return a.linkItemClickListener((t=a.activeMenuLinkItem)===null||t===void 0?void 0:t.overviewLink)}},(l=(o=this.activeMenuLinkItem)===null||o===void 0?void 0:o.overviewLink)===null||l===void 0?void 0:l.label," ",((b=(s=this.activeMenuLinkItem)===null||s===void 0?void 0:s.overviewLink)===null||b===void 0?void 0:b.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",h("div",{key:"94ce7cb241b89190e625cbf9c8a329afd953afe1"},h("slot",{key:"0b5ffecaba55a060528c3197e3d63f0678a24d97"}))),this.isTouch?h("bal-nav-meta-bar",{variant:"white",size:"normal"},h("bal-stack",{space:"auto"},this.renderLogo(),h("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),h("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?i18nNavBars[this.language].close:i18nNavBars[this.language].open,onClick:function(t){return a.onTouchToggleFlyout(t)}})))):"",this.isTouch?h("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("visible").class(this.isFlyoutActive))},h("nav",{class:Object.assign({},c.element("container").class())},h("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?h("bal-nav-meta-bar",{stayOnTopOfBackdrop:true,variant:"grey",size:"normal"},h("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 h("bal-nav-link-grid",null,h("bal-nav-link-grid-col",null,(t=a.sectionLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))),h("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 h("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var i,n,e;return a.isLink?h("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):h("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},h("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),h("bal-list-item-accordion-body",null,h("div",{style:{width:"100%"}},h("bal-nav-link",{role:"listitem",variant:"overview",href:(i=a.overviewLink)===null||i===void 0?void 0:i.href,target:(n=a.overviewLink)===null||n===void 0?void 0:n.target,onClick:function(){return t.linkItemClickListener(a.overviewLink)}},(e=a.overviewLink)===null||e===void 0?void 0:e.label),h("div",{class:"pt-normal"},t.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var t,i,n,e,r,o,l,s;var b=((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";var v=h("bal-logo",{animated:true});var c=(n=this.logo)===null||n===void 0?void 0:n.url;var d=sanitizeSvg((e=this.logo)===null||e===void 0?void 0:e.svg);if(c){v=h("img",{height:32,style:{maxHeight:"32px"},src:c,alt:"Logo"})}if(d){v=h("div",{innerHTML:d,role:"img","aria-label":"Logo",style:{display:"flex",height:"32px",maxHeight:"32px",minWidth:"32px"}})}return h(b,{class:"bal-nav__logo","aria-label":(r=this.logo)===null||r===void 0?void 0:r.ariaLabel,title:(o=this.logo)===null||o===void 0?void 0:o.htmlTitle,href:(l=this.logo)===null||l===void 0?void 0:l.href,target:(s=this.logo)===null||s===void 0?void 0:s.target,onClick:function(){var t,i;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(t=a.logo)===null||t===void 0?void 0:t.href,target:(i=a.logo)===null||i===void 0?void 0:i.target})}},v)};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Nav.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-popup"],waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Nav.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Nav.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Nav.prototype,"configChanged",null);var NavIds=0;Nav.style=balNavCss;var balNavLinkCss="@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 NavLink=function(){function a(a){registerInstance(this,a);this.variant="";this.selected=false;this.clickable=false;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link");var t=this,i=t.href,n=t.target,e=t.rel;var r=i!==undefined&&i!=="";var o=this.variant!=="";var l=r?"a":this.clickable?"button":"span";var s={};if(r){s={href:i,target:n,rel:e}}return h(Host,{key:"fe011833d71cd4fc35585f27ee3cb8fe11dadfb8",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(o))},h(l,Object.assign({key:"e5175d94a5b5021e22b26116f36aba0bb28a9dcf","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&&(r||this.clickable)))},s),h("slot",{key:"9189d57ba3a0f78af5c2ac4232c9231d6096ae02"})))};return a}();__decorate([Logger("bal-nav-link"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLink.prototype,"createLogger",null);NavLink.style=balNavLinkCss;var balNavLinkGridCss=".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 NavLinkGrid=function(){function a(a){registerInstance(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid");return h(Host,{key:"7e58a9b6c677d60837d56404af5f6b03a7d96073",class:Object.assign({},a.class())},h("slot",{key:"4e7abb8d92056b3f99b42ebad4c1d7752cffca4e"}))};return a}();__decorate([Logger("bal-nav-link-grid"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGrid.prototype,"createLogger",null);NavLinkGrid.style=balNavLinkGridCss;var balNavLinkGridColCss=".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 NavLinkGridCol=function(){function a(a){registerInstance(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid-col");var t=a.element("inner");return h(Host,{key:"b4cba3fc9a569b19d2921f0f728d8865b97ccd55",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},h("div",{key:"36c2d569a02ea2dc1adb8ecedaab21576f61c0dc",class:Object.assign({},t.class())},h("slot",{key:"c99e184492ca2665cdebad028cd3ab3e97d3249a"})))};return a}();__decorate([Logger("bal-nav-link-grid-col"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGridCol.prototype,"createLogger",null);NavLinkGridCol.style=balNavLinkGridColCss;var balNavLinkGroupCss=":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 NavLinkGroup=function(){function a(a){registerInstance(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-group");var t=this.color!=="";return h(Host,{key:"12c1c4d22dc3827a4c186c6591b7b043f1dd378b",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(t))},h("slot",{key:"0c503bfaa7b2587f50936cc3d699e5a1bd9995a7"}))};return a}();__decorate([Logger("bal-nav-link-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGroup.prototype,"createLogger",null);NavLinkGroup.style=balNavLinkGroupCss;var balNavMenuBarCss=':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 NavMenuBar=function(){function a(a){registerInstance(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(NavMenuBarIds++);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=BEM.block("nav-menu-bar");var t=a.element("inner");return h(Host,{key:"c2ea73c8876d06127c4fee24edf6a2ecc623f199",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"))},h("div",{key:"d59d5d00f628748b91964b61692cca01d609a005",class:Object.assign({},t.class())},h("div",{key:"3afd6861fef7c4d6e2b3d41bd7e626daa4aa06b1",class:Object.assign({},a.element("container").class())},h("slot",{key:"380e064513ba797a10145e73bdc76dfe81dafaf6"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuBar.prototype,"createLogger",null);var NavMenuBarIds=0;NavMenuBar.style=balNavMenuBarCss;var balNavMenuFlyoutCss=":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 NavMenuFlyout=function(){function a(a){registerInstance(this,a);this.balFocusOut=createEvent(this,"balFocusOut");this.bodyScrollHandler=new BalScrollHandler;this.isHidden=false;this.navId="bal-nav-x".concat(NavMenuFlyOutIds++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.onFocusLeave=function(a){if(this.el&&a.relatedTarget&&!isDescendant(this.el,a.relatedTarget)){this.balFocusOut.emit(a)}};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,t;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((t=this.el)===null||t===void 0?void 0:t.clientHeight)};a.prototype.render=function(){var a=BEM.block("nav-menu-flyout");var t=a.element("line");return h(Host,{key:"24fa77703681dee08738a210a21b693eb5c53679",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},h("div",{key:"12eb7c5a6d4b3b8d230f8cfbc6477e4cc47b5897",class:Object.assign({},t.class())}),h("div",{key:"07fe48098735ef75bce7116eabedfceb8c2903e5",class:Object.assign({},a.element("container").class())},h("slot",{key:"00a8a2f20e211f8610830bd89a53e7b57bafede2"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-flyout"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"createLogger",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"resizeListener",null);var NavMenuFlyOutIds=0;NavMenuFlyout.style=balNavMenuFlyoutCss;var balNavMetaBarCss=":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%}.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}}@media screen and (max-width: 768px){.bal-nav>.bal-nav-meta-bar--stay-on-top{z-index:calc(var(--bal-z-index-popup) + 1) !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 NavMetaBar=function(){function a(a){registerInstance(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(NavMetaBarIds++);this.previousY=0;this.isHidden=false;this.stayOnTopOfBackdrop=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(balBrowser.hasWindow&&balBrowser.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var t=0>=window.scrollY;var i=0>window.scrollY;var n=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!t&&(e||n||i);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var o=0;o<r.length;o++){var l=r[o];if(this.isHidden){if(this.size==="small"){l.classList.remove("bal-nav-meta-bar-transform-normal");l.classList.add("bal-nav-meta-bar-transform-small")}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.add("bal-nav-meta-bar-transform-normal")}}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=BEM.block("nav-meta-bar");return h(Host,{key:"3c91c07a7d1b760ae2843b24003d4cebc2ec57d8",id:this.navMetaBarId,class:Object.assign(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")),a.modifier("stay-on-top").class(this.stayOnTopOfBackdrop))},h("div",{key:"02333a87470f62b461875ceeae5a1b32381f4700",class:Object.assign({},a.element("container").class())},h("slot",{key:"4d41ede2b111ee158255fbbc04b580695c8b1597"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-meta-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMetaBar.prototype,"createLogger",null);var NavMetaBarIds=0;NavMetaBar.style=balNavMetaBarCss;export{Nav as bal_nav,NavLink as bal_nav_link,NavLinkGrid as bal_nav_link_grid,NavLinkGridCol as bal_nav_link_grid_col,NavLinkGroup as bal_nav_link_group,NavMenuBar as bal_nav_menu_bar,NavMenuFlyout as bal_nav_menu_flyout,NavMetaBar as bal_nav_meta_bar};
+import{__awaiter,__extends,__generator}from"tslib";import{J as rIC,t as isDescendant,M as h,a as balBrowser,L as Logger,H as registerInstance,P as createEvent,f as defaultConfig,A as waitForComponent,y as waitAfterIdleCallback,N as Host,O as getElement}from"./index-BD2o1F4P.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{b as balBreakpoints}from"./breakpoints.subject-wNA_Q1j5.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-ZB0xLyh9.js";import{L as ListenToConfig}from"./config.decorator-ComxCRvh.js";import{s as stopEventBubbling}from"./form-input-DQl5OvyZ.js";import{L as ListenToMutation}from"./mutation.decorator-DvB2cFVm.js";import{B as BalScrollHandler}from"./scroll-CzGJfhvt.js";import{s as sanitizeSvg}from"./svg-DUNB4kTY.js";import{j as isTabKey}from"./keyboard.helpers-D1VPLQ5z.js";import"./window-resize.subject-VS51emX-.js";import{L as ListenToResize}from"./resize.decorator-BDQZ3RTK.js";import"./device-DT_jgFo1.js";import"./listener-BBbVS0yJ.js";import"./tokens.esm-C7ySnb0w.js";var gatherTabInformation=function(a){var t;var n=(t=a.linkItems.find((function(t){return t.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems;var i=n===null||n===void 0?void 0:n.findIndex((function(t){return t.value===a.activeMenuLinkValue}));var e=i+1;var r=i-1;return{tabs:n||[],indexOfActiveTab:i,indexOfNextTab:e,indexOfPreviousTab:r}};var handleTabKeyDown=function(a,t){var n=a.tabs,i=a.indexOfNextTab,e=a.indexOfActiveTab;var r=n===null||n===void 0?void 0:n.findIndex((function(a){return a.value===t.item.value}));if(!t.isBackwards&&r===n.length-1){t.stopEventBubbling();t.closeFlyout();rIC((function(){focusNextElement(document.activeElement,t.el)}));return}if(!t.isBackwards&&r===e){var o=t.el.querySelector("#".concat(t.navId,"-menu-flyout"));if(o){var l=o.querySelector('a, button, [tabindex="0"]');if(l){t.stopEventBubbling();l.focus({preventScroll:true})}}}if(t.isBackwards&&r===i){var o=t.el.querySelector("#".concat(t.navId,"-menu-flyout"));if(o){var s=o.querySelectorAll('a, button, [tabindex="0"]');var b=s[s.length-1];if(b){t.stopEventBubbling();b.focus({preventScroll:true})}}}};var handleFlyoutFocusOut=function(a,t){var n=t.isBackwards?a.tabs[a.indexOfActiveTab]:a.tabs[a.indexOfNextTab];if(n){var i=t.el.querySelector('button[data-value="'.concat(n.value,'"], a[data-value="').concat(n.value,'"]'));if(i){i.focus({preventScroll:true})}}};var focusNextElement=function(a,t){var n=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'];var i=Array.from(document.querySelectorAll(n.join(","))).filter((function(a){return a.offsetParent!==null})).filter((function(a){return!isDescendant(t,a)}));var e=i.indexOf(a);var r=i[e+1];if(r)r.focus()};var i18nNavBars={de:{mainNavigation:"Hauptnavigation",navigation:"Navigation",subNavigation:"Subnavigation",open:"Menü öffnen",close:"Menü schliessen"},en:{mainNavigation:"Main navigation",navigation:"Navigation",subNavigation:"Sub navigation",open:"Open Menu",close:"Close Menu"},fr:{mainNavigation:"Navigation principale",navigation:"Navigation",subNavigation:"Sous-navigation",open:"Ouvrir le menu",close:"Fermer le menu"},it:{mainNavigation:"Navigazione principale",navigation:"Navigazione",subNavigation:"Sottonavigazione",open:"Apri Menù",close:"Chiudi menù"},nl:{mainNavigation:"Hoofdnavigatie",navigation:"Navigatie",subNavigation:"Subnavigatie",open:"Menu openen",close:"Menu sluiten"},es:{mainNavigation:"Navegación principal",navigation:"Navegación",subNavigation:"Subnavegación",open:"Menú abierto",close:"Cerrar menú"},pl:{mainNavigation:"Nawigacja główna",navigation:"Nawigacja",subNavigation:"Nawigacja podrzędna",open:"Otwórz menu",close:"Zamknij menu"},pt:{mainNavigation:"Navegação principal",navigation:"Navegação",subNavigation:"Subnavegação",open:"Menu aberto",close:"Fechar menu"},sv:{mainNavigation:"Huvudnavigering",navigation:"Navigering",subNavigation:"Undernavigering",open:"Öppna menyn",close:"Stäng menyn"},fi:{mainNavigation:"Päänavigaatio",navigation:"Navigaatio",subNavigation:"Alinavigaatio",open:"Avaa valikko",close:"Sulje valikko"}};var NavLinkItem=function(){function a(a,t){var n=this;this.observer=t;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(NavLinkItemIDs++);this.value=a.value||this.id;this.href=a.href;this.rel=a.rel;this.target=a.target;this.active=!!a.active;this.clickable=!!a.clickable;this.data=a.data;this.onClick=function(t){n.observer.linkItemClickListener(n);if(a.onClick){a.onClick(t)}};this.onAccordionClick=function(t){n.observer.accordionClickListener(n);if(a.onAccordionClick){a.onAccordionClick(t)}}}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,rel:this.rel,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");return h("li",null,h("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},n.element("mobile-links").class()),n.element("mobile-links").modifier("selected").class(this.active)),n.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label))};a.prototype.render=function(a){var t=this;return h("bal-nav-link",{role:"listitem",href:this.href,rel:this.rel,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label)};return a}();var NavLinkItemIDs=0;var NavMetaButton=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.touchPlacement="top";i.id="nav-meta-button-".concat(NavMetaButtonIDs++);i.touchPlacement=t.touchPlacement||"top";i.value=t.value||i.id;i.icon=t.icon;i.popoverId=t.popupId;i.ariaLabel=t.ariaLabel;i.htmlTitle=t.htmlTitle;i.href=t.href||"";i.target=t.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 h("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,rel:this.rel,href:this.href,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label},this.label)}return h("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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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 h("bal-button",{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,rel:this.rel,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label},this.icon?"":this.label)}return h("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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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 h("bal-button",{id:this.value,color:"info",inverted:false,icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,href:this.href,target:this.target},this.label)}return h("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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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(balBrowser.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};t.prototype.resetDesktopMetaBar=function(){if(balBrowser.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return t}(NavLinkItem);var NavMetaButtonIDs=0;var AccordionButton=function(a){var t=a.id,n=a.label,i=a.level,e=a.open,r=a.link,o=a.href,l=a.rel,s=a.target,b=a.onClick;var v=BEM.block("nav");return r?h("a",{id:t,class:Object.assign({},v.element("mobile-".concat(i,"-item")).class()),href:o,rel:l,target:s,onClick:function(a){return b(a)}},h("span",null,n)):h("button",{id:t,class:Object.assign({},v.element("mobile-".concat(i,"-item")).class()),onClick:function(a){return b(a)}},h("span",null,n),h("bal-icon",{name:"nav-go-down",size:"small",turn:e}))};var OverviewLink=function(a){var t=a.item,n=a.isMenu,i=a.onClick,e=a.isVisible;var r=BEM.block("nav");if(!t){return""}return h("a",{class:Object.assign(Object.assign(Object.assign({},r.element("mobile-overview-link").class()),r.element("mobile-overview-link").modifier("menu").class(!!n)),r.element("mobile-overview-link").modifier("invisible").class(e===false)),href:t.href,rel:t.rel,target:t.target,onClick:function(a){return i(a)}},t.label," ",t.label?"➞":"")};var NavSectionLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.linkItems=[];i.htmlTitle=t.htmlTitle;i.label=t.label;i.href=t.href;i.target=t.target;i.id="nav-section-link-item-".concat(NavSectionLinkItemIDs++);i.value=t.value||i.id;i.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,n)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.linkItems&&this.linkItems.length>0;return h("li",null,h("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},n.element("mobile-section-item").class()),n.element("mobile-section-item").modifier("selected").class(this.active)),n.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),i?h("ul",{class:Object.assign({},n.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{role:"list"},h("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}(NavLinkItem);var NavSectionLinkItemIDs=0;var NavServiceLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.color="grey";i.linkItems=[];i.id="nav-service-link-item-".concat(NavServiceLinkItemIDs++);i.value=t.value||i.id;i.color=t.color||"grey";i.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,n)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.linkItems&&this.linkItems.length>0;return h("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},n.element("mobile-service-item").class()),n.element("mobile-service-item").modifier("color-".concat(this.color)).class()),n.element("mobile-service-item").modifier("selected").class(this.active)),n.element("mobile-service-item").modifier("clickable").class(this.clickable))},h("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),i?h("ul",{class:Object.assign({},n.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{color:this.color,role:"list"},h("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}(NavLinkItem);var NavServiceLinkItemIDs=0;var NavMenuLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.sectionLinkItems=[];i.serviceLinkItems=[];i.id="nav-menu-link-item-".concat(NavMenuLinkItemIDs++);i.value=t.value||i.id;i.sectionLinkItems=(t.sectionLinkItems||[]).map((function(a){return new NavSectionLinkItem(a,n)}));i.serviceLinkItems=(t.serviceLinkItems||[]).map((function(a){return new NavServiceLinkItem(a,n)}));i.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,n):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 n=BEM.block("nav");var i=this.sectionLinkItems&&this.sectionLinkItems.length>0;var e=this.serviceLinkItems&&this.serviceLinkItems.length>0;var r=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:i||e?false:this.isLink,open:r,onClick:function(a){return t.onAccordionClick(a)}}),h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:r}),i?h("ul",{class:Object.assign(Object.assign({},n.element("mobile-section-list").class()),n.element("mobile-section-list").modifier("invisible").class(r===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",e?h("ul",{class:Object.assign(Object.assign({},n.element("mobile-service-list").class()),n.element("mobile-service-list").modifier("invisible").class(r===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;var n=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!n&&this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(n.detail)}}})};return t}(NavLinkItem);var NavMenuLinkItemIDs=0;var NavMetaLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.mainLinkItems=[];i.id="nav-meta-link-item-".concat(NavMetaLinkItemIDs++);i.value=t.value||i.id;i.mainLinkItems=(t.mainLinkItems||[]).map((function(a){return new NavMenuLinkItem(a,n)}));i.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,n):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 n=BEM.block("nav");var i=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"meta",label:this.label,open:i,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),i?h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",i?h("hr",{class:Object.assign(Object.assign({},n.element("line").class()),n.element("line").modifier("up").class())}):"",i&&this.mainLinkItems&&this.mainLinkItems.length>0?h("ul",{class:Object.assign({},n.element("mobile-menu-list").class())},this.mainLinkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",h("hr",{class:Object.assign({},n.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(NavLinkItem);var NavMetaLinkItemIDs=0;var balNavCss="@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-top:0rem;--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{position:relative;background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem - var(--bal-nav-top, 0rem));overflow-y:auto;z-index:calc(var(--bal-z-index-navigation) - 1)}@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-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 Nav=function(){function a(a){var t=this;registerInstance(this,a);this.balNavItemClick=createEvent(this,"balNavItemClick");this.navId="bal-nav-".concat(NavIds++);this.bodyScrollHandler=new BalScrollHandler;this.isTouch=balBreakpoints.isTouch;this.isDesktop=balBreakpoints.isDesktop;this.language=defaultConfig.language;this.region=defaultConfig.region;this.isFlyoutActive=false;this.hasRenderedWithFlyoutActive=false;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[];this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(t){return new NavMetaLinkItem(t,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.metaButtons=this.buttons.map((function(t){return new NavMetaButton(t,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){t.closeAllPopups();t.toggleFlyout();if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(t.isFlyoutActive){t.bodyScrollHandler.disable()}else{t.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(t.isTouch){if(balBrowser.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"}}));t.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!t.isFlyoutActive){t.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!==t.activeMetaLinkValue){t.activeMetaLinkValue=a.detail;var n=t.linkItems.find((function(a){return a.value===t.activeMetaLinkValue}));if(n&&n.mainLinkItems.length>0){t.activeMenuLinkValue=n.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(t.activeMenuLinkValue===a){t.toggleFlyout()}else{t.openFlyout()}t.activeMenuLinkValue=a}}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 t=a.target;if(t&&t.nodeName==="BAL-POPUP"){var n=t.id;var i=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(n,'"]')));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 t,n,i,e,r,o,l,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){o=(n=(t=this.metaBarEl)===null||t===void 0?void 0:t.querySelector(".bal-nav-meta-bar__container"))===null||n===void 0?void 0:n.contains(a.target);l=(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(!o&&!l){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(t){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue}));if(t){return t.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var t=this.activeMenuLinkItems.find((function(t){return t.value===a.activeMenuLinkValue}));return t?t: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 t;return __generator(this,(function(n){switch(n.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,waitForComponent(this.el)];case 1:n.sent();return[4,waitAfterIdleCallback()];case 2:n.sent();t=this.el.querySelector("#".concat(a.id));if(t){t.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,t;var n=this.activeMetaLinkValue;var i=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||n;if(n!==i){this.activeMetaLinkValue=i}var e=this.activeMenuLinkValue;var r=((t=this.activeMenuLinkItems.find((function(a){return a.active})))===null||t===void 0?void 0:t.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,n,i,e,r,o,l,s,b;var v=BEM.block("nav");var c=v.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return h(Host,{key:"dae60e87a7091b449e1f75eab64b12ce35fb05ea",id:this.navId,class:Object.assign({},v.class())},h("div",{key:"649fcb126503a271bc248ee96e68b425a923e5d3",class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?h("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(t){return a.metaBarEl=t}},h("bal-stack",{space:"auto"},this.linkItems.length>1?h("bal-tabs",{inverted:true,context:"meta",value:this.activeMetaLinkValue,"aria-label":i18nNavBars[this.language].mainNavigation,onBalChange:function(t){return a.onMetaBarTabChange(t)}},this.linkItems.map((function(t){return t.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):h("span",null),h("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?h("bal-nav-menu-bar",{position:"fixed-top",ref:function(t){return a.menuBarEl=t}},h("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),h("bal-tabs",{context:"navigation",accordion:true,value:this.activeMenuLinkValue,"aria-label":i18nNavBars[this.language].navigation},(t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems.map((function(t,n){return t.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(t.value)},onTabPress:function(n){if(a.isFlyoutActive){var i=n.shiftKey;var e=gatherTabInformation({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue,linkItems:a.linkItems});handleTabKeyDown(e,{el:a.el,navId:a.navId,isFlyoutActive:a.isFlyoutActive,isBackwards:i,item:t,stopEventBubbling:function(){return stopEventBubbling(n)},closeFlyout:function(){return a.closeFlyout()}})}}})})))),this.isFlyoutActive?h("bal-nav-menu-flyout",{navId:this.navId,"aria-label":i18nNavBars[this.language].subNavigation,onBalFocusOut:function(t){if(a.isFlyoutActive){stopEventBubbling(t);var n=gatherTabInformation({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue,linkItems:a.linkItems});var i=isDescendant(a.el,t.detail.relatedTarget);handleFlyoutFocusOut(n,{el:a.el,isBackwards:i})}}},h("bal-nav-link",{role:"listitem",variant:"overview",href:(i=(n=this.activeMenuLinkItem)===null||n===void 0?void 0:n.overviewLink)===null||i===void 0?void 0:i.href,target:(r=(e=this.activeMenuLinkItem)===null||e===void 0?void 0:e.overviewLink)===null||r===void 0?void 0:r.target,onClick:function(){var t;return a.linkItemClickListener((t=a.activeMenuLinkItem)===null||t===void 0?void 0:t.overviewLink)}},(l=(o=this.activeMenuLinkItem)===null||o===void 0?void 0:o.overviewLink)===null||l===void 0?void 0:l.label," ",((b=(s=this.activeMenuLinkItem)===null||s===void 0?void 0:s.overviewLink)===null||b===void 0?void 0:b.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",h("div",{key:"6499f09da6ff07093492b342ee5851600eccd391"},h("slot",{key:"83f00bc33f0587edf5145def059525712b62637d"}))),this.isTouch?h("bal-nav-meta-bar",{variant:"white",size:"normal"},h("bal-stack",{space:"auto"},this.renderLogo(),h("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),h("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?i18nNavBars[this.language].close:i18nNavBars[this.language].open,onClick:function(t){return a.onTouchToggleFlyout(t)}})))):"",this.isTouch?h("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("visible").class(this.isFlyoutActive))},h("nav",{class:Object.assign({},c.element("container").class())},h("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?h("bal-nav-meta-bar",{stayOnTopOfBackdrop:true,variant:"grey",size:"normal"},h("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var t,n;if(!a){return""}return h("bal-nav-link-grid",null,h("bal-nav-link-grid-col",null,(t=a.sectionLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))),h("bal-nav-link-grid-col",{"static-col":true},(n=a.serviceLinkItems)===null||n===void 0?void 0:n.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var t=this;return h("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var n,i,e;return a.isLink?h("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):h("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},h("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),h("bal-list-item-accordion-body",null,h("div",{style:{width:"100%"}},h("bal-nav-link",{role:"listitem",variant:"overview",href:(n=a.overviewLink)===null||n===void 0?void 0:n.href,target:(i=a.overviewLink)===null||i===void 0?void 0:i.target,onClick:function(){return t.linkItemClickListener(a.overviewLink)}},(e=a.overviewLink)===null||e===void 0?void 0:e.label),h("div",{class:"pt-normal"},t.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var t,n,i,e,r,o,l,s;var b=((t=this.logo)===null||t===void 0?void 0:t.href)?"a":((n=this.logo)===null||n===void 0?void 0:n.clickable)?"button":"div";var v=h("bal-logo",{animated:true});var c=(i=this.logo)===null||i===void 0?void 0:i.url;var d=sanitizeSvg((e=this.logo)===null||e===void 0?void 0:e.svg);if(c){v=h("img",{height:32,style:{maxHeight:"32px"},src:c,alt:"Logo"})}if(d){v=h("div",{innerHTML:d,role:"img","aria-label":"Logo",style:{display:"flex",height:"32px",maxHeight:"32px",minWidth:"32px"}})}return h(b,{class:"bal-nav__logo","aria-label":(r=this.logo)===null||r===void 0?void 0:r.ariaLabel,title:(o=this.logo)===null||o===void 0?void 0:o.htmlTitle,href:(l=this.logo)===null||l===void 0?void 0:l.href,target:(s=this.logo)===null||s===void 0?void 0:s.target,onClick:function(){var t,n;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(t=a.logo)===null||t===void 0?void 0:t.href,target:(n=a.logo)===null||n===void 0?void 0:n.target})}},v)};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Nav.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-popup"],waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Nav.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Nav.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Nav.prototype,"configChanged",null);var NavIds=0;Nav.style=balNavCss;var balNavLinkCss="@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 NavLink=function(){function a(a){registerInstance(this,a);this.variant="";this.selected=false;this.clickable=false;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link");var t=this,n=t.href,i=t.target,e=t.rel;var r=n!==undefined&&n!=="";var o=this.variant!=="";var l=r?"a":this.clickable?"button":"span";var s={};if(r){s={href:n,target:i,rel:e}}return h(Host,{key:"094bc385a6c8158fe7be5ad0e4198523d51d65e8",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(o))},h(l,Object.assign({key:"1ab588cc904d115f8ec4f4daa879c3386088b031","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&&(r||this.clickable)))},s),h("slot",{key:"78c3c18fbb008c69c4f2f1fd7667a34e8c172dae"})))};return a}();__decorate([Logger("bal-nav-link"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLink.prototype,"createLogger",null);NavLink.style=balNavLinkCss;var balNavLinkGridCss=".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 NavLinkGrid=function(){function a(a){registerInstance(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid");return h(Host,{key:"cf120f164d237ac949800e041f354c577ec9a4c2",class:Object.assign({},a.class())},h("slot",{key:"c8b40348d598dc98dc5d1cdbd61a5dc57736041a"}))};return a}();__decorate([Logger("bal-nav-link-grid"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGrid.prototype,"createLogger",null);NavLinkGrid.style=balNavLinkGridCss;var balNavLinkGridColCss=".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 NavLinkGridCol=function(){function a(a){registerInstance(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid-col");var t=a.element("inner");return h(Host,{key:"d7acb4f8e0e7d438e80b429883332e397da63372",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},h("div",{key:"45840d28afac2acd60020bcbb2365fc5f2942d53",class:Object.assign({},t.class())},h("slot",{key:"c3938c0a946e3fdd55222635b7dc5a057fcab0d6"})))};return a}();__decorate([Logger("bal-nav-link-grid-col"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGridCol.prototype,"createLogger",null);NavLinkGridCol.style=balNavLinkGridColCss;var balNavLinkGroupCss=":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 NavLinkGroup=function(){function a(a){registerInstance(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-group");var t=this.color!=="";return h(Host,{key:"430702a9ee2d0b8e90c22a6d5a710e1ff937fa41",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(t))},h("slot",{key:"cf882ef1d17029c47e2bb5cb6b7a2a68b4875492"}))};return a}();__decorate([Logger("bal-nav-link-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGroup.prototype,"createLogger",null);NavLinkGroup.style=balNavLinkGroupCss;var balNavMenuBarCss=':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 NavMenuBar=function(){function a(a){registerInstance(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(NavMenuBarIds++);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=BEM.block("nav-menu-bar");var t=a.element("inner");return h(Host,{key:"1d3156e1e56a298106c03aa04a7ce6e7e720fa09",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"))},h("div",{key:"1e1855a00bf27d97cd6740bbf1bf6c27b688b8fd",class:Object.assign({},t.class())},h("div",{key:"96ada15dbc1e40a0f364d05de09692c483a57c44",class:Object.assign({},a.element("container").class())},h("slot",{key:"1a3229dd01d5da1cfc3e9ff15ae995ddd6fb2c93"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuBar.prototype,"createLogger",null);var NavMenuBarIds=0;NavMenuBar.style=balNavMenuBarCss;var balNavMenuFlyoutCss=":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 NavMenuFlyout=function(){function a(a){registerInstance(this,a);this.balFocusOut=createEvent(this,"balFocusOut");this.bodyScrollHandler=new BalScrollHandler;this.isHidden=false;this.navId="bal-nav-x".concat(NavMenuFlyOutIds++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.onFocusLeave=function(a){if(this.el&&a.relatedTarget&&!isDescendant(this.el,a.relatedTarget)){this.balFocusOut.emit(a)}};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,t;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((t=this.el)===null||t===void 0?void 0:t.clientHeight)};a.prototype.render=function(){var a=BEM.block("nav-menu-flyout");var t=a.element("line");return h(Host,{key:"08fec06021b7342e57f8b473e8b3945e9f9b1fdd",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},h("div",{key:"e0ac894e2f7f9f598e83f9b356d6b6650517dae8",class:Object.assign({},t.class())}),h("div",{key:"1849d0a2e87299ed182eb4d3adf167f129dc50f5",class:Object.assign({},a.element("container").class())},h("slot",{key:"d4b6906e2747d25c10426c295cce3f6a64ee5fb3"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-flyout"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"createLogger",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"resizeListener",null);var NavMenuFlyOutIds=0;NavMenuFlyout.style=balNavMenuFlyoutCss;var balNavMetaBarCss=":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%}.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}}@media screen and (max-width: 1023px){.bal-nav>.bal-nav-meta-bar{z-index:calc(var(--bal-z-index-popup) + 1) !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:var(--bal-nav-top, 0rem);z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)))}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)))}";var NavMetaBar=function(){function a(a){registerInstance(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(NavMetaBarIds++);this.previousY=0;this.isHidden=false;this.stayOnTopOfBackdrop=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(balBrowser.hasWindow&&balBrowser.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var t=0>=window.scrollY;var n=0>window.scrollY;var i=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!t&&(e||i||n);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var o=0;o<r.length;o++){var l=r[o];if(this.isHidden){if(this.size==="small"){l.classList.remove("bal-nav-meta-bar-transform-normal");l.classList.add("bal-nav-meta-bar-transform-small")}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.add("bal-nav-meta-bar-transform-normal")}}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=BEM.block("nav-meta-bar");return h(Host,{key:"b0bcf370b580af4b1b08e3db52fdcd63d73b6626",id:this.navMetaBarId,class:Object.assign(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")),a.modifier("stay-on-top").class(this.stayOnTopOfBackdrop))},h("div",{key:"e6d3b94907abfa645139d6f680f70fc5c4120704",class:Object.assign({},a.element("container").class())},h("slot",{key:"d8f228c8191c61245dcf96f54270e021609a9296"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-meta-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMetaBar.prototype,"createLogger",null);var NavMetaBarIds=0;NavMetaBar.style=balNavMetaBarCss;export{Nav as bal_nav,NavLink as bal_nav_link,NavLinkGrid as bal_nav_link_grid,NavLinkGridCol as bal_nav_link_grid_col,NavLinkGroup as bal_nav_link_group,NavMenuBar as bal_nav_menu_bar,NavMenuFlyout as bal_nav_menu_flyout,NavMetaBar as bal_nav_meta_bar};

package/dist/esm-es5/bal-navbar_5.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{H as registerInstance,M as h,N as Host,O as getElement,P as createEvent,f as defaultConfig,a as balBrowser,w as wait,r as deepReady}from"./index-BD2o1F4P.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{L as ListenToConfig}from"./config.decorator-ComxCRvh.js";import{B as BalScrollHandler}from"./scroll-CzGJfhvt.js";import{b as balBreakpoints}from"./breakpoints.subject-CgzyyJ6D.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-DZB3DqTp.js";import"./device-DT_jgFo1.js";import"./listener-BBbVS0yJ.js";import"./tokens.esm-Cwq70vCB.js";var balNavbarCss=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";var Navbar=function(){function a(a){registerInstance(this,a);this.light=false;this.interface="app";this.container=""}a.prototype.interfaceHandler=function(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")};a.prototype.toggleMenu=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){switch(e.label){case 0:a=this.element.querySelector("bal-navbar-brand");if(!a)return[3,2];return[4,a.toggle()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};a.prototype.componentWillLoad=function(){this.interfaceHandler()};a.prototype.updateProps=function(a,e){var t=this[e];if(t!==undefined){this.notifyComponents(a,(function(a){return a[e]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.element.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a;var e=BEM.block("navbar");return h(Host,{key:"d21b6f612b2111ce0a70adb00e62fc7663d1b651",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class()),e.modifier("is-light").class(this.light))},h("nav",{key:"c04d357d30be897227259035bd86e2f5a7edc936",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},e.element("nav").class()),(a={container:true},a["is-".concat(this.container)]=this.container!=="",a))},h("slot",{key:"48fba6d236e2dfdbf7d0ae23d76b290f63692ba6"})))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{interface:["interfaceHandler"]}},enumerable:false,configurable:true});return a}();Navbar.style=balNavbarCss;var i18nBalNavbarBrand={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}};var NavbarBrand=function(){function a(a){registerInstance(this,a);this.balNavigate=createEvent(this,"balNavigate");this.balWillAnimate=createEvent(this,"balWillAnimate");this.balDidAnimate=createEvent(this,"balDidAnimate");this.bodyScrollHandler=new BalScrollHandler;this.language=defaultConfig.language;this.isMenuActive=false;this.href="";this.logoClickable=false;this.target="_self";this.simple=false;this.logoSize="";this.animated=true;this.interface="app"}a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){if(balBrowser.hasWindow&&window.matchMedia){window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=a.language;return[2]}))}))};a.prototype.resetIsMenuActive=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(a.matches&&!this.simple){this.setIsMenuActiveAndAnimate(false)}return[2]}))}))};a.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:return[4,this.setIsMenuActiveAndAnimate(!this.isMenuActive)];case 1:a.sent();return[2]}}))}))};a.prototype.setIsMenuActiveAndAnimate=function(){return __awaiter(this,arguments,void 0,(function(a){var e,t;if(a===void 0){a=this.isMenuActive}return __generator(this,(function(n){switch(n.label){case 0:this.isMenuActive=a;this.balWillAnimate.emit(this.isMenuActive);if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(this.isMenuActive){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}e=this.el.closest("bal-navbar");if(!e)return[3,2];t=e.querySelector("bal-navbar-menu");if(!(t&&!this.simple))return[3,2];return[4,t.toggle(this.isMenuActive)];case 1:n.sent();n.label=2;case 2:return[4,wait(300)];case 3:n.sent();this.balDidAnimate.emit(this.isMenuActive);return[2]}}))}))};a.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.toggle();return[2]}))}))};a.prototype.render=function(){var a=this;var e=BEM.block("navbar").element("brand");var t=this.logo?h("img",{class:Object.assign({},e.element("logo").class()),src:this.logo,alt:""}):h("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});var n=this.logoLabel?this.logoLabel:i18nBalNavbarBrand[this.language].logoButtonLabel;return h(Host,{key:"99b5f123911b805e5cf79ba9ab395b1d8d2421cc",class:Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class())},this.href?h("a",{"aria-label":n,title:n,href:this.href,rel:this.rel,target:this.target,onClick:function(e){return a.balNavigate.emit(e)}},t):this.logoClickable?h("button",{"aria-label":n,title:n,onClick:function(e){return a.balNavigate.emit(e)}},t):t,h("span",{key:"3c007d46ec3efbbd3be956a0aceaeba762b964ce",class:Object.assign({},e.element("title").class())},h("slot",{key:"28304a753591015e53f85675533e58544c797ddc"})),h("bal-button",{key:"f0d595579b7d63428196cc9947e87cb058e42fcb",class:Object.assign(Object.assign({},e.element("burger").class()),e.element("burger").modifier("hidden").class(this.interface==="simple")),color:"light",inverted:true,square:true,icon:this.isMenuActive?"close":"menu-bars",onClick:function(){return a.onClick()}}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],NavbarBrand.prototype,"configChanged",null);var NavbarMenu=function(){function a(a){registerInstance(this,a);this.isMenuActive=false;this.isTouch=balBreakpoints.isTouch;this.interface="app"}a.prototype.breakpointListener=function(a){this.isTouch=a.touch};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.isMenuActive=a;e=this.element.querySelector("bal-tabs");if(!e)return[3,2];return[4,deepReady(e)];case 1:t.sent();e.renderLine();t.label=2;case 2:return[2]}}))}))};a.prototype.render=function(){var a;var e=BEM.block("navbar").element("menu");var t="";if(this.isTouch){var n=this.element.closest("bal-navbar");if(n){t=n.container}}return h(Host,{key:"e3632d31af2bf0bbd0bc416c40ff17ed7cd3a74f",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(this.isMenuActive)),e.modifier("context-".concat(this.interface)).class()),(a={container:true},a["is-".concat(t)]=t!=="",a))},h("slot",{key:"63897a0b6c61e222fc3f87051c1f4cf89d27be5a"}))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],NavbarMenu.prototype,"breakpointListener",null);var NavbarMenuEnd=function(){function a(a){registerInstance(this,a);this.interface="app"}a.prototype.render=function(){var a=BEM.block("navbar").element("menu").element("end");return h(Host,{key:"704fe4c50701625f0160aa39a79a5fc3e2f9debb",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},h("slot",{key:"05737e744803b4b62906ab835d555d1c9cc6cf98"}))};return a}();var NavbarMenuStart=function(){function a(a){registerInstance(this,a);this.interface="app"}a.prototype.render=function(){var a=BEM.block("navbar").element("menu").element("start");return h(Host,{key:"b53e1c198366eeca89e5d71bf52af297902307a8",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},h("slot",{key:"3e123a521d151135d72001d1b3ac703d236a4c8f"}))};return a}();export{Navbar as bal_navbar,NavbarBrand as bal_navbar_brand,NavbarMenu as bal_navbar_menu,NavbarMenuEnd as bal_navbar_menu_end,NavbarMenuStart as bal_navbar_menu_start};
+import{__awaiter,__generator}from"tslib";import{H as registerInstance,M as h,N as Host,O as getElement,P as createEvent,f as defaultConfig,a as balBrowser,w as wait,r as deepReady}from"./index-BD2o1F4P.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{L as ListenToConfig}from"./config.decorator-ComxCRvh.js";import{B as BalScrollHandler}from"./scroll-CzGJfhvt.js";import{b as balBreakpoints}from"./breakpoints.subject-wNA_Q1j5.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-ZB0xLyh9.js";import"./device-DT_jgFo1.js";import"./listener-BBbVS0yJ.js";import"./tokens.esm-C7ySnb0w.js";var balNavbarCss=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__logo--small{height:calc(100% - 2.5rem)}@media screen and (min-width: 1024px){.bal-navbar__brand__logo--small{height:calc(100% - 3.5rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";var Navbar=function(){function a(a){registerInstance(this,a);this.light=false;this.interface="app";this.container=""}a.prototype.interfaceHandler=function(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")};a.prototype.toggleMenu=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){switch(e.label){case 0:a=this.element.querySelector("bal-navbar-brand");if(!a)return[3,2];return[4,a.toggle()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};a.prototype.componentWillLoad=function(){this.interfaceHandler()};a.prototype.updateProps=function(a,e){var t=this[e];if(t!==undefined){this.notifyComponents(a,(function(a){return a[e]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.element.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a;var e=BEM.block("navbar");return h(Host,{key:"e3ebbb80f7a7bdd0c832b55bd1a1c0981374fbac",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class()),e.modifier("is-light").class(this.light))},h("nav",{key:"be15f3d1a10b38b5bdfd2135c6c5d13aedee83ae",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},e.element("nav").class()),(a={container:true},a["is-".concat(this.container)]=this.container!=="",a))},h("slot",{key:"b6e746b68f03e11fd4a40f37d693401d37be45cf"})))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{interface:["interfaceHandler"]}},enumerable:false,configurable:true});return a}();Navbar.style=balNavbarCss;var i18nBalNavbarBrand={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}};var NavbarBrand=function(){function a(a){registerInstance(this,a);this.balNavigate=createEvent(this,"balNavigate");this.balWillAnimate=createEvent(this,"balWillAnimate");this.balDidAnimate=createEvent(this,"balDidAnimate");this.bodyScrollHandler=new BalScrollHandler;this.language=defaultConfig.language;this.isMenuActive=false;this.href="";this.logoClickable=false;this.target="_self";this.simple=false;this.logoSize="";this.animated=true;this.interface="app"}a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){if(balBrowser.hasWindow&&window.matchMedia){window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=a.language;return[2]}))}))};a.prototype.resetIsMenuActive=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(a.matches&&!this.simple){this.setIsMenuActiveAndAnimate(false)}return[2]}))}))};a.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:return[4,this.setIsMenuActiveAndAnimate(!this.isMenuActive)];case 1:a.sent();return[2]}}))}))};a.prototype.setIsMenuActiveAndAnimate=function(){return __awaiter(this,arguments,void 0,(function(a){var e,t;if(a===void 0){a=this.isMenuActive}return __generator(this,(function(n){switch(n.label){case 0:this.isMenuActive=a;this.balWillAnimate.emit(this.isMenuActive);if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(this.isMenuActive){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}e=this.el.closest("bal-navbar");if(!e)return[3,2];t=e.querySelector("bal-navbar-menu");if(!(t&&!this.simple))return[3,2];return[4,t.toggle(this.isMenuActive)];case 1:n.sent();n.label=2;case 2:return[4,wait(300)];case 3:n.sent();this.balDidAnimate.emit(this.isMenuActive);return[2]}}))}))};a.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.toggle();return[2]}))}))};a.prototype.render=function(){var a=this;var e=BEM.block("navbar").element("brand");var t=this.logo?h("img",{class:Object.assign(Object.assign({},e.element("logo").class()),e.element("logo").modifier("small").class(this.logoSize==="small")),src:this.logo,alt:"Logo"}):h("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});var n=this.logoLabel?this.logoLabel:i18nBalNavbarBrand[this.language].logoButtonLabel;return h(Host,{key:"7094feb6286adb3f8ca239f2083915b0c515f558",class:Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class())},this.href?h("a",{"aria-label":n,title:n,href:this.href,rel:this.rel,target:this.target,onClick:function(e){return a.balNavigate.emit(e)}},t):this.logoClickable?h("button",{"aria-label":n,title:n,onClick:function(e){return a.balNavigate.emit(e)}},t):t,h("span",{key:"d34d073da6df76bb8ee23cf2f0e252e25770e8ae",class:Object.assign({},e.element("title").class())},h("slot",{key:"1fe4bf6cff6641d027a9ead60bd7bb6a7b9aca9d"})),h("bal-button",{key:"2c873463b3cf67369769f82e8aa7c524240ad38e",class:Object.assign(Object.assign({},e.element("burger").class()),e.element("burger").modifier("hidden").class(this.interface==="simple")),color:"light",inverted:true,square:true,icon:this.isMenuActive?"close":"menu-bars",onClick:function(){return a.onClick()}}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],NavbarBrand.prototype,"configChanged",null);var NavbarMenu=function(){function a(a){registerInstance(this,a);this.isMenuActive=false;this.isTouch=balBreakpoints.isTouch;this.interface="app"}a.prototype.breakpointListener=function(a){this.isTouch=a.touch};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.isMenuActive=a;e=this.element.querySelector("bal-tabs");if(!e)return[3,2];return[4,deepReady(e)];case 1:t.sent();e.renderLine();t.label=2;case 2:return[2]}}))}))};a.prototype.render=function(){var a;var e=BEM.block("navbar").element("menu");var t="";if(this.isTouch){var n=this.element.closest("bal-navbar");if(n){t=n.container}}return h(Host,{key:"63998810051c44f2d243a7bfa00b67e8af85c7f4",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(this.isMenuActive)),e.modifier("context-".concat(this.interface)).class()),(a={container:true},a["is-".concat(t)]=t!=="",a))},h("slot",{key:"becca6583af8c7f8c16352b8b883d8a3e0bb12b0"}))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],NavbarMenu.prototype,"breakpointListener",null);var NavbarMenuEnd=function(){function a(a){registerInstance(this,a);this.interface="app"}a.prototype.render=function(){var a=BEM.block("navbar").element("menu").element("end");return h(Host,{key:"f14a32308315faa073437ea9f98198fda0b1c10e",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},h("slot",{key:"46fca68cb333182ac0ba7bab88e8f119a7493f67"}))};return a}();var NavbarMenuStart=function(){function a(a){registerInstance(this,a);this.interface="app"}a.prototype.render=function(){var a=BEM.block("navbar").element("menu").element("start");return h(Host,{key:"53e5a32adbf95bc5949b66ca03afb6d83981e710",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},h("slot",{key:"ff1ca88a94cdfcef3c8986dd92fc3fd086832280"}))};return a}();export{Navbar as bal_navbar,NavbarBrand as bal_navbar_brand,NavbarMenu as bal_navbar_menu,NavbarMenuEnd as bal_navbar_menu_end,NavbarMenuStart as bal_navbar_menu_start};