@baloise/ds-core 19.4.0 → 19.5.0

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

@@ -1 +1 @@
-import{__awaiter,__extends,__generator}from"tslib";import{J as rIC,t as isDescendant,M as h,a as balBrowser,L as Logger,H as registerInstance,P as createEvent,f as defaultConfig,A as waitForComponent,y as waitAfterIdleCallback,N as Host,O as getElement}from"./index-pkPHUz5e.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{b as balBreakpoints}from"./breakpoints.subject-C7fjILif.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-SHkWCW_Y.js";import{L as ListenToConfig}from"./config.decorator-T4wBa62Z.js";import{s as stopEventBubbling}from"./form-input-CGW38ndP.js";import{L as ListenToMutation}from"./mutation.decorator-x6OeVGO1.js";import{B as BalScrollHandler}from"./scroll-CGUsHi6i.js";import{j as isTabKey}from"./keyboard.helpers-D1VPLQ5z.js";import"./window-resize.subject-DTS_9rk_.js";import{L as ListenToResize}from"./resize.decorator-D8jUH-n3.js";import"./device-ClkcmLoi.js";import"./listener-tzACU3qe.js";import"./tokens.esm-BvmIi0Pf.js";var gatherTabInformation=function(a){var t;var n=(t=a.linkItems.find((function(t){return t.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems;var i=n===null||n===void 0?void 0:n.findIndex((function(t){return t.value===a.activeMenuLinkValue}));var e=i+1;var r=i-1;return{tabs:n||[],indexOfActiveTab:i,indexOfNextTab:e,indexOfPreviousTab:r}};var handleTabKeyDown=function(a,t){var n=a.tabs,i=a.indexOfNextTab,e=a.indexOfActiveTab;var r=n===null||n===void 0?void 0:n.findIndex((function(a){return a.value===t.item.value}));if(!t.isBackwards&&r===n.length-1){t.stopEventBubbling();t.closeFlyout();rIC((function(){focusNextElement(document.activeElement,t.el)}));return}if(!t.isBackwards&&r===e){var o=t.el.querySelector("#".concat(t.navId,"-menu-flyout"));if(o){var l=o.querySelector('a, button, [tabindex="0"]');if(l){t.stopEventBubbling();l.focus({preventScroll:true})}}}if(t.isBackwards&&r===i){var o=t.el.querySelector("#".concat(t.navId,"-menu-flyout"));if(o){var s=o.querySelectorAll('a, button, [tabindex="0"]');var b=s[s.length-1];if(b){t.stopEventBubbling();b.focus({preventScroll:true})}}}};var handleFlyoutFocusOut=function(a,t){var n=t.isBackwards?a.tabs[a.indexOfActiveTab]:a.tabs[a.indexOfNextTab];if(n){var i=t.el.querySelector('button[data-value="'.concat(n.value,'"], a[data-value="').concat(n.value,'"]'));if(i){i.focus({preventScroll:true})}}};var focusNextElement=function(a,t){var n=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'];var i=Array.from(document.querySelectorAll(n.join(","))).filter((function(a){return a.offsetParent!==null})).filter((function(a){return!isDescendant(t,a)}));var e=i.indexOf(a);var r=i[e+1];if(r)r.focus()};var i18nNavBars={de:{mainNavigation:"Hauptnavigation",navigation:"Navigation",subNavigation:"Subnavigation",open:"Menü öffnen",close:"Menü schliessen"},en:{mainNavigation:"Main navigation",navigation:"Navigation",subNavigation:"Sub navigation",open:"Open Menu",close:"Close Menu"},fr:{mainNavigation:"Navigation principale",navigation:"Navigation",subNavigation:"Sous-navigation",open:"Ouvrir le menu",close:"Fermer le menu"},it:{mainNavigation:"Navigazione principale",navigation:"Navigazione",subNavigation:"Sottonavigazione",open:"Apri Menù",close:"Chiudi menù"},nl:{mainNavigation:"Hoofdnavigatie",navigation:"Navigatie",subNavigation:"Subnavigatie",open:"Menu openen",close:"Menu sluiten"},es:{mainNavigation:"Navegación principal",navigation:"Navegación",subNavigation:"Subnavegación",open:"Menú abierto",close:"Cerrar menú"},pl:{mainNavigation:"Nawigacja główna",navigation:"Nawigacja",subNavigation:"Nawigacja podrzędna",open:"Otwórz menu",close:"Zamknij menu"},pt:{mainNavigation:"Navegação principal",navigation:"Navegação",subNavigation:"Subnavegação",open:"Menu aberto",close:"Fechar menu"},sv:{mainNavigation:"Huvudnavigering",navigation:"Navigering",subNavigation:"Undernavigering",open:"Öppna menyn",close:"Stäng menyn"},fi:{mainNavigation:"Päänavigaatio",navigation:"Navigaatio",subNavigation:"Alinavigaatio",open:"Avaa valikko",close:"Sulje valikko"}};var NavLinkItem=function(){function a(a,t){var n=this;this.observer=t;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(NavLinkItemIDs++);this.value=a.value||this.id;this.href=a.href;this.rel=a.rel;this.target=a.target;this.active=!!a.active;this.clickable=!!a.clickable;this.data=a.data;this.onClick=function(t){n.observer.linkItemClickListener(n);if(a.onClick){a.onClick(t)}};this.onAccordionClick=function(t){n.observer.accordionClickListener(n);if(a.onAccordionClick){a.onAccordionClick(t)}}}Object.defineProperty(a.prototype,"type",{get:function(){return"NavLinkItem"},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"isLink",{get:function(){return this.href!==undefined&&this.href!==null&&this.href!==""},enumerable:false,configurable:true});a.prototype.toJson=function(){return{label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");return h("li",null,h("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},n.element("mobile-links").class()),n.element("mobile-links").modifier("selected").class(this.active)),n.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label))};a.prototype.render=function(a){var t=this;return h("bal-nav-link",{role:"listitem",href:this.href,rel:this.rel,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label)};return a}();var NavLinkItemIDs=0;var NavMetaButton=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.touchPlacement="top";i.id="nav-meta-button-".concat(NavMetaButtonIDs++);i.touchPlacement=t.touchPlacement||"top";i.value=t.value||i.id;i.icon=t.icon;i.popoverId=t.popupId;i.ariaLabel=t.ariaLabel;i.htmlTitle=t.htmlTitle;i.href=t.href||"";i.target=t.target||"_self";return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaButton"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isLink",{get:function(){return!!this.href},enumerable:false,configurable:true});t.prototype.renderAtMetaBar=function(){if(this.isLink){return h("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,rel:this.rel,href:this.href,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label},this.label)}return h("bal-button",{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,inverted:true,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)};t.prototype.renderAtTouchTopMetaBar=function(){if(this.touchPlacement==="top"){if(this.isLink){return h("bal-button",{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,rel:this.rel,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label},this.icon?"":this.label)}return h("bal-button",{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:false,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}};t.prototype.renderAtTouchBottomMetaBar=function(){if(this.touchPlacement==="bottom"){if(this.isLink){return h("bal-button",{id:this.value,color:"info",inverted:false,icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,href:this.href,target:this.target},this.label)}return h("bal-button",{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:false,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}};t.prototype.resetTouchBottomMetaBar=function(){if(balBrowser.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};t.prototype.resetDesktopMetaBar=function(){if(balBrowser.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return t}(NavLinkItem);var NavMetaButtonIDs=0;var AccordionButton=function(a){var t=a.id,n=a.label,i=a.level,e=a.open,r=a.link,o=a.href,l=a.rel,s=a.target,b=a.onClick;var c=BEM.block("nav");return r?h("a",{id:t,class:Object.assign({},c.element("mobile-".concat(i,"-item")).class()),href:o,rel:l,target:s,onClick:function(a){return b(a)}},h("span",null,n)):h("button",{id:t,class:Object.assign({},c.element("mobile-".concat(i,"-item")).class()),onClick:function(a){return b(a)}},h("span",null,n),h("bal-icon",{name:"nav-go-down",size:"small",turn:e}))};var OverviewLink=function(a){var t=a.item,n=a.isMenu,i=a.onClick,e=a.isVisible;var r=BEM.block("nav");if(!t){return""}return h("a",{class:Object.assign(Object.assign(Object.assign({},r.element("mobile-overview-link").class()),r.element("mobile-overview-link").modifier("menu").class(!!n)),r.element("mobile-overview-link").modifier("invisible").class(e===false)),href:t.href,rel:t.rel,target:t.target,onClick:function(a){return i(a)}},t.label," ",t.label?"➞":"")};var NavSectionLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.linkItems=[];i.htmlTitle=t.htmlTitle;i.label=t.label;i.href=t.href;i.target=t.target;i.id="nav-section-link-item-".concat(NavSectionLinkItemIDs++);i.value=t.value||i.id;i.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,n)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.linkItems&&this.linkItems.length>0;return h("li",null,h("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},n.element("mobile-section-item").class()),n.element("mobile-section-item").modifier("selected").class(this.active)),n.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),i?h("ul",{class:Object.assign({},n.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(NavLinkItem);var NavSectionLinkItemIDs=0;var NavServiceLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.color="grey";i.linkItems=[];i.id="nav-service-link-item-".concat(NavServiceLinkItemIDs++);i.value=t.value||i.id;i.color=t.color||"grey";i.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,n)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.linkItems&&this.linkItems.length>0;return h("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},n.element("mobile-service-item").class()),n.element("mobile-service-item").modifier("color-".concat(this.color)).class()),n.element("mobile-service-item").modifier("selected").class(this.active)),n.element("mobile-service-item").modifier("clickable").class(this.clickable))},h("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),i?h("ul",{class:Object.assign({},n.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{color:this.color,role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(NavLinkItem);var NavServiceLinkItemIDs=0;var NavMenuLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.sectionLinkItems=[];i.serviceLinkItems=[];i.id="nav-menu-link-item-".concat(NavMenuLinkItemIDs++);i.value=t.value||i.id;i.sectionLinkItems=(t.sectionLinkItems||[]).map((function(a){return new NavSectionLinkItem(a,n)}));i.serviceLinkItems=(t.serviceLinkItems||[]).map((function(a){return new NavServiceLinkItem(a,n)}));i.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,n):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.sectionLinkItems&&this.sectionLinkItems.length>0;var e=this.serviceLinkItems&&this.serviceLinkItems.length>0;var r=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:i||e?false:this.isLink,open:r,onClick:function(a){return t.onAccordionClick(a)}}),h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:r}),i?h("ul",{class:Object.assign(Object.assign({},n.element("mobile-section-list").class()),n.element("mobile-section-list").modifier("invisible").class(r===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",e?h("ul",{class:Object.assign(Object.assign({},n.element("mobile-service-list").class()),n.element("mobile-service-list").modifier("invisible").class(r===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;var n=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!n&&this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(n.detail)}}})};return t}(NavLinkItem);var NavMenuLinkItemIDs=0;var NavMetaLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.mainLinkItems=[];i.id="nav-meta-link-item-".concat(NavMetaLinkItemIDs++);i.value=t.value||i.id;i.mainLinkItems=(t.mainLinkItems||[]).map((function(a){return new NavMenuLinkItem(a,n)}));i.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,n):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"meta",label:this.label,open:i,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),i?h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",i?h("hr",{class:Object.assign(Object.assign({},n.element("line").class()),n.element("line").modifier("up").class())}):"",i&&this.mainLinkItems&&this.mainLinkItems.length>0?h("ul",{class:Object.assign({},n.element("mobile-menu-list").class())},this.mainLinkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",h("hr",{class:Object.assign({},n.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(NavLinkItem);var NavMetaLinkItemIDs=0;var balNavCss="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar:not(.bal-nav-meta-bar--stay-on-top),.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var Nav=function(){function a(a){var t=this;registerInstance(this,a);this.balNavItemClick=createEvent(this,"balNavItemClick");this.navId="bal-nav-".concat(NavIds++);this.bodyScrollHandler=new BalScrollHandler;this.isTouch=balBreakpoints.isTouch;this.isDesktop=balBreakpoints.isDesktop;this.language=defaultConfig.language;this.region=defaultConfig.region;this.isFlyoutActive=false;this.hasRenderedWithFlyoutActive=false;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[];this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(t){return new NavMetaLinkItem(t,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.metaButtons=this.buttons.map((function(t){return new NavMetaButton(t,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){t.closeAllPopups();t.toggleFlyout();if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(t.isFlyoutActive){t.bodyScrollHandler.disable()}else{t.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(t.isTouch){if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));t.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!t.isFlyoutActive){t.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==t.activeMetaLinkValue){t.activeMetaLinkValue=a.detail;var n=t.linkItems.find((function(a){return a.value===t.activeMetaLinkValue}));if(n&&n.mainLinkItems.length>0){t.activeMenuLinkValue=n.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(t.activeMenuLinkValue===a){t.toggleFlyout()}else{t.openFlyout()}t.activeMenuLinkValue=a}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var t=a.target;if(t&&t.nodeName==="BAL-POPUP"){var n=t.id;var i=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(n,'"]')));if(a.detail===true){this.onPopupOpen(i);var e=i.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(i)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var t,n,i,e,r,o,l,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){o=(n=(t=this.metaBarEl)===null||t===void 0?void 0:t.querySelector(".bal-nav-meta-bar__container"))===null||n===void 0?void 0:n.contains(a.target);l=(e=(i=this.menuBarEl)===null||i===void 0?void 0:i.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!o&&!l){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue}));if(t){return t.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var t=this.activeMenuLinkItems.find((function(t){return t.value===a.activeMenuLinkValue}));return t?t:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,waitForComponent(this.el)];case 1:n.sent();return[4,waitAfterIdleCallback()];case 2:n.sent();t=this.el.querySelector("#".concat(a.id));if(t){t.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,t;var n=this.activeMetaLinkValue;var i=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||n;if(n!==i){this.activeMetaLinkValue=i}var e=this.activeMenuLinkValue;var r=((t=this.activeMenuLinkItems.find((function(a){return a.active})))===null||t===void 0?void 0:t.value)||e;if(e!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var t,n,i,e,r,o,l,s,b;var c=BEM.block("nav");var v=c.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return h(Host,{key:"6731ced264e30666493c9b66469f8656e3a632ee",id:this.navId,class:Object.assign({},c.class())},h("div",{key:"b8b36c81b079f727699a2d037c4f687084791cfa",class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?h("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(t){return a.metaBarEl=t}},h("bal-stack",{space:"auto"},this.linkItems.length>1?h("bal-tabs",{inverted:true,context:"meta",value:this.activeMetaLinkValue,"aria-label":i18nNavBars[this.language].mainNavigation,onBalChange:function(t){return a.onMetaBarTabChange(t)}},this.linkItems.map((function(t){return t.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):h("span",null),h("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?h("bal-nav-menu-bar",{position:"fixed-top",ref:function(t){return a.menuBarEl=t}},h("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),h("bal-tabs",{context:"navigation",accordion:true,value:this.activeMenuLinkValue,"aria-label":i18nNavBars[this.language].navigation},(t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems.map((function(t,n){return t.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(t.value)},onTabPress:function(n){if(a.isFlyoutActive){var i=n.shiftKey;var e=gatherTabInformation({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue,linkItems:a.linkItems});handleTabKeyDown(e,{el:a.el,navId:a.navId,isFlyoutActive:a.isFlyoutActive,isBackwards:i,item:t,stopEventBubbling:function(){return stopEventBubbling(n)},closeFlyout:function(){return a.closeFlyout()}})}}})})))),this.isFlyoutActive?h("bal-nav-menu-flyout",{navId:this.navId,"aria-label":i18nNavBars[this.language].subNavigation,onBalFocusOut:function(t){if(a.isFlyoutActive){stopEventBubbling(t);var n=gatherTabInformation({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue,linkItems:a.linkItems});var i=isDescendant(a.el,t.detail.relatedTarget);handleFlyoutFocusOut(n,{el:a.el,isBackwards:i})}}},h("bal-nav-link",{role:"listitem",variant:"overview",href:(i=(n=this.activeMenuLinkItem)===null||n===void 0?void 0:n.overviewLink)===null||i===void 0?void 0:i.href,target:(r=(e=this.activeMenuLinkItem)===null||e===void 0?void 0:e.overviewLink)===null||r===void 0?void 0:r.target,onClick:function(){var t;return a.linkItemClickListener((t=a.activeMenuLinkItem)===null||t===void 0?void 0:t.overviewLink)}},(l=(o=this.activeMenuLinkItem)===null||o===void 0?void 0:o.overviewLink)===null||l===void 0?void 0:l.label," ",((b=(s=this.activeMenuLinkItem)===null||s===void 0?void 0:s.overviewLink)===null||b===void 0?void 0:b.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",h("div",{key:"66321dcac9fb856d8bba914283fc1fe0d4626d35"},h("slot",{key:"1d89fec71d39cc81c491f2422312a733e103f016"}))),this.isTouch?h("bal-nav-meta-bar",{variant:"white",size:"normal"},h("bal-stack",{space:"auto"},this.renderLogo(),h("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),h("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?i18nNavBars[this.language].close:i18nNavBars[this.language].open,onClick:function(t){return a.onTouchToggleFlyout(t)}})))):"",this.isTouch?h("div",{class:Object.assign(Object.assign({},v.class()),v.modifier("visible").class(this.isFlyoutActive))},h("nav",{class:Object.assign({},v.element("container").class())},h("ul",{class:Object.assign({},c.element("mobile-meta-list").class())},this.linkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?h("bal-nav-meta-bar",{stayOnTopOfBackdrop:true,variant:"grey",size:"normal"},h("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var t,n;if(!a){return""}return h("bal-nav-link-grid",null,h("bal-nav-link-grid-col",null,(t=a.sectionLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))),h("bal-nav-link-grid-col",{"static-col":true},(n=a.serviceLinkItems)===null||n===void 0?void 0:n.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var t=this;return h("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var n,i,e;return a.isLink?h("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):h("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},h("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),h("bal-list-item-accordion-body",null,h("div",{style:{width:"100%"}},h("bal-nav-link",{role:"listitem",variant:"overview",href:(n=a.overviewLink)===null||n===void 0?void 0:n.href,target:(i=a.overviewLink)===null||i===void 0?void 0:i.target,onClick:function(){return t.linkItemClickListener(a.overviewLink)}},(e=a.overviewLink)===null||e===void 0?void 0:e.label),h("div",{class:"pt-normal"},t.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var t,n,i,e,r,o;var l=((t=this.logo)===null||t===void 0?void 0:t.href)?"a":((n=this.logo)===null||n===void 0?void 0:n.clickable)?"button":"div";return h(l,{class:"bal-nav__logo","aria-label":(i=this.logo)===null||i===void 0?void 0:i.ariaLabel,title:(e=this.logo)===null||e===void 0?void 0:e.htmlTitle,href:(r=this.logo)===null||r===void 0?void 0:r.href,target:(o=this.logo)===null||o===void 0?void 0:o.target,onClick:function(){var t,n;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(t=a.logo)===null||t===void 0?void 0:t.href,target:(n=a.logo)===null||n===void 0?void 0:n.target})}},h("bal-logo",{animated:true}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Nav.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-popup"],waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Nav.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Nav.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Nav.prototype,"configChanged",null);var NavIds=0;Nav.style=balNavCss;var balNavLinkCss="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";var NavLink=function(){function a(a){registerInstance(this,a);this.variant="";this.selected=false;this.clickable=false;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link");var t=this,n=t.href,i=t.target,e=t.rel;var r=n!==undefined&&n!=="";var o=this.variant!=="";var l=r?"a":this.clickable?"button":"span";var s={};if(r){s={href:n,target:i,rel:e}}return h(Host,{key:"fe011833d71cd4fc35585f27ee3cb8fe11dadfb8",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(o))},h(l,Object.assign({key:"e5175d94a5b5021e22b26116f36aba0bb28a9dcf","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(o)),a.element("native").modifier("selected").class(this.selected&&(r||this.clickable)))},s),h("slot",{key:"9189d57ba3a0f78af5c2ac4232c9231d6096ae02"})))};return a}();__decorate([Logger("bal-nav-link"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLink.prototype,"createLogger",null);NavLink.style=balNavLinkCss;var balNavLinkGridCss=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";var NavLinkGrid=function(){function a(a){registerInstance(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid");return h(Host,{key:"7e58a9b6c677d60837d56404af5f6b03a7d96073",class:Object.assign({},a.class())},h("slot",{key:"4e7abb8d92056b3f99b42ebad4c1d7752cffca4e"}))};return a}();__decorate([Logger("bal-nav-link-grid"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGrid.prototype,"createLogger",null);NavLinkGrid.style=balNavLinkGridCss;var balNavLinkGridColCss=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";var NavLinkGridCol=function(){function a(a){registerInstance(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid-col");var t=a.element("inner");return h(Host,{key:"b4cba3fc9a569b19d2921f0f728d8865b97ccd55",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},h("div",{key:"36c2d569a02ea2dc1adb8ecedaab21576f61c0dc",class:Object.assign({},t.class())},h("slot",{key:"c99e184492ca2665cdebad028cd3ab3e97d3249a"})))};return a}();__decorate([Logger("bal-nav-link-grid-col"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGridCol.prototype,"createLogger",null);NavLinkGridCol.style=balNavLinkGridColCss;var balNavLinkGroupCss=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";var NavLinkGroup=function(){function a(a){registerInstance(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-group");var t=this.color!=="";return h(Host,{key:"12c1c4d22dc3827a4c186c6591b7b043f1dd378b",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(t))},h("slot",{key:"0c503bfaa7b2587f50936cc3d699e5a1bd9995a7"}))};return a}();__decorate([Logger("bal-nav-link-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGroup.prototype,"createLogger",null);NavLinkGroup.style=balNavLinkGroupCss;var balNavMenuBarCss=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';var NavMenuBar=function(){function a(a){registerInstance(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(NavMenuBarIds++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=BEM.block("nav-menu-bar");var t=a.element("inner");return h(Host,{key:"c2ea73c8876d06127c4fee24edf6a2ecc623f199",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("position-".concat(this.position)).class(this.position!=="none"))},h("div",{key:"d59d5d00f628748b91964b61692cca01d609a005",class:Object.assign({},t.class())},h("div",{key:"3afd6861fef7c4d6e2b3d41bd7e626daa4aa06b1",class:Object.assign({},a.element("container").class())},h("slot",{key:"380e064513ba797a10145e73bdc76dfe81dafaf6"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuBar.prototype,"createLogger",null);var NavMenuBarIds=0;NavMenuBar.style=balNavMenuBarCss;var balNavMenuFlyoutCss=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";var NavMenuFlyout=function(){function a(a){registerInstance(this,a);this.balFocusOut=createEvent(this,"balFocusOut");this.bodyScrollHandler=new BalScrollHandler;this.isHidden=false;this.navId="bal-nav-x".concat(NavMenuFlyOutIds++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.onFocusLeave=function(a){if(this.el&&a.relatedTarget&&!isDescendant(this.el,a.relatedTarget)){this.balFocusOut.emit(a)}};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,t;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((t=this.el)===null||t===void 0?void 0:t.clientHeight)};a.prototype.render=function(){var a=BEM.block("nav-menu-flyout");var t=a.element("line");return h(Host,{key:"24fa77703681dee08738a210a21b693eb5c53679",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},h("div",{key:"12eb7c5a6d4b3b8d230f8cfbc6477e4cc47b5897",class:Object.assign({},t.class())}),h("div",{key:"07fe48098735ef75bce7116eabedfceb8c2903e5",class:Object.assign({},a.element("container").class())},h("slot",{key:"00a8a2f20e211f8610830bd89a53e7b57bafede2"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-flyout"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"createLogger",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"resizeListener",null);var NavMenuFlyOutIds=0;NavMenuFlyout.style=balNavMenuFlyoutCss;var balNavMetaBarCss=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav>.bal-nav-meta-bar--stay-on-top{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";var NavMetaBar=function(){function a(a){registerInstance(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(NavMetaBarIds++);this.previousY=0;this.isHidden=false;this.stayOnTopOfBackdrop=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(balBrowser.hasWindow&&balBrowser.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var t=0>=window.scrollY;var n=0>window.scrollY;var i=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!t&&(e||i||n);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var o=0;o<r.length;o++){var l=r[o];if(this.isHidden){if(this.size==="small"){l.classList.remove("bal-nav-meta-bar-transform-normal");l.classList.add("bal-nav-meta-bar-transform-small")}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.add("bal-nav-meta-bar-transform-normal")}}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=BEM.block("nav-meta-bar");return h(Host,{key:"3c91c07a7d1b760ae2843b24003d4cebc2ec57d8",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class()),a.modifier("size-".concat(this.size)).class()),a.modifier("position-".concat(this.position)).class(this.position!=="none")),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("stay-on-top").class(this.stayOnTopOfBackdrop))},h("div",{key:"02333a87470f62b461875ceeae5a1b32381f4700",class:Object.assign({},a.element("container").class())},h("slot",{key:"4d41ede2b111ee158255fbbc04b580695c8b1597"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-meta-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMetaBar.prototype,"createLogger",null);var NavMetaBarIds=0;NavMetaBar.style=balNavMetaBarCss;export{Nav as bal_nav,NavLink as bal_nav_link,NavLinkGrid as bal_nav_link_grid,NavLinkGridCol as bal_nav_link_grid_col,NavLinkGroup as bal_nav_link_group,NavMenuBar as bal_nav_menu_bar,NavMenuFlyout as bal_nav_menu_flyout,NavMetaBar as bal_nav_meta_bar};
+import{__awaiter,__extends,__generator}from"tslib";import{J as rIC,t as isDescendant,M as h,a as balBrowser,L as Logger,H as registerInstance,P as createEvent,f as defaultConfig,A as waitForComponent,y as waitAfterIdleCallback,N as Host,O as getElement}from"./index-BtpJmRB8.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{b as balBreakpoints}from"./breakpoints.subject-DtMFg17t.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-DcuiF9pJ.js";import{L as ListenToConfig}from"./config.decorator-CIdA1I1h.js";import{s as stopEventBubbling}from"./form-input-C2vJzMPS.js";import{L as ListenToMutation}from"./mutation.decorator-B31D1rO_.js";import{B as BalScrollHandler}from"./scroll-D_L9mSoZ.js";import{s as sanitizeSvg}from"./svg-DUNB4kTY.js";import{j as isTabKey}from"./keyboard.helpers-D1VPLQ5z.js";import"./window-resize.subject-B5jZTc22.js";import{L as ListenToResize}from"./resize.decorator-C0LM9fHV.js";import"./device-D0RSC50t.js";import"./listener-DI7AdrHk.js";import"./tokens.esm-ChltR09F.js";var gatherTabInformation=function(a){var t;var n=(t=a.linkItems.find((function(t){return t.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems;var i=n===null||n===void 0?void 0:n.findIndex((function(t){return t.value===a.activeMenuLinkValue}));var e=i+1;var r=i-1;return{tabs:n||[],indexOfActiveTab:i,indexOfNextTab:e,indexOfPreviousTab:r}};var handleTabKeyDown=function(a,t){var n=a.tabs,i=a.indexOfNextTab,e=a.indexOfActiveTab;var r=n===null||n===void 0?void 0:n.findIndex((function(a){return a.value===t.item.value}));if(!t.isBackwards&&r===n.length-1){t.stopEventBubbling();t.closeFlyout();rIC((function(){focusNextElement(document.activeElement,t.el)}));return}if(!t.isBackwards&&r===e){var o=t.el.querySelector("#".concat(t.navId,"-menu-flyout"));if(o){var l=o.querySelector('a, button, [tabindex="0"]');if(l){t.stopEventBubbling();l.focus({preventScroll:true})}}}if(t.isBackwards&&r===i){var o=t.el.querySelector("#".concat(t.navId,"-menu-flyout"));if(o){var s=o.querySelectorAll('a, button, [tabindex="0"]');var b=s[s.length-1];if(b){t.stopEventBubbling();b.focus({preventScroll:true})}}}};var handleFlyoutFocusOut=function(a,t){var n=t.isBackwards?a.tabs[a.indexOfActiveTab]:a.tabs[a.indexOfNextTab];if(n){var i=t.el.querySelector('button[data-value="'.concat(n.value,'"], a[data-value="').concat(n.value,'"]'));if(i){i.focus({preventScroll:true})}}};var focusNextElement=function(a,t){var n=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'];var i=Array.from(document.querySelectorAll(n.join(","))).filter((function(a){return a.offsetParent!==null})).filter((function(a){return!isDescendant(t,a)}));var e=i.indexOf(a);var r=i[e+1];if(r)r.focus()};var i18nNavBars={de:{mainNavigation:"Hauptnavigation",navigation:"Navigation",subNavigation:"Subnavigation",open:"Menü öffnen",close:"Menü schliessen"},en:{mainNavigation:"Main navigation",navigation:"Navigation",subNavigation:"Sub navigation",open:"Open Menu",close:"Close Menu"},fr:{mainNavigation:"Navigation principale",navigation:"Navigation",subNavigation:"Sous-navigation",open:"Ouvrir le menu",close:"Fermer le menu"},it:{mainNavigation:"Navigazione principale",navigation:"Navigazione",subNavigation:"Sottonavigazione",open:"Apri Menù",close:"Chiudi menù"},nl:{mainNavigation:"Hoofdnavigatie",navigation:"Navigatie",subNavigation:"Subnavigatie",open:"Menu openen",close:"Menu sluiten"},es:{mainNavigation:"Navegación principal",navigation:"Navegación",subNavigation:"Subnavegación",open:"Menú abierto",close:"Cerrar menú"},pl:{mainNavigation:"Nawigacja główna",navigation:"Nawigacja",subNavigation:"Nawigacja podrzędna",open:"Otwórz menu",close:"Zamknij menu"},pt:{mainNavigation:"Navegação principal",navigation:"Navegação",subNavigation:"Subnavegação",open:"Menu aberto",close:"Fechar menu"},sv:{mainNavigation:"Huvudnavigering",navigation:"Navigering",subNavigation:"Undernavigering",open:"Öppna menyn",close:"Stäng menyn"},fi:{mainNavigation:"Päänavigaatio",navigation:"Navigaatio",subNavigation:"Alinavigaatio",open:"Avaa valikko",close:"Sulje valikko"}};var NavLinkItem=function(){function a(a,t){var n=this;this.observer=t;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(NavLinkItemIDs++);this.value=a.value||this.id;this.href=a.href;this.rel=a.rel;this.target=a.target;this.active=!!a.active;this.clickable=!!a.clickable;this.data=a.data;this.onClick=function(t){n.observer.linkItemClickListener(n);if(a.onClick){a.onClick(t)}};this.onAccordionClick=function(t){n.observer.accordionClickListener(n);if(a.onAccordionClick){a.onAccordionClick(t)}}}Object.defineProperty(a.prototype,"type",{get:function(){return"NavLinkItem"},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"isLink",{get:function(){return this.href!==undefined&&this.href!==null&&this.href!==""},enumerable:false,configurable:true});a.prototype.toJson=function(){return{label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");return h("li",null,h("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},n.element("mobile-links").class()),n.element("mobile-links").modifier("selected").class(this.active)),n.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label))};a.prototype.render=function(a){var t=this;return h("bal-nav-link",{role:"listitem",href:this.href,rel:this.rel,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label)};return a}();var NavLinkItemIDs=0;var NavMetaButton=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.touchPlacement="top";i.id="nav-meta-button-".concat(NavMetaButtonIDs++);i.touchPlacement=t.touchPlacement||"top";i.value=t.value||i.id;i.icon=t.icon;i.popoverId=t.popupId;i.ariaLabel=t.ariaLabel;i.htmlTitle=t.htmlTitle;i.href=t.href||"";i.target=t.target||"_self";return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaButton"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isLink",{get:function(){return!!this.href},enumerable:false,configurable:true});t.prototype.renderAtMetaBar=function(){if(this.isLink){return h("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,rel:this.rel,href:this.href,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label},this.label)}return h("bal-button",{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,inverted:true,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)};t.prototype.renderAtTouchTopMetaBar=function(){if(this.touchPlacement==="top"){if(this.isLink){return h("bal-button",{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,rel:this.rel,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label},this.icon?"":this.label)}return h("bal-button",{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:false,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}};t.prototype.renderAtTouchBottomMetaBar=function(){if(this.touchPlacement==="bottom"){if(this.isLink){return h("bal-button",{id:this.value,color:"info",inverted:false,icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,href:this.href,target:this.target},this.label)}return h("bal-button",{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:false,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}};t.prototype.resetTouchBottomMetaBar=function(){if(balBrowser.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};t.prototype.resetDesktopMetaBar=function(){if(balBrowser.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return t}(NavLinkItem);var NavMetaButtonIDs=0;var AccordionButton=function(a){var t=a.id,n=a.label,i=a.level,e=a.open,r=a.link,o=a.href,l=a.rel,s=a.target,b=a.onClick;var v=BEM.block("nav");return r?h("a",{id:t,class:Object.assign({},v.element("mobile-".concat(i,"-item")).class()),href:o,rel:l,target:s,onClick:function(a){return b(a)}},h("span",null,n)):h("button",{id:t,class:Object.assign({},v.element("mobile-".concat(i,"-item")).class()),onClick:function(a){return b(a)}},h("span",null,n),h("bal-icon",{name:"nav-go-down",size:"small",turn:e}))};var OverviewLink=function(a){var t=a.item,n=a.isMenu,i=a.onClick,e=a.isVisible;var r=BEM.block("nav");if(!t){return""}return h("a",{class:Object.assign(Object.assign(Object.assign({},r.element("mobile-overview-link").class()),r.element("mobile-overview-link").modifier("menu").class(!!n)),r.element("mobile-overview-link").modifier("invisible").class(e===false)),href:t.href,rel:t.rel,target:t.target,onClick:function(a){return i(a)}},t.label," ",t.label?"➞":"")};var NavSectionLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.linkItems=[];i.htmlTitle=t.htmlTitle;i.label=t.label;i.href=t.href;i.target=t.target;i.id="nav-section-link-item-".concat(NavSectionLinkItemIDs++);i.value=t.value||i.id;i.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,n)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.linkItems&&this.linkItems.length>0;return h("li",null,h("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},n.element("mobile-section-item").class()),n.element("mobile-section-item").modifier("selected").class(this.active)),n.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),i?h("ul",{class:Object.assign({},n.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(NavLinkItem);var NavSectionLinkItemIDs=0;var NavServiceLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.color="grey";i.linkItems=[];i.id="nav-service-link-item-".concat(NavServiceLinkItemIDs++);i.value=t.value||i.id;i.color=t.color||"grey";i.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,n)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.linkItems&&this.linkItems.length>0;return h("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},n.element("mobile-service-item").class()),n.element("mobile-service-item").modifier("color-".concat(this.color)).class()),n.element("mobile-service-item").modifier("selected").class(this.active)),n.element("mobile-service-item").modifier("clickable").class(this.clickable))},h("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),i?h("ul",{class:Object.assign({},n.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{color:this.color,role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(NavLinkItem);var NavServiceLinkItemIDs=0;var NavMenuLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.sectionLinkItems=[];i.serviceLinkItems=[];i.id="nav-menu-link-item-".concat(NavMenuLinkItemIDs++);i.value=t.value||i.id;i.sectionLinkItems=(t.sectionLinkItems||[]).map((function(a){return new NavSectionLinkItem(a,n)}));i.serviceLinkItems=(t.serviceLinkItems||[]).map((function(a){return new NavServiceLinkItem(a,n)}));i.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,n):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=this.sectionLinkItems&&this.sectionLinkItems.length>0;var e=this.serviceLinkItems&&this.serviceLinkItems.length>0;var r=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:i||e?false:this.isLink,open:r,onClick:function(a){return t.onAccordionClick(a)}}),h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:r}),i?h("ul",{class:Object.assign(Object.assign({},n.element("mobile-section-list").class()),n.element("mobile-section-list").modifier("invisible").class(r===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",e?h("ul",{class:Object.assign(Object.assign({},n.element("mobile-service-list").class()),n.element("mobile-service-list").modifier("invisible").class(r===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;var n=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!n&&this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalKeyDown:function(t){return isTabKey(t.detail)&&(a===null||a===void 0?void 0:a.onTabPress(t.detail))},onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(n.detail)}}})};return t}(NavLinkItem);var NavMenuLinkItemIDs=0;var NavMetaLinkItem=function(a){__extends(t,a);function t(t,n){var i=a.call(this,t,n)||this;i.mainLinkItems=[];i.id="nav-meta-link-item-".concat(NavMetaLinkItemIDs++);i.value=t.value||i.id;i.mainLinkItems=(t.mainLinkItems||[]).map((function(a){return new NavMenuLinkItem(a,n)}));i.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,n):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var n=BEM.block("nav");var i=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"meta",label:this.label,open:i,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),i?h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",i?h("hr",{class:Object.assign(Object.assign({},n.element("line").class()),n.element("line").modifier("up").class())}):"",i&&this.mainLinkItems&&this.mainLinkItems.length>0?h("ul",{class:Object.assign({},n.element("mobile-menu-list").class())},this.mainLinkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",h("hr",{class:Object.assign({},n.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":true})}return h("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(NavLinkItem);var NavMetaLinkItemIDs=0;var balNavCss="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar:not(.bal-nav-meta-bar--stay-on-top),.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var Nav=function(){function a(a){var t=this;registerInstance(this,a);this.balNavItemClick=createEvent(this,"balNavItemClick");this.navId="bal-nav-".concat(NavIds++);this.bodyScrollHandler=new BalScrollHandler;this.isTouch=balBreakpoints.isTouch;this.isDesktop=balBreakpoints.isDesktop;this.language=defaultConfig.language;this.region=defaultConfig.region;this.isFlyoutActive=false;this.hasRenderedWithFlyoutActive=false;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[];this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(t){return new NavMetaLinkItem(t,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.metaButtons=this.buttons.map((function(t){return new NavMetaButton(t,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){t.closeAllPopups();t.toggleFlyout();if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(t.isFlyoutActive){t.bodyScrollHandler.disable()}else{t.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(t.isTouch){if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));t.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!t.isFlyoutActive){t.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==t.activeMetaLinkValue){t.activeMetaLinkValue=a.detail;var n=t.linkItems.find((function(a){return a.value===t.activeMetaLinkValue}));if(n&&n.mainLinkItems.length>0){t.activeMenuLinkValue=n.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(t.activeMenuLinkValue===a){t.toggleFlyout()}else{t.openFlyout()}t.activeMenuLinkValue=a}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var t=a.target;if(t&&t.nodeName==="BAL-POPUP"){var n=t.id;var i=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(n,'"]')));if(a.detail===true){this.onPopupOpen(i);var e=i.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(i)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var t,n,i,e,r,o,l,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){o=(n=(t=this.metaBarEl)===null||t===void 0?void 0:t.querySelector(".bal-nav-meta-bar__container"))===null||n===void 0?void 0:n.contains(a.target);l=(e=(i=this.menuBarEl)===null||i===void 0?void 0:i.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!o&&!l){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue}));if(t){return t.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var t=this.activeMenuLinkItems.find((function(t){return t.value===a.activeMenuLinkValue}));return t?t:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,waitForComponent(this.el)];case 1:n.sent();return[4,waitAfterIdleCallback()];case 2:n.sent();t=this.el.querySelector("#".concat(a.id));if(t){t.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,t;var n=this.activeMetaLinkValue;var i=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||n;if(n!==i){this.activeMetaLinkValue=i}var e=this.activeMenuLinkValue;var r=((t=this.activeMenuLinkItems.find((function(a){return a.active})))===null||t===void 0?void 0:t.value)||e;if(e!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var t,n,i,e,r,o,l,s,b;var v=BEM.block("nav");var c=v.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return h(Host,{key:"a87fa267cdb8758adae18cdd5ddbbe58ade6b656",id:this.navId,class:Object.assign({},v.class())},h("div",{key:"235b60fe5f38ea4c9d698cab5f82e7ddb3cf202b",class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?h("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(t){return a.metaBarEl=t}},h("bal-stack",{space:"auto"},this.linkItems.length>1?h("bal-tabs",{inverted:true,context:"meta",value:this.activeMetaLinkValue,"aria-label":i18nNavBars[this.language].mainNavigation,onBalChange:function(t){return a.onMetaBarTabChange(t)}},this.linkItems.map((function(t){return t.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):h("span",null),h("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?h("bal-nav-menu-bar",{position:"fixed-top",ref:function(t){return a.menuBarEl=t}},h("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),h("bal-tabs",{context:"navigation",accordion:true,value:this.activeMenuLinkValue,"aria-label":i18nNavBars[this.language].navigation},(t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems.map((function(t,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:"94ce7cb241b89190e625cbf9c8a329afd953afe1"},h("slot",{key:"0b5ffecaba55a060528c3197e3d63f0678a24d97"}))),this.isTouch?h("bal-nav-meta-bar",{variant:"white",size:"normal"},h("bal-stack",{space:"auto"},this.renderLogo(),h("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),h("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?i18nNavBars[this.language].close:i18nNavBars[this.language].open,onClick:function(t){return a.onTouchToggleFlyout(t)}})))):"",this.isTouch?h("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("visible").class(this.isFlyoutActive))},h("nav",{class:Object.assign({},c.element("container").class())},h("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?h("bal-nav-meta-bar",{stayOnTopOfBackdrop:true,variant:"grey",size:"normal"},h("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var t,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:"e5175d94a5b5021e22b26116f36aba0bb28a9dcf","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(o)),a.element("native").modifier("selected").class(this.selected&&(r||this.clickable)))},s),h("slot",{key:"9189d57ba3a0f78af5c2ac4232c9231d6096ae02"})))};return a}();__decorate([Logger("bal-nav-link"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLink.prototype,"createLogger",null);NavLink.style=balNavLinkCss;var balNavLinkGridCss=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";var NavLinkGrid=function(){function a(a){registerInstance(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid");return h(Host,{key:"7e58a9b6c677d60837d56404af5f6b03a7d96073",class:Object.assign({},a.class())},h("slot",{key:"4e7abb8d92056b3f99b42ebad4c1d7752cffca4e"}))};return a}();__decorate([Logger("bal-nav-link-grid"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGrid.prototype,"createLogger",null);NavLinkGrid.style=balNavLinkGridCss;var balNavLinkGridColCss=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";var NavLinkGridCol=function(){function a(a){registerInstance(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid-col");var t=a.element("inner");return h(Host,{key:"b4cba3fc9a569b19d2921f0f728d8865b97ccd55",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},h("div",{key:"36c2d569a02ea2dc1adb8ecedaab21576f61c0dc",class:Object.assign({},t.class())},h("slot",{key:"c99e184492ca2665cdebad028cd3ab3e97d3249a"})))};return a}();__decorate([Logger("bal-nav-link-grid-col"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGridCol.prototype,"createLogger",null);NavLinkGridCol.style=balNavLinkGridColCss;var balNavLinkGroupCss=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";var NavLinkGroup=function(){function a(a){registerInstance(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-group");var t=this.color!=="";return h(Host,{key:"12c1c4d22dc3827a4c186c6591b7b043f1dd378b",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(t))},h("slot",{key:"0c503bfaa7b2587f50936cc3d699e5a1bd9995a7"}))};return a}();__decorate([Logger("bal-nav-link-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGroup.prototype,"createLogger",null);NavLinkGroup.style=balNavLinkGroupCss;var balNavMenuBarCss=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';var NavMenuBar=function(){function a(a){registerInstance(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(NavMenuBarIds++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=BEM.block("nav-menu-bar");var t=a.element("inner");return h(Host,{key:"c2ea73c8876d06127c4fee24edf6a2ecc623f199",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("position-".concat(this.position)).class(this.position!=="none"))},h("div",{key:"d59d5d00f628748b91964b61692cca01d609a005",class:Object.assign({},t.class())},h("div",{key:"3afd6861fef7c4d6e2b3d41bd7e626daa4aa06b1",class:Object.assign({},a.element("container").class())},h("slot",{key:"380e064513ba797a10145e73bdc76dfe81dafaf6"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuBar.prototype,"createLogger",null);var NavMenuBarIds=0;NavMenuBar.style=balNavMenuBarCss;var balNavMenuFlyoutCss=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";var NavMenuFlyout=function(){function a(a){registerInstance(this,a);this.balFocusOut=createEvent(this,"balFocusOut");this.bodyScrollHandler=new BalScrollHandler;this.isHidden=false;this.navId="bal-nav-x".concat(NavMenuFlyOutIds++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.onFocusLeave=function(a){if(this.el&&a.relatedTarget&&!isDescendant(this.el,a.relatedTarget)){this.balFocusOut.emit(a)}};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,t;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((t=this.el)===null||t===void 0?void 0:t.clientHeight)};a.prototype.render=function(){var a=BEM.block("nav-menu-flyout");var t=a.element("line");return h(Host,{key:"24fa77703681dee08738a210a21b693eb5c53679",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},h("div",{key:"12eb7c5a6d4b3b8d230f8cfbc6477e4cc47b5897",class:Object.assign({},t.class())}),h("div",{key:"07fe48098735ef75bce7116eabedfceb8c2903e5",class:Object.assign({},a.element("container").class())},h("slot",{key:"00a8a2f20e211f8610830bd89a53e7b57bafede2"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-flyout"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"createLogger",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"resizeListener",null);var NavMenuFlyOutIds=0;NavMenuFlyout.style=balNavMenuFlyoutCss;var balNavMetaBarCss=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav>.bal-nav-meta-bar--stay-on-top{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";var NavMetaBar=function(){function a(a){registerInstance(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(NavMetaBarIds++);this.previousY=0;this.isHidden=false;this.stayOnTopOfBackdrop=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(balBrowser.hasWindow&&balBrowser.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var t=0>=window.scrollY;var n=0>window.scrollY;var i=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!t&&(e||i||n);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var o=0;o<r.length;o++){var l=r[o];if(this.isHidden){if(this.size==="small"){l.classList.remove("bal-nav-meta-bar-transform-normal");l.classList.add("bal-nav-meta-bar-transform-small")}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.add("bal-nav-meta-bar-transform-normal")}}else{l.classList.remove("bal-nav-meta-bar-transform-small");l.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=BEM.block("nav-meta-bar");return h(Host,{key:"3c91c07a7d1b760ae2843b24003d4cebc2ec57d8",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class()),a.modifier("size-".concat(this.size)).class()),a.modifier("position-".concat(this.position)).class(this.position!=="none")),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("stay-on-top").class(this.stayOnTopOfBackdrop))},h("div",{key:"02333a87470f62b461875ceeae5a1b32381f4700",class:Object.assign({},a.element("container").class())},h("slot",{key:"4d41ede2b111ee158255fbbc04b580695c8b1597"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-meta-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMetaBar.prototype,"createLogger",null);var NavMetaBarIds=0;NavMetaBar.style=balNavMetaBarCss;export{Nav as bal_nav,NavLink as bal_nav_link,NavLinkGrid as bal_nav_link_grid,NavLinkGridCol as bal_nav_link_grid_col,NavLinkGroup as bal_nav_link_group,NavMenuBar as bal_nav_menu_bar,NavMenuFlyout as bal_nav_menu_flyout,NavMetaBar as bal_nav_meta_bar};

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

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

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{H as registerInstance,M as h,N as Host,P as createEvent,O as getElement}from"./index-pkPHUz5e.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balNoticesCss=".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var Notices=function(){function a(a){registerInstance(this,a);this.animated=true;this.interface="toast";this.container=undefined}a.prototype.render=function(){var a;var t=BEM.block("notices");var e=t.element("inner");var r=this.interface==="toast"&&this.container!==undefined;return h(Host,{key:"83c73f66abe9dc3abf4181c43af09fc4ce7f3b7a",class:Object.assign(Object.assign(Object.assign({"bal-app":true},t.class()),t.modifier("container").class(r)),t.modifier("animated").class(this.animated))},h("div",{key:"f16cd17c52f0df45500e9be985fc099c5c134cf6",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class()),(a={container:r},a["is-".concat(this.container)]=r&&this.container!=="",a))},h("slot",{key:"bdf0fc55a2b9d63fed14821e8e83553394052ac2"})))};return a}();Notices.style=balNoticesCss;var balSnackbarCss=':root{--bal-snackbar-font-size:var(--bal-text-size-small);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-title-font-size:var(--bal-text-size-medium);--bal-snackbar-title-font-family:var(--bal-font-family-title);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0 !important;flex-grow:0 !important;gap:.5rem;padding:var(--bal-space-medium) var(--bal-space-normal);border-radius:var(--bal-snackbar-radius);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:3.5rem;width:18rem}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar--color-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar--color-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar--color-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar--color-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar--color-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}.bal-snackbar__details{display:-ms-flexbox;display:flex;gap:1rem}.bal-snackbar__details__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.5rem}.bal-snackbar__details__icon--masked{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.bal-snackbar__details__icon--masked,.bal-snackbar__details__icon--color-primary{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-info{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-success{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-warning{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-danger{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__close{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:2rem}.bal-snackbar__details__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.bal-snackbar__details__content h2{font-family:var(--bal-snackbar-title-font-family);font-size:var(--bal-snackbar-title-font-size);font-weight:var(--bal-font-weight-bold);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-desktop)}}.bal-snackbar__details__content span{font-family:var(--bal-snackbar-font-family);font-size:var(--bal-snackbar-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-snackbar__button-wrapper{display:-ms-flexbox;display:flex}.bal-snackbar__button-wrapper .bal-button{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}';var Snackbar=function(){function a(a){var t=this;registerInstance(this,a);this.balClose=createEvent(this,"balClose");this.balAction=createEvent(this,"balAction");this.snackbarId="bal-snackbar-".concat(snackbarIds++);this.color="";this.duration=0;this.subject="";this.message="";this.icon="";this.action="";this.closeHandler=function(){return void 0};this.actionHandler=function(){return void 0};this.target="_self";this.onActionHandler=function(){t.balAction.emit(t.snackbarId);t.actionHandler()}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){clearTimeout(this.timer);this.balClose.emit(this.snackbarId);this.element.remove();this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("snackbar");var e=t.element("details");var r=t.element("button-wrapper");var s=this.snackbarId+"-subject";var i={};if(this.message!==undefined&&this.message!==""){i.innerHTML=this.message}var n=this.icon!==undefined&&this.icon!==null&&this.icon!=="";var l={info:"info-circle",primary:"info-circle",warning:"alert-triangle",danger:"alert-triangle",success:"check-circle"};var o=n?this.icon:l[this.color||"info"];return h(Host,{key:"4a1920c0a2bd21295fd3c8b6f14204f2cffd24fc",id:this.snackbarId,role:"alertdialog",class:Object.assign(Object.assign({},t.class()),t.modifier("color-".concat(this.color)).class(!!this.color)),"aria-labelledby":s},h("div",{key:"07e829354ae42deae93d2514e8a1705ed2324333",class:Object.assign({},e.class())},h("div",{key:"33ea4a6d4c6571f5584a13b32dd0814ee532a4e0","aria-hidden":"true",class:Object.assign(Object.assign(Object.assign({},e.element("icon").class()),e.element("icon").modifier("masked").class(!n)),e.element("icon").modifier("color-".concat(this.color)).class(!n))},n?h("bal-icon",{name:o,color:"primary",size:"medium"}):""),h("div",{key:"b5f9973bc16038dd0b1911758072c001cfa5dcea",class:Object.assign({},e.element("content").class())},h("h2",{key:"015bed1adb93c84e224b85d95247a1706554e73f",id:s},this.subject),h("span",Object.assign({key:"c7bf53d336633441bd4ed3abbdf978a4c1587b9d"},i),h("slot",{key:"d197c12700d991181e17efb90fafa3569fab1dcc"}),h("span",{key:"a913b6adc15cad8ecfd76905e6047e3e51cecbc4",class:"hidden"}))),h("div",{key:"6eaea877dafb35eb0bb5a4d9c29540be35ca23e6",class:Object.assign({},e.element("close").class())},h("bal-close",{key:"0e2aaef462aba47274903b304ddf340ec9a40032",class:"bal-snackbar__close","data-testid":"bal-snackbar-close",onClick:function(){return a.close()}}))),this.action?h("div",{class:Object.assign({},r.class())},h("bal-button",{color:"info",size:"small",href:this.href,target:this.target,onClick:function(){return a.onActionHandler()},"data-testid":"bal-snackbar-action"},this.action)):"")};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var snackbarIds=0;Snackbar.style=balSnackbarCss;var balToastCss=':root{--bal-toast-font-size:var(--bal-text-size-small);--bal-toast-title-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-title-font-family:var(--bal-font-family-title);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary);--bal-toast-width:100%;--bal-toast-width-tablet:28.75rem;--bal-toast-width-desktop:30rem}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal);max-width:var(--bal-toast-width);width:var(--bal-toast-width)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:var(--bal-toast-width-tablet);width:var(--bal-toast-width-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:var(--bal-toast-width-desktop);width:var(--bal-toast-width-desktop)}}.bal-toast__inner--color-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--color-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--color-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--color-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--color-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}.bal-toast__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:.125rem;margin-left:2rem;margin-right:2.5rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--bal-toast-title-font-size);font-family:var(--bal-toast-font-family)}.bal-toast__label>strong,.bal-toast__label>b,.bal-toast__label>h2{font-family:var(--bal-toast-title-font-family);font-size:var(--bal-toast-title-font-size);line-height:var(--bal-text-line-height-title)}.bal-toast__label>span,.bal-toast__label>p{font-family:var(--bal-toast-font-family);font-size:var(--bal-toast-font-size);line-height:var(--bal-text-line-height-text)}.bal-toast__close.bal-close{position:absolute;top:1.8rem;right:1rem;margin-top:-0.75rem}.bal-toast__inner:before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-primary:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-info:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-toast__inner--color-success:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-toast__inner--color-warning:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-toast__inner--color-danger:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var Toast=function(){function a(a){registerInstance(this,a);this.balClose=createEvent(this,"balClose");this.toastId="bal-toast-".concat(toastIds++);this.color="";this.duration=0;this.closable=true;this.message="";this.closeHandler=function(){return void 0}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.element.remove();clearTimeout(this.timer);this.balClose.emit(this.toastId);this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("toast");var e=t.element("inner");var r=t.element("label");var s=t.element("close");return h(Host,{key:"eb7fe679079d5de67858228b482b05ab4b6c849b",id:this.toastId,class:Object.assign({},t.class())},h("div",{key:"fbac27668a9f3fb3cc4051dc7ae081576b35bac6",role:"status",class:Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(!!this.color))},h("span",{key:"6885d0419d28ca866491bc74b66878ea4a41f933",class:Object.assign({},r.class()),"data-testid":"bal-toast-label",innerHTML:this.message},h("slot",{key:"6c51a2580ab8c313f8395613b07b110108a9f95b"})),this.closable!==false?h("bal-close",{class:Object.assign({},s.class()),onClick:function(){return a.close()},inverted:false,"data-testid":"bal-toast-close"}):""))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var toastIds=0;Toast.style=balToastCss;export{Notices as bal_notices,Snackbar as bal_snackbar,Toast as bal_toast};
+import{__awaiter,__generator}from"tslib";import{H as registerInstance,M as h,N as Host,P as createEvent,O as getElement}from"./index-BtpJmRB8.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balNoticesCss=".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var Notices=function(){function a(a){registerInstance(this,a);this.animated=true;this.interface="toast";this.container=undefined}a.prototype.render=function(){var a;var t=BEM.block("notices");var e=t.element("inner");var r=this.interface==="toast"&&this.container!==undefined;return h(Host,{key:"83c73f66abe9dc3abf4181c43af09fc4ce7f3b7a",class:Object.assign(Object.assign(Object.assign({"bal-app":true},t.class()),t.modifier("container").class(r)),t.modifier("animated").class(this.animated))},h("div",{key:"f16cd17c52f0df45500e9be985fc099c5c134cf6",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class()),(a={container:r},a["is-".concat(this.container)]=r&&this.container!=="",a))},h("slot",{key:"bdf0fc55a2b9d63fed14821e8e83553394052ac2"})))};return a}();Notices.style=balNoticesCss;var balSnackbarCss=':root{--bal-snackbar-font-size:var(--bal-text-size-small);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-title-font-size:var(--bal-text-size-medium);--bal-snackbar-title-font-family:var(--bal-font-family-title);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0 !important;flex-grow:0 !important;gap:.5rem;padding:var(--bal-space-medium) var(--bal-space-normal);border-radius:var(--bal-snackbar-radius);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:3.5rem;width:18rem}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar--color-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar--color-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar--color-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar--color-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar--color-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}.bal-snackbar__details{display:-ms-flexbox;display:flex;gap:1rem}.bal-snackbar__details__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.5rem}.bal-snackbar__details__icon--masked{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.bal-snackbar__details__icon--masked,.bal-snackbar__details__icon--color-primary{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-info{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-success{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-warning{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-danger{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__close{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:2rem}.bal-snackbar__details__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.bal-snackbar__details__content h2{font-family:var(--bal-snackbar-title-font-family);font-size:var(--bal-snackbar-title-font-size);font-weight:var(--bal-font-weight-bold);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-desktop)}}.bal-snackbar__details__content span{font-family:var(--bal-snackbar-font-family);font-size:var(--bal-snackbar-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-snackbar__button-wrapper{display:-ms-flexbox;display:flex}.bal-snackbar__button-wrapper .bal-button{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}';var Snackbar=function(){function a(a){var t=this;registerInstance(this,a);this.balClose=createEvent(this,"balClose");this.balAction=createEvent(this,"balAction");this.snackbarId="bal-snackbar-".concat(snackbarIds++);this.color="";this.duration=0;this.subject="";this.message="";this.icon="";this.action="";this.closeHandler=function(){return void 0};this.actionHandler=function(){return void 0};this.target="_self";this.onActionHandler=function(){t.balAction.emit(t.snackbarId);t.actionHandler()}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){clearTimeout(this.timer);this.balClose.emit(this.snackbarId);this.element.remove();this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("snackbar");var e=t.element("details");var r=t.element("button-wrapper");var s=this.snackbarId+"-subject";var i={};if(this.message!==undefined&&this.message!==""){i.innerHTML=this.message}var n=this.icon!==undefined&&this.icon!==null&&this.icon!=="";var l={info:"info-circle",primary:"info-circle",warning:"alert-triangle",danger:"alert-triangle",success:"check-circle"};var o=n?this.icon:l[this.color||"info"];return h(Host,{key:"b3915c5a567dc89a8ec7145a7ab98498ca97b66d",id:this.snackbarId,role:"alertdialog",class:Object.assign(Object.assign({},t.class()),t.modifier("color-".concat(this.color)).class(!!this.color)),"aria-labelledby":s},h("div",{key:"ae6759e051630b2c9fe51c7d24d931e30737376d",class:Object.assign({},e.class())},h("div",{key:"dfb41b163dfb1ec063576c487769102bd2c52c40","aria-hidden":"true",class:Object.assign(Object.assign(Object.assign({},e.element("icon").class()),e.element("icon").modifier("masked").class(!n)),e.element("icon").modifier("color-".concat(this.color)).class(!n))},n?h("bal-icon",{name:o,color:"primary",size:"medium"}):""),h("div",{key:"75a34eb777fbf3c9d8ffdc431a155183888fe5ad",class:Object.assign({},e.element("content").class())},h("h2",{key:"7aecaed230c536db0771eb4060a20f8d89b737fa",id:s},this.subject),h("span",Object.assign({key:"660cdb87938ee2d5e48bb103dbdb573deafbf088"},i),h("slot",{key:"8a9a874dca0cfce2771f4af4a356e7783d2efada"}),h("span",{key:"988af9ec4c07a0a07f82f0036931cd1dad15a13c",class:"hidden"}))),h("div",{key:"be82a69b4dc2f4e42ba9f55e7f7af403ce0136cd",class:Object.assign({},e.element("close").class())},h("bal-close",{key:"9b999204c4f1fbdb215161ae08ebec3c8ae21658",class:"bal-snackbar__close","data-testid":"bal-snackbar-close",onClick:function(){return a.close()}}))),this.action?h("div",{class:Object.assign({},r.class())},h("bal-button",{color:"info",size:"small",href:this.href,target:this.target,onClick:function(){return a.onActionHandler()},"data-testid":"bal-snackbar-action"},this.action)):"")};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var snackbarIds=0;Snackbar.style=balSnackbarCss;var balToastCss=':root{--bal-toast-font-size:var(--bal-text-size-small);--bal-toast-title-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-title-font-family:var(--bal-font-family-title);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary);--bal-toast-width:100%;--bal-toast-width-tablet:28.75rem;--bal-toast-width-desktop:30rem}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal);max-width:var(--bal-toast-width);width:var(--bal-toast-width)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:var(--bal-toast-width-tablet);width:var(--bal-toast-width-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:var(--bal-toast-width-desktop);width:var(--bal-toast-width-desktop)}}.bal-toast__inner--color-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--color-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--color-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--color-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--color-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}.bal-toast__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:.125rem;margin-left:2rem;margin-right:2.5rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--bal-toast-title-font-size);font-family:var(--bal-toast-font-family)}.bal-toast__label>strong,.bal-toast__label>b,.bal-toast__label>h2{font-family:var(--bal-toast-title-font-family);font-size:var(--bal-toast-title-font-size);line-height:var(--bal-text-line-height-title)}.bal-toast__label>span,.bal-toast__label>p{font-family:var(--bal-toast-font-family);font-size:var(--bal-toast-font-size);line-height:var(--bal-text-line-height-text)}.bal-toast__close.bal-close{position:absolute;top:1.8rem;right:1rem;margin-top:-0.75rem}.bal-toast__inner:before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-primary:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-info:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-toast__inner--color-success:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-toast__inner--color-warning:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-toast__inner--color-danger:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var Toast=function(){function a(a){registerInstance(this,a);this.balClose=createEvent(this,"balClose");this.toastId="bal-toast-".concat(toastIds++);this.color="";this.duration=0;this.closable=true;this.message="";this.closeHandler=function(){return void 0}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.element.remove();clearTimeout(this.timer);this.balClose.emit(this.toastId);this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("toast");var e=t.element("inner");var r=t.element("label");var s=t.element("close");return h(Host,{key:"46ad818112b1002e1a48a627eb714dec23aba2a5",id:this.toastId,class:Object.assign({},t.class())},h("div",{key:"e2db452a14a302ba7ed9ebbeb8a78e801a175998",role:"status",class:Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(!!this.color))},h("span",{key:"41331cb2609ece86bb59951cab9ec61b76b27c33",class:Object.assign({},r.class()),"data-testid":"bal-toast-label",innerHTML:this.message},h("slot",{key:"09572e31b7d8bcc5ec8f31e33df31cdca13a7355"})),this.closable!==false?h("bal-close",{class:Object.assign({},s.class()),onClick:function(){return a.close()},inverted:false,"data-testid":"bal-toast-close"}):""))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var toastIds=0;Toast.style=balToastCss;export{Notices as bal_notices,Snackbar as bal_snackbar,Toast as bal_toast};