@baloise/ds-core 16.5.2 → 16.6.0-nightly.20241017

package/dist/baloise-design-system/{p-b53b401a5a.entry.js → p-37c35b0ada.entry.js}

@@ -1 +1 @@
-import{h as a,r as i,c as t,H as e,g as n}from"./p-d7c752c6.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{L as s}from"./p-b77e3348.js";import{b}from"./p-a65354df.js";import{B as d}from"./p-c1852273.js";import{w as c,d as v}from"./p-88f18fbc.js";import{b as h}from"./p-18fd198d.js";import{d as m}from"./p-a19d1e1d.js";import{L as p}from"./p-3231863d.js";import{L as u}from"./p-4f93ac4c.js";import{L as g}from"./p-69e7c8d6.js";import{L as k}from"./p-2692caf4.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-941f70cf.js";class f{constructor(a,i){this.observer=i,this.clickable=!1,this.active=!1,this.data=void 0,this.label=a.label,this.id="nav-link-item-"+_++,this.value=a.value||this.id,this.href=a.href,this.target=a.target,this.active=!!a.active,this.clickable=!!a.clickable,this.data=a.data,this.onClick=i=>{this.observer.linkItemClickListener(this),a.onClick&&a.onClick(i)},this.onAccordionClick=i=>{this.observer.accordionClickListener(this),a.onAccordionClick&&a.onAccordionClick(i)}}get type(){return"NavLinkItem"}get isLink(){return null!=this.href&&""!==this.href}toJson(){return{label:this.label,value:this.value,href:this.href,target:this.target,data:this.data}}renderTouch(i){const t=o.block("nav");return a("li",null,a("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-links").class()),t.element("mobile-links").modifier("selected").class(this.active)),t.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label))}render(i){return a("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:a=>this.onClick(a)},this.label)}}let _=0;class x extends f{constructor(a,i){super(a,i),this.linkItems=[],this.htmlTitle=a.htmlTitle,this.label=a.label,this.href=a.href,this.target=a.target,this.id="nav-section-link-item-"+w++,this.value=a.value||this.id,this.linkItems=(a.linkItems||[]).map((a=>new f(a,i)))}get type(){return"NavSectionLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.linkItems&&this.linkItems.length>0;return a("li",null,a("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-section-item").class()),t.element("mobile-section-item").modifier("selected").class(this.active)),t.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-nav-link-group",{role:"list"},a("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let w=0;class y extends f{constructor(a,i){super(a,i),this.color="grey",this.linkItems=[],this.id="nav-service-link-item-"+j++,this.value=a.value||this.id,this.color=a.color||"grey",this.linkItems=(a.linkItems||[]).map((a=>new f(a,i)))}get type(){return"NavServiceLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.linkItems&&this.linkItems.length>0;return a("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("mobile-service-item").class()),t.element("mobile-service-item").modifier(`color-${this.color}`).class()),t.element("mobile-service-item").modifier("selected").class(this.active)),t.element("mobile-service-item").modifier("clickable").class(this.clickable))},a("a",{id:this.id,href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-nav-link-group",{color:this.color,role:"list"},a("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let j=0;const O=({id:i,label:t,level:e,open:n,link:l,href:r,target:s,onClick:b})=>{const d=o.block("nav");return l?a("a",{id:i,class:Object.assign({},d.element(`mobile-${e}-item`).class()),href:r,target:s,onClick:a=>b(a)},a("span",null,t)):a("button",{id:i,class:Object.assign({},d.element(`mobile-${e}-item`).class()),onClick:a=>b(a)},a("span",null,t),a("bal-icon",{name:"nav-go-down",size:"small",turn:n}))},z=({item:i,isMenu:t,onClick:e,isVisible:n})=>{const l=o.block("nav");return i?a("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!t)),l.element("mobile-overview-link").modifier("invisible").class(!1===n)),href:i.href,target:i.target,onClick:a=>e(a)},i.label," ",i.label?"➞":""):""};class L extends f{constructor(a,i){super(a,i),this.sectionLinkItems=[],this.serviceLinkItems=[],this.id="nav-menu-link-item-"+C++,this.value=a.value||this.id,this.sectionLinkItems=(a.sectionLinkItems||[]).map((a=>new x(a,i))),this.serviceLinkItems=(a.serviceLinkItems||[]).map((a=>new y(a,i))),this.overviewLink=a.overviewLink?new f(a.overviewLink,i):void 0}get type(){return"NavMenuLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.sectionLinkItems&&this.sectionLinkItems.length>0,n=this.serviceLinkItems&&this.serviceLinkItems.length>0,l=(null==i?void 0:i.activeMenuLinkValue)===this.value;return a("li",null,a(O,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:!e&&!n&&this.isLink,open:l,onClick:a=>this.onAccordionClick(a)}),a(z,{item:this.overviewLink,onClick:a=>this.onClick(a),isMenu:!0,isVisible:l}),e?a("ul",{class:Object.assign(Object.assign({},t.element("mobile-section-list").class()),t.element("mobile-section-list").modifier("invisible").class(!1===l))},this.sectionLinkItems.map((a=>a.renderTouch()))):"",n?a("ul",{class:Object.assign(Object.assign({},t.element("mobile-service-list").class()),t.element("mobile-service-list").modifier("invisible").class(!1===l))},this.serviceLinkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-tab-item",this.sectionLinkItems.length>0||this.serviceLinkItems.length>0||!this.isLink?{aria:{controls:i.flyoutId},label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{null==i||i.onClick(),this.onClick&&this.onClick(a.detail)}}:{aria:{controls:i.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":!0})}}let C=0;class M extends f{constructor(a,i){super(a,i),this.mainLinkItems=[],this.id="nav-meta-link-item-"+F++,this.value=a.value||this.id,this.mainLinkItems=(a.mainLinkItems||[]).map((a=>new L(a,i))),this.overviewLink=a.overviewLink?new f(a.overviewLink,i):void 0}get type(){return"NavMetaLinkItem"}renderTouch(i){const t=o.block("nav"),e=(null==i?void 0:i.activeMetaLinkValue)===this.value;return a("li",null,a(O,{id:this.id,level:"meta",label:this.label,open:e,link:!(this.mainLinkItems.length>0)&&this.isLink,href:this.href,target:this.target,onClick:a=>this.onAccordionClick(a)}),e?a(z,{item:this.overviewLink,onClick:a=>this.onClick(a)}):"",e?a("hr",{class:Object.assign(Object.assign({},t.element("line").class()),t.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?a("ul",{class:Object.assign({},t.element("mobile-menu-list").class())},this.mainLinkItems.map((a=>a.renderTouch({activeMetaLinkValue:i.activeMetaLinkValue,activeMenuLinkValue:i.activeMenuLinkValue})))):"",a("hr",{class:Object.assign({},t.element("line").class())}))}render(i){return a("bal-tab-item",this.isLink?{aria:{controls:i.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":!0}:{aria:{controls:i.flyoutId},label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{this.onClick&&this.onClick(a.detail)}})}}let F=0;class I extends f{constructor(a,i){super(a,i),this.touchPlacement="top",this.id="nav-meta-button-"+$++,this.touchPlacement=a.touchPlacement||"top",this.value=a.value||this.id,this.icon=a.icon,this.popoverId=a.popupId,this.ariaLabel=a.ariaLabel,this.htmlTitle=a.htmlTitle,this.href=a.href||"",this.target=a.target||"_self"}get type(){return"NavMetaButton"}get isLink(){return!!this.href}renderAtMetaBar(){return a("bal-button",this.isLink?{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:!0,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}}:{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},inverted:!0,"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)}renderAtTouchTopMetaBar(){if("top"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}}:{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:!1,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}renderAtTouchBottomMetaBar(){if("bottom"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"info",inverted:!1,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},href:this.href,target:this.target}:{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:!1,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}resetTouchBottomMetaBar(){if(b.hasDocument&&"bottom"===this.touchPlacement){const a=document.getElementById(this.value);a&&"drawer"===a.balPopupVariant&&(a.color="info")}}resetDesktopMetaBar(){if(b.hasDocument){const a=document.getElementById(this.value);a&&"popover"===a.balPopupVariant&&(a.color="info")}}}let $=0;const B={de:{open:"Menü öffnen",close:"Menü schliessen"},en:{open:"Open Menu",close:"Close Menu"},fr:{open:"Ouvrir le menu",close:"Fermer le menu"},it:{open:"Apri Menù",close:"Chiudi menù"},nl:{open:"Menu openen",close:"Menu sluiten"},es:{open:"Menú abierto",close:"Cerrar menú"},pl:{open:"Otwórz menu",close:"Zamknij menu"},pt:{open:"Menu aberto",close:"Fechar menu"},sv:{open:"Öppna menyn",close:"Stäng menyn"},fi:{open:"Avaa valikko",close:"Sulje valikko"}},A=class{constructor(a){i(this,a),this.balNavItemClick=t(this,"balNavItemClick",7),this.navId="bal-nav-"+T++,this.bodyScrollHandler=new d,this.hasRenderedWithFlyoutActive=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.linkItems=this.options.map((a=>new M(a,this)))},this.onMetaButtonChange=async()=>{this.metaButtons=this.buttons.map((a=>new I(a,this)))},this.onTouchToggleFlyout=()=>{this.closeAllPopups(),this.toggleFlyout(),b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isFlyoutActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()},this.onPopupOpen=a=>{this.isTouch&&b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),a.forEach((a=>{a.classList.contains("bal-nav__popup--desktop")?a.inverted=!1:(a.classList.contains("bal-nav__popup--touch-bottom")||a.classList.contains("bal-nav__popup--touch-top"))&&(a.color="primary")})),this.bodyScrollHandler.disable()},this.onPopupClose=a=>{this.isFlyoutActive||this.bodyScrollHandler.enable(),a.forEach((a=>{a.classList.contains("bal-nav__popup--desktop")?a.inverted=!0:a.classList.contains("bal-nav__popup--touch-bottom")?a.color="info":a.classList.contains("bal-nav__popup--touch-top")&&(a.color="light")}))},this.onMetaBarTabChange=a=>{if(a.detail!==this.activeMetaLinkValue){this.activeMetaLinkValue=a.detail;const i=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));i&&i.mainLinkItems.length>0&&(this.activeMenuLinkValue=i.mainLinkItems[0].value)}},this.onMenuBarTabChange=a=>{this.activeMenuLinkValue===a?this.toggleFlyout():this.openFlyout(),this.activeMenuLinkValue=a},this.isTouch=h.isTouch,this.isDesktop=h.isDesktop,this.language=m.language,this.region=m.region,this.isFlyoutActive=!1,this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.logo=void 0,this.options=[],this.linkItems=[],this.buttons=[],this.metaButtons=[]}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.updateTabs()}async buttonChanged(){this.onMetaButtonChange()}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){this.onOptionChange(),this.onMetaButtonChange(),this.updateTabs()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}listenToPopupChanges(a){const i=a.target;if(i&&"BAL-POPUP"===i.nodeName){const t=Array.from(this.el.querySelectorAll(`[bal-popup="${i.id}"]`));!0===a.detail?(this.onPopupOpen(t),t.some((a=>a.classList.contains("bal-nav__popup--touch-top")))&&this.closeFlyout()):this.onPopupClose(t)}}async clickOnOutside(a){var i,t,e,n,l;if(this.isDesktop&&this.hasRenderedWithFlyoutActive){const r=null===(t=null===(i=this.metaBarEl)||void 0===i?void 0:i.querySelector(".bal-nav-meta-bar__container"))||void 0===t?void 0:t.contains(a.target),o=null===(n=null===(e=this.menuBarEl)||void 0===e?void 0:e.querySelector(".bal-nav-menu-bar__container"))||void 0===n?void 0:n.contains(a.target);r||o||(this.closeFlyout(),(null===(l=this.menuBarEl)||void 0===l?void 0:l.querySelector(".bal-tabs")).closeAccordion())}}mutationListener(){this.onMetaButtonChange()}breakpointListener(a){this.isTouch!==a.touch&&(this.isTouch=a.touch,this.isDesktop=a.desktop,this.closeAllPopups(),this.closeFlyout()),this.isTouch&&this.updateTabs()}linkItemClickListener(a){a&&a.toJson&&this.balNavItemClick.emit(a.toJson())}accordionClickListener(a){this.isTouch&&a&&this.updateActiveItem(a)}async configChanged(a){this.language=a.language,this.region=a.region}get activeMenuLinkItems(){const a=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));return a?a.mainLinkItems:[]}get activeMenuLinkItem(){return this.activeMenuLinkItems.find((a=>a.value===this.activeMenuLinkValue))||void 0}toggleFlyout(){this.isFlyoutActive?this.closeFlyout():this.openFlyout()}closeFlyout(){this.isFlyoutActive=!1}openFlyout(){this.isFlyoutActive=!0}async updateActiveItem(a){"NavMetaLinkItem"===a.type&&(this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?void 0:a.value,this.activeMenuLinkValue=void 0),"NavMenuLinkItem"===a.type&&(this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?void 0:a.value),await c(this.el),await v();const i=this.el.querySelector(`#${a.id}`);i&&i.scrollIntoView({behavior:"smooth"})}updateTabs(){var a,i;const t=this.activeMetaLinkValue,e=(null===(a=this.linkItems.find((a=>a.active)))||void 0===a?void 0:a.value)||t;t!==e&&(this.activeMetaLinkValue=e);const n=this.activeMenuLinkValue,l=(null===(i=this.activeMenuLinkItems.find((a=>a.active)))||void 0===i?void 0:i.value)||n;n!==l&&(this.activeMenuLinkValue=l)}closeAllPopups(){Array.from(this.el.querySelectorAll("bal-popup")).forEach((a=>a.dismiss()))}render(){var i,t,n,l,r,s,b,d,c;const v=o.block("nav"),h=v.element("flyout");return this.hasRenderedWithFlyoutActive=this.isFlyoutActive,a(e,{id:this.navId,class:Object.assign({},v.class())},a("div",{class:{"bal-nav-meta-bar-transform":!0,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?a("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:a=>this.metaBarEl=a},a("bal-stack",{space:"auto"},this.linkItems.length>1?a("bal-tabs",{spaceless:!0,inverted:!0,context:"meta",value:this.activeMetaLinkValue,onBalChange:a=>this.onMetaBarTabChange(a)},this.linkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`})))):a("span",null),a("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtMetaBar()))))):"",this.isDesktop?a("bal-nav-menu-bar",{position:"fixed-top",ref:a=>this.menuBarEl=a},a("bal-stack",{space:"auto","space-row":"none","use-wrap":!0},this.renderLogo(),a("bal-tabs",{context:"navigation",accordion:!0,spaceless:!0,value:this.activeMenuLinkValue},null===(i=this.linkItems.find((a=>a.value===this.activeMetaLinkValue)))||void 0===i?void 0:i.mainLinkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`,onClick:()=>this.onMenuBarTabChange(a.value)}))))),this.isFlyoutActive?a("bal-nav-menu-flyout",{navId:this.navId},a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(n=null===(t=this.activeMenuLinkItem)||void 0===t?void 0:t.overviewLink)||void 0===n?void 0:n.href,target:null===(r=null===(l=this.activeMenuLinkItem)||void 0===l?void 0:l.overviewLink)||void 0===r?void 0:r.target,onClick:()=>{var a;return this.linkItemClickListener(null===(a=this.activeMenuLinkItem)||void 0===a?void 0:a.overviewLink)}},null===(b=null===(s=this.activeMenuLinkItem)||void 0===s?void 0:s.overviewLink)||void 0===b?void 0:b.label," ",(null===(c=null===(d=this.activeMenuLinkItem)||void 0===d?void 0:d.overviewLink)||void 0===c?void 0:c.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",a("div",null,a("slot",null))),this.isTouch?a("bal-nav-meta-bar",{variant:"white",size:"normal"},a("bal-stack",{space:"auto"},this.renderLogo(),a("bal-stack",{space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtTouchTopMetaBar())),a("bal-button",{square:!0,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?B[this.language].close:B[this.language].open,onClick:a=>this.onTouchToggleFlyout(a)})))):"",this.isTouch?a("div",{class:Object.assign(Object.assign({},h.class()),h.modifier("visible").class(this.isFlyoutActive))},a("nav",{class:Object.assign({},h.element("container").class())},a("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((a=>a.renderTouch({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue})))))):"",this.isTouch&&this.isFlyoutActive?a("bal-nav-meta-bar",{variant:"grey",size:"normal"},a("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((a=>a.renderAtTouchBottomMetaBar())))):"")}renderGridLinks(i){var t,e;return i?a("bal-nav-link-grid",null,a("bal-nav-link-grid-col",null,null===(t=i.sectionLinkItems)||void 0===t?void 0:t.map((a=>a.render()))),a("bal-nav-link-grid-col",{"static-col":!0},null===(e=i.serviceLinkItems)||void 0===e?void 0:e.map((a=>a.render())))):""}renderTouchMenuAccordions(i){return a("bal-list",{"accordion-one-level":!0,class:"pt-xxx-small pb-normal"},i.mainLinkItems.map((i=>{var t,e,n;return i.isLink?a("bal-list-item",{key:i.label,"sub-accordion-item":!0,href:i.href,target:i.target},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},i.label))):a("bal-list-item",{key:i.label,accordion:!0,"sub-accordion-item":!0},a("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":i.active},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},i.label))),a("bal-list-item-accordion-body",null,a("div",{style:{width:"100%"}},a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(t=i.overviewLink)||void 0===t?void 0:t.href,target:null===(e=i.overviewLink)||void 0===e?void 0:e.target,onClick:()=>this.linkItemClickListener(i.overviewLink)},null===(n=i.overviewLink)||void 0===n?void 0:n.label),a("div",{class:"pt-normal"},this.renderGridLinks(i)))))})))}renderLogo(){var i,t,e,n,l,r;const o=(null===(i=this.logo)||void 0===i?void 0:i.href)?"a":(null===(t=this.logo)||void 0===t?void 0:t.clickable)?"button":"div";return a(o,{class:"bal-nav__logo","aria-label":null===(e=this.logo)||void 0===e?void 0:e.ariaLabel,title:null===(n=this.logo)||void 0===n?void 0:n.htmlTitle,href:null===(l=this.logo)||void 0===l?void 0:l.href,target:null===(r=this.logo)||void 0===r?void 0:r.target,onClick:()=>{var a,i;return this.balNavItemClick.emit({value:"logo",label:"Logo",href:null===(a=this.logo)||void 0===a?void 0:a.href,target:null===(i=this.logo)||void 0===i?void 0:i.target})}},a("bal-logo",{animated:!0}))}get el(){return n(this)}static get watchers(){return{options:["optionChanged"],buttons:["buttonChanged"]}}};l([s("bal-nav"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],A.prototype,"createLogger",null),l([p({tags:["bal-popup"],waitAfterFramePrint:!0}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],A.prototype,"mutationListener",null),l([u(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],A.prototype,"breakpointListener",null),l([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],A.prototype,"configChanged",null);let T=0;A.style="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-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-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-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-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)}";const N=class{constructor(a){i(this,a),this.variant="",this.selected=!1,this.clickable=!1,this.href=void 0,this.target="_self"}createLogger(a){this.log=a}render(){const i=o.block("nav-link"),{href:t,target:n}=this,l=void 0!==t&&""!==t,r=""!==this.variant,s=l?"a":this.clickable?"button":"span";let b={};return l&&(b={href:t,target:n}),a(e,{class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.variant}`).class(r))},a(s,Object.assign({"data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},i.element("native").class()),i.element("native").modifier(`variant-${this.variant}`).class(r)),i.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},b),a("slot",null)))}};l([s("bal-nav-link"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],N.prototype,"createLogger",null),N.style="@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}";const q=class{constructor(a){i(this,a)}createLogger(a){this.log=a}render(){const i=o.block("nav-link-grid");return a(e,{class:Object.assign({},i.class())},a("slot",null))}};l([s("bal-nav-link-grid"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],q.prototype,"createLogger",null),q.style=".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}}";const P=class{constructor(a){i(this,a),this.staticCol=!1}createLogger(a){this.log=a}render(){const i=o.block("nav-link-grid-col"),t=i.element("inner");return a(e,{class:Object.assign(Object.assign({},i.class()),i.modifier("is-static").class(this.staticCol))},a("div",{class:Object.assign({},t.class())},a("slot",null)))}};l([s("bal-nav-link-grid-col"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],P.prototype,"createLogger",null),P.style=".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)}}";const S=class{constructor(a){i(this,a),this.color=""}createLogger(a){this.log=a}render(){const i=o.block("nav-link-group"),t=""!==this.color;return a(e,{class:Object.assign(Object.assign({},i.class()),i.modifier(`is-${this.color}`).class(t))},a("slot",null))}};l([s("bal-nav-link-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],S.prototype,"createLogger",null),S.style=":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)}";const V=class{constructor(a){i(this,a),this.navMenuBarId="bal-nav-menu-bar-"+Y++,this.isHidden=!1,this.invisible="none",this.position="none"}createLogger(a){this.log=a}get flyoutElement(){return this.el.querySelector("bal-nav-menu-flyout")}render(){const i=o.block("nav-menu-bar"),t=i.element("inner");return a(e,{id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("hidden-mobile").class("mobile"===this.invisible)),i.modifier("hidden-tablet").class("tablet"===this.invisible)),i.modifier(`position-${this.position}`).class("none"!==this.position))},a("div",{class:Object.assign({},t.class())},a("div",{class:Object.assign({},i.element("container").class())},a("slot",null))))}get el(){return n(this)}};l([s("bal-nav-menu-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],V.prototype,"createLogger",null);let Y=0;V.style=':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}';const D=class{constructor(a){i(this,a),this.bodyScrollHandler=new d,this.isHidden=!1,this.navId="bal-nav-x"+E++}createLogger(a){this.log=a}connectedCallback(){this.bodyScrollHandler.connect()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}resizeListener(){this.isFlyoutScrollable()?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()}isFlyoutScrollable(){var a,i;return(null===(a=this.el)||void 0===a?void 0:a.scrollHeight)>(null===(i=this.el)||void 0===i?void 0:i.clientHeight)}render(){const i=o.block("nav-menu-flyout"),t=i.element("line");return a(e,{id:`${this.navId}-menu-flyout`,class:Object.assign({},i.class())},a("div",{class:Object.assign({},t.class())}),a("div",{class:Object.assign({},i.element("container").class())},a("slot",null)))}get el(){return n(this)}};l([s("bal-nav-menu-flyout"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],D.prototype,"createLogger",null),l([k(),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],D.prototype,"resizeListener",null);let E=0;D.style=":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)}}";const G=class{constructor(a){i(this,a),this.navMetaBarId="bal-nav-meta-bar-"+H++,this.previousY=0,this.isHidden=!1,this.variant="primary",this.size="normal",this.invisible="none",this.position="none"}createLogger(a){this.log=a}handleScroll(){if(b.hasWindow&&b.hasDocument&&"sticky-top"===this.position){const a=document.body.scrollHeight-document.body.clientHeight,i=0>=window.scrollY,t=0>window.scrollY,e=a<=window.scrollY,n=window.scrollY>this.previousY;this.isHidden=!i&&(n||e||t),this.previousY=window.scrollY;const l=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(l.length>0)for(let a=0;a<l.length;a++){const i=l[a];this.isHidden?"small"===this.size?(i.classList.remove("bal-nav-meta-bar-transform-normal"),i.classList.add("bal-nav-meta-bar-transform-small")):(i.classList.remove("bal-nav-meta-bar-transform-small"),i.classList.add("bal-nav-meta-bar-transform-normal")):(i.classList.remove("bal-nav-meta-bar-transform-small"),i.classList.remove("bal-nav-meta-bar-transform-normal"))}}}render(){const i=o.block("nav-meta-bar");return a(e,{id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.variant}`).class()),i.modifier(`size-${this.size}`).class()),i.modifier(`position-${this.position}`).class("none"!==this.position)),i.modifier("hidden-mobile").class("mobile"===this.invisible)),i.modifier("hidden-tablet").class("tablet"===this.invisible))},a("div",{class:Object.assign({},i.element("container").class())},a("slot",null)))}get el(){return n(this)}};l([s("bal-meta-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],G.prototype,"createLogger",null);let H=0;G.style=":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;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}.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)}";export{A as bal_nav,N as bal_nav_link,q as bal_nav_link_grid,P as bal_nav_link_grid_col,S as bal_nav_link_group,V as bal_nav_menu_bar,D as bal_nav_menu_flyout,G as bal_nav_meta_bar}
+import{h as a,r as i,c as t,H as e,g as n}from"./p-d7c752c6.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{L as s}from"./p-b77e3348.js";import{b}from"./p-a65354df.js";import{B as d}from"./p-c1852273.js";import{w as c,d as v}from"./p-88f18fbc.js";import{b as h}from"./p-71ddeab5.js";import{d as m}from"./p-a19d1e1d.js";import{L as p}from"./p-3231863d.js";import{L as u}from"./p-2051115e.js";import{L as g}from"./p-69e7c8d6.js";import{L as k}from"./p-2692caf4.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-1cc698ed.js";class f{constructor(a,i){this.observer=i,this.clickable=!1,this.active=!1,this.data=void 0,this.label=a.label,this.id="nav-link-item-"+_++,this.value=a.value||this.id,this.href=a.href,this.target=a.target,this.active=!!a.active,this.clickable=!!a.clickable,this.data=a.data,this.onClick=i=>{this.observer.linkItemClickListener(this),a.onClick&&a.onClick(i)},this.onAccordionClick=i=>{this.observer.accordionClickListener(this),a.onAccordionClick&&a.onAccordionClick(i)}}get type(){return"NavLinkItem"}get isLink(){return null!=this.href&&""!==this.href}toJson(){return{label:this.label,value:this.value,href:this.href,target:this.target,data:this.data}}renderTouch(i){const t=o.block("nav");return a("li",null,a("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-links").class()),t.element("mobile-links").modifier("selected").class(this.active)),t.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label))}render(i){return a("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:a=>this.onClick(a)},this.label)}}let _=0;class x extends f{constructor(a,i){super(a,i),this.linkItems=[],this.htmlTitle=a.htmlTitle,this.label=a.label,this.href=a.href,this.target=a.target,this.id="nav-section-link-item-"+w++,this.value=a.value||this.id,this.linkItems=(a.linkItems||[]).map((a=>new f(a,i)))}get type(){return"NavSectionLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.linkItems&&this.linkItems.length>0;return a("li",null,a("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-section-item").class()),t.element("mobile-section-item").modifier("selected").class(this.active)),t.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-nav-link-group",{role:"list"},a("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let w=0;class y extends f{constructor(a,i){super(a,i),this.color="grey",this.linkItems=[],this.id="nav-service-link-item-"+j++,this.value=a.value||this.id,this.color=a.color||"grey",this.linkItems=(a.linkItems||[]).map((a=>new f(a,i)))}get type(){return"NavServiceLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.linkItems&&this.linkItems.length>0;return a("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("mobile-service-item").class()),t.element("mobile-service-item").modifier(`color-${this.color}`).class()),t.element("mobile-service-item").modifier("selected").class(this.active)),t.element("mobile-service-item").modifier("clickable").class(this.clickable))},a("a",{id:this.id,href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-nav-link-group",{color:this.color,role:"list"},a("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let j=0;const O=({id:i,label:t,level:e,open:n,link:l,href:r,target:s,onClick:b})=>{const d=o.block("nav");return l?a("a",{id:i,class:Object.assign({},d.element(`mobile-${e}-item`).class()),href:r,target:s,onClick:a=>b(a)},a("span",null,t)):a("button",{id:i,class:Object.assign({},d.element(`mobile-${e}-item`).class()),onClick:a=>b(a)},a("span",null,t),a("bal-icon",{name:"nav-go-down",size:"small",turn:n}))},z=({item:i,isMenu:t,onClick:e,isVisible:n})=>{const l=o.block("nav");return i?a("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!t)),l.element("mobile-overview-link").modifier("invisible").class(!1===n)),href:i.href,target:i.target,onClick:a=>e(a)},i.label," ",i.label?"➞":""):""};class L extends f{constructor(a,i){super(a,i),this.sectionLinkItems=[],this.serviceLinkItems=[],this.id="nav-menu-link-item-"+C++,this.value=a.value||this.id,this.sectionLinkItems=(a.sectionLinkItems||[]).map((a=>new x(a,i))),this.serviceLinkItems=(a.serviceLinkItems||[]).map((a=>new y(a,i))),this.overviewLink=a.overviewLink?new f(a.overviewLink,i):void 0}get type(){return"NavMenuLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.sectionLinkItems&&this.sectionLinkItems.length>0,n=this.serviceLinkItems&&this.serviceLinkItems.length>0,l=(null==i?void 0:i.activeMenuLinkValue)===this.value;return a("li",null,a(O,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:!e&&!n&&this.isLink,open:l,onClick:a=>this.onAccordionClick(a)}),a(z,{item:this.overviewLink,onClick:a=>this.onClick(a),isMenu:!0,isVisible:l}),e?a("ul",{class:Object.assign(Object.assign({},t.element("mobile-section-list").class()),t.element("mobile-section-list").modifier("invisible").class(!1===l))},this.sectionLinkItems.map((a=>a.renderTouch()))):"",n?a("ul",{class:Object.assign(Object.assign({},t.element("mobile-service-list").class()),t.element("mobile-service-list").modifier("invisible").class(!1===l))},this.serviceLinkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-tab-item",this.sectionLinkItems.length>0||this.serviceLinkItems.length>0||!this.isLink?{aria:{controls:i.flyoutId},label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{null==i||i.onClick(),this.onClick&&this.onClick(a.detail)}}:{aria:{controls:i.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":!0})}}let C=0;class M extends f{constructor(a,i){super(a,i),this.mainLinkItems=[],this.id="nav-meta-link-item-"+F++,this.value=a.value||this.id,this.mainLinkItems=(a.mainLinkItems||[]).map((a=>new L(a,i))),this.overviewLink=a.overviewLink?new f(a.overviewLink,i):void 0}get type(){return"NavMetaLinkItem"}renderTouch(i){const t=o.block("nav"),e=(null==i?void 0:i.activeMetaLinkValue)===this.value;return a("li",null,a(O,{id:this.id,level:"meta",label:this.label,open:e,link:!(this.mainLinkItems.length>0)&&this.isLink,href:this.href,target:this.target,onClick:a=>this.onAccordionClick(a)}),e?a(z,{item:this.overviewLink,onClick:a=>this.onClick(a)}):"",e?a("hr",{class:Object.assign(Object.assign({},t.element("line").class()),t.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?a("ul",{class:Object.assign({},t.element("mobile-menu-list").class())},this.mainLinkItems.map((a=>a.renderTouch({activeMetaLinkValue:i.activeMetaLinkValue,activeMenuLinkValue:i.activeMenuLinkValue})))):"",a("hr",{class:Object.assign({},t.element("line").class())}))}render(i){return a("bal-tab-item",this.isLink?{aria:{controls:i.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":!0}:{aria:{controls:i.flyoutId},label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{this.onClick&&this.onClick(a.detail)}})}}let F=0;class I extends f{constructor(a,i){super(a,i),this.touchPlacement="top",this.id="nav-meta-button-"+$++,this.touchPlacement=a.touchPlacement||"top",this.value=a.value||this.id,this.icon=a.icon,this.popoverId=a.popupId,this.ariaLabel=a.ariaLabel,this.htmlTitle=a.htmlTitle,this.href=a.href||"",this.target=a.target||"_self"}get type(){return"NavMetaButton"}get isLink(){return!!this.href}renderAtMetaBar(){return a("bal-button",this.isLink?{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:!0,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}}:{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},inverted:!0,"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)}renderAtTouchTopMetaBar(){if("top"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}}:{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:!1,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}renderAtTouchBottomMetaBar(){if("bottom"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"info",inverted:!1,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},href:this.href,target:this.target}:{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:!1,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}resetTouchBottomMetaBar(){if(b.hasDocument&&"bottom"===this.touchPlacement){const a=document.getElementById(this.value);a&&"drawer"===a.balPopupVariant&&(a.color="info")}}resetDesktopMetaBar(){if(b.hasDocument){const a=document.getElementById(this.value);a&&"popover"===a.balPopupVariant&&(a.color="info")}}}let $=0;const B={de:{open:"Menü öffnen",close:"Menü schliessen"},en:{open:"Open Menu",close:"Close Menu"},fr:{open:"Ouvrir le menu",close:"Fermer le menu"},it:{open:"Apri Menù",close:"Chiudi menù"},nl:{open:"Menu openen",close:"Menu sluiten"},es:{open:"Menú abierto",close:"Cerrar menú"},pl:{open:"Otwórz menu",close:"Zamknij menu"},pt:{open:"Menu aberto",close:"Fechar menu"},sv:{open:"Öppna menyn",close:"Stäng menyn"},fi:{open:"Avaa valikko",close:"Sulje valikko"}},A=class{constructor(a){i(this,a),this.balNavItemClick=t(this,"balNavItemClick",7),this.navId="bal-nav-"+T++,this.bodyScrollHandler=new d,this.hasRenderedWithFlyoutActive=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.linkItems=this.options.map((a=>new M(a,this)))},this.onMetaButtonChange=async()=>{this.metaButtons=this.buttons.map((a=>new I(a,this)))},this.onTouchToggleFlyout=()=>{this.closeAllPopups(),this.toggleFlyout(),b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isFlyoutActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()},this.onPopupOpen=a=>{this.isTouch&&b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),a.forEach((a=>{a.classList.contains("bal-nav__popup--desktop")?a.inverted=!1:(a.classList.contains("bal-nav__popup--touch-bottom")||a.classList.contains("bal-nav__popup--touch-top"))&&(a.color="primary")})),this.bodyScrollHandler.disable()},this.onPopupClose=a=>{this.isFlyoutActive||this.bodyScrollHandler.enable(),a.forEach((a=>{a.classList.contains("bal-nav__popup--desktop")?a.inverted=!0:a.classList.contains("bal-nav__popup--touch-bottom")?a.color="info":a.classList.contains("bal-nav__popup--touch-top")&&(a.color="light")}))},this.onMetaBarTabChange=a=>{if(a.detail!==this.activeMetaLinkValue){this.activeMetaLinkValue=a.detail;const i=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));i&&i.mainLinkItems.length>0&&(this.activeMenuLinkValue=i.mainLinkItems[0].value)}},this.onMenuBarTabChange=a=>{this.activeMenuLinkValue===a?this.toggleFlyout():this.openFlyout(),this.activeMenuLinkValue=a},this.isTouch=h.isTouch,this.isDesktop=h.isDesktop,this.language=m.language,this.region=m.region,this.isFlyoutActive=!1,this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.logo=void 0,this.options=[],this.linkItems=[],this.buttons=[],this.metaButtons=[]}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.updateTabs()}async buttonChanged(){this.onMetaButtonChange()}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){this.onOptionChange(),this.onMetaButtonChange(),this.updateTabs()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}listenToPopupChanges(a){const i=a.target;if(i&&"BAL-POPUP"===i.nodeName){const t=Array.from(this.el.querySelectorAll(`[bal-popup="${i.id}"]`));!0===a.detail?(this.onPopupOpen(t),t.some((a=>a.classList.contains("bal-nav__popup--touch-top")))&&this.closeFlyout()):this.onPopupClose(t)}}async clickOnOutside(a){var i,t,e,n,l;if(this.isDesktop&&this.hasRenderedWithFlyoutActive){const r=null===(t=null===(i=this.metaBarEl)||void 0===i?void 0:i.querySelector(".bal-nav-meta-bar__container"))||void 0===t?void 0:t.contains(a.target),o=null===(n=null===(e=this.menuBarEl)||void 0===e?void 0:e.querySelector(".bal-nav-menu-bar__container"))||void 0===n?void 0:n.contains(a.target);r||o||(this.closeFlyout(),(null===(l=this.menuBarEl)||void 0===l?void 0:l.querySelector(".bal-tabs")).closeAccordion())}}mutationListener(){this.onMetaButtonChange()}breakpointListener(a){this.isTouch!==a.touch&&(this.isTouch=a.touch,this.isDesktop=a.desktop,this.closeAllPopups(),this.closeFlyout()),this.isTouch&&this.updateTabs()}linkItemClickListener(a){a&&a.toJson&&this.balNavItemClick.emit(a.toJson())}accordionClickListener(a){this.isTouch&&a&&this.updateActiveItem(a)}async configChanged(a){this.language=a.language,this.region=a.region}get activeMenuLinkItems(){const a=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));return a?a.mainLinkItems:[]}get activeMenuLinkItem(){return this.activeMenuLinkItems.find((a=>a.value===this.activeMenuLinkValue))||void 0}toggleFlyout(){this.isFlyoutActive?this.closeFlyout():this.openFlyout()}closeFlyout(){this.isFlyoutActive=!1}openFlyout(){this.isFlyoutActive=!0}async updateActiveItem(a){"NavMetaLinkItem"===a.type&&(this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?void 0:a.value,this.activeMenuLinkValue=void 0),"NavMenuLinkItem"===a.type&&(this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?void 0:a.value),await c(this.el),await v();const i=this.el.querySelector(`#${a.id}`);i&&i.scrollIntoView({behavior:"smooth"})}updateTabs(){var a,i;const t=this.activeMetaLinkValue,e=(null===(a=this.linkItems.find((a=>a.active)))||void 0===a?void 0:a.value)||t;t!==e&&(this.activeMetaLinkValue=e);const n=this.activeMenuLinkValue,l=(null===(i=this.activeMenuLinkItems.find((a=>a.active)))||void 0===i?void 0:i.value)||n;n!==l&&(this.activeMenuLinkValue=l)}closeAllPopups(){Array.from(this.el.querySelectorAll("bal-popup")).forEach((a=>a.dismiss()))}render(){var i,t,n,l,r,s,b,d,c;const v=o.block("nav"),h=v.element("flyout");return this.hasRenderedWithFlyoutActive=this.isFlyoutActive,a(e,{id:this.navId,class:Object.assign({},v.class())},a("div",{class:{"bal-nav-meta-bar-transform":!0,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?a("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:a=>this.metaBarEl=a},a("bal-stack",{space:"auto"},this.linkItems.length>1?a("bal-tabs",{spaceless:!0,inverted:!0,context:"meta",value:this.activeMetaLinkValue,onBalChange:a=>this.onMetaBarTabChange(a)},this.linkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`})))):a("span",null),a("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtMetaBar()))))):"",this.isDesktop?a("bal-nav-menu-bar",{position:"fixed-top",ref:a=>this.menuBarEl=a},a("bal-stack",{space:"auto","space-row":"none","use-wrap":!0},this.renderLogo(),a("bal-tabs",{context:"navigation",accordion:!0,spaceless:!0,value:this.activeMenuLinkValue},null===(i=this.linkItems.find((a=>a.value===this.activeMetaLinkValue)))||void 0===i?void 0:i.mainLinkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`,onClick:()=>this.onMenuBarTabChange(a.value)}))))),this.isFlyoutActive?a("bal-nav-menu-flyout",{navId:this.navId},a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(n=null===(t=this.activeMenuLinkItem)||void 0===t?void 0:t.overviewLink)||void 0===n?void 0:n.href,target:null===(r=null===(l=this.activeMenuLinkItem)||void 0===l?void 0:l.overviewLink)||void 0===r?void 0:r.target,onClick:()=>{var a;return this.linkItemClickListener(null===(a=this.activeMenuLinkItem)||void 0===a?void 0:a.overviewLink)}},null===(b=null===(s=this.activeMenuLinkItem)||void 0===s?void 0:s.overviewLink)||void 0===b?void 0:b.label," ",(null===(c=null===(d=this.activeMenuLinkItem)||void 0===d?void 0:d.overviewLink)||void 0===c?void 0:c.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",a("div",null,a("slot",null))),this.isTouch?a("bal-nav-meta-bar",{variant:"white",size:"normal"},a("bal-stack",{space:"auto"},this.renderLogo(),a("bal-stack",{space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtTouchTopMetaBar())),a("bal-button",{square:!0,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?B[this.language].close:B[this.language].open,onClick:a=>this.onTouchToggleFlyout(a)})))):"",this.isTouch?a("div",{class:Object.assign(Object.assign({},h.class()),h.modifier("visible").class(this.isFlyoutActive))},a("nav",{class:Object.assign({},h.element("container").class())},a("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((a=>a.renderTouch({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue})))))):"",this.isTouch&&this.isFlyoutActive?a("bal-nav-meta-bar",{variant:"grey",size:"normal"},a("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((a=>a.renderAtTouchBottomMetaBar())))):"")}renderGridLinks(i){var t,e;return i?a("bal-nav-link-grid",null,a("bal-nav-link-grid-col",null,null===(t=i.sectionLinkItems)||void 0===t?void 0:t.map((a=>a.render()))),a("bal-nav-link-grid-col",{"static-col":!0},null===(e=i.serviceLinkItems)||void 0===e?void 0:e.map((a=>a.render())))):""}renderTouchMenuAccordions(i){return a("bal-list",{"accordion-one-level":!0,class:"pt-xxx-small pb-normal"},i.mainLinkItems.map((i=>{var t,e,n;return i.isLink?a("bal-list-item",{key:i.label,"sub-accordion-item":!0,href:i.href,target:i.target},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},i.label))):a("bal-list-item",{key:i.label,accordion:!0,"sub-accordion-item":!0},a("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":i.active},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},i.label))),a("bal-list-item-accordion-body",null,a("div",{style:{width:"100%"}},a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(t=i.overviewLink)||void 0===t?void 0:t.href,target:null===(e=i.overviewLink)||void 0===e?void 0:e.target,onClick:()=>this.linkItemClickListener(i.overviewLink)},null===(n=i.overviewLink)||void 0===n?void 0:n.label),a("div",{class:"pt-normal"},this.renderGridLinks(i)))))})))}renderLogo(){var i,t,e,n,l,r;const o=(null===(i=this.logo)||void 0===i?void 0:i.href)?"a":(null===(t=this.logo)||void 0===t?void 0:t.clickable)?"button":"div";return a(o,{class:"bal-nav__logo","aria-label":null===(e=this.logo)||void 0===e?void 0:e.ariaLabel,title:null===(n=this.logo)||void 0===n?void 0:n.htmlTitle,href:null===(l=this.logo)||void 0===l?void 0:l.href,target:null===(r=this.logo)||void 0===r?void 0:r.target,onClick:()=>{var a,i;return this.balNavItemClick.emit({value:"logo",label:"Logo",href:null===(a=this.logo)||void 0===a?void 0:a.href,target:null===(i=this.logo)||void 0===i?void 0:i.target})}},a("bal-logo",{animated:!0}))}get el(){return n(this)}static get watchers(){return{options:["optionChanged"],buttons:["buttonChanged"]}}};l([s("bal-nav"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],A.prototype,"createLogger",null),l([p({tags:["bal-popup"],waitAfterFramePrint:!0}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],A.prototype,"mutationListener",null),l([u(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],A.prototype,"breakpointListener",null),l([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],A.prototype,"configChanged",null);let T=0;A.style="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-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-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-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-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)}";const N=class{constructor(a){i(this,a),this.variant="",this.selected=!1,this.clickable=!1,this.href=void 0,this.target="_self"}createLogger(a){this.log=a}render(){const i=o.block("nav-link"),{href:t,target:n}=this,l=void 0!==t&&""!==t,r=""!==this.variant,s=l?"a":this.clickable?"button":"span";let b={};return l&&(b={href:t,target:n}),a(e,{class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.variant}`).class(r))},a(s,Object.assign({"data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},i.element("native").class()),i.element("native").modifier(`variant-${this.variant}`).class(r)),i.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},b),a("slot",null)))}};l([s("bal-nav-link"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],N.prototype,"createLogger",null),N.style="@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}";const q=class{constructor(a){i(this,a)}createLogger(a){this.log=a}render(){const i=o.block("nav-link-grid");return a(e,{class:Object.assign({},i.class())},a("slot",null))}};l([s("bal-nav-link-grid"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],q.prototype,"createLogger",null),q.style=".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}}";const P=class{constructor(a){i(this,a),this.staticCol=!1}createLogger(a){this.log=a}render(){const i=o.block("nav-link-grid-col"),t=i.element("inner");return a(e,{class:Object.assign(Object.assign({},i.class()),i.modifier("is-static").class(this.staticCol))},a("div",{class:Object.assign({},t.class())},a("slot",null)))}};l([s("bal-nav-link-grid-col"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],P.prototype,"createLogger",null),P.style=".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)}}";const S=class{constructor(a){i(this,a),this.color=""}createLogger(a){this.log=a}render(){const i=o.block("nav-link-group"),t=""!==this.color;return a(e,{class:Object.assign(Object.assign({},i.class()),i.modifier(`is-${this.color}`).class(t))},a("slot",null))}};l([s("bal-nav-link-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],S.prototype,"createLogger",null),S.style=":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)}";const V=class{constructor(a){i(this,a),this.navMenuBarId="bal-nav-menu-bar-"+Y++,this.isHidden=!1,this.invisible="none",this.position="none"}createLogger(a){this.log=a}get flyoutElement(){return this.el.querySelector("bal-nav-menu-flyout")}render(){const i=o.block("nav-menu-bar"),t=i.element("inner");return a(e,{id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("hidden-mobile").class("mobile"===this.invisible)),i.modifier("hidden-tablet").class("tablet"===this.invisible)),i.modifier(`position-${this.position}`).class("none"!==this.position))},a("div",{class:Object.assign({},t.class())},a("div",{class:Object.assign({},i.element("container").class())},a("slot",null))))}get el(){return n(this)}};l([s("bal-nav-menu-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],V.prototype,"createLogger",null);let Y=0;V.style=':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}';const D=class{constructor(a){i(this,a),this.bodyScrollHandler=new d,this.isHidden=!1,this.navId="bal-nav-x"+E++}createLogger(a){this.log=a}connectedCallback(){this.bodyScrollHandler.connect()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}resizeListener(){this.isFlyoutScrollable()?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()}isFlyoutScrollable(){var a,i;return(null===(a=this.el)||void 0===a?void 0:a.scrollHeight)>(null===(i=this.el)||void 0===i?void 0:i.clientHeight)}render(){const i=o.block("nav-menu-flyout"),t=i.element("line");return a(e,{id:`${this.navId}-menu-flyout`,class:Object.assign({},i.class())},a("div",{class:Object.assign({},t.class())}),a("div",{class:Object.assign({},i.element("container").class())},a("slot",null)))}get el(){return n(this)}};l([s("bal-nav-menu-flyout"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],D.prototype,"createLogger",null),l([k(),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],D.prototype,"resizeListener",null);let E=0;D.style=":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)}}";const G=class{constructor(a){i(this,a),this.navMetaBarId="bal-nav-meta-bar-"+H++,this.previousY=0,this.isHidden=!1,this.variant="primary",this.size="normal",this.invisible="none",this.position="none"}createLogger(a){this.log=a}handleScroll(){if(b.hasWindow&&b.hasDocument&&"sticky-top"===this.position){const a=document.body.scrollHeight-document.body.clientHeight,i=0>=window.scrollY,t=0>window.scrollY,e=a<=window.scrollY,n=window.scrollY>this.previousY;this.isHidden=!i&&(n||e||t),this.previousY=window.scrollY;const l=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(l.length>0)for(let a=0;a<l.length;a++){const i=l[a];this.isHidden?"small"===this.size?(i.classList.remove("bal-nav-meta-bar-transform-normal"),i.classList.add("bal-nav-meta-bar-transform-small")):(i.classList.remove("bal-nav-meta-bar-transform-small"),i.classList.add("bal-nav-meta-bar-transform-normal")):(i.classList.remove("bal-nav-meta-bar-transform-small"),i.classList.remove("bal-nav-meta-bar-transform-normal"))}}}render(){const i=o.block("nav-meta-bar");return a(e,{id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.variant}`).class()),i.modifier(`size-${this.size}`).class()),i.modifier(`position-${this.position}`).class("none"!==this.position)),i.modifier("hidden-mobile").class("mobile"===this.invisible)),i.modifier("hidden-tablet").class("tablet"===this.invisible))},a("div",{class:Object.assign({},i.element("container").class())},a("slot",null)))}get el(){return n(this)}};l([s("bal-meta-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],G.prototype,"createLogger",null);let H=0;G.style=":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;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}.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)}";export{A as bal_nav,N as bal_nav_link,q as bal_nav_link_grid,P as bal_nav_link_grid_col,S as bal_nav_link_group,V as bal_nav_menu_bar,D as bal_nav_menu_flyout,G as bal_nav_meta_bar}

package/dist/baloise-design-system/{p-4d6b2b921e.system.entry.js → p-3fe5981511.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function o(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-5c0b0099.system.js","./p-7957c3c0.system.js","./p-b52ad8d5.system.js","./p-8954495d.system.js","./p-6e5745c8.system.js","./p-014286df.system.js","./p-0159015a.system.js","./p-54e7b850.system.js","./p-8949aa8b.system.js","./p-a1f6e944.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js","./p-9b9660ff.system.js","./p-ec9a7cf5.system.js","./p-29937768.system.js"],(function(e){"use strict";var t,i,n,a,r,s,o,l,c,b,m,d,u,g,h,f,v,p,_,x,k,y,w,j,O,z,F;return{setters:[function(e){t=e.r;i=e.c;n=e.w;a=e.h;r=e.H;s=e.g},function(e){o=e._;l=e.a},function(e){c=e.B},function(e){b=e.L},function(e){m=e.e;d=e.s;u=e.y;g=e.q;h=e.z;f=e.A;v=e.B},function(e){p=e.s},function(e){_=e.F},function(e){x=e.l;k=e.j;y=e.r},function(e){w=e.d},function(e){j=e.L},function(e){O=e.L},function(e){z=e.L},function(e){F=e.i},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var S=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var L=S;var A=e("bal_segment",function(){function e(e){var n=this;t(this,e);this.balFocus=i(this,"balFocus",7);this.balBlur=i(this,"balBlur",7);this.balChange=i(this,"balChange",7);this.balSelect=i(this,"balSelect",7);this.balVertical=i(this,"balVertical",7);this.hasFocus=false;this.getSegmentItem=function(e){var t,i;var a=n.allItems.filter((function(e){return!e.disabled}));var r=a.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return a[r];case"first":return a[0];case"last":return a[a.length-1];case"next":return(t=a[r+1])!==null&&t!==void 0?t:a[0];case"previous":return(i=a[r-1])!==null&&i!==void 0?i:a[a.length-1];default:return null}};this.onPointerDown=function(){n.keyboardMode=false};this.onSlottedItemsChange=function(){n.valueChanged(n.value);n.defineWidth()};this.onClick=function(e){if(n.disabled){return}var t=e.target;var i=n.checked;if(t.tagName==="BAL-SEGMENT"){return}if(t&&t.setFocus){t.setFocus()}if(i){n.checkButton(i,t)}else{n.setCheckedClasses();n.checkButton(t,t)}if(t!==i){n.emitValueChange()}};this.focusedValue=undefined;this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=w;this.invalid=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e)};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged()};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=_.includes(e.key);var t;if(m(e)){p(e);t=this.getSegmentItem("current");this.value=t.value}else if(d(e)||u(e)){p(e);t=this.getSegmentItem("previous")}else if(g(e)||h(e)){p(e);t=this.getSegmentItem("next")}else if(f(e)){p(e);t=this.getSegmentItem("first")}else if(v(e)){p(e);t=this.getSegmentItem("last")}if(!t){return}var i=this.checked;if(t!==i){this.checkButton(i,t);this.emitValueChange()}if(t){t.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;x((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var r=i.getBoundingClientRect();var s=a.getBoundingClientRect();var o=r.width/s.width;var l=r.left-s.left;var c="translate3d(".concat(l,"px, 0, 0) scaleX(").concat(o,")");if(this.isVertical){var b=r.height/s.height;var m=r.top-s.top;c="translate3d(0, ".concat(m,"px, 0) scaleY(").concat(b,")")}n((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",c);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var n=i+1;var a=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(n<t.length){t[n].classList.add("bal-segment-item--after-checked")}if(a<t.length&&a>=0){t[a].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,n=e.scrollable,s=e.keyboardMode,o=e.expanded,l=e.isMobile,b=e.disabled;var m=c.block("segment");return a(r,{role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("invalid").class(t)),m.modifier("vertical").class(i)),m.modifier("scrollable").class(n)),m.modifier("keyboard").class(s)),m.modifier("disabled").class(b)),m.modifier("expanded").class((o||l)&&!i)),onClick:this.onClick},a("slot",{onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());o([b("bal-segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],A.prototype,"createLogger",null);o([j(),l("design:type",Function),l("design:paramtypes",[FocusEvent]),l("design:returntype",void 0)],A.prototype,"focusInListener",null);o([j(),l("design:type",Function),l("design:paramtypes",[FocusEvent]),l("design:returntype",void 0)],A.prototype,"focusOutListener",null);o([z(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],A.prototype,"breakpointListener",null);o([O(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],A.prototype,"windowResizeListener",null);A.style=L;var C=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var E=C;var X=0;var I=e("bal_segment_item",function(){function e(e){var i=this;t(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=X++;this.inputId="bal-si-".concat(this.internalId);this.updateVertical=function(e){i.isVertical=e.detail};this.updateState=function(){var e=i.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var t=i.allAvailableOptions;if(t.length>0){var n=t[0];i.isFocusable=n===i.el}}else{i.checked=e.value===i.value;i.isFocusable=e.value===i.value}if(e.disabled){i.disabled=true}i.isLast=e.lastElementChild===i.el;i.isFirst=e.firstElementChild===i.el;i.calculateEmptyValue()}};this.onSlottedItemsChange=function(){i.checkSlotContent()};this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=w;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){k(t,"balSelect",this.updateState);k(t,"balVertical",this.updateVertical)}x((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){y(e,"balSelect",this.updateState);y(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,n=t.focused,s=t.segmentEl,o=t.label,l=t.isFocusable,b=t.isFirst,m=t.hasEmptyValue;var d=c.block("segment-item");var u=d.element("button");var g=d.element("indicator");var h=this.invalid||s&&s.invalid;var f=this.disabled||s&&s.disabled;var v=this.isVertical;var p=m&&b||l&&!f;var _=p&&this.ariaForm.controlId||this.inputId;var x={};if(p){x={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return a(r,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("vertical").class(v)),d.modifier("disabled").class(f)),d.modifier("checked").class(i)),d.modifier("invalid").class(h)),d.modifier("last").class(this.isLast&&!i))},a("button",Object.assign({id:_,role:"radio","aria-checked":i?"true":"false"},x,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("checked").class(i)),u.modifier("invalid").class(h)),u.modifier("disabled").class(f)),u.modifier("focused").class(n)),u.modifier("vertical").class(v)),type:"button",tabIndex:p?0:-1,part:"native",disabled:f,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),a("bal-icon",{name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},u.element("icon").class()),u.element("icon").modifier("animated").class(i)),u.element("icon").modifier("vertical").class(v)),color:f?"grey-dark":h?"white":"primary"}),a("bal-stack",{space:"x-small",layout:"horizontal"},a("bal-content",{space:"none"},a("bal-label",{htmlId:"bal-si-".concat(this.internalId,"-label")},o),a("span",{part:"slot",class:Object.assign({},u.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{onSlotchange:this.onSlottedItemsChange}))))),a("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("animated").class()),g.modifier("background").class()),g.modifier("disabled").class(f)),g.modifier("invalid").class(h)),g.modifier("checked").class(i)),g.modifier("vertical").class(v))}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());I.style=E}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function o(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-5c0b0099.system.js","./p-7957c3c0.system.js","./p-b52ad8d5.system.js","./p-8954495d.system.js","./p-6e5745c8.system.js","./p-014286df.system.js","./p-d962489a.system.js","./p-5aed56b2.system.js","./p-8949aa8b.system.js","./p-a1f6e944.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js","./p-b42e7d38.system.js","./p-ec9a7cf5.system.js","./p-49899266.system.js"],(function(e){"use strict";var t,i,n,a,r,s,o,l,c,b,m,d,u,g,h,f,v,p,_,x,k,y,w,j,O,z,F;return{setters:[function(e){t=e.r;i=e.c;n=e.w;a=e.h;r=e.H;s=e.g},function(e){o=e._;l=e.a},function(e){c=e.B},function(e){b=e.L},function(e){m=e.e;d=e.s;u=e.y;g=e.q;h=e.z;f=e.A;v=e.B},function(e){p=e.s},function(e){_=e.F},function(e){x=e.l;k=e.j;y=e.r},function(e){w=e.d},function(e){j=e.L},function(e){O=e.L},function(e){z=e.L},function(e){F=e.i},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var S=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var L=S;var A=e("bal_segment",function(){function e(e){var n=this;t(this,e);this.balFocus=i(this,"balFocus",7);this.balBlur=i(this,"balBlur",7);this.balChange=i(this,"balChange",7);this.balSelect=i(this,"balSelect",7);this.balVertical=i(this,"balVertical",7);this.hasFocus=false;this.getSegmentItem=function(e){var t,i;var a=n.allItems.filter((function(e){return!e.disabled}));var r=a.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return a[r];case"first":return a[0];case"last":return a[a.length-1];case"next":return(t=a[r+1])!==null&&t!==void 0?t:a[0];case"previous":return(i=a[r-1])!==null&&i!==void 0?i:a[a.length-1];default:return null}};this.onPointerDown=function(){n.keyboardMode=false};this.onSlottedItemsChange=function(){n.valueChanged(n.value);n.defineWidth()};this.onClick=function(e){if(n.disabled){return}var t=e.target;var i=n.checked;if(t.tagName==="BAL-SEGMENT"){return}if(t&&t.setFocus){t.setFocus()}if(i){n.checkButton(i,t)}else{n.setCheckedClasses();n.checkButton(t,t)}if(t!==i){n.emitValueChange()}};this.focusedValue=undefined;this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=w;this.invalid=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e)};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged()};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=_.includes(e.key);var t;if(m(e)){p(e);t=this.getSegmentItem("current");this.value=t.value}else if(d(e)||u(e)){p(e);t=this.getSegmentItem("previous")}else if(g(e)||h(e)){p(e);t=this.getSegmentItem("next")}else if(f(e)){p(e);t=this.getSegmentItem("first")}else if(v(e)){p(e);t=this.getSegmentItem("last")}if(!t){return}var i=this.checked;if(t!==i){this.checkButton(i,t);this.emitValueChange()}if(t){t.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;x((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var r=i.getBoundingClientRect();var s=a.getBoundingClientRect();var o=r.width/s.width;var l=r.left-s.left;var c="translate3d(".concat(l,"px, 0, 0) scaleX(").concat(o,")");if(this.isVertical){var b=r.height/s.height;var m=r.top-s.top;c="translate3d(0, ".concat(m,"px, 0) scaleY(").concat(b,")")}n((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",c);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var n=i+1;var a=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(n<t.length){t[n].classList.add("bal-segment-item--after-checked")}if(a<t.length&&a>=0){t[a].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,n=e.scrollable,s=e.keyboardMode,o=e.expanded,l=e.isMobile,b=e.disabled;var m=c.block("segment");return a(r,{role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("invalid").class(t)),m.modifier("vertical").class(i)),m.modifier("scrollable").class(n)),m.modifier("keyboard").class(s)),m.modifier("disabled").class(b)),m.modifier("expanded").class((o||l)&&!i)),onClick:this.onClick},a("slot",{onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());o([b("bal-segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],A.prototype,"createLogger",null);o([j(),l("design:type",Function),l("design:paramtypes",[FocusEvent]),l("design:returntype",void 0)],A.prototype,"focusInListener",null);o([j(),l("design:type",Function),l("design:paramtypes",[FocusEvent]),l("design:returntype",void 0)],A.prototype,"focusOutListener",null);o([z(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],A.prototype,"breakpointListener",null);o([O(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],A.prototype,"windowResizeListener",null);A.style=L;var C=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var E=C;var X=0;var I=e("bal_segment_item",function(){function e(e){var i=this;t(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=X++;this.inputId="bal-si-".concat(this.internalId);this.updateVertical=function(e){i.isVertical=e.detail};this.updateState=function(){var e=i.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var t=i.allAvailableOptions;if(t.length>0){var n=t[0];i.isFocusable=n===i.el}}else{i.checked=e.value===i.value;i.isFocusable=e.value===i.value}if(e.disabled){i.disabled=true}i.isLast=e.lastElementChild===i.el;i.isFirst=e.firstElementChild===i.el;i.calculateEmptyValue()}};this.onSlottedItemsChange=function(){i.checkSlotContent()};this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=w;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){k(t,"balSelect",this.updateState);k(t,"balVertical",this.updateVertical)}x((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){y(e,"balSelect",this.updateState);y(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,n=t.focused,s=t.segmentEl,o=t.label,l=t.isFocusable,b=t.isFirst,m=t.hasEmptyValue;var d=c.block("segment-item");var u=d.element("button");var g=d.element("indicator");var h=this.invalid||s&&s.invalid;var f=this.disabled||s&&s.disabled;var v=this.isVertical;var p=m&&b||l&&!f;var _=p&&this.ariaForm.controlId||this.inputId;var x={};if(p){x={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return a(r,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("vertical").class(v)),d.modifier("disabled").class(f)),d.modifier("checked").class(i)),d.modifier("invalid").class(h)),d.modifier("last").class(this.isLast&&!i))},a("button",Object.assign({id:_,role:"radio","aria-checked":i?"true":"false"},x,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("checked").class(i)),u.modifier("invalid").class(h)),u.modifier("disabled").class(f)),u.modifier("focused").class(n)),u.modifier("vertical").class(v)),type:"button",tabIndex:p?0:-1,part:"native",disabled:f,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),a("bal-icon",{name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},u.element("icon").class()),u.element("icon").modifier("animated").class(i)),u.element("icon").modifier("vertical").class(v)),color:f?"grey-dark":h?"white":"primary"}),a("bal-stack",{space:"x-small",layout:"horizontal"},a("bal-content",{space:"none"},a("bal-label",{htmlId:"bal-si-".concat(this.internalId,"-label")},o),a("span",{part:"slot",class:Object.assign({},u.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{onSlotchange:this.onSlottedItemsChange}))))),a("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("animated").class()),g.modifier("background").class()),g.modifier("disabled").class(f)),g.modifier("invalid").class(h)),g.modifier("checked").class(i)),g.modifier("vertical").class(v))}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());I.style=E}}}));

