@baloise/ds-core 19.8.3 → 19.8.4

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-BdVwMG9u.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";import{c as componentOnReady,d as deepReady,w as wait}from"./helpers-BNj87EbG.js";import{p as prepareOverlay,d as dismiss,e as eventMethod,F as FOCUS_TRAP_DISABLE_CLASS}from"./overlays-DuvWMrlA.js";import{B as BalScrollHandler}from"./scroll-X92R_eyZ.js";import"./config.utils-B7jugjyM.js";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 attachComponent=function(t,e,a,n,r){return __awaiter(void 0,void 0,void 0,(function(){var i;return __generator(this,(function(o){switch(o.label){case 0:if(t){return[2,t.attachViewToDom(e,a,r,n)]}if(typeof a!=="string"&&!(a instanceof HTMLElement)){throw new Error("framework delegate is missing")}i=typeof a==="string"?e.ownerDocument&&e.ownerDocument.createElement(a):a;if(n){n.forEach((function(t){return i.classList.add(t)}))}if(r){Object.assign(i,r)}e.appendChild(i);return[4,new Promise((function(t){return componentOnReady(i,t)}))];case 1:o.sent();return[2,i]}}))}))};var detachComponent=function(t,e){if(e){if(t){var a=e.parentElement;return t.removeViewFromDom(a,e)}e.remove()}return Promise.resolve()};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(r){switch(r.label){case 0:this.unsetModalActiveOnBody();if(!(this.delegate===undefined))return[3,2];return[4,this.close()];case 1:r.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=r.sent();if(!a)return[3,5];return[4,detachComponent(this.delegate,this.usersElement)];case 4:r.sent();r.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(r){switch(r.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:r.sent();return[3,4];case 2:return[4,this.close()];case 3:r.sent();r.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:"2f549c1b2f23df85b241d4f791db9e7b7d6c6d99","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:"611459787dc3ed3f9d88f2c7079644ff23afe385",class:{"bal-modal__background":true,"is-hidden":!this.hasBackdrop},ref:function(t){return a.modalBackgroundElement=t}}),h("div",{key:"c8553af2894b82528ac43390b5599478a15963b0",class:{"bal-modal__container":true},ref:function(t){return a.modalContainerElement=t}},h("div",{key:"3b61064fb8f36d0b875768621867d0429329028b",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:"0ff7a01a8236ea6ef754cd38a89f3fb7337df3b8"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Modal.style=balModalCss;var ModalBody=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h(Host,{key:"4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef",class:"bal-modal__body"},h("slot",{key:"4f42e2817d50f6633e18e548f3194387802cb251"}))};return t}();var ModalHeader=function(){function t(t){var e=this;registerInstance(this,t);this.closeHandler=function(){if(e.parentModal){e.parentModal.dismiss(undefined,"model-close")}}}Object.defineProperty(t.prototype,"parentModal",{get:function(){return this.el.closest("bal-modal")},enumerable:false,configurable:true});t.prototype.render=function(){var t;return h(Host,{key:"fa05e7fa9f1a04125400d4e8dc620ef41b8ee8e0",class:"bal-modal__header"},h("div",{key:"eff6b456ba712662d46cc8034e4e0781e9b56910",class:"bal-modal__header__title"},h("bal-heading",{key:"68d8992f401e949c0323054389e4f8c4a2a731de",level:"h2",space:"none"},h("slot",{key:"7abb147d4ee07d0f9e62daca6d77018bb17d7261"}))),((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{r as registerInstance,c as createEvent,w as writeTask,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";import{c as componentOnReady,d as deepReady,w as wait}from"./helpers-BNj87EbG.js";import{p as prepareOverlay,d as dismiss,e as eventMethod,F as FOCUS_TRAP_DISABLE_CLASS}from"./overlays-DuvWMrlA.js";import{B as BalScrollHandler}from"./scroll-X92R_eyZ.js";import"./config.utils-B7jugjyM.js";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 attachComponent=function(t,e,a,n,r){return __awaiter(void 0,void 0,void 0,(function(){var i;return __generator(this,(function(o){switch(o.label){case 0:if(t){return[2,t.attachViewToDom(e,a,r,n)]}if(typeof a!=="string"&&!(a instanceof HTMLElement)){throw new Error("framework delegate is missing")}i=typeof a==="string"?e.ownerDocument&&e.ownerDocument.createElement(a):a;if(n){n.forEach((function(t){return i.classList.add(t)}))}if(r){Object.assign(i,r)}e.appendChild(i);return[4,new Promise((function(t){return componentOnReady(i,t)}))];case 1:o.sent();return[2,i]}}))}))};var detachComponent=function(t,e){if(e){if(t){var a=e.parentElement;return t.removeViewFromDom(a,e)}e.remove()}return Promise.resolve()};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(r){switch(r.label){case 0:this.unsetModalActiveOnBody();if(!(this.delegate===undefined))return[3,2];return[4,this.close()];case 1:r.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=r.sent();if(!a)return[3,5];return[4,detachComponent(this.delegate,this.usersElement)];case 4:r.sent();r.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(r){switch(r.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:r.sent();return[3,4];case 2:return[4,this.close()];case 3:r.sent();r.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:"21dbd50aedd60d75a2960d6701b44cf61ccc7329","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:"69921023055a78f365056dda59e297e985220d4a",class:{"bal-modal__background":true,"is-hidden":!this.hasBackdrop},ref:function(t){return a.modalBackgroundElement=t}}),h("div",{key:"59af5c19fcfb216e36a1d2ac540f25f35be03c59",class:{"bal-modal__container":true},ref:function(t){return a.modalContainerElement=t}},h("div",{key:"02dd5fe3d3172f0aea3c0b3b7a3a6882ad8fb39b",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:"3b5532f46d38d8b598be0540df655f4f813629fb"}))))};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:"b115e1393596c7d7124ce8b3015e4a2c4c56dcd4",class:"bal-modal__header"},h("div",{key:"06407c1c1848ea62615f30aaa13966facb3e5246",class:"bal-modal__header__title"},h("bal-heading",{key:"c0784a83d66a5d28e028fc66f26b8ef72f5689df",level:"h2",space:"none"},h("slot",{key:"41a254e6b622293d5ef84a65e7b0c02241bc7014"}))),((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-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{r as rIC,i as isDescendant,f as waitForComponent,b as waitAfterIdleCallback}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{B as BalScrollHandler}from"./scroll-X92R_eyZ.js";import{s as sanitizeSvg}from"./svg-DUNB4kTY.js";import{h as isTabKey}from"./keyboard.helpers-BERg8BNc.js";import{b as balBreakpoints}from"./breakpoints.subject-CLkQ75F0.js";import{d as defaultConfig}from"./config.default-I6QXKbhg.js";import{L as ListenToMutation}from"./mutation.decorator-DhVeNnnY.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-B1jmHb1D.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import{L as ListenToResize}from"./resize.decorator-ZKPOJfw5.js";import"./config.utils-B7jugjyM.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";import"./tokens.esm-Crri2rlL.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":this.getOffset()},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":this.getOffset()},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"}}};t.prototype.getOffset=function(){var a=64;var t=getComputedStyle(document.documentElement).getPropertyValue("--bal-nav-top").trim();if(t.endsWith("px")){return parseFloat(t)+a}if(t.endsWith("rem")){var n=parseFloat(getComputedStyle(document.documentElement).fontSize);return parseFloat(t)*n+a}return a};return t}(NavLinkItem);var NavMetaButtonIDs=0;var AccordionButton=function(a){var t=a.id,n=a.label,i=a.level,e=a.open,r=a.link,o=a.href,l=a.rel,s=a.target,b=a.onClick;var v=BEM.block("nav");return r?h("a",{id:t,class:Object.assign({},v.element("mobile-".concat(i,"-item")).class()),href:o,rel:l,target:s,onClick:function(a){return b(a)}},h("span",null,n)):h("button",{id:t,class:Object.assign({},v.element("mobile-".concat(i,"-item")).class()),onClick:function(a){return b(a)}},h("span",null,n),h("bal-icon",{name:"nav-go-down",size:"small",turn:e}))};var OverviewLink=function(a){var t=a.item,n=a.isMenu,i=a.onClick,e=a.isVisible;var r=BEM.block("nav");if(!t){return""}return h("a",{class:Object.assign(Object.assign(Object.assign({},r.element("mobile-overview-link").class()),r.element("mobile-overview-link").modifier("menu").class(!!n)),r.element("mobile-overview-link").modifier("invisible").class(e===false)),href:t.href,rel:t.rel,target:t.target,onClick:function(a){return i(a)}},t.label," ",t.label?"➞":"")};var NavSectionLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.linkItems=[];i.htmlTitle=t.htmlTitle;i.label=t.label;i.href=t.href;i.target=t.target;i.id="nav-section-link-item-".concat(NavSectionLinkItemIDs++);i.value=t.value||i.id;i.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,n)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.linkItems&&this.linkItems.length>0;return h("li",null,h("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},n.element("mobile-section-item").class()),n.element("mobile-section-item").modifier("selected").class(this.active)),n.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),i?h("ul",{class:Object.assign({},n.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(NavLinkItem);var NavSectionLinkItemIDs=0;var NavServiceLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.color="grey";i.linkItems=[];i.id="nav-service-link-item-".concat(NavServiceLinkItemIDs++);i.value=t.value||i.id;i.color=t.color||"grey";i.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,n)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.linkItems&&this.linkItems.length>0;return h("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},n.element("mobile-service-item").class()),n.element("mobile-service-item").modifier("color-".concat(this.color)).class()),n.element("mobile-service-item").modifier("selected").class(this.active)),n.element("mobile-service-item").modifier("clickable").class(this.clickable))},h("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),i?h("ul",{class:Object.assign({},n.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{color:this.color,role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(NavLinkItem);var NavServiceLinkItemIDs=0;var NavMenuLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.sectionLinkItems=[];i.serviceLinkItems=[];i.id="nav-menu-link-item-".concat(NavMenuLinkItemIDs++);i.value=t.value||i.id;i.sectionLinkItems=(t.sectionLinkItems||[]).map((function(a){return new NavSectionLinkItem(a,n)}));i.serviceLinkItems=(t.serviceLinkItems||[]).map((function(a){return new NavServiceLinkItem(a,n)}));i.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,n):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.sectionLinkItems&&this.sectionLinkItems.length>0;var e=this.serviceLinkItems&&this.serviceLinkItems.length>0;var r=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:i||e?false:this.isLink,open:r,onClick:function(a){return t.onAccordionClick(a)}}),h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:r}),i?h("ul",{class:Object.assign(Object.assign({},n.element("mobile-section-list").class()),n.element("mobile-section-list").modifier("invisible").class(r===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",e?h("ul",{class:Object.assign(Object.assign({},n.element("mobile-service-list").class()),n.element("mobile-service-list").modifier("invisible").class(r===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;var n=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!n&&this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(n.detail)}}})};return t}(NavLinkItem);var NavMenuLinkItemIDs=0;var NavMetaLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.mainLinkItems=[];i.id="nav-meta-link-item-".concat(NavMetaLinkItemIDs++);i.value=t.value||i.id;i.mainLinkItems=(t.mainLinkItems||[]).map((function(a){return new NavMenuLinkItem(a,n)}));i.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,n):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"meta",label:this.label,open:i,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),i?h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",i?h("hr",{class:Object.assign(Object.assign({},n.element("line").class()),n.element("line").modifier("up").class())}):"",i&&this.mainLinkItems&&this.mainLinkItems.length>0?h("ul",{class:Object.assign({},n.element("mobile-menu-list").class())},this.mainLinkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",h("hr",{class:Object.assign({},n.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(NavLinkItem);var NavMetaLinkItemIDs=0;var balNavCss="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-top:0rem;--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{position:relative;background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem - var(--bal-nav-top, 0rem));overflow-y:auto;z-index:calc(var(--bal-z-index-navigation) - 1)}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var Nav=function(){function a(a){var t=this;registerInstance(this,a);this.balNavItemClick=createEvent(this,"balNavItemClick");this.navId="bal-nav-".concat(NavIds++);this.bodyScrollHandler=new BalScrollHandler;this.isTouch=balBreakpoints.isTouch;this.isDesktop=balBreakpoints.isDesktop;this.language=defaultConfig.language;this.region=defaultConfig.region;this.isFlyoutActive=false;this.hasRenderedWithFlyoutActive=false;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[];this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(t){return new NavMetaLinkItem(t,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.metaButtons=this.buttons.map((function(t){return new NavMetaButton(t,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){t.closeAllPopups();t.toggleFlyout();if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(t.isFlyoutActive){t.bodyScrollHandler.disable()}else{t.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(t.isTouch){if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));t.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!t.isFlyoutActive){t.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==t.activeMetaLinkValue){t.activeMetaLinkValue=a.detail;var n=t.linkItems.find((function(a){return a.value===t.activeMetaLinkValue}));if(n&&n.mainLinkItems.length>0){t.activeMenuLinkValue=n.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(t.activeMenuLinkValue===a){t.toggleFlyout()}else{t.openFlyout()}t.activeMenuLinkValue=a}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var t=a.target;if(t&&t.nodeName==="BAL-POPUP"){var n=t.id;var i=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(n,'"]')));if(a.detail===true){this.onPopupOpen(i);var e=i.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(i)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var t,n,i,e,r,o,l,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){o=(n=(t=this.metaBarEl)===null||t===void 0?void 0:t.querySelector(".bal-nav-meta-bar__container"))===null||n===void 0?void 0:n.contains(a.target);l=(e=(i=this.menuBarEl)===null||i===void 0?void 0:i.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!o&&!l){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue}));if(t){return t.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var t=this.activeMenuLinkItems.find((function(t){return t.value===a.activeMenuLinkValue}));return t?t:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,waitForComponent(this.el)];case 1:n.sent();return[4,waitAfterIdleCallback()];case 2:n.sent();t=this.el.querySelector("#".concat(a.id));if(t){t.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,t;var n=this.activeMetaLinkValue;var i=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||n;if(n!==i){this.activeMetaLinkValue=i}var e=this.activeMenuLinkValue;var r=((t=this.activeMenuLinkItems.find((function(a){return a.active})))===null||t===void 0?void 0:t.value)||e;if(e!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var t,n,i,e,r,o,l,s,b;var v=BEM.block("nav");var c=v.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return h(Host,{key:"bd3aaf8839666e5d482640dfa9274b799036fec3",id:this.navId,class:Object.assign({},v.class())},h("div",{key:"0ff02ba7e1ad39d2707e84f500768385cd8058f6",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:"5d7ce9a508ca9c83120c8f288c946ff42001d41d"},h("slot",{key:"a05f492433abe803c255ed42ecd52faf35f42f38"}))),this.isTouch?h("bal-nav-meta-bar",{variant:"white",size:"normal"},h("bal-stack",{space:"auto"},this.renderLogo(),h("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),h("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?i18nNavBars[this.language].close:i18nNavBars[this.language].open,onClick:function(t){return a.onTouchToggleFlyout(t)}})))):"",this.isTouch?h("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("visible").class(this.isFlyoutActive))},h("nav",{class:Object.assign({},c.element("container").class())},h("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?h("bal-nav-meta-bar",{stayOnTopOfBackdrop:true,variant:"grey",size:"normal"},h("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var t,n;if(!a){return""}return h("bal-nav-link-grid",null,h("bal-nav-link-grid-col",null,(t=a.sectionLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))),h("bal-nav-link-grid-col",{"static-col":true},(n=a.serviceLinkItems)===null||n===void 0?void 0:n.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var t=this;return h("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var n,i,e;return a.isLink?h("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):h("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},h("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),h("bal-list-item-accordion-body",null,h("div",{style:{width:"100%"}},h("bal-nav-link",{role:"listitem",variant:"overview",href:(n=a.overviewLink)===null||n===void 0?void 0:n.href,target:(i=a.overviewLink)===null||i===void 0?void 0:i.target,onClick:function(){return t.linkItemClickListener(a.overviewLink)}},(e=a.overviewLink)===null||e===void 0?void 0:e.label),h("div",{class:"pt-normal"},t.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var t,n,i,e,r,o,l,s;var b=((t=this.logo)===null||t===void 0?void 0:t.href)?"a":((n=this.logo)===null||n===void 0?void 0:n.clickable)?"button":"div";var v=h("bal-logo",{animated:true});var c=(i=this.logo)===null||i===void 0?void 0:i.url;var d=sanitizeSvg((e=this.logo)===null||e===void 0?void 0:e.svg);if(c){v=h("img",{height:32,style:{maxHeight:"32px"},src:c,alt:"Logo"})}if(d){v=h("div",{innerHTML:d,role:"img","aria-label":"Logo",style:{display:"flex",height:"32px",maxHeight:"32px",minWidth:"32px"}})}return h(b,{class:"bal-nav__logo","aria-label":(r=this.logo)===null||r===void 0?void 0:r.ariaLabel,title:(o=this.logo)===null||o===void 0?void 0:o.htmlTitle,href:(l=this.logo)===null||l===void 0?void 0:l.href,target:(s=this.logo)===null||s===void 0?void 0:s.target,onClick:function(){var t,n;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(t=a.logo)===null||t===void 0?void 0:t.href,target:(n=a.logo)===null||n===void 0?void 0:n.target})}},v)};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Nav.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-popup"],waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Nav.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Nav.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Nav.prototype,"configChanged",null);var NavIds=0;Nav.style=balNavCss;var balNavLinkCss="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";var NavLink=function(){function a(a){registerInstance(this,a);this.variant="";this.selected=false;this.clickable=false;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link");var t=this,n=t.href,i=t.target,e=t.rel;var r=n!==undefined&&n!=="";var o=this.variant!=="";var l=r?"a":this.clickable?"button":"span";var s={};if(r){s={href:n,target:i,rel:e}}return h(Host,{key:"094bc385a6c8158fe7be5ad0e4198523d51d65e8",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(o))},h(l,Object.assign({key:"1ab588cc904d115f8ec4f4daa879c3386088b031","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(o)),a.element("native").modifier("selected").class(this.selected&&(r||this.clickable)))},s),h("slot",{key:"78c3c18fbb008c69c4f2f1fd7667a34e8c172dae"})))};return a}();__decorate([Logger("bal-nav-link"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLink.prototype,"createLogger",null);NavLink.style=balNavLinkCss;var balNavLinkGridCss=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";var NavLinkGrid=function(){function a(a){registerInstance(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid");return h(Host,{key:"cf120f164d237ac949800e041f354c577ec9a4c2",class:Object.assign({},a.class())},h("slot",{key:"c8b40348d598dc98dc5d1cdbd61a5dc57736041a"}))};return a}();__decorate([Logger("bal-nav-link-grid"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGrid.prototype,"createLogger",null);NavLinkGrid.style=balNavLinkGridCss;var balNavLinkGridColCss=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";var NavLinkGridCol=function(){function a(a){registerInstance(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid-col");var t=a.element("inner");return h(Host,{key:"d7acb4f8e0e7d438e80b429883332e397da63372",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},h("div",{key:"45840d28afac2acd60020bcbb2365fc5f2942d53",class:Object.assign({},t.class())},h("slot",{key:"c3938c0a946e3fdd55222635b7dc5a057fcab0d6"})))};return a}();__decorate([Logger("bal-nav-link-grid-col"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGridCol.prototype,"createLogger",null);NavLinkGridCol.style=balNavLinkGridColCss;var balNavLinkGroupCss=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";var NavLinkGroup=function(){function a(a){registerInstance(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-group");var t=this.color!=="";return h(Host,{key:"430702a9ee2d0b8e90c22a6d5a710e1ff937fa41",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(t))},h("slot",{key:"cf882ef1d17029c47e2bb5cb6b7a2a68b4875492"}))};return a}();__decorate([Logger("bal-nav-link-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGroup.prototype,"createLogger",null);NavLinkGroup.style=balNavLinkGroupCss;var balNavMenuBarCss=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';var NavMenuBar=function(){function a(a){registerInstance(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(NavMenuBarIds++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=BEM.block("nav-menu-bar");var t=a.element("inner");return h(Host,{key:"c512c5c56732da21be09b4f425cadf3e59cd42f9",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:"79c4e0d458b0a7ced671b8fe9268d10748f676f8",class:Object.assign({},t.class())},h("div",{key:"565d5c9f36f2e1d835f1e918308d7b4435cf650a",class:Object.assign({},a.element("container").class())},h("slot",{key:"ab610c474c6c6a9e1b15036a298aa3b273ae4207"}))))};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:"5b8b721ba798c1b821379db4eb80bb99d03cbc5b",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},h("div",{key:"b17ee85558e1fcd48d98f1b1744f7484f105e5dc",class:Object.assign({},t.class())}),h("div",{key:"b864ab407819d5169e5ac03108d15f1cd0383715",class:Object.assign({},a.element("container").class())},h("slot",{key:"2e517d14555faa2f42447ea55208c3580882fa7b"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-flyout"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"createLogger",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"resizeListener",null);var NavMenuFlyOutIds=0;NavMenuFlyout.style=balNavMenuFlyoutCss;var balNavMetaBarCss=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 1023px){.bal-nav>.bal-nav-meta-bar{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:var(--bal-nav-top, 0rem);z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)))}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)))}";var NavMetaBar=function(){function a(a){registerInstance(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(NavMetaBarIds++);this.previousY=0;this.isHidden=false;this.stayOnTopOfBackdrop=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(balBrowser.hasWindow&&balBrowser.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var t=0>=window.scrollY;var n=0>window.scrollY;var i=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!t&&(e||i||n);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var o=0;o<r.length;o++){var l=r[o];if(this.isHidden){if(this.size==="small"){l.classList.remove("bal-nav-meta-bar-transform-normal");l.classList.add("bal-nav-meta-bar-transform-small")}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.add("bal-nav-meta-bar-transform-normal")}}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=BEM.block("nav-meta-bar");return h(Host,{key:"25684e02977f5a4d967d30008b547d8cf44e3226",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:"f57d830449b096a918c3c95afdc3c10bfe0aebab",class:Object.assign({},a.element("container").class())},h("slot",{key:"bff11fca547605a1f0f1993fd7ffefa4b3c500a6"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-meta-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMetaBar.prototype,"createLogger",null);var NavMetaBarIds=0;NavMetaBar.style=balNavMetaBarCss;export{Nav as bal_nav,NavLink as bal_nav_link,NavLinkGrid as bal_nav_link_grid,NavLinkGridCol as bal_nav_link_grid_col,NavLinkGroup as bal_nav_link_group,NavMenuBar as bal_nav_menu_bar,NavMenuFlyout as bal_nav_menu_flyout,NavMetaBar as bal_nav_meta_bar};
+import{__awaiter,__extends,__generator}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{r as rIC,i as isDescendant,f as waitForComponent,b as waitAfterIdleCallback}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{B as BalScrollHandler}from"./scroll-X92R_eyZ.js";import{s as sanitizeSvg}from"./svg-DUNB4kTY.js";import{h as isTabKey}from"./keyboard.helpers-BERg8BNc.js";import{b as balBreakpoints}from"./breakpoints.subject-BnQp404Z.js";import{d as defaultConfig}from"./config.default-I6QXKbhg.js";import{L as ListenToMutation}from"./mutation.decorator-DhVeNnnY.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-t_yXJIZL.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import{L as ListenToResize}from"./resize.decorator-ZKPOJfw5.js";import"./config.utils-B7jugjyM.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";import"./tokens.esm-Cf90NR4z.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":this.getOffset()},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":this.getOffset()},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"}}};t.prototype.getOffset=function(){var a=64;var t=getComputedStyle(document.documentElement).getPropertyValue("--bal-nav-top").trim();if(t.endsWith("px")){return parseFloat(t)+a}if(t.endsWith("rem")){var n=parseFloat(getComputedStyle(document.documentElement).fontSize);return parseFloat(t)*n+a}return a};return t}(NavLinkItem);var NavMetaButtonIDs=0;var AccordionButton=function(a){var t=a.id,n=a.label,i=a.level,e=a.open,r=a.link,o=a.href,l=a.rel,s=a.target,b=a.onClick;var v=BEM.block("nav");return r?h("a",{id:t,class:Object.assign({},v.element("mobile-".concat(i,"-item")).class()),href:o,rel:l,target:s,onClick:function(a){return b(a)}},h("span",null,n)):h("button",{id:t,class:Object.assign({},v.element("mobile-".concat(i,"-item")).class()),onClick:function(a){return b(a)}},h("span",null,n),h("bal-icon",{name:"nav-go-down",size:"small",turn:e}))};var OverviewLink=function(a){var t=a.item,n=a.isMenu,i=a.onClick,e=a.isVisible;var r=BEM.block("nav");if(!t){return""}return h("a",{class:Object.assign(Object.assign(Object.assign({},r.element("mobile-overview-link").class()),r.element("mobile-overview-link").modifier("menu").class(!!n)),r.element("mobile-overview-link").modifier("invisible").class(e===false)),href:t.href,rel:t.rel,target:t.target,onClick:function(a){return i(a)}},t.label," ",t.label?"➞":"")};var NavSectionLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.linkItems=[];i.htmlTitle=t.htmlTitle;i.label=t.label;i.href=t.href;i.target=t.target;i.id="nav-section-link-item-".concat(NavSectionLinkItemIDs++);i.value=t.value||i.id;i.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,n)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.linkItems&&this.linkItems.length>0;return h("li",null,h("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},n.element("mobile-section-item").class()),n.element("mobile-section-item").modifier("selected").class(this.active)),n.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),i?h("ul",{class:Object.assign({},n.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(NavLinkItem);var NavSectionLinkItemIDs=0;var NavServiceLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.color="grey";i.linkItems=[];i.id="nav-service-link-item-".concat(NavServiceLinkItemIDs++);i.value=t.value||i.id;i.color=t.color||"grey";i.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,n)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.linkItems&&this.linkItems.length>0;return h("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},n.element("mobile-service-item").class()),n.element("mobile-service-item").modifier("color-".concat(this.color)).class()),n.element("mobile-service-item").modifier("selected").class(this.active)),n.element("mobile-service-item").modifier("clickable").class(this.clickable))},h("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),i?h("ul",{class:Object.assign({},n.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{color:this.color,role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(NavLinkItem);var NavServiceLinkItemIDs=0;var NavMenuLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.sectionLinkItems=[];i.serviceLinkItems=[];i.id="nav-menu-link-item-".concat(NavMenuLinkItemIDs++);i.value=t.value||i.id;i.sectionLinkItems=(t.sectionLinkItems||[]).map((function(a){return new NavSectionLinkItem(a,n)}));i.serviceLinkItems=(t.serviceLinkItems||[]).map((function(a){return new NavServiceLinkItem(a,n)}));i.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,n):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.sectionLinkItems&&this.sectionLinkItems.length>0;var e=this.serviceLinkItems&&this.serviceLinkItems.length>0;var r=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:i||e?false:this.isLink,open:r,onClick:function(a){return t.onAccordionClick(a)}}),h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:r}),i?h("ul",{class:Object.assign(Object.assign({},n.element("mobile-section-list").class()),n.element("mobile-section-list").modifier("invisible").class(r===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",e?h("ul",{class:Object.assign(Object.assign({},n.element("mobile-service-list").class()),n.element("mobile-service-list").modifier("invisible").class(r===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;var n=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!n&&this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(n.detail)}}})};return t}(NavLinkItem);var NavMenuLinkItemIDs=0;var NavMetaLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.mainLinkItems=[];i.id="nav-meta-link-item-".concat(NavMetaLinkItemIDs++);i.value=t.value||i.id;i.mainLinkItems=(t.mainLinkItems||[]).map((function(a){return new NavMenuLinkItem(a,n)}));i.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,n):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"meta",label:this.label,open:i,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),i?h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",i?h("hr",{class:Object.assign(Object.assign({},n.element("line").class()),n.element("line").modifier("up").class())}):"",i&&this.mainLinkItems&&this.mainLinkItems.length>0?h("ul",{class:Object.assign({},n.element("mobile-menu-list").class())},this.mainLinkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",h("hr",{class:Object.assign({},n.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(NavLinkItem);var NavMetaLinkItemIDs=0;var balNavCss="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-top:0rem;--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{position:relative;background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem - var(--bal-nav-top, 0rem));overflow-y:auto;z-index:calc(var(--bal-z-index-navigation) - 1)}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var Nav=function(){function a(a){var t=this;registerInstance(this,a);this.balNavItemClick=createEvent(this,"balNavItemClick");this.navId="bal-nav-".concat(NavIds++);this.bodyScrollHandler=new BalScrollHandler;this.isTouch=balBreakpoints.isTouch;this.isDesktop=balBreakpoints.isDesktop;this.language=defaultConfig.language;this.region=defaultConfig.region;this.isFlyoutActive=false;this.hasRenderedWithFlyoutActive=false;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[];this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(t){return new NavMetaLinkItem(t,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.metaButtons=this.buttons.map((function(t){return new NavMetaButton(t,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){t.closeAllPopups();t.toggleFlyout();if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(t.isFlyoutActive){t.bodyScrollHandler.disable()}else{t.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(t.isTouch){if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));t.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!t.isFlyoutActive){t.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==t.activeMetaLinkValue){t.activeMetaLinkValue=a.detail;var n=t.linkItems.find((function(a){return a.value===t.activeMetaLinkValue}));if(n&&n.mainLinkItems.length>0){t.activeMenuLinkValue=n.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(t.activeMenuLinkValue===a){t.toggleFlyout()}else{t.openFlyout()}t.activeMenuLinkValue=a}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var t=a.target;if(t&&t.nodeName==="BAL-POPUP"){var n=t.id;var i=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(n,'"]')));if(a.detail===true){this.onPopupOpen(i);var e=i.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(i)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var t,n,i,e,r,o,l,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){o=(n=(t=this.metaBarEl)===null||t===void 0?void 0:t.querySelector(".bal-nav-meta-bar__container"))===null||n===void 0?void 0:n.contains(a.target);l=(e=(i=this.menuBarEl)===null||i===void 0?void 0:i.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!o&&!l){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue}));if(t){return t.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var t=this.activeMenuLinkItems.find((function(t){return t.value===a.activeMenuLinkValue}));return t?t:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,waitForComponent(this.el)];case 1:n.sent();return[4,waitAfterIdleCallback()];case 2:n.sent();t=this.el.querySelector("#".concat(a.id));if(t){t.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,t;var n=this.activeMetaLinkValue;var i=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||n;if(n!==i){this.activeMetaLinkValue=i}var e=this.activeMenuLinkValue;var r=((t=this.activeMenuLinkItems.find((function(a){return a.active})))===null||t===void 0?void 0:t.value)||e;if(e!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var t,n,i,e,r,o,l,s,b;var v=BEM.block("nav");var c=v.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return h(Host,{key:"68752269e49bc046d352536ca5ae29761bae5769",id:this.navId,class:Object.assign({},v.class())},h("div",{key:"b19421bedd6da29673adddbe3511439936cf76e1",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:"a13bae3ec1ab7881bb6448bab61d2f8c34ca7141"},h("slot",{key:"d231a2fca50d45089ec4e1dc7467085b273a2488"}))),this.isTouch?h("bal-nav-meta-bar",{variant:"white",size:"normal"},h("bal-stack",{space:"auto"},this.renderLogo(),h("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),h("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?i18nNavBars[this.language].close:i18nNavBars[this.language].open,onClick:function(t){return a.onTouchToggleFlyout(t)}})))):"",this.isTouch?h("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("visible").class(this.isFlyoutActive))},h("nav",{class:Object.assign({},c.element("container").class())},h("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?h("bal-nav-meta-bar",{stayOnTopOfBackdrop:true,variant:"grey",size:"normal"},h("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var t,n;if(!a){return""}return h("bal-nav-link-grid",null,h("bal-nav-link-grid-col",null,(t=a.sectionLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))),h("bal-nav-link-grid-col",{"static-col":true},(n=a.serviceLinkItems)===null||n===void 0?void 0:n.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var t=this;return h("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var n,i,e;return a.isLink?h("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):h("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},h("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),h("bal-list-item-accordion-body",null,h("div",{style:{width:"100%"}},h("bal-nav-link",{role:"listitem",variant:"overview",href:(n=a.overviewLink)===null||n===void 0?void 0:n.href,target:(i=a.overviewLink)===null||i===void 0?void 0:i.target,onClick:function(){return t.linkItemClickListener(a.overviewLink)}},(e=a.overviewLink)===null||e===void 0?void 0:e.label),h("div",{class:"pt-normal"},t.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var t,n,i,e,r,o,l,s;var b=((t=this.logo)===null||t===void 0?void 0:t.href)?"a":((n=this.logo)===null||n===void 0?void 0:n.clickable)?"button":"div";var v=h("bal-logo",{animated:true});var c=(i=this.logo)===null||i===void 0?void 0:i.url;var d=sanitizeSvg((e=this.logo)===null||e===void 0?void 0:e.svg);if(c){v=h("img",{height:32,style:{maxHeight:"32px"},src:c,alt:"Logo"})}if(d){v=h("div",{innerHTML:d,role:"img","aria-label":"Logo",style:{display:"flex",height:"32px",maxHeight:"32px",minWidth:"32px"}})}return h(b,{class:"bal-nav__logo","aria-label":(r=this.logo)===null||r===void 0?void 0:r.ariaLabel,title:(o=this.logo)===null||o===void 0?void 0:o.htmlTitle,href:(l=this.logo)===null||l===void 0?void 0:l.href,target:(s=this.logo)===null||s===void 0?void 0:s.target,onClick:function(){var t,n;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(t=a.logo)===null||t===void 0?void 0:t.href,target:(n=a.logo)===null||n===void 0?void 0:n.target})}},v)};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Nav.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-popup"],waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Nav.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Nav.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Nav.prototype,"configChanged",null);var NavIds=0;Nav.style=balNavCss;var balNavLinkCss="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";var NavLink=function(){function a(a){registerInstance(this,a);this.variant="";this.selected=false;this.clickable=false;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link");var t=this,n=t.href,i=t.target,e=t.rel;var r=n!==undefined&&n!=="";var o=this.variant!=="";var l=r?"a":this.clickable?"button":"span";var s={};if(r){s={href:n,target:i,rel:e}}return h(Host,{key:"fe011833d71cd4fc35585f27ee3cb8fe11dadfb8",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(o))},h(l,Object.assign({key:"ea4ba1bd04867399453d2e4cc2141c250862950f","data-testid":"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:"1889dedfa23b00eb2eaf3aca568e313845482875"})))};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:"b640ec27088cbff1fefcd079a84ac42505aff646",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:"390e0f6e814ebe41e163650eb3a4e92cad9cbd8e",class:Object.assign({},t.class())},h("div",{key:"72c9ae70c27cfe8717358e0effcc210d76573146",class:Object.assign({},a.element("container").class())},h("slot",{key:"b195f883a809c0e65513a81bb33715da46e1bfa1"}))))};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:"0ade6170ce034d4820781f4c990d3635bb0dfe79",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},h("div",{key:"a76e5c0918a3b972fee334a7d9262fae315b85c9",class:Object.assign({},t.class())}),h("div",{key:"d71930bf624ee077c46cf7139f012c7116dc1dc7",class:Object.assign({},a.element("container").class())},h("slot",{key:"ff98f9f52e602ec787230b9a91a64920531e1152"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-flyout"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"createLogger",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"resizeListener",null);var NavMenuFlyOutIds=0;NavMenuFlyout.style=balNavMenuFlyoutCss;var balNavMetaBarCss=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 1023px){.bal-nav>.bal-nav-meta-bar{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:var(--bal-nav-top, 0rem);z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)))}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)))}";var NavMetaBar=function(){function a(a){registerInstance(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(NavMetaBarIds++);this.previousY=0;this.isHidden=false;this.stayOnTopOfBackdrop=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(balBrowser.hasWindow&&balBrowser.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var t=0>=window.scrollY;var n=0>window.scrollY;var i=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!t&&(e||i||n);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var o=0;o<r.length;o++){var l=r[o];if(this.isHidden){if(this.size==="small"){l.classList.remove("bal-nav-meta-bar-transform-normal");l.classList.add("bal-nav-meta-bar-transform-small")}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.add("bal-nav-meta-bar-transform-normal")}}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=BEM.block("nav-meta-bar");return h(Host,{key:"9d2cee16f0b6f542d42085aca4e263d727707849",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:"6b581e5abc62a58085a57cdf74346290130fe807",class:Object.assign({},a.element("container").class())},h("slot",{key:"75bdbcc78e502814264e1548697a987df10af720"})))};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-BdVwMG9u.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";import{w as wait,d as deepReady}from"./helpers-BNj87EbG.js";import{B as BalScrollHandler}from"./scroll-X92R_eyZ.js";import{d as defaultConfig}from"./config.default-I6QXKbhg.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import{b as balBreakpoints}from"./breakpoints.subject-CLkQ75F0.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-B1jmHb1D.js";import"./config.utils-B7jugjyM.js";import"./log-CwssmmaV.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";import"./tokens.esm-Crri2rlL.js";var balNavbarCss=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__logo--small{height:calc(100% - 2.5rem)}@media screen and (min-width: 1024px){.bal-navbar__brand__logo--small{height:calc(100% - 3.5rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";var Navbar=function(){function a(a){registerInstance(this,a);this.light=false;this.interface="app";this.container=""}a.prototype.interfaceHandler=function(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")};a.prototype.toggleMenu=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){switch(e.label){case 0:a=this.element.querySelector("bal-navbar-brand");if(!a)return[3,2];return[4,a.toggle()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};a.prototype.componentWillLoad=function(){this.interfaceHandler()};a.prototype.updateProps=function(a,e){var t=this[e];if(t!==undefined){this.notifyComponents(a,(function(a){return a[e]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.element.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a;var e=BEM.block("navbar");return h(Host,{key:"e3ebbb80f7a7bdd0c832b55bd1a1c0981374fbac",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class()),e.modifier("is-light").class(this.light))},h("nav",{key:"be15f3d1a10b38b5bdfd2135c6c5d13aedee83ae",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},e.element("nav").class()),(a={container:true},a["is-".concat(this.container)]=this.container!=="",a))},h("slot",{key:"b6e746b68f03e11fd4a40f37d693401d37be45cf"})))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{interface:["interfaceHandler"]}},enumerable:false,configurable:true});return a}();Navbar.style=balNavbarCss;var i18nBalNavbarBrand={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}};var NavbarBrand=function(){function a(a){registerInstance(this,a);this.balNavigate=createEvent(this,"balNavigate");this.balWillAnimate=createEvent(this,"balWillAnimate");this.balDidAnimate=createEvent(this,"balDidAnimate");this.bodyScrollHandler=new BalScrollHandler;this.language=defaultConfig.language;this.isMenuActive=false;this.href="";this.logoClickable=false;this.target="_self";this.simple=false;this.logoSize="";this.animated=true;this.interface="app"}a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){if(balBrowser.hasWindow&&window.matchMedia){window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=a.language;return[2]}))}))};a.prototype.resetIsMenuActive=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(a.matches&&!this.simple){this.setIsMenuActiveAndAnimate(false)}return[2]}))}))};a.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:return[4,this.setIsMenuActiveAndAnimate(!this.isMenuActive)];case 1:a.sent();return[2]}}))}))};a.prototype.setIsMenuActiveAndAnimate=function(){return __awaiter(this,arguments,void 0,(function(a){var e,t;if(a===void 0){a=this.isMenuActive}return __generator(this,(function(n){switch(n.label){case 0:this.isMenuActive=a;this.balWillAnimate.emit(this.isMenuActive);if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(this.isMenuActive){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}e=this.el.closest("bal-navbar");if(!e)return[3,2];t=e.querySelector("bal-navbar-menu");if(!(t&&!this.simple))return[3,2];return[4,t.toggle(this.isMenuActive)];case 1:n.sent();n.label=2;case 2:return[4,wait(300)];case 3:n.sent();this.balDidAnimate.emit(this.isMenuActive);return[2]}}))}))};a.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.toggle();return[2]}))}))};a.prototype.render=function(){var a=this;var e=BEM.block("navbar").element("brand");var t=this.logo?h("img",{class:Object.assign(Object.assign({},e.element("logo").class()),e.element("logo").modifier("small").class(this.logoSize==="small")),src:this.logo,alt:"Logo"}):h("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});var n=this.logoLabel?this.logoLabel:i18nBalNavbarBrand[this.language].logoButtonLabel;return h(Host,{key:"e2534fabd7b620bef928e4e5e224295832bc5665",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:"72f3cb42aee12c085ecbc2ecd0a7ef4adbe6e306",class:Object.assign({},e.element("title").class())},h("slot",{key:"e2e58abba878ec1f05624e319a3c8965680aebac"})),h("bal-button",{key:"d98c54c44c7739518eb62da8fa53df3291592c12",class:Object.assign(Object.assign({},e.element("burger").class()),e.element("burger").modifier("hidden").class(this.interface==="simple")),color:"light",inverted:true,square:true,icon:this.isMenuActive?"close":"menu-bars",onClick:function(){return a.onClick()}}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],NavbarBrand.prototype,"configChanged",null);var NavbarMenu=function(){function a(a){registerInstance(this,a);this.isMenuActive=false;this.isTouch=balBreakpoints.isTouch;this.interface="app"}a.prototype.breakpointListener=function(a){this.isTouch=a.touch};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.isMenuActive=a;e=this.element.querySelector("bal-tabs");if(!e)return[3,2];return[4,deepReady(e)];case 1:t.sent();e.renderLine();t.label=2;case 2:return[2]}}))}))};a.prototype.render=function(){var a;var e=BEM.block("navbar").element("menu");var t="";if(this.isTouch){var n=this.element.closest("bal-navbar");if(n){t=n.container}}return h(Host,{key:"63998810051c44f2d243a7bfa00b67e8af85c7f4",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(this.isMenuActive)),e.modifier("context-".concat(this.interface)).class()),(a={container:true},a["is-".concat(t)]=t!=="",a))},h("slot",{key:"becca6583af8c7f8c16352b8b883d8a3e0bb12b0"}))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],NavbarMenu.prototype,"breakpointListener",null);var NavbarMenuEnd=function(){function a(a){registerInstance(this,a);this.interface="app"}a.prototype.render=function(){var a=BEM.block("navbar").element("menu").element("end");return h(Host,{key:"f14a32308315faa073437ea9f98198fda0b1c10e",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},h("slot",{key:"46fca68cb333182ac0ba7bab88e8f119a7493f67"}))};return a}();var NavbarMenuStart=function(){function a(a){registerInstance(this,a);this.interface="app"}a.prototype.render=function(){var a=BEM.block("navbar").element("menu").element("start");return h(Host,{key:"53e5a32adbf95bc5949b66ca03afb6d83981e710",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},h("slot",{key:"ff1ca88a94cdfcef3c8986dd92fc3fd086832280"}))};return a}();export{Navbar as bal_navbar,NavbarBrand as bal_navbar_brand,NavbarMenu as bal_navbar_menu,NavbarMenuEnd as bal_navbar_menu_end,NavbarMenuStart as bal_navbar_menu_start};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-BdVwMG9u.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{b as balBrowser}from"./browser-B1u-Mq75.js";import{w as wait,d as deepReady}from"./helpers-BNj87EbG.js";import{B as BalScrollHandler}from"./scroll-X92R_eyZ.js";import{d as defaultConfig}from"./config.default-I6QXKbhg.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import{b as balBreakpoints}from"./breakpoints.subject-BnQp404Z.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-t_yXJIZL.js";import"./config.utils-B7jugjyM.js";import"./log-CwssmmaV.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";import"./tokens.esm-Cf90NR4z.js";var balNavbarCss=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__logo--small{height:calc(100% - 2.5rem)}@media screen and (min-width: 1024px){.bal-navbar__brand__logo--small{height:calc(100% - 3.5rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";var Navbar=function(){function a(a){registerInstance(this,a);this.light=false;this.interface="app";this.container=""}a.prototype.interfaceHandler=function(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")};a.prototype.toggleMenu=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){switch(e.label){case 0:a=this.element.querySelector("bal-navbar-brand");if(!a)return[3,2];return[4,a.toggle()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};a.prototype.componentWillLoad=function(){this.interfaceHandler()};a.prototype.updateProps=function(a,e){var t=this[e];if(t!==undefined){this.notifyComponents(a,(function(a){return a[e]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.element.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a;var e=BEM.block("navbar");return h(Host,{key:"d21b6f612b2111ce0a70adb00e62fc7663d1b651",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class()),e.modifier("is-light").class(this.light))},h("nav",{key:"c04d357d30be897227259035bd86e2f5a7edc936",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},e.element("nav").class()),(a={container:true},a["is-".concat(this.container)]=this.container!=="",a))},h("slot",{key:"48fba6d236e2dfdbf7d0ae23d76b290f63692ba6"})))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{interface:["interfaceHandler"]}},enumerable:false,configurable:true});return a}();Navbar.style=balNavbarCss;var i18nBalNavbarBrand={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}};var NavbarBrand=function(){function a(a){registerInstance(this,a);this.balNavigate=createEvent(this,"balNavigate");this.balWillAnimate=createEvent(this,"balWillAnimate");this.balDidAnimate=createEvent(this,"balDidAnimate");this.bodyScrollHandler=new BalScrollHandler;this.language=defaultConfig.language;this.isMenuActive=false;this.href="";this.logoClickable=false;this.target="_self";this.simple=false;this.logoSize="";this.animated=true;this.interface="app"}a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){if(balBrowser.hasWindow&&window.matchMedia){window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=a.language;return[2]}))}))};a.prototype.resetIsMenuActive=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(a.matches&&!this.simple){this.setIsMenuActiveAndAnimate(false)}return[2]}))}))};a.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:return[4,this.setIsMenuActiveAndAnimate(!this.isMenuActive)];case 1:a.sent();return[2]}}))}))};a.prototype.setIsMenuActiveAndAnimate=function(){return __awaiter(this,arguments,void 0,(function(a){var e,t;if(a===void 0){a=this.isMenuActive}return __generator(this,(function(n){switch(n.label){case 0:this.isMenuActive=a;this.balWillAnimate.emit(this.isMenuActive);if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(this.isMenuActive){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}e=this.el.closest("bal-navbar");if(!e)return[3,2];t=e.querySelector("bal-navbar-menu");if(!(t&&!this.simple))return[3,2];return[4,t.toggle(this.isMenuActive)];case 1:n.sent();n.label=2;case 2:return[4,wait(300)];case 3:n.sent();this.balDidAnimate.emit(this.isMenuActive);return[2]}}))}))};a.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.toggle();return[2]}))}))};a.prototype.render=function(){var a=this;var e=BEM.block("navbar").element("brand");var t=this.logo?h("img",{class:Object.assign(Object.assign({},e.element("logo").class()),e.element("logo").modifier("small").class(this.logoSize==="small")),src:this.logo,alt:"Logo"}):h("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});var n=this.logoLabel?this.logoLabel:i18nBalNavbarBrand[this.language].logoButtonLabel;return h(Host,{key:"a15da2fb97dbef0b32324709d548fe38af7fa84b",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:"9c70804fe300d6f0b17bee14bb356078db7b587d",class:Object.assign({},e.element("title").class())},h("slot",{key:"53e5729ff4823597e8407a0f7dbacc86696d34aa"})),h("bal-button",{key:"5b0d8585d122add66365aef3f9f0a6f27e72212f",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};