@baloise/ds-core 19.3.0 → 19.4.0

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,w as writeTask,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{p as prepareOverlay,d as dismiss,e as eventMethod,F as FOCUS_TRAP_DISABLE_CLASS}from"./overlays-cee3838b.js";import{c as componentOnReady,d as deepReady,a as wait}from"./helpers-51d51cc5.js";import{B as BalScrollHandler}from"./scroll-521224a9.js";import{b as balBrowser}from"./browser-a8073d92.js";import"./config.utils-f3793464.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 BalModalStyle0=balModalCss;var Modal=function(){function t(t){registerInstance(this,t);this.didPresent=createEvent(this,"balModalDidPresent",7);this.willPresent=createEvent(this,"balModalWillPresent",7);this.willDismiss=createEvent(this,"balModalWillDismiss",7);this.didDismiss=createEvent(this,"balModalDidDismiss",7);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.bodyScrollHandler=new BalScrollHandler;this.presented=false;this.overlayIndex=undefined;this.delegate=undefined;this.dataTestId=undefined;this.modalWidth=640;this.space="";this.hasBackdrop=true;this.isClosable=true;this.component=undefined;this.componentProps=undefined;this.cssClass=undefined;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=BalModalStyle0;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-pkPHUz5e.js";import{p as prepareOverlay,d as dismiss,e as eventMethod,F as FOCUS_TRAP_DISABLE_CLASS}from"./overlays-HStjSmzT.js";import{B as BalScrollHandler}from"./scroll-CGUsHi6i.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};

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