package/dist/baloise-design-system/{p-091501deda.entry.js → p-4146781859.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as n,g as o,c as r}from"./p-d7c752c6.js";import{_ as i,a}from"./p-43c9f5e9.js";import{B as s}from"./p-ae86d0a0.js";import{p as l}from"./p-c0c91eb1.js";import{B as c}from"./p-c1852273.js";import{b as p}from"./p-18fd198d.js";import{L as h}from"./p-4f93ac4c.js";import{L as d}from"./p-69e7c8d6.js";import{b as u}from"./p-a65354df.js";import{L as b}from"./p-b77e3348.js";import"./p-9a3d9e17.js";import"./p-88f18fbc.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-941f70cf.js";const f=class{constructor(e){t(this,e),this.bodyScrollHandler=new c,this.onPopoverChange=t=>{this.isActive=t.detail,l(t)},this.isActive=!1,this.innerCloseLabel="Close",this.isMobile=p.isMobile,this.closeLabel=void 0,this.small=!1}connectedCallback(){this.bodyScrollHandler.connect()}componentDidRender(){this.updateContent()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}breakpointListener(t){const e=t.mobile;e!==this.isMobile&&(this.isActive=!1),this.isMobile=e}async configChanged(t){if(!this.closeLabel)switch(t.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}async toggle(){this.isActive?this.dismiss():this.present()}async present(){this.popoverElement&&this.popoverElement.present(),this.isMobile&&this.bodyScrollHandler.disable(),this.isActive=!0}async dismiss(){this.popoverElement&&this.popoverElement.dismiss(),this.isMobile&&this.bodyScrollHandler.enable(),this.isActive=!1}updateContent(){this.hintContentEl&&this.slotWrapperEl&&(this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML)}render(){const t=s.block("hint"),o=t.element("icon"),r=t.element("content"),i=r.element("buttons"),a=this.isMobile?0:8,l=this.isMobile?0:16,c=()=>e("bal-icon",{class:Object.assign({},o.class()),"data-testid":"bal-hint-trigger","bal-popover-trigger":!0,"aria-haspopup":"true",role:"button",name:"info-circle",onClick:()=>this.toggle()}),p=()=>e("div",{class:Object.assign({},r.class()),"data-testid":"bal-hint-content"},e("div",{ref:t=>this.hintContentEl=t}),e("bal-button-group",{class:Object.assign(Object.assign({},i.class()),i.modifier("is-hidden-desktop").class(this.small))},e("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:()=>this.dismiss()},this.closeLabel?this.closeLabel:this.innerCloseLabel))),h=this.isMobile?()=>{const n=t.element("overlay");return e("div",{class:Object.assign({},n.class())},e(c,null),e("div",{class:Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("active").class(this.isActive))},e(p,null)))}:()=>e("div",{class:Object.assign({},t.element("popover").class())},e("bal-popover",{hint:!0,position:"right",offsetX:0,offsetY:l,padding:a,ref:t=>this.popoverElement=t,onBalChange:this.onPopoverChange},e(c,null),e("bal-popover-content",{color:"grey"},e(p,null))));return e(n,{class:Object.assign({},t.class())},e(h,null),e("div",{ref:t=>this.slotWrapperEl=t,style:{display:"none"}},e("slot",null)))}get element(){return o(this)}};i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],f.prototype,"breakpointListener",null),i([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";const v=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("text"),o=t.element("field");return e(n,{class:Object.assign({},t.class())},e("p",{class:Object.assign({},o.class())},e("slot",null)))}},m=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("title"),o=t.element("heading");return e(n,{class:Object.assign({},t.class())},e("h3",{class:Object.assign({},o.class())},e("span",null,e("slot",null))))}};var _="top",g="bottom",y="right",w="left",x="auto",j=[_,g,y,w],O="start",k="end",z="clippingParents",L="viewport",C="popper",P="reference",E=j.reduce((function(t,e){return t.concat([e+"-"+O,e+"-"+k])}),[]),M=[].concat(j,[x]).reduce((function(t,e){return t.concat([e,e+"-"+O,e+"-"+k])}),[]),A=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function B(t){return t?(t.nodeName||"").toLowerCase():null}function S(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function W(t){return t instanceof S(t).Element||t instanceof Element}function F(t){return t instanceof S(t).HTMLElement||t instanceof HTMLElement}function R(t){return"undefined"!=typeof ShadowRoot&&(t instanceof S(t).ShadowRoot||t instanceof ShadowRoot)}function T(t){return t.split("-")[0]}var q=Math.max,$=Math.min,H=Math.round;function D(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function I(){return!/^((?!chrome|android).)*safari/i.test(D())}function U(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var o=t.getBoundingClientRect(),r=1,i=1;e&&F(t)&&(r=t.offsetWidth>0&&H(o.width)/t.offsetWidth||1,i=t.offsetHeight>0&&H(o.height)/t.offsetHeight||1);var a=(W(t)?S(t):window).visualViewport,s=!I()&&n,l=(o.left+(s&&a?a.offsetLeft:0))/r,c=(o.top+(s&&a?a.offsetTop:0))/i,p=o.width/r,h=o.height/i;return{width:p,height:h,top:c,right:l+p,bottom:c+h,left:l,x:l,y:c}}function K(t){var e=U(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function N(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&R(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function V(t){return S(t).getComputedStyle(t)}function X(t){return["table","td","th"].indexOf(B(t))>=0}function Y(t){return((W(t)?t.ownerDocument:t.document)||window.document).documentElement}function G(t){return"html"===B(t)?t:t.assignedSlot||t.parentNode||(R(t)?t.host:null)||Y(t)}function J(t){return F(t)&&"fixed"!==V(t).position?t.offsetParent:null}function Q(t){for(var e=S(t),n=J(t);n&&X(n)&&"static"===V(n).position;)n=J(n);return n&&("html"===B(n)||"body"===B(n)&&"static"===V(n).position)?e:n||function(t){var e=/firefox/i.test(D());if(/Trident/i.test(D())&&F(t)&&"fixed"===V(t).position)return null;var n=G(t);for(R(n)&&(n=n.host);F(n)&&["html","body"].indexOf(B(n))<0;){var o=V(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function Z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function tt(t,e,n){return q(t,$(e,n))}function et(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function nt(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function ot(t){return t.split("-")[1]}var rt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function it(t){var e,n=t.popper,o=t.popperRect,r=t.placement,i=t.variation,a=t.offsets,s=t.position,l=t.gpuAcceleration,c=t.adaptive,p=t.roundOffsets,h=t.isFixed,d=a.x,u=void 0===d?0:d,b=a.y,f=void 0===b?0:b,v="function"==typeof p?p({x:u,y:f}):{x:u,y:f};u=v.x,f=v.y;var m=a.hasOwnProperty("x"),x=a.hasOwnProperty("y"),j=w,O=_,z=window;if(c){var L=Q(n),C="clientHeight",P="clientWidth";L===S(n)&&"static"!==V(L=Y(n)).position&&"absolute"===s&&(C="scrollHeight",P="scrollWidth"),(r===_||(r===w||r===y)&&i===k)&&(O=g,f-=(h&&L===z&&z.visualViewport?z.visualViewport.height:L[C])-o.height,f*=l?1:-1),r!==w&&(r!==_&&r!==g||i!==k)||(j=y,u-=(h&&L===z&&z.visualViewport?z.visualViewport.width:L[P])-o.width,u*=l?1:-1)}var E,M=Object.assign({position:s},c&&rt),A=!0===p?function(t,e){var n=t.y,o=e.devicePixelRatio||1;return{x:H(t.x*o)/o||0,y:H(n*o)/o||0}}({x:u,y:f},S(n)):{x:u,y:f};return u=A.x,f=A.y,Object.assign({},M,l?((E={})[O]=x?"0":"",E[j]=m?"0":"",E.transform=(z.devicePixelRatio||1)<=1?"translate("+u+"px, "+f+"px)":"translate3d("+u+"px, "+f+"px, 0)",E):((e={})[O]=x?f+"px":"",e[j]=m?u+"px":"",e.transform="",e))}var at={passive:!0},st={left:"right",right:"left",bottom:"top",top:"bottom"};function lt(t){return t.replace(/left|right|bottom|top/g,(function(t){return st[t]}))}var ct={start:"end",end:"start"};function pt(t){return t.replace(/start|end/g,(function(t){return ct[t]}))}function ht(t){var e=S(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function dt(t){return U(Y(t)).left+ht(t).scrollLeft}function ut(t){var e=V(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function bt(t){return["html","body","#document"].indexOf(B(t))>=0?t.ownerDocument.body:F(t)&&ut(t)?t:bt(G(t))}function ft(t,e){var n;void 0===e&&(e=[]);var o=bt(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=S(o),a=r?[i].concat(i.visualViewport||[],ut(o)?o:[]):o,s=e.concat(a);return r?s:s.concat(ft(G(a)))}function vt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function mt(t,e,n){return e===L?vt(function(t,e){var n=S(t),o=Y(t),r=n.visualViewport,i=o.clientWidth,a=o.clientHeight,s=0,l=0;if(r){i=r.width,a=r.height;var c=I();(c||!c&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:i,height:a,x:s+dt(t),y:l}}(t,n)):W(e)?function(t,e){var n=U(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):vt(function(t){var e,n=Y(t),o=ht(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=q(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=q(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-o.scrollLeft+dt(t),l=-o.scrollTop;return"rtl"===V(r||n).direction&&(s+=q(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:s,y:l}}(Y(t)))}function _t(t){var e,n=t.reference,o=t.element,r=t.placement,i=r?T(r):null,a=r?ot(r):null,s=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(i){case _:e={x:s,y:n.y-o.height};break;case g:e={x:s,y:n.y+n.height};break;case y:e={x:n.x+n.width,y:l};break;case w:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var c=i?Z(i):null;if(null!=c){var p="y"===c?"height":"width";switch(a){case O:e[c]=e[c]-(n[p]/2-o[p]/2);break;case k:e[c]=e[c]+(n[p]/2-o[p]/2)}}return e}function gt(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.strategy,i=void 0===r?t.strategy:r,a=e.boundary,s=void 0===a?z:a,l=e.rootBoundary,c=void 0===l?L:l,p=e.elementContext,h=void 0===p?C:p,d=e.altBoundary,u=void 0!==d&&d,b=e.padding,f=void 0===b?0:b,v=et("number"!=typeof f?f:nt(f,j)),m=t.rects.popper,w=t.elements[u?h===C?P:C:h],x=function(t,e,n,o){var r="clippingParents"===e?function(t){var e=ft(G(t)),n=["absolute","fixed"].indexOf(V(t).position)>=0&&F(t)?Q(t):t;return W(n)?e.filter((function(t){return W(t)&&N(t,n)&&"body"!==B(t)})):[]}(t):[].concat(e),i=[].concat(r,[n]),a=i.reduce((function(e,n){var r=mt(t,n,o);return e.top=q(r.top,e.top),e.right=$(r.right,e.right),e.bottom=$(r.bottom,e.bottom),e.left=q(r.left,e.left),e}),mt(t,i[0],o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(W(w)?w:w.contextElement||Y(t.elements.popper),s,c,i),O=U(t.elements.reference),k=_t({reference:O,element:m,strategy:"absolute",placement:o}),E=vt(Object.assign({},m,k)),M=h===C?E:O,A={top:x.top-M.top+v.top,bottom:M.bottom-x.bottom+v.bottom,left:x.left-M.left+v.left,right:M.right-x.right+v.right},S=t.modifiersData.offset;if(h===C&&S){var R=S[o];Object.keys(A).forEach((function(t){var e=[y,g].indexOf(t)>=0?1:-1,n=[_,g].indexOf(t)>=0?"y":"x";A[t]+=R[n]*e}))}return A}function yt(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?M:a,l=ot(e.placement),c=l?i?E:E.filter((function(t){return ot(t)===l})):j,p=c.filter((function(t){return s.indexOf(t)>=0}));0===p.length&&(p=c);var h=p.reduce((function(e,i){return e[i]=gt(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[T(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}const wt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,i=void 0===r||r,a=n.altAxis,s=void 0===a||a,l=n.fallbackPlacements,c=n.padding,p=n.boundary,h=n.rootBoundary,d=n.altBoundary,u=n.flipVariations,b=void 0===u||u,f=n.allowedAutoPlacements,v=e.options.placement,m=T(v),j=l||(m!==v&&b?function(t){if(T(t)===x)return[];var e=lt(t);return[pt(t),e,pt(e)]}(v):[lt(v)]),k=[v].concat(j).reduce((function(t,n){return t.concat(T(n)===x?yt(e,{placement:n,boundary:p,rootBoundary:h,padding:c,flipVariations:b,allowedAutoPlacements:f}):n)}),[]),z=e.rects.reference,L=e.rects.popper,C=new Map,P=!0,E=k[0],M=0;M<k.length;M++){var A=k[M],B=T(A),S=ot(A)===O,W=[_,g].indexOf(B)>=0,F=W?"width":"height",R=gt(e,{placement:A,boundary:p,rootBoundary:h,altBoundary:d,padding:c}),q=W?S?y:w:S?g:_;z[F]>L[F]&&(q=lt(q));var $=lt(q),H=[];if(i&&H.push(R[B]<=0),s&&H.push(R[q]<=0,R[$]<=0),H.every((function(t){return t}))){E=A,P=!1;break}C.set(A,H)}if(P)for(var D=function(t){var e=k.find((function(e){var n=C.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return E=e,"break"},I=b?3:1;I>0&&"break"!==D(I);I--);e.placement!==E&&(e.modifiersData[o]._skip=!0,e.placement=E,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function xt(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function jt(t){return[_,y,g,w].some((function(e){return t[e]>=0}))}function Ot(t,e,n){void 0===n&&(n=!1);var o,r,i=F(e),a=F(e)&&function(t){var e=t.getBoundingClientRect(),n=H(e.width)/t.offsetWidth||1,o=H(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),s=Y(e),l=U(t,a,n),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(i||!i&&!n)&&(("body"!==B(e)||ut(s))&&(c=(o=e)!==S(o)&&F(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:ht(o)),F(e)?((p=U(e,!0)).x+=e.clientLeft,p.y+=e.clientTop):s&&(p.x=dt(s))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function kt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var zt={placement:"bottom",modifiers:[],strategy:"absolute"};function Lt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Ct(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?zt:o;return function(t,e,o){void 0===o&&(o=r);var i,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},zt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,p={state:s,setOptions:function(o){var i="function"==typeof o?o(s.options):o;h(),s.options=Object.assign({},r,s.options,i),s.scrollParents={reference:W(t)?ft(t):t.contextElement?ft(t.contextElement):[],popper:ft(e)};var a,c,d=function(t){var e=kt(t);return A.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,s.options.modifiers),c=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return s.orderedModifiers=d.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:s,name:t.name,instance:p,options:void 0===e?{}:e});l.push(o||function(){})}})),p.update()},forceUpdate:function(){if(!c){var t=s.elements,e=t.reference,n=t.popper;if(Lt(e,n)){s.rects={reference:Ot(e,Q(n),"fixed"===s.options.strategy),popper:K(n)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<s.orderedModifiers.length;o++)if(!0!==s.reset){var r=s.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(s=i({state:s,options:void 0===a?{}:a,name:r.name,instance:p})||s)}else s.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){p.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){h(),c=!0}};if(!Lt(t,e))return p;function h(){l.forEach((function(t){return t()})),l=[]}return p.setOptions(o).then((function(t){!c&&o.onFirstUpdate&&o.onFirstUpdate(t)})),p}}var Pt=Ct({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,s=void 0===a||a,l=S(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",n.update,at)})),s&&l.addEventListener("resize",n.update,at),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",n.update,at)})),s&&l.removeEventListener("resize",n.update,at)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=_t({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,s=n.roundOffsets,l=void 0===s||s,c={placement:T(e.placement),variation:ot(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,it(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,it(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];F(r)&&B(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});F(o)&&B(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,i=M.reduce((function(t,n){return t[n]=function(t,e,n){var o=T(t),r=[w,_].indexOf(o)>=0?-1:1,i="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*r,[w,y].indexOf(o)>=0?{x:s,y:a}:{x:a,y:s}}(n,e.rects,r),t}),{}),a=i[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=i}},wt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,i=void 0===r||r,a=n.altAxis,s=void 0!==a&&a,l=n.tether,c=void 0===l||l,p=n.tetherOffset,h=void 0===p?0:p,d=gt(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),u=T(e.placement),b=ot(e.placement),f=!b,v=Z(u),m="x"===v?"y":"x",x=e.modifiersData.popperOffsets,j=e.rects.reference,k=e.rects.popper,z="function"==typeof h?h(Object.assign({},e.rects,{placement:e.placement})):h,L="number"==typeof z?{mainAxis:z,altAxis:z}:Object.assign({mainAxis:0,altAxis:0},z),C=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(x){if(i){var E,M="y"===v?_:w,A="y"===v?g:y,B="y"===v?"height":"width",S=x[v],W=S+d[M],F=S-d[A],R=c?-k[B]/2:0,H=b===O?j[B]:k[B],D=b===O?-k[B]:-j[B],I=e.elements.arrow,U=c&&I?K(I):{width:0,height:0},N=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},V=N[M],X=N[A],Y=tt(0,j[B],U[B]),G=f?j[B]/2-R-Y-V-L.mainAxis:H-Y-V-L.mainAxis,J=f?-j[B]/2+R+Y+X+L.mainAxis:D+Y+X+L.mainAxis,et=e.elements.arrow&&Q(e.elements.arrow),nt=null!=(E=null==C?void 0:C[v])?E:0,rt=S+J-nt,it=tt(c?$(W,S+G-nt-(et?"y"===v?et.clientTop||0:et.clientLeft||0:0)):W,S,c?q(F,rt):F);x[v]=it,P[v]=it-S}if(s){var at,st=x[m],lt="y"===m?"height":"width",ct=st+d["x"===v?_:w],pt=st-d["x"===v?g:y],ht=-1!==[_,w].indexOf(u),dt=null!=(at=null==C?void 0:C[m])?at:0,ut=ht?ct:st-j[lt]-k[lt]-dt+L.altAxis,bt=ht?st+j[lt]+k[lt]-dt-L.altAxis:pt,ft=c&&ht?function(t,e,n){var o=tt(t,e,n);return o>n?n:o}(ut,st,bt):tt(c?ut:ct,st,c?bt:pt);x[m]=ft,P[m]=ft-st}e.modifiersData[o]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=T(n.placement),l=Z(s),c=[w,y].indexOf(s)>=0?"height":"width";if(i&&a){var p=function(t,e){return et("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:nt(t,j))}(r.padding,n),h=K(i),d="y"===l?_:w,u="y"===l?g:y,b=n.rects.reference[c]+n.rects.reference[l]-a[l]-n.rects.popper[c],f=a[l]-n.rects.reference[l],v=Q(i),m=v?"y"===l?v.clientHeight||0:v.clientWidth||0:0,x=m/2-h[c]/2+(b/2-f/2),O=tt(p[d],x,m-h[c]-p[u]);n.modifiersData[o]=((e={})[l]=O,e.centerOffset=O-x,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&N(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=gt(e,{elementContext:"reference"}),s=gt(e,{altBoundary:!0}),l=xt(a,o),c=xt(s,r,i),p=jt(l),h=jt(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":h})}}]});const Et=class{constructor(e){t(this,e),this.balChange=r(this,"balChange",7),this.balWillAnimate=r(this,"balWillAnimate",7),this.balDidAnimate=r(this,"balDidAnimate",7),this.balPopoverPrepare=r(this,"balPopoverPrepare",7),this.popoverId="bal-po-"+Mt++,this.isTouch=p.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight()}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Pt(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),u.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.element)||void 0===t?void 0:t.clientWidth;this.element.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.element.contains(t.target)||(this.active=!1),(null===(e=this.backdropElement)||void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.element.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,n;this.active&&!t.force||(null===(e=this.menuElement)||void 0===e||e.setAttribute("data-show",""),null===(n=this.menuElement)||void 0===n||n.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,n;(this.active||t.force)&&(null===(e=this.menuElement)||void 0===e||e.removeAttribute("data-show"),null===(n=this.menuElement)||void 0===n||n.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.element.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.element.querySelector("[bal-popover-trigger]")}get menuElement(){return this.element.querySelector("bal-popover-content")}get menuInnerElement(){return this.element.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return u.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=s.block("popover");return e(n,{"aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&e("div",{ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),e("slot",null))}get element(){return o(this)}static get watchers(){return{active:["activeChanged"]}}};i([b("bal-popover"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],Et.prototype,"createLogger",null),i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],Et.prototype,"breakpointListener",null);let Mt=0;Et.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const At=class{constructor(e){t(this,e),this.isTouch=p.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){u.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const n={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),n)}componentWillLoad(){u.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=s.block("popover").element("content");return e(n,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},e("div",{class:Object.assign({},t.element("inner").class()),style:this.innerStyle},e("slot",null)),e("div",{class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return o(this)}};i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],At.prototype,"breakpointListener",null);export{f as bal_hint,v as bal_hint_text,m as bal_hint_title,Et as bal_popover,At as bal_popover_content}
+import{r as t,h as e,H as n,g as o,c as r}from"./p-d7c752c6.js";import{_ as i,a}from"./p-43c9f5e9.js";import{B as s}from"./p-ae86d0a0.js";import{p as l}from"./p-c0c91eb1.js";import{B as c}from"./p-c1852273.js";import{b as p}from"./p-71ddeab5.js";import{L as h}from"./p-2051115e.js";import{L as d}from"./p-69e7c8d6.js";import{b as u}from"./p-a65354df.js";import{L as b}from"./p-b77e3348.js";import"./p-9a3d9e17.js";import"./p-88f18fbc.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-1cc698ed.js";const f=class{constructor(e){t(this,e),this.bodyScrollHandler=new c,this.onPopoverChange=t=>{this.isActive=t.detail,l(t)},this.isActive=!1,this.innerCloseLabel="Close",this.isMobile=p.isMobile,this.closeLabel=void 0,this.small=!1}connectedCallback(){this.bodyScrollHandler.connect()}componentDidRender(){this.updateContent()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}breakpointListener(t){const e=t.mobile;e!==this.isMobile&&(this.isActive=!1),this.isMobile=e}async configChanged(t){if(!this.closeLabel)switch(t.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}async toggle(){this.isActive?this.dismiss():this.present()}async present(){this.popoverElement&&this.popoverElement.present(),this.isMobile&&this.bodyScrollHandler.disable(),this.isActive=!0}async dismiss(){this.popoverElement&&this.popoverElement.dismiss(),this.isMobile&&this.bodyScrollHandler.enable(),this.isActive=!1}updateContent(){this.hintContentEl&&this.slotWrapperEl&&(this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML)}render(){const t=s.block("hint"),o=t.element("icon"),r=t.element("content"),i=r.element("buttons"),a=this.isMobile?0:8,l=this.isMobile?0:16,c=()=>e("bal-icon",{class:Object.assign({},o.class()),"data-testid":"bal-hint-trigger","bal-popover-trigger":!0,"aria-haspopup":"true",role:"button",name:"info-circle",onClick:()=>this.toggle()}),p=()=>e("div",{class:Object.assign({},r.class()),"data-testid":"bal-hint-content"},e("div",{ref:t=>this.hintContentEl=t}),e("bal-button-group",{class:Object.assign(Object.assign({},i.class()),i.modifier("is-hidden-desktop").class(this.small))},e("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:()=>this.dismiss()},this.closeLabel?this.closeLabel:this.innerCloseLabel))),h=this.isMobile?()=>{const n=t.element("overlay");return e("div",{class:Object.assign({},n.class())},e(c,null),e("div",{class:Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("active").class(this.isActive))},e(p,null)))}:()=>e("div",{class:Object.assign({},t.element("popover").class())},e("bal-popover",{hint:!0,position:"right",offsetX:0,offsetY:l,padding:a,ref:t=>this.popoverElement=t,onBalChange:this.onPopoverChange},e(c,null),e("bal-popover-content",{color:"grey"},e(p,null))));return e(n,{class:Object.assign({},t.class())},e(h,null),e("div",{ref:t=>this.slotWrapperEl=t,style:{display:"none"}},e("slot",null)))}get element(){return o(this)}};i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],f.prototype,"breakpointListener",null),i([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";const v=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("text"),o=t.element("field");return e(n,{class:Object.assign({},t.class())},e("p",{class:Object.assign({},o.class())},e("slot",null)))}},m=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("title"),o=t.element("heading");return e(n,{class:Object.assign({},t.class())},e("h3",{class:Object.assign({},o.class())},e("span",null,e("slot",null))))}};var _="top",g="bottom",y="right",w="left",x="auto",j=[_,g,y,w],O="start",k="end",z="clippingParents",L="viewport",C="popper",P="reference",E=j.reduce((function(t,e){return t.concat([e+"-"+O,e+"-"+k])}),[]),M=[].concat(j,[x]).reduce((function(t,e){return t.concat([e,e+"-"+O,e+"-"+k])}),[]),A=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function B(t){return t?(t.nodeName||"").toLowerCase():null}function S(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function W(t){return t instanceof S(t).Element||t instanceof Element}function F(t){return t instanceof S(t).HTMLElement||t instanceof HTMLElement}function R(t){return"undefined"!=typeof ShadowRoot&&(t instanceof S(t).ShadowRoot||t instanceof ShadowRoot)}function T(t){return t.split("-")[0]}var q=Math.max,$=Math.min,H=Math.round;function D(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function I(){return!/^((?!chrome|android).)*safari/i.test(D())}function U(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var o=t.getBoundingClientRect(),r=1,i=1;e&&F(t)&&(r=t.offsetWidth>0&&H(o.width)/t.offsetWidth||1,i=t.offsetHeight>0&&H(o.height)/t.offsetHeight||1);var a=(W(t)?S(t):window).visualViewport,s=!I()&&n,l=(o.left+(s&&a?a.offsetLeft:0))/r,c=(o.top+(s&&a?a.offsetTop:0))/i,p=o.width/r,h=o.height/i;return{width:p,height:h,top:c,right:l+p,bottom:c+h,left:l,x:l,y:c}}function K(t){var e=U(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function N(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&R(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function V(t){return S(t).getComputedStyle(t)}function X(t){return["table","td","th"].indexOf(B(t))>=0}function Y(t){return((W(t)?t.ownerDocument:t.document)||window.document).documentElement}function G(t){return"html"===B(t)?t:t.assignedSlot||t.parentNode||(R(t)?t.host:null)||Y(t)}function J(t){return F(t)&&"fixed"!==V(t).position?t.offsetParent:null}function Q(t){for(var e=S(t),n=J(t);n&&X(n)&&"static"===V(n).position;)n=J(n);return n&&("html"===B(n)||"body"===B(n)&&"static"===V(n).position)?e:n||function(t){var e=/firefox/i.test(D());if(/Trident/i.test(D())&&F(t)&&"fixed"===V(t).position)return null;var n=G(t);for(R(n)&&(n=n.host);F(n)&&["html","body"].indexOf(B(n))<0;){var o=V(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function Z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function tt(t,e,n){return q(t,$(e,n))}function et(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function nt(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function ot(t){return t.split("-")[1]}var rt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function it(t){var e,n=t.popper,o=t.popperRect,r=t.placement,i=t.variation,a=t.offsets,s=t.position,l=t.gpuAcceleration,c=t.adaptive,p=t.roundOffsets,h=t.isFixed,d=a.x,u=void 0===d?0:d,b=a.y,f=void 0===b?0:b,v="function"==typeof p?p({x:u,y:f}):{x:u,y:f};u=v.x,f=v.y;var m=a.hasOwnProperty("x"),x=a.hasOwnProperty("y"),j=w,O=_,z=window;if(c){var L=Q(n),C="clientHeight",P="clientWidth";L===S(n)&&"static"!==V(L=Y(n)).position&&"absolute"===s&&(C="scrollHeight",P="scrollWidth"),(r===_||(r===w||r===y)&&i===k)&&(O=g,f-=(h&&L===z&&z.visualViewport?z.visualViewport.height:L[C])-o.height,f*=l?1:-1),r!==w&&(r!==_&&r!==g||i!==k)||(j=y,u-=(h&&L===z&&z.visualViewport?z.visualViewport.width:L[P])-o.width,u*=l?1:-1)}var E,M=Object.assign({position:s},c&&rt),A=!0===p?function(t,e){var n=t.y,o=e.devicePixelRatio||1;return{x:H(t.x*o)/o||0,y:H(n*o)/o||0}}({x:u,y:f},S(n)):{x:u,y:f};return u=A.x,f=A.y,Object.assign({},M,l?((E={})[O]=x?"0":"",E[j]=m?"0":"",E.transform=(z.devicePixelRatio||1)<=1?"translate("+u+"px, "+f+"px)":"translate3d("+u+"px, "+f+"px, 0)",E):((e={})[O]=x?f+"px":"",e[j]=m?u+"px":"",e.transform="",e))}var at={passive:!0},st={left:"right",right:"left",bottom:"top",top:"bottom"};function lt(t){return t.replace(/left|right|bottom|top/g,(function(t){return st[t]}))}var ct={start:"end",end:"start"};function pt(t){return t.replace(/start|end/g,(function(t){return ct[t]}))}function ht(t){var e=S(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function dt(t){return U(Y(t)).left+ht(t).scrollLeft}function ut(t){var e=V(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function bt(t){return["html","body","#document"].indexOf(B(t))>=0?t.ownerDocument.body:F(t)&&ut(t)?t:bt(G(t))}function ft(t,e){var n;void 0===e&&(e=[]);var o=bt(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=S(o),a=r?[i].concat(i.visualViewport||[],ut(o)?o:[]):o,s=e.concat(a);return r?s:s.concat(ft(G(a)))}function vt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function mt(t,e,n){return e===L?vt(function(t,e){var n=S(t),o=Y(t),r=n.visualViewport,i=o.clientWidth,a=o.clientHeight,s=0,l=0;if(r){i=r.width,a=r.height;var c=I();(c||!c&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:i,height:a,x:s+dt(t),y:l}}(t,n)):W(e)?function(t,e){var n=U(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):vt(function(t){var e,n=Y(t),o=ht(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=q(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=q(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-o.scrollLeft+dt(t),l=-o.scrollTop;return"rtl"===V(r||n).direction&&(s+=q(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:s,y:l}}(Y(t)))}function _t(t){var e,n=t.reference,o=t.element,r=t.placement,i=r?T(r):null,a=r?ot(r):null,s=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(i){case _:e={x:s,y:n.y-o.height};break;case g:e={x:s,y:n.y+n.height};break;case y:e={x:n.x+n.width,y:l};break;case w:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var c=i?Z(i):null;if(null!=c){var p="y"===c?"height":"width";switch(a){case O:e[c]=e[c]-(n[p]/2-o[p]/2);break;case k:e[c]=e[c]+(n[p]/2-o[p]/2)}}return e}function gt(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.strategy,i=void 0===r?t.strategy:r,a=e.boundary,s=void 0===a?z:a,l=e.rootBoundary,c=void 0===l?L:l,p=e.elementContext,h=void 0===p?C:p,d=e.altBoundary,u=void 0!==d&&d,b=e.padding,f=void 0===b?0:b,v=et("number"!=typeof f?f:nt(f,j)),m=t.rects.popper,w=t.elements[u?h===C?P:C:h],x=function(t,e,n,o){var r="clippingParents"===e?function(t){var e=ft(G(t)),n=["absolute","fixed"].indexOf(V(t).position)>=0&&F(t)?Q(t):t;return W(n)?e.filter((function(t){return W(t)&&N(t,n)&&"body"!==B(t)})):[]}(t):[].concat(e),i=[].concat(r,[n]),a=i.reduce((function(e,n){var r=mt(t,n,o);return e.top=q(r.top,e.top),e.right=$(r.right,e.right),e.bottom=$(r.bottom,e.bottom),e.left=q(r.left,e.left),e}),mt(t,i[0],o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(W(w)?w:w.contextElement||Y(t.elements.popper),s,c,i),O=U(t.elements.reference),k=_t({reference:O,element:m,strategy:"absolute",placement:o}),E=vt(Object.assign({},m,k)),M=h===C?E:O,A={top:x.top-M.top+v.top,bottom:M.bottom-x.bottom+v.bottom,left:x.left-M.left+v.left,right:M.right-x.right+v.right},S=t.modifiersData.offset;if(h===C&&S){var R=S[o];Object.keys(A).forEach((function(t){var e=[y,g].indexOf(t)>=0?1:-1,n=[_,g].indexOf(t)>=0?"y":"x";A[t]+=R[n]*e}))}return A}function yt(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?M:a,l=ot(e.placement),c=l?i?E:E.filter((function(t){return ot(t)===l})):j,p=c.filter((function(t){return s.indexOf(t)>=0}));0===p.length&&(p=c);var h=p.reduce((function(e,i){return e[i]=gt(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[T(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}const wt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,i=void 0===r||r,a=n.altAxis,s=void 0===a||a,l=n.fallbackPlacements,c=n.padding,p=n.boundary,h=n.rootBoundary,d=n.altBoundary,u=n.flipVariations,b=void 0===u||u,f=n.allowedAutoPlacements,v=e.options.placement,m=T(v),j=l||(m!==v&&b?function(t){if(T(t)===x)return[];var e=lt(t);return[pt(t),e,pt(e)]}(v):[lt(v)]),k=[v].concat(j).reduce((function(t,n){return t.concat(T(n)===x?yt(e,{placement:n,boundary:p,rootBoundary:h,padding:c,flipVariations:b,allowedAutoPlacements:f}):n)}),[]),z=e.rects.reference,L=e.rects.popper,C=new Map,P=!0,E=k[0],M=0;M<k.length;M++){var A=k[M],B=T(A),S=ot(A)===O,W=[_,g].indexOf(B)>=0,F=W?"width":"height",R=gt(e,{placement:A,boundary:p,rootBoundary:h,altBoundary:d,padding:c}),q=W?S?y:w:S?g:_;z[F]>L[F]&&(q=lt(q));var $=lt(q),H=[];if(i&&H.push(R[B]<=0),s&&H.push(R[q]<=0,R[$]<=0),H.every((function(t){return t}))){E=A,P=!1;break}C.set(A,H)}if(P)for(var D=function(t){var e=k.find((function(e){var n=C.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return E=e,"break"},I=b?3:1;I>0&&"break"!==D(I);I--);e.placement!==E&&(e.modifiersData[o]._skip=!0,e.placement=E,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function xt(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function jt(t){return[_,y,g,w].some((function(e){return t[e]>=0}))}function Ot(t,e,n){void 0===n&&(n=!1);var o,r,i=F(e),a=F(e)&&function(t){var e=t.getBoundingClientRect(),n=H(e.width)/t.offsetWidth||1,o=H(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),s=Y(e),l=U(t,a,n),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(i||!i&&!n)&&(("body"!==B(e)||ut(s))&&(c=(o=e)!==S(o)&&F(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:ht(o)),F(e)?((p=U(e,!0)).x+=e.clientLeft,p.y+=e.clientTop):s&&(p.x=dt(s))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function kt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var zt={placement:"bottom",modifiers:[],strategy:"absolute"};function Lt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Ct(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?zt:o;return function(t,e,o){void 0===o&&(o=r);var i,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},zt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,p={state:s,setOptions:function(o){var i="function"==typeof o?o(s.options):o;h(),s.options=Object.assign({},r,s.options,i),s.scrollParents={reference:W(t)?ft(t):t.contextElement?ft(t.contextElement):[],popper:ft(e)};var a,c,d=function(t){var e=kt(t);return A.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,s.options.modifiers),c=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return s.orderedModifiers=d.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:s,name:t.name,instance:p,options:void 0===e?{}:e});l.push(o||function(){})}})),p.update()},forceUpdate:function(){if(!c){var t=s.elements,e=t.reference,n=t.popper;if(Lt(e,n)){s.rects={reference:Ot(e,Q(n),"fixed"===s.options.strategy),popper:K(n)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<s.orderedModifiers.length;o++)if(!0!==s.reset){var r=s.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(s=i({state:s,options:void 0===a?{}:a,name:r.name,instance:p})||s)}else s.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){p.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){h(),c=!0}};if(!Lt(t,e))return p;function h(){l.forEach((function(t){return t()})),l=[]}return p.setOptions(o).then((function(t){!c&&o.onFirstUpdate&&o.onFirstUpdate(t)})),p}}var Pt=Ct({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,s=void 0===a||a,l=S(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",n.update,at)})),s&&l.addEventListener("resize",n.update,at),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",n.update,at)})),s&&l.removeEventListener("resize",n.update,at)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=_t({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,s=n.roundOffsets,l=void 0===s||s,c={placement:T(e.placement),variation:ot(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,it(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,it(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];F(r)&&B(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});F(o)&&B(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,i=M.reduce((function(t,n){return t[n]=function(t,e,n){var o=T(t),r=[w,_].indexOf(o)>=0?-1:1,i="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*r,[w,y].indexOf(o)>=0?{x:s,y:a}:{x:a,y:s}}(n,e.rects,r),t}),{}),a=i[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=i}},wt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,i=void 0===r||r,a=n.altAxis,s=void 0!==a&&a,l=n.tether,c=void 0===l||l,p=n.tetherOffset,h=void 0===p?0:p,d=gt(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),u=T(e.placement),b=ot(e.placement),f=!b,v=Z(u),m="x"===v?"y":"x",x=e.modifiersData.popperOffsets,j=e.rects.reference,k=e.rects.popper,z="function"==typeof h?h(Object.assign({},e.rects,{placement:e.placement})):h,L="number"==typeof z?{mainAxis:z,altAxis:z}:Object.assign({mainAxis:0,altAxis:0},z),C=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(x){if(i){var E,M="y"===v?_:w,A="y"===v?g:y,B="y"===v?"height":"width",S=x[v],W=S+d[M],F=S-d[A],R=c?-k[B]/2:0,H=b===O?j[B]:k[B],D=b===O?-k[B]:-j[B],I=e.elements.arrow,U=c&&I?K(I):{width:0,height:0},N=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},V=N[M],X=N[A],Y=tt(0,j[B],U[B]),G=f?j[B]/2-R-Y-V-L.mainAxis:H-Y-V-L.mainAxis,J=f?-j[B]/2+R+Y+X+L.mainAxis:D+Y+X+L.mainAxis,et=e.elements.arrow&&Q(e.elements.arrow),nt=null!=(E=null==C?void 0:C[v])?E:0,rt=S+J-nt,it=tt(c?$(W,S+G-nt-(et?"y"===v?et.clientTop||0:et.clientLeft||0:0)):W,S,c?q(F,rt):F);x[v]=it,P[v]=it-S}if(s){var at,st=x[m],lt="y"===m?"height":"width",ct=st+d["x"===v?_:w],pt=st-d["x"===v?g:y],ht=-1!==[_,w].indexOf(u),dt=null!=(at=null==C?void 0:C[m])?at:0,ut=ht?ct:st-j[lt]-k[lt]-dt+L.altAxis,bt=ht?st+j[lt]+k[lt]-dt-L.altAxis:pt,ft=c&&ht?function(t,e,n){var o=tt(t,e,n);return o>n?n:o}(ut,st,bt):tt(c?ut:ct,st,c?bt:pt);x[m]=ft,P[m]=ft-st}e.modifiersData[o]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=T(n.placement),l=Z(s),c=[w,y].indexOf(s)>=0?"height":"width";if(i&&a){var p=function(t,e){return et("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:nt(t,j))}(r.padding,n),h=K(i),d="y"===l?_:w,u="y"===l?g:y,b=n.rects.reference[c]+n.rects.reference[l]-a[l]-n.rects.popper[c],f=a[l]-n.rects.reference[l],v=Q(i),m=v?"y"===l?v.clientHeight||0:v.clientWidth||0:0,x=m/2-h[c]/2+(b/2-f/2),O=tt(p[d],x,m-h[c]-p[u]);n.modifiersData[o]=((e={})[l]=O,e.centerOffset=O-x,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&N(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=gt(e,{elementContext:"reference"}),s=gt(e,{altBoundary:!0}),l=xt(a,o),c=xt(s,r,i),p=jt(l),h=jt(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":h})}}]});const Et=class{constructor(e){t(this,e),this.balChange=r(this,"balChange",7),this.balWillAnimate=r(this,"balWillAnimate",7),this.balDidAnimate=r(this,"balDidAnimate",7),this.balPopoverPrepare=r(this,"balPopoverPrepare",7),this.popoverId="bal-po-"+Mt++,this.isTouch=p.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight()}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Pt(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),u.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.element)||void 0===t?void 0:t.clientWidth;this.element.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.element.contains(t.target)||(this.active=!1),(null===(e=this.backdropElement)||void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.element.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,n;this.active&&!t.force||(null===(e=this.menuElement)||void 0===e||e.setAttribute("data-show",""),null===(n=this.menuElement)||void 0===n||n.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,n;(this.active||t.force)&&(null===(e=this.menuElement)||void 0===e||e.removeAttribute("data-show"),null===(n=this.menuElement)||void 0===n||n.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.element.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.element.querySelector("[bal-popover-trigger]")}get menuElement(){return this.element.querySelector("bal-popover-content")}get menuInnerElement(){return this.element.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return u.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=s.block("popover");return e(n,{"aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&e("div",{ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),e("slot",null))}get element(){return o(this)}static get watchers(){return{active:["activeChanged"]}}};i([b("bal-popover"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],Et.prototype,"createLogger",null),i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],Et.prototype,"breakpointListener",null);let Mt=0;Et.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const At=class{constructor(e){t(this,e),this.isTouch=p.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){u.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const n={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),n)}componentWillLoad(){u.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=s.block("popover").element("content");return e(n,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},e("div",{class:Object.assign({},t.element("inner").class()),style:this.innerStyle},e("slot",null)),e("div",{class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return o(this)}};i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],At.prototype,"breakpointListener",null);export{f as bal_hint,v as bal_hint_text,m as bal_hint_title,Et as bal_popover,At as bal_popover_content}