@@ -1 +1 @@
-import{__awaiter,__extends,__generator}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBrowser}from"./browser-a8073d92.js";import{s as stopEventBubbling}from"./form-input-1ebdb905.js";import{n as rIC,i as isDescendant,w as waitForComponent,e as waitAfterIdleCallback}from"./helpers-51d51cc5.js";import{L as Logger}from"./log-dfd1c19f.js";import{B as BalScrollHandler}from"./scroll-521224a9.js";import{j as isTabKey}from"./keyboard.helpers-159e517d.js";import{b as balBreakpoints}from"./breakpoints.subject-2f68e834.js";import{d as defaultConfig}from"./config.default-53a04699.js";import{L as ListenToMutation}from"./mutation.decorator-6a69cedb.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-4de4315f.js";import{L as ListenToConfig}from"./config.decorator-6795d1fe.js";import{L as ListenToResize}from"./resize.decorator-3c8e5ee2.js";import"./config.utils-f3793464.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-4409ffbb.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 l=t.el.querySelector("#".concat(t.navId,"-menu-flyout"));if(l){var o=l.querySelector('a, button, [tabindex="0"]');if(o){t.stopEventBubbling();o.focus({preventScroll:true})}}}if(t.isBackwards&&r===i){var l=t.el.querySelector("#".concat(t.navId,"-menu-flyout"));if(l){var s=l.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,aria:{title:this.htmlTitle,label: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,aria:{title:this.htmlTitle,label: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,aria:{title:this.htmlTitle,label: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,aria:{title:this.htmlTitle,label: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,aria:{title:this.htmlTitle,label: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,aria:{title:this.htmlTitle,label: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,l=a.href,o=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:l,rel:o,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",{aria:{controls: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",{aria:{controls: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",{aria:{controls: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",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(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{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar:not(.bal-nav-meta-bar--stay-on-top),.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var BalNavStyle0=balNavCss;var Nav=function(){function a(a){var t=this;registerInstance(this,a);this.balNavItemClick=createEvent(this,"balNavItemClick",7);this.navId="bal-nav-".concat(NavIds++);this.bodyScrollHandler=new BalScrollHandler;this.hasRenderedWithFlyoutActive=false;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};this.isTouch=balBreakpoints.isTouch;this.isDesktop=balBreakpoints.isDesktop;this.language=defaultConfig.language;this.region=defaultConfig.region;this.isFlyoutActive=false;this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.logo=undefined;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[]}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var 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,l,o,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){l=(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);o=(e=(i=this.menuBarEl)===null||i===void 0?void 0:i.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!l&&!o){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(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,l,o,s,b;var v=BEM.block("nav");var c=v.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return h(Host,{key:"6731ced264e30666493c9b66469f8656e3a632ee",id:this.navId,class:Object.assign({},v.class())},h("div",{key:"b8b36c81b079f727699a2d037c4f687084791cfa",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)}},(o=(l=this.activeMenuLinkItem)===null||l===void 0?void 0:l.overviewLink)===null||o===void 0?void 0:o.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:"66321dcac9fb856d8bba914283fc1fe0d4626d35"},h("slot",{key:"1d89fec71d39cc81c491f2422312a733e103f016"}))),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,l;var o=((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";return h(o,{class:"bal-nav__logo","aria-label":(i=this.logo)===null||i===void 0?void 0:i.ariaLabel,title:(e=this.logo)===null||e===void 0?void 0:e.htmlTitle,href:(r=this.logo)===null||r===void 0?void 0:r.href,target:(l=this.logo)===null||l===void 0?void 0:l.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})}},h("bal-logo",{animated:true}))};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=BalNavStyle0;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 BalNavLinkStyle0=balNavLinkCss;var NavLink=function(){function a(a){registerInstance(this,a);this.variant="";this.selected=false;this.clickable=false;this.rel=undefined;this.href=undefined;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 l=this.variant!=="";var o=r?"a":this.clickable?"button":"span";var s={};if(r){s={href:n,target:i,rel:e}}return h(Host,{key:"fe011833d71cd4fc35585f27ee3cb8fe11dadfb8",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(l))},h(o,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(l)),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=BalNavLinkStyle0;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 BalNavLinkGridStyle0=balNavLinkGridCss;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=BalNavLinkGridStyle0;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 BalNavLinkGridColStyle0=balNavLinkGridColCss;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=BalNavLinkGridColStyle0;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 BalNavLinkGroupStyle0=balNavLinkGroupCss;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=BalNavLinkGroupStyle0;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 BalNavMenuBarStyle0=balNavMenuBarCss;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=BalNavMenuBarStyle0;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 BalNavMenuFlyoutStyle0=balNavMenuFlyoutCss;var NavMenuFlyout=function(){function a(a){registerInstance(this,a);this.balFocusOut=createEvent(this,"balFocusOut",7);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=BalNavMenuFlyoutStyle0;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%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@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 BalNavMetaBarStyle0=balNavMetaBarCss;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 l=0;l<r.length;l++){var o=r[l];if(this.isHidden){if(this.size==="small"){o.classList.remove("bal-nav-meta-bar-transform-normal");o.classList.add("bal-nav-meta-bar-transform-small")}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.add("bal-nav-meta-bar-transform-normal")}}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=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=BalNavMetaBarStyle0;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-pkPHUz5e.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-C7fjILif.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-SHkWCW_Y.js";import{L as ListenToConfig}from"./config.decorator-T4wBa62Z.js";import{s as stopEventBubbling}from"./form-input-CGW38ndP.js";import{L as ListenToMutation}from"./mutation.decorator-x6OeVGO1.js";import{B as BalScrollHandler}from"./scroll-CGUsHi6i.js";import{j as isTabKey}from"./keyboard.helpers-D1VPLQ5z.js";import"./window-resize.subject-DTS_9rk_.js";import{L as ListenToResize}from"./resize.decorator-D8jUH-n3.js";import"./device-ClkcmLoi.js";import"./listener-tzACU3qe.js";import"./tokens.esm-BvmIi0Pf.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 c=BEM.block("nav");return r?h("a",{id:t,class:Object.assign({},c.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({},c.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-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar:not(.bal-nav-meta-bar--stay-on-top),.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var 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 c=BEM.block("nav");var v=c.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return h(Host,{key:"6731ced264e30666493c9b66469f8656e3a632ee",id:this.navId,class:Object.assign({},c.class())},h("div",{key:"b8b36c81b079f727699a2d037c4f687084791cfa",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:"66321dcac9fb856d8bba914283fc1fe0d4626d35"},h("slot",{key:"1d89fec71d39cc81c491f2422312a733e103f016"}))),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({},v.class()),v.modifier("visible").class(this.isFlyoutActive))},h("nav",{class:Object.assign({},v.element("container").class())},h("ul",{class:Object.assign({},c.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;var l=((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";return h(l,{class:"bal-nav__logo","aria-label":(i=this.logo)===null||i===void 0?void 0:i.ariaLabel,title:(e=this.logo)===null||e===void 0?void 0:e.htmlTitle,href:(r=this.logo)===null||r===void 0?void 0:r.href,target:(o=this.logo)===null||o===void 0?void 0:o.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})}},h("bal-logo",{animated:true}))};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:"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%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@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 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:"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};

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{b as balBrowser}from"./browser-a8073d92.js";import{a as wait,d as deepReady}from"./helpers-51d51cc5.js";import{B as BalScrollHandler}from"./scroll-521224a9.js";import{d as defaultConfig}from"./config.default-53a04699.js";import{L as ListenToConfig}from"./config.decorator-6795d1fe.js";import{b as balBreakpoints}from"./breakpoints.subject-2f68e834.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-4de4315f.js";import"./config.utils-f3793464.js";import"./log-dfd1c19f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-4409ffbb.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 BalNavbarStyle0=balNavbarCss;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.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:"fd92bf967ce7199269234da14b2a9612c56cbb06",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:"7e172f369abc559d4e9ccdaee88631d8480f6704",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:"7970369d6f3a5538884a29a30db863acf6f9061b"})))};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=BalNavbarStyle0;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",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.bodyScrollHandler=new BalScrollHandler;this.language=defaultConfig.language;this.isMenuActive=false;this.href="";this.rel=undefined;this.logoClickable=false;this.logoLabel=undefined;this.target="_self";this.simple=false;this.logo=undefined;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.toggle(false)}return[2]}))}))};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e,t;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(!this.isMenuActive);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:"1c5a31aedc7120f89f9a1b31d25bd00b724de889",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:"b6347efe529507db4f4b4f78352fc82c957f71fc",class:Object.assign({},e.element("title").class())},h("slot",{key:"4357757d01e9ccc0d497ea04021c64fa06bea1a8"})),h("bal-button",{key:"35e86c5414289bb937a4aab0c5c8bbdc0a27d67a",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-pkPHUz5e.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-T4wBa62Z.js";import{B as BalScrollHandler}from"./scroll-CGUsHi6i.js";import{b as balBreakpoints}from"./breakpoints.subject-C7fjILif.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-SHkWCW_Y.js";import"./device-ClkcmLoi.js";import"./listener-tzACU3qe.js";import"./tokens.esm-BvmIi0Pf.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.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:"fd92bf967ce7199269234da14b2a9612c56cbb06",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:"7e172f369abc559d4e9ccdaee88631d8480f6704",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:"7970369d6f3a5538884a29a30db863acf6f9061b"})))};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.toggle(false)}return[2]}))}))};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e,t;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(!this.isMenuActive);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:"1c5a31aedc7120f89f9a1b31d25bd00b724de889",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:"b6347efe529507db4f4b4f78352fc82c957f71fc",class:Object.assign({},e.element("title").class())},h("slot",{key:"4357757d01e9ccc0d497ea04021c64fa06bea1a8"})),h("bal-button",{key:"35e86c5414289bb937a4aab0c5c8bbdc0a27d67a",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};