@baloise/ds-core 19.8.0 → 19.8.1-nightly.20250930

package/dist/baloise-design-system/{p-ae3a61511b.entry.js → p-bc5942288b.entry.js}

@@ -1 +1 @@
-import{J as a,t as i,M as t,a as e,L as n,H as l,P as r,f as o,A as s,y as b,N as d,O as c}from"./p-BD2o1F4P.js";import{_ as v,a as h}from"./p-dfXERft2.js";import{B as m}from"./p-ByiN-QjD.js";import{b as p}from"./p-ATpaffG2.js";import{L as u}from"./p-BPQ6sr9R.js";import{L as g}from"./p-DmcaVYuR.js";import{s as f}from"./p-CwsaXXwG.js";import{L as k}from"./p-DZOwskv1.js";import{B as x}from"./p-BHYcTU7V.js";import{s as _}from"./p-DUNB4kTY.js";import{j as w}from"./p-D1VPLQ5z.js";import"./p-B9GXle5V.js";import{L as y}from"./p-agvsCUoy.js";import"./p-DA3x7XDv.js";import"./p-BpQdAaY_.js";import"./p-C7ySnb0w.js";const j=a=>{var i;const t=null===(i=a.linkItems.find((i=>i.value===a.activeMetaLinkValue)))||void 0===i?void 0:i.mainLinkItems,e=null==t?void 0:t.findIndex((i=>i.value===a.activeMenuLinkValue));return{tabs:t||[],indexOfActiveTab:e,indexOfNextTab:e+1,indexOfPreviousTab:e-1}},O={de:{mainNavigation:"Hauptnavigation",navigation:"Navigation",subNavigation:"Subnavigation",open:"Menü öffnen",close:"Menü schliessen"},en:{mainNavigation:"Main navigation",navigation:"Navigation",subNavigation:"Sub navigation",open:"Open Menu",close:"Close Menu"},fr:{mainNavigation:"Navigation principale",navigation:"Navigation",subNavigation:"Sous-navigation",open:"Ouvrir le menu",close:"Fermer le menu"},it:{mainNavigation:"Navigazione principale",navigation:"Navigazione",subNavigation:"Sottonavigazione",open:"Apri Menù",close:"Chiudi menù"},nl:{mainNavigation:"Hoofdnavigatie",navigation:"Navigatie",subNavigation:"Subnavigatie",open:"Menu openen",close:"Menu sluiten"},es:{mainNavigation:"Navegación principal",navigation:"Navegación",subNavigation:"Subnavegación",open:"Menú abierto",close:"Cerrar menú"},pl:{mainNavigation:"Nawigacja główna",navigation:"Nawigacja",subNavigation:"Nawigacja podrzędna",open:"Otwórz menu",close:"Zamknij menu"},pt:{mainNavigation:"Navegação principal",navigation:"Navegação",subNavigation:"Subnavegação",open:"Menu aberto",close:"Fechar menu"},sv:{mainNavigation:"Huvudnavigering",navigation:"Navigering",subNavigation:"Undernavigering",open:"Öppna menyn",close:"Stäng menyn"},fi:{mainNavigation:"Päänavigaatio",navigation:"Navigaatio",subNavigation:"Alinavigaatio",open:"Avaa valikko",close:"Sulje valikko"}};class z{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-"+L++,this.value=a.value||this.id,this.href=a.href,this.rel=a.rel,this.target=a.target,this.active=!!a.active,this.clickable=!!a.clickable,this.data=a.data,this.onClick=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,rel:this.rel,target:this.target,data:this.data}}renderTouch(a){const i=m.block("nav");return t("li",null,t("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-links").class()),i.element("mobile-links").modifier("selected").class(this.active)),i.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label))}render(a){return t("bal-nav-link",{role:"listitem",href:this.href,rel:this.rel,target:this.target,clickable:this.clickable,selected:this.active,onClick:a=>this.onClick(a)},this.label)}}let L=0;class N extends z{constructor(a,i){super(a,i),this.touchPlacement="top",this.id="nav-meta-button-"+C++,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 t("bal-button",this.isLink?{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:!0,rel:this.rel,href:this.href,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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 t("bal-button",this.isLink?{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,rel:this.rel,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label}:{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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}renderAtTouchBottomMetaBar(){if("bottom"===this.touchPlacement)return t("bal-button",this.isLink?{id:this.value,color:"info",inverted:!1,icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}resetTouchBottomMetaBar(){if(e.hasDocument&&"bottom"===this.touchPlacement){const a=document.getElementById(this.value);a&&"drawer"===a.balPopupVariant&&(a.color="info")}}resetDesktopMetaBar(){if(e.hasDocument){const a=document.getElementById(this.value);a&&"popover"===a.balPopupVariant&&(a.color="info")}}}let C=0;const M=({id:a,label:i,level:e,open:n,link:l,href:r,rel:o,target:s,onClick:b})=>{const d=m.block("nav");return l?t("a",{id:a,class:Object.assign({},d.element(`mobile-${e}-item`).class()),href:r,rel:o,target:s,onClick:a=>b(a)},t("span",null,i)):t("button",{id:a,class:Object.assign({},d.element(`mobile-${e}-item`).class()),onClick:a=>b(a)},t("span",null,i),t("bal-icon",{name:"nav-go-down",size:"small",turn:n}))},F=({item:a,isMenu:i,onClick:e,isVisible:n})=>{const l=m.block("nav");return a?t("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!i)),l.element("mobile-overview-link").modifier("invisible").class(!1===n)),href:a.href,rel:a.rel,target:a.target,onClick:a=>e(a)},a.label," ",a.label?"➞":""):""};class T extends z{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-"+B++,this.value=a.value||this.id,this.linkItems=(a.linkItems||[]).map((a=>new z(a,i)))}get type(){return"NavSectionLinkItem"}renderTouch(a){const i=m.block("nav"),e=this.linkItems&&this.linkItems.length>0;return t("li",null,t("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-section-item").class()),i.element("mobile-section-item").modifier("selected").class(this.active)),i.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label),e?t("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(a){return t("bal-nav-link-group",{role:"list"},t("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 B=0;class A extends z{constructor(a,i){super(a,i),this.color="grey",this.linkItems=[],this.id="nav-service-link-item-"+$++,this.value=a.value||this.id,this.color=a.color||"grey",this.linkItems=(a.linkItems||[]).map((a=>new z(a,i)))}get type(){return"NavServiceLinkItem"}renderTouch(a){const i=m.block("nav"),e=this.linkItems&&this.linkItems.length>0;return t("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.element("mobile-service-item").class()),i.element("mobile-service-item").modifier(`color-${this.color}`).class()),i.element("mobile-service-item").modifier("selected").class(this.active)),i.element("mobile-service-item").modifier("clickable").class(this.clickable))},t("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label),e?t("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(a){return t("bal-nav-link-group",{color:this.color,role:"list"},t("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 $=0;class I extends z{constructor(a,i){super(a,i),this.sectionLinkItems=[],this.serviceLinkItems=[],this.id="nav-menu-link-item-"+S++,this.value=a.value||this.id,this.sectionLinkItems=(a.sectionLinkItems||[]).map((a=>new T(a,i))),this.serviceLinkItems=(a.serviceLinkItems||[]).map((a=>new A(a,i))),this.overviewLink=a.overviewLink?new z(a.overviewLink,i):void 0}get type(){return"NavMenuLinkItem"}renderTouch(a){const i=m.block("nav"),e=this.sectionLinkItems&&this.sectionLinkItems.length>0,n=this.serviceLinkItems&&this.serviceLinkItems.length>0,l=(null==a?void 0:a.activeMenuLinkValue)===this.value;return t("li",null,t(M,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:!e&&!n&&this.isLink,open:l,onClick:a=>this.onAccordionClick(a)}),t(F,{item:this.overviewLink,onClick:a=>this.onClick(a),isMenu:!0,isVisible:l}),e?t("ul",{class:Object.assign(Object.assign({},i.element("mobile-section-list").class()),i.element("mobile-section-list").modifier("invisible").class(!1===l))},this.sectionLinkItems.map((a=>a.renderTouch()))):"",n?t("ul",{class:Object.assign(Object.assign({},i.element("mobile-service-list").class()),i.element("mobile-service-list").modifier("invisible").class(!1===l))},this.serviceLinkItems.map((a=>a.renderTouch()))):"")}render(a){return t("bal-tab-item",this.sectionLinkItems.length>0||this.serviceLinkItems.length>0||!this.isLink?{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":!0,onBalKeyDown:i=>w(i.detail)&&(null==a?void 0:a.onTabPress(i.detail)),onBalNavigate:i=>{null==a||a.onClick(),this.onClick&&this.onClick(i.detail)}}:{a11yControls:a.flyoutId,label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:i=>w(i.detail)&&(null==a?void 0:a.onTabPress(i.detail)),"no-panel":!0})}}let S=0;class P extends z{constructor(a,i){super(a,i),this.mainLinkItems=[],this.id="nav-meta-link-item-"+V++,this.value=a.value||this.id,this.mainLinkItems=(a.mainLinkItems||[]).map((a=>new I(a,i))),this.overviewLink=a.overviewLink?new z(a.overviewLink,i):void 0}get type(){return"NavMetaLinkItem"}renderTouch(a){const i=m.block("nav"),e=(null==a?void 0:a.activeMetaLinkValue)===this.value;return t("li",null,t(M,{id:this.id,level:"meta",label:this.label,open:e,link:!(this.mainLinkItems.length>0)&&this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onAccordionClick(a)}),e?t(F,{item:this.overviewLink,onClick:a=>this.onClick(a)}):"",e?t("hr",{class:Object.assign(Object.assign({},i.element("line").class()),i.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?t("ul",{class:Object.assign({},i.element("mobile-menu-list").class())},this.mainLinkItems.map((i=>i.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})))):"",t("hr",{class:Object.assign({},i.element("line").class())}))}render(a){return t("bal-tab-item",this.isLink?{a11yControls:a.flyoutId,label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":!0}:{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{this.onClick&&this.onClick(a.detail)}})}}let V=0;const D=class{constructor(a){l(this,a),this.balNavItemClick=r(this,"balNavItemClick"),this.navId="bal-nav-"+H++,this.bodyScrollHandler=new x,this.isTouch=p.isTouch,this.isDesktop=p.isDesktop,this.language=o.language,this.region=o.region,this.isFlyoutActive=!1,this.hasRenderedWithFlyoutActive=!1,this.options=[],this.linkItems=[],this.buttons=[],this.metaButtons=[],this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.linkItems=this.options.map((a=>new P(a,this)))},this.onMetaButtonChange=async()=>{this.metaButtons=this.buttons.map((a=>new N(a,this)))},this.onTouchToggleFlyout=()=>{this.closeAllPopups(),this.toggleFlyout(),e.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isFlyoutActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()},this.onPopupOpen=a=>{this.isTouch&&e.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}}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 s(this.el),await b();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 e,n,l,r,o,s,b,c,v;const h=m.block("nav"),p=h.element("flyout");return this.hasRenderedWithFlyoutActive=this.isFlyoutActive,t(d,{key:"dae60e87a7091b449e1f75eab64b12ce35fb05ea",id:this.navId,class:Object.assign({},h.class())},t("div",{key:"649fcb126503a271bc248ee96e68b425a923e5d3",class:{"bal-nav-meta-bar-transform":!0,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?t("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:a=>this.metaBarEl=a},t("bal-stack",{space:"auto"},this.linkItems.length>1?t("bal-tabs",{inverted:!0,context:"meta",value:this.activeMetaLinkValue,"aria-label":O[this.language].mainNavigation,onBalChange:a=>this.onMetaBarTabChange(a)},this.linkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`})))):t("span",null),t("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtMetaBar()))))):"",this.isDesktop?t("bal-nav-menu-bar",{position:"fixed-top",ref:a=>this.menuBarEl=a},t("bal-stack",{space:"auto","space-row":"none","use-wrap":!0},this.renderLogo(),t("bal-tabs",{context:"navigation",accordion:!0,value:this.activeMenuLinkValue,"aria-label":O[this.language].navigation},null===(e=this.linkItems.find((a=>a.value===this.activeMetaLinkValue)))||void 0===e?void 0:e.mainLinkItems.map((t=>t.render({flyoutId:`${this.navId}-menu-flyout`,onClick:()=>this.onMenuBarTabChange(t.value),onTabPress:e=>{if(this.isFlyoutActive){const n=e.shiftKey;(({tabs:t,indexOfNextTab:e,indexOfActiveTab:n},l)=>{const r=null==t?void 0:t.findIndex((a=>a.value===l.item.value));if(!l.isBackwards&&r===t.length-1)return l.stopEventBubbling(),l.closeFlyout(),void a((()=>{((a,t)=>{const e=Array.from(document.querySelectorAll(["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","))).filter((a=>null!==a.offsetParent)).filter((a=>!i(t,a))),n=e.indexOf(a),l=e[n+1];l&&l.focus()})(document.activeElement,l.el)}));if(!l.isBackwards&&r===n){const a=l.el.querySelector(`#${l.navId}-menu-flyout`);if(a){const i=a.querySelector('a, button, [tabindex="0"]');i&&(l.stopEventBubbling(),i.focus({preventScroll:!0}))}}if(l.isBackwards&&r===e){const a=l.el.querySelector(`#${l.navId}-menu-flyout`);if(a){const i=a.querySelectorAll('a, button, [tabindex="0"]'),t=i[i.length-1];t&&(l.stopEventBubbling(),t.focus({preventScroll:!0}))}}})(j({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue,linkItems:this.linkItems}),{el:this.el,navId:this.navId,isFlyoutActive:this.isFlyoutActive,isBackwards:n,item:t,stopEventBubbling:()=>f(e),closeFlyout:()=>this.closeFlyout()})}}}))))),this.isFlyoutActive?t("bal-nav-menu-flyout",{navId:this.navId,"aria-label":O[this.language].subNavigation,onBalFocusOut:a=>{if(this.isFlyoutActive){f(a);const t=j({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue,linkItems:this.linkItems}),e=i(this.el,a.detail.relatedTarget);((a,i)=>{const t=i.isBackwards?a.tabs[a.indexOfActiveTab]:a.tabs[a.indexOfNextTab];if(t){const a=i.el.querySelector(`button[data-value="${t.value}"], a[data-value="${t.value}"]`);a&&a.focus({preventScroll:!0})}})(t,{el:this.el,isBackwards:e})}}},t("bal-nav-link",{role:"listitem",variant:"overview",href:null===(l=null===(n=this.activeMenuLinkItem)||void 0===n?void 0:n.overviewLink)||void 0===l?void 0:l.href,target:null===(o=null===(r=this.activeMenuLinkItem)||void 0===r?void 0:r.overviewLink)||void 0===o?void 0:o.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===(v=null===(c=this.activeMenuLinkItem)||void 0===c?void 0:c.overviewLink)||void 0===v?void 0:v.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",t("div",{key:"6499f09da6ff07093492b342ee5851600eccd391"},t("slot",{key:"83f00bc33f0587edf5145def059525712b62637d"}))),this.isTouch?t("bal-nav-meta-bar",{variant:"white",size:"normal"},t("bal-stack",{space:"auto"},this.renderLogo(),t("bal-stack",{space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtTouchTopMetaBar())),t("bal-button",{square:!0,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?O[this.language].close:O[this.language].open,onClick:a=>this.onTouchToggleFlyout(a)})))):"",this.isTouch?t("div",{class:Object.assign(Object.assign({},p.class()),p.modifier("visible").class(this.isFlyoutActive))},t("nav",{class:Object.assign({},p.element("container").class())},t("ul",{class:Object.assign({},h.element("mobile-meta-list").class())},this.linkItems.map((a=>a.renderTouch({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue})))))):"",this.isTouch&&this.isFlyoutActive?t("bal-nav-meta-bar",{stayOnTopOfBackdrop:!0,variant:"grey",size:"normal"},t("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((a=>a.renderAtTouchBottomMetaBar())))):"")}renderGridLinks(a){var i,e;return a?t("bal-nav-link-grid",null,t("bal-nav-link-grid-col",null,null===(i=a.sectionLinkItems)||void 0===i?void 0:i.map((a=>a.render()))),t("bal-nav-link-grid-col",{"static-col":!0},null===(e=a.serviceLinkItems)||void 0===e?void 0:e.map((a=>a.render())))):""}renderTouchMenuAccordions(a){return t("bal-list",{"accordion-one-level":!0,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((a=>{var i,e,n;return a.isLink?t("bal-list-item",{key:a.label,"sub-accordion-item":!0,href:a.href,target:a.target},t("bal-list-item-content",null,t("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):t("bal-list-item",{key:a.label,accordion:!0,"sub-accordion-item":!0},t("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},t("bal-list-item-content",null,t("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),t("bal-list-item-accordion-body",null,t("div",{style:{width:"100%"}},t("bal-nav-link",{role:"listitem",variant:"overview",href:null===(i=a.overviewLink)||void 0===i?void 0:i.href,target:null===(e=a.overviewLink)||void 0===e?void 0:e.target,onClick:()=>this.linkItemClickListener(a.overviewLink)},null===(n=a.overviewLink)||void 0===n?void 0:n.label),t("div",{class:"pt-normal"},this.renderGridLinks(a)))))})))}renderLogo(){var a,i,e,n,l,r,o,s;const b=(null===(a=this.logo)||void 0===a?void 0:a.href)?"a":(null===(i=this.logo)||void 0===i?void 0:i.clickable)?"button":"div";let d=t("bal-logo",{animated:!0});const c=null===(e=this.logo)||void 0===e?void 0:e.url,v=_(null===(n=this.logo)||void 0===n?void 0:n.svg);return c&&(d=t("img",{height:32,style:{maxHeight:"32px"},src:c,alt:"Logo"})),v&&(d=t("div",{innerHTML:v,role:"img","aria-label":"Logo",style:{display:"flex",height:"32px",maxHeight:"32px",minWidth:"32px"}})),t(b,{class:"bal-nav__logo","aria-label":null===(l=this.logo)||void 0===l?void 0:l.ariaLabel,title:null===(r=this.logo)||void 0===r?void 0:r.htmlTitle,href:null===(o=this.logo)||void 0===o?void 0:o.href,target:null===(s=this.logo)||void 0===s?void 0:s.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})}},d)}get el(){return c(this)}static get watchers(){return{options:["optionChanged"],buttons:["buttonChanged"]}}};v([n("bal-nav"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],D.prototype,"createLogger",null),v([k({tags:["bal-popup"],waitAfterFramePrint:!0}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],D.prototype,"mutationListener",null),v([u(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],D.prototype,"breakpointListener",null),v([g(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",Promise)],D.prototype,"configChanged",null);let H=0;D.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-top:0rem;--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{position:relative;background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem - var(--bal-nav-top, 0rem));overflow-y:auto;z-index:calc(var(--bal-z-index-navigation) - 1)}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";const Y=class{constructor(a){l(this,a),this.variant="",this.selected=!1,this.clickable=!1,this.target="_self"}createLogger(a){this.log=a}render(){const a=m.block("nav-link"),{href:i,target:e,rel:n}=this,l=void 0!==i&&""!==i,r=""!==this.variant,o=l?"a":this.clickable?"button":"span";let s={};return l&&(s={href:i,target:e,rel:n}),t(d,{key:"094bc385a6c8158fe7be5ad0e4198523d51d65e8",class:Object.assign(Object.assign({},a.class()),a.modifier(`variant-${this.variant}`).class(r))},t(o,Object.assign({key:"1ab588cc904d115f8ec4f4daa879c3386088b031","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier(`variant-${this.variant}`).class(r)),a.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},s),t("slot",{key:"78c3c18fbb008c69c4f2f1fd7667a34e8c172dae"})))}};v([n("bal-nav-link"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],Y.prototype,"createLogger",null),Y.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){l(this,a)}createLogger(a){this.log=a}render(){const a=m.block("nav-link-grid");return t(d,{key:"cf120f164d237ac949800e041f354c577ec9a4c2",class:Object.assign({},a.class())},t("slot",{key:"c8b40348d598dc98dc5d1cdbd61a5dc57736041a"}))}};v([n("bal-nav-link-grid"),h("design:type",Function),h("design:paramtypes",[Function]),h("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 U=class{constructor(a){l(this,a),this.staticCol=!1}createLogger(a){this.log=a}render(){const a=m.block("nav-link-grid-col"),i=a.element("inner");return t(d,{key:"d7acb4f8e0e7d438e80b429883332e397da63372",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},t("div",{key:"45840d28afac2acd60020bcbb2365fc5f2942d53",class:Object.assign({},i.class())},t("slot",{key:"c3938c0a946e3fdd55222635b7dc5a057fcab0d6"})))}};v([n("bal-nav-link-grid-col"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],U.prototype,"createLogger",null),U.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 X=class{constructor(a){l(this,a),this.color=""}createLogger(a){this.log=a}render(){const a=m.block("nav-link-group"),i=""!==this.color;return t(d,{key:"430702a9ee2d0b8e90c22a6d5a710e1ff937fa41",class:Object.assign(Object.assign({},a.class()),a.modifier(`is-${this.color}`).class(i))},t("slot",{key:"cf882ef1d17029c47e2bb5cb6b7a2a68b4875492"}))}};v([n("bal-nav-link-group"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],X.prototype,"createLogger",null),X.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 G=class{constructor(a){l(this,a),this.navMenuBarId="bal-nav-menu-bar-"+Q++,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 a=m.block("nav-menu-bar"),i=a.element("inner");return t(d,{key:"1d3156e1e56a298106c03aa04a7ce6e7e720fa09",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class("mobile"===this.invisible)),a.modifier("hidden-tablet").class("tablet"===this.invisible)),a.modifier(`position-${this.position}`).class("none"!==this.position))},t("div",{key:"1e1855a00bf27d97cd6740bbf1bf6c27b688b8fd",class:Object.assign({},i.class())},t("div",{key:"96ada15dbc1e40a0f364d05de09692c483a57c44",class:Object.assign({},a.element("container").class())},t("slot",{key:"1a3229dd01d5da1cfc3e9ff15ae995ddd6fb2c93"}))))}get el(){return c(this)}};v([n("bal-nav-menu-bar"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],G.prototype,"createLogger",null);let Q=0;G.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 E=class{constructor(a){l(this,a),this.balFocusOut=r(this,"balFocusOut"),this.bodyScrollHandler=new x,this.isHidden=!1,this.navId="bal-nav-x"+R++}createLogger(a){this.log=a}connectedCallback(){this.bodyScrollHandler.connect()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}onFocusLeave(a){this.el&&a.relatedTarget&&!i(this.el,a.relatedTarget)&&this.balFocusOut.emit(a)}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 a=m.block("nav-menu-flyout"),i=a.element("line");return t(d,{key:"08fec06021b7342e57f8b473e8b3945e9f9b1fdd",id:`${this.navId}-menu-flyout`,class:Object.assign({},a.class())},t("div",{key:"e0ac894e2f7f9f598e83f9b356d6b6650517dae8",class:Object.assign({},i.class())}),t("div",{key:"1849d0a2e87299ed182eb4d3adf167f129dc50f5",class:Object.assign({},a.element("container").class())},t("slot",{key:"d4b6906e2747d25c10426c295cce3f6a64ee5fb3"})))}get el(){return c(this)}};v([n("bal-nav-menu-flyout"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],E.prototype,"createLogger",null),v([y(),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],E.prototype,"resizeListener",null);let R=0;E.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 J=class{constructor(a){l(this,a),this.navMetaBarId="bal-nav-meta-bar-"+K++,this.previousY=0,this.isHidden=!1,this.stayOnTopOfBackdrop=!1,this.variant="primary",this.size="normal",this.invisible="none",this.position="none"}createLogger(a){this.log=a}handleScroll(){if(e.hasWindow&&e.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 a=m.block("nav-meta-bar");return t(d,{key:"b0bcf370b580af4b1b08e3db52fdcd63d73b6626",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`variant-${this.variant}`).class()),a.modifier(`size-${this.size}`).class()),a.modifier(`position-${this.position}`).class("none"!==this.position)),a.modifier("hidden-mobile").class("mobile"===this.invisible)),a.modifier("hidden-tablet").class("tablet"===this.invisible)),a.modifier("stay-on-top").class(this.stayOnTopOfBackdrop))},t("div",{key:"e6d3b94907abfa645139d6f680f70fc5c4120704",class:Object.assign({},a.element("container").class())},t("slot",{key:"d8f228c8191c61245dcf96f54270e021609a9296"})))}get el(){return c(this)}};v([n("bal-meta-bar"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],J.prototype,"createLogger",null);let K=0;J.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%}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 1023px){.bal-nav>.bal-nav-meta-bar{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:var(--bal-nav-top, 0rem);z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)))}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)))}";export{D as bal_nav,Y as bal_nav_link,q as bal_nav_link_grid,U as bal_nav_link_grid_col,X as bal_nav_link_group,G as bal_nav_menu_bar,E as bal_nav_menu_flyout,J as bal_nav_meta_bar}
+import{J as a,t as i,M as t,a as e,L as n,H as l,P as r,f as o,A as s,y as b,N as d,O as c}from"./p-PmQf2Yvi.js";import{_ as v,a as h}from"./p-dfXERft2.js";import{B as m}from"./p-ByiN-QjD.js";import{b as p}from"./p-DsMFitQX.js";import{L as u}from"./p-Dygsmb3u.js";import{L as g}from"./p-Db4HWGqe.js";import{s as f}from"./p-DoMopbMR.js";import{L as k}from"./p-DZGc612N.js";import{B as x}from"./p-JWilOp6f.js";import{s as _}from"./p-DUNB4kTY.js";import{j as w}from"./p-D1VPLQ5z.js";import"./p-C8lnEOy-.js";import{L as y}from"./p-DpfpxAuN.js";import"./p-CS7huZb4.js";import"./p-DCgTymE2.js";import"./p-zxUpFKvW.js";const j=a=>{var i;const t=null===(i=a.linkItems.find((i=>i.value===a.activeMetaLinkValue)))||void 0===i?void 0:i.mainLinkItems,e=null==t?void 0:t.findIndex((i=>i.value===a.activeMenuLinkValue));return{tabs:t||[],indexOfActiveTab:e,indexOfNextTab:e+1,indexOfPreviousTab:e-1}},O={de:{mainNavigation:"Hauptnavigation",navigation:"Navigation",subNavigation:"Subnavigation",open:"Menü öffnen",close:"Menü schliessen"},en:{mainNavigation:"Main navigation",navigation:"Navigation",subNavigation:"Sub navigation",open:"Open Menu",close:"Close Menu"},fr:{mainNavigation:"Navigation principale",navigation:"Navigation",subNavigation:"Sous-navigation",open:"Ouvrir le menu",close:"Fermer le menu"},it:{mainNavigation:"Navigazione principale",navigation:"Navigazione",subNavigation:"Sottonavigazione",open:"Apri Menù",close:"Chiudi menù"},nl:{mainNavigation:"Hoofdnavigatie",navigation:"Navigatie",subNavigation:"Subnavigatie",open:"Menu openen",close:"Menu sluiten"},es:{mainNavigation:"Navegación principal",navigation:"Navegación",subNavigation:"Subnavegación",open:"Menú abierto",close:"Cerrar menú"},pl:{mainNavigation:"Nawigacja główna",navigation:"Nawigacja",subNavigation:"Nawigacja podrzędna",open:"Otwórz menu",close:"Zamknij menu"},pt:{mainNavigation:"Navegação principal",navigation:"Navegação",subNavigation:"Subnavegação",open:"Menu aberto",close:"Fechar menu"},sv:{mainNavigation:"Huvudnavigering",navigation:"Navigering",subNavigation:"Undernavigering",open:"Öppna menyn",close:"Stäng menyn"},fi:{mainNavigation:"Päänavigaatio",navigation:"Navigaatio",subNavigation:"Alinavigaatio",open:"Avaa valikko",close:"Sulje valikko"}};class z{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-"+L++,this.value=a.value||this.id,this.href=a.href,this.rel=a.rel,this.target=a.target,this.active=!!a.active,this.clickable=!!a.clickable,this.data=a.data,this.onClick=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,rel:this.rel,target:this.target,data:this.data}}renderTouch(a){const i=m.block("nav");return t("li",null,t("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-links").class()),i.element("mobile-links").modifier("selected").class(this.active)),i.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label))}render(a){return t("bal-nav-link",{role:"listitem",href:this.href,rel:this.rel,target:this.target,clickable:this.clickable,selected:this.active,onClick:a=>this.onClick(a)},this.label)}}let L=0;class N extends z{constructor(a,i){super(a,i),this.touchPlacement="top",this.id="nav-meta-button-"+C++,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 t("bal-button",this.isLink?{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:!0,rel:this.rel,href:this.href,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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 t("bal-button",this.isLink?{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,rel:this.rel,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label}:{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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}renderAtTouchBottomMetaBar(){if("bottom"===this.touchPlacement)return t("bal-button",this.isLink?{id:this.value,color:"info",inverted:!1,icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||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,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}resetTouchBottomMetaBar(){if(e.hasDocument&&"bottom"===this.touchPlacement){const a=document.getElementById(this.value);a&&"drawer"===a.balPopupVariant&&(a.color="info")}}resetDesktopMetaBar(){if(e.hasDocument){const a=document.getElementById(this.value);a&&"popover"===a.balPopupVariant&&(a.color="info")}}}let C=0;const M=({id:a,label:i,level:e,open:n,link:l,href:r,rel:o,target:s,onClick:b})=>{const d=m.block("nav");return l?t("a",{id:a,class:Object.assign({},d.element(`mobile-${e}-item`).class()),href:r,rel:o,target:s,onClick:a=>b(a)},t("span",null,i)):t("button",{id:a,class:Object.assign({},d.element(`mobile-${e}-item`).class()),onClick:a=>b(a)},t("span",null,i),t("bal-icon",{name:"nav-go-down",size:"small",turn:n}))},F=({item:a,isMenu:i,onClick:e,isVisible:n})=>{const l=m.block("nav");return a?t("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!i)),l.element("mobile-overview-link").modifier("invisible").class(!1===n)),href:a.href,rel:a.rel,target:a.target,onClick:a=>e(a)},a.label," ",a.label?"➞":""):""};class T extends z{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-"+B++,this.value=a.value||this.id,this.linkItems=(a.linkItems||[]).map((a=>new z(a,i)))}get type(){return"NavSectionLinkItem"}renderTouch(a){const i=m.block("nav"),e=this.linkItems&&this.linkItems.length>0;return t("li",null,t("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-section-item").class()),i.element("mobile-section-item").modifier("selected").class(this.active)),i.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label),e?t("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(a){return t("bal-nav-link-group",{role:"list"},t("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 B=0;class A extends z{constructor(a,i){super(a,i),this.color="grey",this.linkItems=[],this.id="nav-service-link-item-"+$++,this.value=a.value||this.id,this.color=a.color||"grey",this.linkItems=(a.linkItems||[]).map((a=>new z(a,i)))}get type(){return"NavServiceLinkItem"}renderTouch(a){const i=m.block("nav"),e=this.linkItems&&this.linkItems.length>0;return t("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.element("mobile-service-item").class()),i.element("mobile-service-item").modifier(`color-${this.color}`).class()),i.element("mobile-service-item").modifier("selected").class(this.active)),i.element("mobile-service-item").modifier("clickable").class(this.clickable))},t("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label),e?t("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(a){return t("bal-nav-link-group",{color:this.color,role:"list"},t("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 $=0;class I extends z{constructor(a,i){super(a,i),this.sectionLinkItems=[],this.serviceLinkItems=[],this.id="nav-menu-link-item-"+S++,this.value=a.value||this.id,this.sectionLinkItems=(a.sectionLinkItems||[]).map((a=>new T(a,i))),this.serviceLinkItems=(a.serviceLinkItems||[]).map((a=>new A(a,i))),this.overviewLink=a.overviewLink?new z(a.overviewLink,i):void 0}get type(){return"NavMenuLinkItem"}renderTouch(a){const i=m.block("nav"),e=this.sectionLinkItems&&this.sectionLinkItems.length>0,n=this.serviceLinkItems&&this.serviceLinkItems.length>0,l=(null==a?void 0:a.activeMenuLinkValue)===this.value;return t("li",null,t(M,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:!e&&!n&&this.isLink,open:l,onClick:a=>this.onAccordionClick(a)}),t(F,{item:this.overviewLink,onClick:a=>this.onClick(a),isMenu:!0,isVisible:l}),e?t("ul",{class:Object.assign(Object.assign({},i.element("mobile-section-list").class()),i.element("mobile-section-list").modifier("invisible").class(!1===l))},this.sectionLinkItems.map((a=>a.renderTouch()))):"",n?t("ul",{class:Object.assign(Object.assign({},i.element("mobile-service-list").class()),i.element("mobile-service-list").modifier("invisible").class(!1===l))},this.serviceLinkItems.map((a=>a.renderTouch()))):"")}render(a){return t("bal-tab-item",this.sectionLinkItems.length>0||this.serviceLinkItems.length>0||!this.isLink?{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":!0,onBalKeyDown:i=>w(i.detail)&&(null==a?void 0:a.onTabPress(i.detail)),onBalNavigate:i=>{null==a||a.onClick(),this.onClick&&this.onClick(i.detail)}}:{a11yControls:a.flyoutId,label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:i=>w(i.detail)&&(null==a?void 0:a.onTabPress(i.detail)),"no-panel":!0})}}let S=0;class D extends z{constructor(a,i){super(a,i),this.mainLinkItems=[],this.id="nav-meta-link-item-"+P++,this.value=a.value||this.id,this.mainLinkItems=(a.mainLinkItems||[]).map((a=>new I(a,i))),this.overviewLink=a.overviewLink?new z(a.overviewLink,i):void 0}get type(){return"NavMetaLinkItem"}renderTouch(a){const i=m.block("nav"),e=(null==a?void 0:a.activeMetaLinkValue)===this.value;return t("li",null,t(M,{id:this.id,level:"meta",label:this.label,open:e,link:!(this.mainLinkItems.length>0)&&this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onAccordionClick(a)}),e?t(F,{item:this.overviewLink,onClick:a=>this.onClick(a)}):"",e?t("hr",{class:Object.assign(Object.assign({},i.element("line").class()),i.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?t("ul",{class:Object.assign({},i.element("mobile-menu-list").class())},this.mainLinkItems.map((i=>i.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})))):"",t("hr",{class:Object.assign({},i.element("line").class())}))}render(a){return t("bal-tab-item",this.isLink?{a11yControls:a.flyoutId,label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":!0}:{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{this.onClick&&this.onClick(a.detail)}})}}let P=0;const V=class{constructor(a){l(this,a),this.balNavItemClick=r(this,"balNavItemClick"),this.navId="bal-nav-"+q++,this.bodyScrollHandler=new x,this.isTouch=p.isTouch,this.isDesktop=p.isDesktop,this.language=o.language,this.region=o.region,this.isFlyoutActive=!1,this.hasRenderedWithFlyoutActive=!1,this.options=[],this.linkItems=[],this.buttons=[],this.metaButtons=[],this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.linkItems=this.options.map((a=>new D(a,this)))},this.onMetaButtonChange=async()=>{this.metaButtons=this.buttons.map((a=>new N(a,this)))},this.onTouchToggleFlyout=()=>{this.closeAllPopups(),this.toggleFlyout(),e.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isFlyoutActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()},this.onPopupOpen=a=>{this.isTouch&&e.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}}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 s(this.el),await b();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 e,n,l,r,o,s,b,c,v;const h=m.block("nav"),p=h.element("flyout");return this.hasRenderedWithFlyoutActive=this.isFlyoutActive,t(d,{key:"dae60e87a7091b449e1f75eab64b12ce35fb05ea",id:this.navId,class:Object.assign({},h.class())},t("div",{key:"649fcb126503a271bc248ee96e68b425a923e5d3",class:{"bal-nav-meta-bar-transform":!0,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?t("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:a=>this.metaBarEl=a},t("bal-stack",{space:"auto"},this.linkItems.length>1?t("bal-tabs",{inverted:!0,context:"meta",value:this.activeMetaLinkValue,"aria-label":O[this.language].mainNavigation,onBalChange:a=>this.onMetaBarTabChange(a)},this.linkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`})))):t("span",null),t("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtMetaBar()))))):"",this.isDesktop?t("bal-nav-menu-bar",{position:"fixed-top",ref:a=>this.menuBarEl=a},t("bal-stack",{space:"auto","space-row":"none","use-wrap":!0},this.renderLogo(),t("bal-tabs",{context:"navigation",accordion:!0,value:this.activeMenuLinkValue,"aria-label":O[this.language].navigation},null===(e=this.linkItems.find((a=>a.value===this.activeMetaLinkValue)))||void 0===e?void 0:e.mainLinkItems.map((t=>t.render({flyoutId:`${this.navId}-menu-flyout`,onClick:()=>this.onMenuBarTabChange(t.value),onTabPress:e=>{if(this.isFlyoutActive){const n=e.shiftKey;(({tabs:t,indexOfNextTab:e,indexOfActiveTab:n},l)=>{const r=null==t?void 0:t.findIndex((a=>a.value===l.item.value));if(!l.isBackwards&&r===t.length-1)return l.stopEventBubbling(),l.closeFlyout(),void a((()=>{((a,t)=>{const e=Array.from(document.querySelectorAll(["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","))).filter((a=>null!==a.offsetParent)).filter((a=>!i(t,a))),n=e.indexOf(a),l=e[n+1];l&&l.focus()})(document.activeElement,l.el)}));if(!l.isBackwards&&r===n){const a=l.el.querySelector(`#${l.navId}-menu-flyout`);if(a){const i=a.querySelector('a, button, [tabindex="0"]');i&&(l.stopEventBubbling(),i.focus({preventScroll:!0}))}}if(l.isBackwards&&r===e){const a=l.el.querySelector(`#${l.navId}-menu-flyout`);if(a){const i=a.querySelectorAll('a, button, [tabindex="0"]'),t=i[i.length-1];t&&(l.stopEventBubbling(),t.focus({preventScroll:!0}))}}})(j({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue,linkItems:this.linkItems}),{el:this.el,navId:this.navId,isFlyoutActive:this.isFlyoutActive,isBackwards:n,item:t,stopEventBubbling:()=>f(e),closeFlyout:()=>this.closeFlyout()})}}}))))),this.isFlyoutActive?t("bal-nav-menu-flyout",{navId:this.navId,"aria-label":O[this.language].subNavigation,onBalFocusOut:a=>{if(this.isFlyoutActive){f(a);const t=j({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue,linkItems:this.linkItems}),e=i(this.el,a.detail.relatedTarget);((a,i)=>{const t=i.isBackwards?a.tabs[a.indexOfActiveTab]:a.tabs[a.indexOfNextTab];if(t){const a=i.el.querySelector(`button[data-value="${t.value}"], a[data-value="${t.value}"]`);a&&a.focus({preventScroll:!0})}})(t,{el:this.el,isBackwards:e})}}},t("bal-nav-link",{role:"listitem",variant:"overview",href:null===(l=null===(n=this.activeMenuLinkItem)||void 0===n?void 0:n.overviewLink)||void 0===l?void 0:l.href,target:null===(o=null===(r=this.activeMenuLinkItem)||void 0===r?void 0:r.overviewLink)||void 0===o?void 0:o.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===(v=null===(c=this.activeMenuLinkItem)||void 0===c?void 0:c.overviewLink)||void 0===v?void 0:v.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",t("div",{key:"6499f09da6ff07093492b342ee5851600eccd391"},t("slot",{key:"83f00bc33f0587edf5145def059525712b62637d"}))),this.isTouch?t("bal-nav-meta-bar",{variant:"white",size:"normal"},t("bal-stack",{space:"auto"},this.renderLogo(),t("bal-stack",{space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtTouchTopMetaBar())),t("bal-button",{square:!0,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?O[this.language].close:O[this.language].open,onClick:a=>this.onTouchToggleFlyout(a)})))):"",this.isTouch?t("div",{class:Object.assign(Object.assign({},p.class()),p.modifier("visible").class(this.isFlyoutActive))},t("nav",{class:Object.assign({},p.element("container").class())},t("ul",{class:Object.assign({},h.element("mobile-meta-list").class())},this.linkItems.map((a=>a.renderTouch({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue})))))):"",this.isTouch&&this.isFlyoutActive?t("bal-nav-meta-bar",{stayOnTopOfBackdrop:!0,variant:"grey",size:"normal"},t("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((a=>a.renderAtTouchBottomMetaBar())))):"")}renderGridLinks(a){var i,e;return a?t("bal-nav-link-grid",null,t("bal-nav-link-grid-col",null,null===(i=a.sectionLinkItems)||void 0===i?void 0:i.map((a=>a.render()))),t("bal-nav-link-grid-col",{"static-col":!0},null===(e=a.serviceLinkItems)||void 0===e?void 0:e.map((a=>a.render())))):""}renderTouchMenuAccordions(a){return t("bal-list",{"accordion-one-level":!0,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((a=>{var i,e,n;return a.isLink?t("bal-list-item",{key:a.label,"sub-accordion-item":!0,href:a.href,target:a.target},t("bal-list-item-content",null,t("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):t("bal-list-item",{key:a.label,accordion:!0,"sub-accordion-item":!0},t("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},t("bal-list-item-content",null,t("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),t("bal-list-item-accordion-body",null,t("div",{style:{width:"100%"}},t("bal-nav-link",{role:"listitem",variant:"overview",href:null===(i=a.overviewLink)||void 0===i?void 0:i.href,target:null===(e=a.overviewLink)||void 0===e?void 0:e.target,onClick:()=>this.linkItemClickListener(a.overviewLink)},null===(n=a.overviewLink)||void 0===n?void 0:n.label),t("div",{class:"pt-normal"},this.renderGridLinks(a)))))})))}renderLogo(){var a,i,e,n,l,r,o,s;const b=(null===(a=this.logo)||void 0===a?void 0:a.href)?"a":(null===(i=this.logo)||void 0===i?void 0:i.clickable)?"button":"div";let d=t("bal-logo",{animated:!0});const c=null===(e=this.logo)||void 0===e?void 0:e.url,v=_(null===(n=this.logo)||void 0===n?void 0:n.svg);return c&&(d=t("img",{height:32,style:{maxHeight:"32px"},src:c,alt:"Logo"})),v&&(d=t("div",{innerHTML:v,role:"img","aria-label":"Logo",style:{display:"flex",height:"32px",maxHeight:"32px",minWidth:"32px"}})),t(b,{class:"bal-nav__logo","aria-label":null===(l=this.logo)||void 0===l?void 0:l.ariaLabel,title:null===(r=this.logo)||void 0===r?void 0:r.htmlTitle,href:null===(o=this.logo)||void 0===o?void 0:o.href,target:null===(s=this.logo)||void 0===s?void 0:s.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})}},d)}get el(){return c(this)}static get watchers(){return{options:["optionChanged"],buttons:["buttonChanged"]}}};v([n("bal-nav"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],V.prototype,"createLogger",null),v([k({tags:["bal-popup"],waitAfterFramePrint:!0}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],V.prototype,"mutationListener",null),v([u(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],V.prototype,"breakpointListener",null),v([g(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",Promise)],V.prototype,"configChanged",null);let q=0;V.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-top:0rem;--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{position:relative;background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem - var(--bal-nav-top, 0rem));overflow-y:auto;z-index:calc(var(--bal-z-index-navigation) - 1)}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";const H=class{constructor(a){l(this,a),this.variant="",this.selected=!1,this.clickable=!1,this.target="_self"}createLogger(a){this.log=a}render(){const a=m.block("nav-link"),{href:i,target:e,rel:n}=this,l=void 0!==i&&""!==i,r=""!==this.variant,o=l?"a":this.clickable?"button":"span";let s={};return l&&(s={href:i,target:e,rel:n}),t(d,{key:"094bc385a6c8158fe7be5ad0e4198523d51d65e8",class:Object.assign(Object.assign({},a.class()),a.modifier(`variant-${this.variant}`).class(r))},t(o,Object.assign({key:"1ab588cc904d115f8ec4f4daa879c3386088b031","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier(`variant-${this.variant}`).class(r)),a.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},s),t("slot",{key:"78c3c18fbb008c69c4f2f1fd7667a34e8c172dae"})))}};v([n("bal-nav-link"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],H.prototype,"createLogger",null),H.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 Y=class{constructor(a){l(this,a)}createLogger(a){this.log=a}render(){const a=m.block("nav-link-grid");return t(d,{key:"cf120f164d237ac949800e041f354c577ec9a4c2",class:Object.assign({},a.class())},t("slot",{key:"c8b40348d598dc98dc5d1cdbd61a5dc57736041a"}))}};v([n("bal-nav-link-grid"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],Y.prototype,"createLogger",null),Y.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 E=class{constructor(a){l(this,a),this.staticCol=!1}createLogger(a){this.log=a}render(){const a=m.block("nav-link-grid-col"),i=a.element("inner");return t(d,{key:"d7acb4f8e0e7d438e80b429883332e397da63372",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},t("div",{key:"45840d28afac2acd60020bcbb2365fc5f2942d53",class:Object.assign({},i.class())},t("slot",{key:"c3938c0a946e3fdd55222635b7dc5a057fcab0d6"})))}};v([n("bal-nav-link-grid-col"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],E.prototype,"createLogger",null),E.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 W=class{constructor(a){l(this,a),this.color=""}createLogger(a){this.log=a}render(){const a=m.block("nav-link-group"),i=""!==this.color;return t(d,{key:"430702a9ee2d0b8e90c22a6d5a710e1ff937fa41",class:Object.assign(Object.assign({},a.class()),a.modifier(`is-${this.color}`).class(i))},t("slot",{key:"cf882ef1d17029c47e2bb5cb6b7a2a68b4875492"}))}};v([n("bal-nav-link-group"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],W.prototype,"createLogger",null),W.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 Q=class{constructor(a){l(this,a),this.navMenuBarId="bal-nav-menu-bar-"+U++,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 a=m.block("nav-menu-bar"),i=a.element("inner");return t(d,{key:"1d3156e1e56a298106c03aa04a7ce6e7e720fa09",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class("mobile"===this.invisible)),a.modifier("hidden-tablet").class("tablet"===this.invisible)),a.modifier(`position-${this.position}`).class("none"!==this.position))},t("div",{key:"1e1855a00bf27d97cd6740bbf1bf6c27b688b8fd",class:Object.assign({},i.class())},t("div",{key:"96ada15dbc1e40a0f364d05de09692c483a57c44",class:Object.assign({},a.element("container").class())},t("slot",{key:"1a3229dd01d5da1cfc3e9ff15ae995ddd6fb2c93"}))))}get el(){return c(this)}};v([n("bal-nav-menu-bar"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],Q.prototype,"createLogger",null);let U=0;Q.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 G=class{constructor(a){l(this,a),this.balFocusOut=r(this,"balFocusOut"),this.bodyScrollHandler=new x,this.isHidden=!1,this.navId="bal-nav-x"+J++}createLogger(a){this.log=a}connectedCallback(){this.bodyScrollHandler.connect()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}onFocusLeave(a){this.el&&a.relatedTarget&&!i(this.el,a.relatedTarget)&&this.balFocusOut.emit(a)}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 a=m.block("nav-menu-flyout"),i=a.element("line");return t(d,{key:"08fec06021b7342e57f8b473e8b3945e9f9b1fdd",id:`${this.navId}-menu-flyout`,class:Object.assign({},a.class())},t("div",{key:"e0ac894e2f7f9f598e83f9b356d6b6650517dae8",class:Object.assign({},i.class())}),t("div",{key:"1849d0a2e87299ed182eb4d3adf167f129dc50f5",class:Object.assign({},a.element("container").class())},t("slot",{key:"d4b6906e2747d25c10426c295cce3f6a64ee5fb3"})))}get el(){return c(this)}};v([n("bal-nav-menu-flyout"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],G.prototype,"createLogger",null),v([y(),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],G.prototype,"resizeListener",null);let J=0;G.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 K=class{constructor(a){l(this,a),this.navMetaBarId="bal-nav-meta-bar-"+Z++,this.previousY=0,this.isHidden=!1,this.stayOnTopOfBackdrop=!1,this.variant="primary",this.size="normal",this.invisible="none",this.position="none"}createLogger(a){this.log=a}handleScroll(){if(e.hasWindow&&e.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 a=m.block("nav-meta-bar");return t(d,{key:"b0bcf370b580af4b1b08e3db52fdcd63d73b6626",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`variant-${this.variant}`).class()),a.modifier(`size-${this.size}`).class()),a.modifier(`position-${this.position}`).class("none"!==this.position)),a.modifier("hidden-mobile").class("mobile"===this.invisible)),a.modifier("hidden-tablet").class("tablet"===this.invisible)),a.modifier("stay-on-top").class(this.stayOnTopOfBackdrop))},t("div",{key:"e6d3b94907abfa645139d6f680f70fc5c4120704",class:Object.assign({},a.element("container").class())},t("slot",{key:"d8f228c8191c61245dcf96f54270e021609a9296"})))}get el(){return c(this)}};v([n("bal-meta-bar"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],K.prototype,"createLogger",null);let Z=0;K.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%}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 1023px){.bal-nav>.bal-nav-meta-bar{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:var(--bal-nav-top, 0rem);z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)))}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)))}";export{V as bal_nav,H as bal_nav_link,Y as bal_nav_link_grid,E as bal_nav_link_grid_col,W as bal_nav_link_group,Q as bal_nav_menu_bar,G as bal_nav_menu_flyout,K as bal_nav_meta_bar}

package/dist/baloise-design-system/{p-72394a2972.system.entry.js → p-bc91fd8133.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,i,e,n){function r(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,o){function a(t){try{l(n.next(t))}catch(t){o(t)}}function s(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?e(t.value):r(t.value).then(a,s)}l((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return l([t,i])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(e=0)),e)try{if(n=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;r=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){e.label=s[1];break}if(s[0]===6&&e.label<o[1]){e.label=o[1];o=s;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(s);break}if(o[2])e.ops.pop();e.trys.pop();continue}s=i.call(t,e)}catch(t){s=[6,t];r=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-CBMgyOmf.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-S0PfBzNO.system.js","./p-Chns0XSm.system.js"],(function(t){"use strict";var i,e,n,r,o,a,s,l,u,c,f,h;return{setters:[function(t){i=t.L;e=t.H;n=t.P;r=t.a;o=t.M;a=t.N;s=t.O},function(t){l=t._;u=t.a},function(t){c=t.B},function(t){f=t.b},function(t){h=t.b}],execute:function(){var b=function(t){if(t){m(t)}};var d=function(t){if(t){y(t)}};var p=function(t){if(t){m(t)}};var v=function(t){if(t){Object.assign(t.style,{left:"",top:"",display:"none",visibility:"hidden"})}};var m=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};var y=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};var g=":host{--bal-tooltip-container-background:var(--bal-color-primary-6);--bal-tooltip-max-width:auto;--bal-tooltip-radius:var(--bal-radius-normal);--bal-tooltip-shadow:var(--bal-shadow-normal);--bal-tooltip-arrow-background:var(--bal-color-primary-6);--bal-tooltip-font-family:var(--bal-font-family-text);--bal-tooltip-font-size:var(--bal-text-size-small)}:host{position:static;display:inline;z-index:var(--bal-z-index-tooltip)}.bal-tooltip__container{background-color:var(--bal-tooltip-container-background);display:none;visibility:hidden;color:#fff;padding:var(--bal-space-x-small);border-radius:var(--bal-tooltip-radius);-webkit-box-shadow:var(--bal-tooltip-shadow);box-shadow:var(--bal-tooltip-shadow);width:var(--bal-tooltip-max-width);position:absolute;top:0;left:0}.bal-tooltip__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 8rem)}.bal-tooltip__inner__content{width:100%;font-family:var(--bal-tooltip-font-family);font-size:var(--bal-tooltip-font-size)}.bal-tooltip__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:.5rem;height:.5rem;background:var(--bal-tooltip-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-tooltip-variant-popover-trigger,.bal-tooltip-permanent-trigger{z-index:calc(var(--bal-z-index-tooltip) + 1) !important;position:relative !important}";var w=t("bal_tooltip",function(){function t(t){e(this,t);this.balWillAnimate=n(this,"balWillAnimate");this.balDidAnimate=n(this,"balDidAnimate");this.tooltipId="bal-to-".concat(_++);this.reference="";this.placement="bottom";this.offset=0;this.demo=false;this.presented=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-tooltip-max-width")}else{this.el.style.setProperty("--bal-tooltip-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){var t=this;this.contentWidthChanged(this.contentWidth,0);if(!f.hasTouchScreen){var i=[];var e=[];i=["mouseenter","focus"];e=["mouseleave","blur"];i.forEach((function(i){if(t.triggerElement){t.triggerElement.addEventListener(i,(function(){return t.present()}))}}));e.forEach((function(i){if(t.triggerElement){t.triggerElement.addEventListener(i,(function(){return t.dismiss()}))}}))}if(this.demo){this.present()}};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;var n=this;return __generator(this,(function(o){switch(o.label){case 0:if(!this.trigger&&r.hasDocument){t=Array.from(document.querySelectorAll('[id="'.concat(this.reference,'"]')))[0];this.trigger=t}if(!(this.trigger&&this.containerEl&&this.arrowEl))return[3,2];this.balWillAnimate.emit();i=this.trigger.attributes.getNamedItem("bal-tooltip-placement");if(i){this.placement=i.value}else{this.placement=this.placement}b(this.containerEl);p(this.arrowEl);this.trigger.classList.add("bal-tooltip-trigger");this.presented=true;return[4,h.load()];case 1:e=o.sent();this.cleanup=e.autoUpdate(this.trigger,this.containerEl,(function(){n.update()}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});this.balDidAnimate.emit();return[2,true];case 2:return[2,false]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.containerEl&&this.arrowEl&&this.trigger){this.balWillAnimate.emit();if(this.cleanup){this.cleanup()}this.trigger.classList.remove("bal-tooltip-trigger");d(this.containerEl);v(this.arrowEl);this.presented=false;this.balDidAnimate.emit();return[2,true]}return[2,false]}))}))};t.prototype.update=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(n){switch(n.label){case 0:if(!(this.trigger&&this.containerEl&&this.arrowEl))return[3,2];this.balWillAnimate.emit();t=false;if(r.hasWindow){t=!!window.frameElement}return[4,h.load()];case 1:i=n.sent();i.computePosition(this.trigger,this.containerEl,{placement:this.placement,middleware:[t?undefined:i.shift(),i.flip(),i.offset(8),i.arrow({element:this.arrowEl,padding:4})]}).then((function(t){var i;var n=t.x,r=t.y,o=t.middlewareData,a=t.placement;var s=a.split("-")[0];var l={top:"bottom",right:"left",bottom:"top",left:"right"}[s];if(e.containerEl){Object.assign(e.containerEl.style,{left:"".concat(n,"px"),top:"".concat(r,"px")})}if(o.arrow&&e.arrowEl){var u=o.arrow;Object.assign(e.arrowEl.style,(i={left:n!=null&&u.x!=null?"".concat(u.x,"px"):"",top:r!=null&&u.y!=null?"".concat(u.y,"px"):"",right:"",bottom:""},i[l]="".concat(-4,"px"),i))}}));this.balDidAnimate.emit();return[2,true];case 2:return[2,false]}}))}))};Object.defineProperty(t.prototype,"triggerElement",{get:function(){return document.querySelector('[id="'.concat(this.reference,'"]'))},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var i=c.block("tooltip");var e=i.element("container");var n=i.element("arrow");var r=i.element("inner");var s=r.element("content");return o(a,{key:"8a590dae8eddc3aba2700a72f040af70ac4dd3e6",class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true)},o("div",{key:"c27651c603f1dda66783bbf9fc57f9b84f29465e",class:Object.assign({},e.class()),ref:function(i){return t.containerEl=i}},o("div",{key:"9e8bb710979992265e4b3938b03500f332fd76f8",class:Object.assign({},n.class()),ref:function(i){return t.arrowEl=i}}),o("bal-stack",{key:"8986da10e482c79939711244189613b601bbac60",layout:"vertical",class:Object.assign({},r.class())},o("div",{key:"0f7ff54deee83d4dc00d95655b0f3d0e0a5ce4ed",class:Object.assign({},s.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-tooltip-content"},o("slot",{key:"6abe4c290c6974b1b6b075f7ddee9834949cdba8"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}());l([i("bal-tooltip"),u("design:type",Function),u("design:paramtypes",[Function]),u("design:returntype",void 0)],w.prototype,"createLogger",null);var _=0;w.style=g}}}));
+var __awaiter=this&&this.__awaiter||function(t,i,e,n){function r(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,o){function a(t){try{l(n.next(t))}catch(t){o(t)}}function s(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?e(t.value):r(t.value).then(a,s)}l((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return l([t,i])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(e=0)),e)try{if(n=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;r=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){e.label=s[1];break}if(s[0]===6&&e.label<o[1]){e.label=o[1];o=s;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(s);break}if(o[2])e.ops.pop();e.trys.pop();continue}s=i.call(t,e)}catch(t){s=[6,t];r=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-CZqZRJHG.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-JndZEZsF.system.js","./p-CGwhTU7i.system.js"],(function(t){"use strict";var i,e,n,r,o,a,s,l,u,c,f,h;return{setters:[function(t){i=t.L;e=t.H;n=t.P;r=t.a;o=t.M;a=t.N;s=t.O},function(t){l=t._;u=t.a},function(t){c=t.B},function(t){f=t.b},function(t){h=t.b}],execute:function(){var b=function(t){if(t){m(t)}};var d=function(t){if(t){y(t)}};var p=function(t){if(t){m(t)}};var v=function(t){if(t){Object.assign(t.style,{left:"",top:"",display:"none",visibility:"hidden"})}};var m=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};var y=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};var g=":host{--bal-tooltip-container-background:var(--bal-color-primary-6);--bal-tooltip-max-width:auto;--bal-tooltip-radius:var(--bal-radius-normal);--bal-tooltip-shadow:var(--bal-shadow-normal);--bal-tooltip-arrow-background:var(--bal-color-primary-6);--bal-tooltip-font-family:var(--bal-font-family-text);--bal-tooltip-font-size:var(--bal-text-size-small)}:host{position:static;display:inline;z-index:var(--bal-z-index-tooltip)}.bal-tooltip__container{background-color:var(--bal-tooltip-container-background);display:none;visibility:hidden;color:#fff;padding:var(--bal-space-x-small);border-radius:var(--bal-tooltip-radius);-webkit-box-shadow:var(--bal-tooltip-shadow);box-shadow:var(--bal-tooltip-shadow);width:var(--bal-tooltip-max-width);position:absolute;top:0;left:0}.bal-tooltip__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 8rem)}.bal-tooltip__inner__content{width:100%;font-family:var(--bal-tooltip-font-family);font-size:var(--bal-tooltip-font-size)}.bal-tooltip__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:.5rem;height:.5rem;background:var(--bal-tooltip-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-tooltip-variant-popover-trigger,.bal-tooltip-permanent-trigger{z-index:calc(var(--bal-z-index-tooltip) + 1) !important;position:relative !important}";var w=t("bal_tooltip",function(){function t(t){e(this,t);this.balWillAnimate=n(this,"balWillAnimate");this.balDidAnimate=n(this,"balDidAnimate");this.tooltipId="bal-to-".concat(_++);this.reference="";this.placement="bottom";this.offset=0;this.demo=false;this.presented=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-tooltip-max-width")}else{this.el.style.setProperty("--bal-tooltip-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){var t=this;this.contentWidthChanged(this.contentWidth,0);if(!f.hasTouchScreen){var i=[];var e=[];i=["mouseenter","focus"];e=["mouseleave","blur"];i.forEach((function(i){if(t.triggerElement){t.triggerElement.addEventListener(i,(function(){return t.present()}))}}));e.forEach((function(i){if(t.triggerElement){t.triggerElement.addEventListener(i,(function(){return t.dismiss()}))}}))}if(this.demo){this.present()}};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;var n=this;return __generator(this,(function(o){switch(o.label){case 0:if(!this.trigger&&r.hasDocument){t=Array.from(document.querySelectorAll('[id="'.concat(this.reference,'"]')))[0];this.trigger=t}if(!(this.trigger&&this.containerEl&&this.arrowEl))return[3,2];this.balWillAnimate.emit();i=this.trigger.attributes.getNamedItem("bal-tooltip-placement");if(i){this.placement=i.value}else{this.placement=this.placement}b(this.containerEl);p(this.arrowEl);this.trigger.classList.add("bal-tooltip-trigger");this.presented=true;return[4,h.load()];case 1:e=o.sent();this.cleanup=e.autoUpdate(this.trigger,this.containerEl,(function(){n.update()}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});this.balDidAnimate.emit();return[2,true];case 2:return[2,false]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.containerEl&&this.arrowEl&&this.trigger){this.balWillAnimate.emit();if(this.cleanup){this.cleanup()}this.trigger.classList.remove("bal-tooltip-trigger");d(this.containerEl);v(this.arrowEl);this.presented=false;this.balDidAnimate.emit();return[2,true]}return[2,false]}))}))};t.prototype.update=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(n){switch(n.label){case 0:if(!(this.trigger&&this.containerEl&&this.arrowEl))return[3,2];this.balWillAnimate.emit();t=false;if(r.hasWindow){t=!!window.frameElement}return[4,h.load()];case 1:i=n.sent();i.computePosition(this.trigger,this.containerEl,{placement:this.placement,middleware:[t?undefined:i.shift(),i.flip(),i.offset(8),i.arrow({element:this.arrowEl,padding:4})]}).then((function(t){var i;var n=t.x,r=t.y,o=t.middlewareData,a=t.placement;var s=a.split("-")[0];var l={top:"bottom",right:"left",bottom:"top",left:"right"}[s];if(e.containerEl){Object.assign(e.containerEl.style,{left:"".concat(n,"px"),top:"".concat(r,"px")})}if(o.arrow&&e.arrowEl){var u=o.arrow;Object.assign(e.arrowEl.style,(i={left:n!=null&&u.x!=null?"".concat(u.x,"px"):"",top:r!=null&&u.y!=null?"".concat(u.y,"px"):"",right:"",bottom:""},i[l]="".concat(-4,"px"),i))}}));this.balDidAnimate.emit();return[2,true];case 2:return[2,false]}}))}))};Object.defineProperty(t.prototype,"triggerElement",{get:function(){return document.querySelector('[id="'.concat(this.reference,'"]'))},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var i=c.block("tooltip");var e=i.element("container");var n=i.element("arrow");var r=i.element("inner");var s=r.element("content");return o(a,{key:"8a590dae8eddc3aba2700a72f040af70ac4dd3e6",class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true)},o("div",{key:"c27651c603f1dda66783bbf9fc57f9b84f29465e",class:Object.assign({},e.class()),ref:function(i){return t.containerEl=i}},o("div",{key:"9e8bb710979992265e4b3938b03500f332fd76f8",class:Object.assign({},n.class()),ref:function(i){return t.arrowEl=i}}),o("bal-stack",{key:"8986da10e482c79939711244189613b601bbac60",layout:"vertical",class:Object.assign({},r.class())},o("div",{key:"0f7ff54deee83d4dc00d95655b0f3d0e0a5ce4ed",class:Object.assign({},s.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-tooltip-content"},o("slot",{key:"6abe4c290c6974b1b6b075f7ddee9834949cdba8"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}());l([i("bal-tooltip"),u("design:type",Function),u("design:paramtypes",[Function]),u("design:returntype",void 0)],w.prototype,"createLogger",null);var _=0;w.style=g}}}));

package/dist/baloise-design-system/{p-5f8634b062.entry.js → p-beb9fc5ed3.entry.js}

@@ -1 +1 @@
-import{H as r,M as i,N as a,O as l}from"./p-BD2o1F4P.js";import{B as o}from"./p-ByiN-QjD.js";const p=class{constructor(i){r(this,i),this.invalid=!1,this.disabled=!1,this.readonly=!1}render(){const r=o.block("input-group"),l=this.invalid,p=this.disabled||this.readonly;return i(a,{key:"4e70d05568802c062f5b9574eac4ec92d97ac802",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("is-danger").class(l)),r.modifier("is-disabled").class(p))},i("slot",{key:"66341e0036de49d244c8d6350d46c9c6c3920d35"}))}get el(){return l(this)}};p.style=".bal-input-group{-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;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-form-field-control-background-hover)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";export{p as bal_input_group}
+import{H as r,M as i,N as a,O as l}from"./p-PmQf2Yvi.js";import{B as o}from"./p-ByiN-QjD.js";const p=class{constructor(i){r(this,i),this.invalid=!1,this.disabled=!1,this.readonly=!1}render(){const r=o.block("input-group"),l=this.invalid,p=this.disabled||this.readonly;return i(a,{key:"4e70d05568802c062f5b9574eac4ec92d97ac802",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("is-danger").class(l)),r.modifier("is-disabled").class(p))},i("slot",{key:"66341e0036de49d244c8d6350d46c9c6c3920d35"}))}get el(){return l(this)}};p.style=".bal-input-group{-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;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-form-field-control-background-hover)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";export{p as bal_input_group}

package/dist/baloise-design-system/{p-31150f03b2.entry.js → p-c09a59876d.entry.js}

@@ -1 +1 @@
-import{L as t,H as i,P as a,a as o,M as e,N as s,O as l}from"./p-BD2o1F4P.js";import{_ as r,a as n}from"./p-dfXERft2.js";import{B as h}from"./p-ByiN-QjD.js";import{b as d}from"./p-DA3x7XDv.js";import{b}from"./p-YZKAyrM-.js";const c=t=>{t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))},p=class{constructor(t){i(this,t),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.tooltipId="bal-to-"+m++,this.reference="",this.placement="bottom",this.offset=0,this.demo=!1,this.presented=!1}createLogger(t){this.log=t}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-tooltip-max-width"):this.el.style.setProperty("--bal-tooltip-max-width",`${this.contentWidth}px`))}componentDidLoad(){if(this.contentWidthChanged(this.contentWidth,0),!d.hasTouchScreen){let t=[],i=[];t=["mouseenter","focus"],i=["mouseleave","blur"],t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.present()))})),i.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}this.demo&&this.present()}async present(){if(!this.trigger&&o.hasDocument){const t=Array.from(document.querySelectorAll(`[id="${this.reference}"]`))[0];this.trigger=t}if(this.trigger&&this.containerEl&&this.arrowEl){this.balWillAnimate.emit();const a=this.trigger.attributes.getNamedItem("bal-tooltip-placement");this.placement=a?a.value:this.placement,(i=this.containerEl)&&c(i),(t=this.arrowEl)&&c(t),this.trigger.classList.add("bal-tooltip-trigger"),this.presented=!0;const o=await b.load();return this.cleanup=o.autoUpdate(this.trigger,this.containerEl,(()=>{this.update()}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),this.balDidAnimate.emit(),!0}var t,i;return!1}async dismiss(){return!!(this.containerEl&&this.arrowEl&&this.trigger)&&(this.balWillAnimate.emit(),this.cleanup&&this.cleanup(),this.trigger.classList.remove("bal-tooltip-trigger"),(a=this.containerEl)&&((t=a)&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))),(i=this.arrowEl)&&Object.assign(i.style,{left:"",top:"",display:"none",visibility:"hidden"}),this.presented=!1,this.balDidAnimate.emit(),!0);var t,i,a}async update(){if(this.trigger&&this.containerEl&&this.arrowEl){this.balWillAnimate.emit();let t=!1;o.hasWindow&&(t=!!window.frameElement);const i=await b.load();return i.computePosition(this.trigger,this.containerEl,{placement:this.placement,middleware:[t?void 0:i.shift(),i.flip(),i.offset(8),i.arrow({element:this.arrowEl,padding:4})]}).then((({x:t,y:i,middlewareData:a,placement:o})=>{const e={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];if(this.containerEl&&Object.assign(this.containerEl.style,{left:`${t}px`,top:`${i}px`}),a.arrow&&this.arrowEl){const o=a.arrow;Object.assign(this.arrowEl.style,{left:null!=t&&null!=o.x?`${o.x}px`:"",top:null!=i&&null!=o.y?`${o.y}px`:"",right:"",bottom:"",[e]:"-4px"})}})),this.balDidAnimate.emit(),!0}return!1}get triggerElement(){return document.querySelector(`[id="${this.reference}"]`)}render(){const t=h.block("tooltip"),i=t.element("container"),a=t.element("arrow"),o=t.element("inner"),l=o.element("content");return e(s,{key:"8a590dae8eddc3aba2700a72f040af70ac4dd3e6",class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`},e("div",{key:"c27651c603f1dda66783bbf9fc57f9b84f29465e",class:Object.assign({},i.class()),ref:t=>this.containerEl=t},e("div",{key:"9e8bb710979992265e4b3938b03500f332fd76f8",class:Object.assign({},a.class()),ref:t=>this.arrowEl=t}),e("bal-stack",{key:"8986da10e482c79939711244189613b601bbac60",layout:"vertical",class:Object.assign({},o.class())},e("div",{key:"0f7ff54deee83d4dc00d95655b0f3d0e0a5ce4ed",class:Object.assign({},l.class()),ref:t=>this.contentEl=t,"data-test":"bal-tooltip-content"},e("slot",{key:"6abe4c290c6974b1b6b075f7ddee9834949cdba8"})))))}get el(){return l(this)}static get watchers(){return{contentWidth:["contentWidthChanged"]}}};r([t("bal-tooltip"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],p.prototype,"createLogger",null);let m=0;p.style=":host{--bal-tooltip-container-background:var(--bal-color-primary-6);--bal-tooltip-max-width:auto;--bal-tooltip-radius:var(--bal-radius-normal);--bal-tooltip-shadow:var(--bal-shadow-normal);--bal-tooltip-arrow-background:var(--bal-color-primary-6);--bal-tooltip-font-family:var(--bal-font-family-text);--bal-tooltip-font-size:var(--bal-text-size-small)}:host{position:static;display:inline;z-index:var(--bal-z-index-tooltip)}.bal-tooltip__container{background-color:var(--bal-tooltip-container-background);display:none;visibility:hidden;color:#fff;padding:var(--bal-space-x-small);border-radius:var(--bal-tooltip-radius);-webkit-box-shadow:var(--bal-tooltip-shadow);box-shadow:var(--bal-tooltip-shadow);width:var(--bal-tooltip-max-width);position:absolute;top:0;left:0}.bal-tooltip__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 8rem)}.bal-tooltip__inner__content{width:100%;font-family:var(--bal-tooltip-font-family);font-size:var(--bal-tooltip-font-size)}.bal-tooltip__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:.5rem;height:.5rem;background:var(--bal-tooltip-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-tooltip-variant-popover-trigger,.bal-tooltip-permanent-trigger{z-index:calc(var(--bal-z-index-tooltip) + 1) !important;position:relative !important}";export{p as bal_tooltip}
+import{L as t,H as i,P as a,a as o,M as e,N as s,O as l}from"./p-PmQf2Yvi.js";import{_ as r,a as n}from"./p-dfXERft2.js";import{B as h}from"./p-ByiN-QjD.js";import{b as d}from"./p-CS7huZb4.js";import{b}from"./p-BvWFqTUG.js";const c=t=>{t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))},p=class{constructor(t){i(this,t),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.tooltipId="bal-to-"+m++,this.reference="",this.placement="bottom",this.offset=0,this.demo=!1,this.presented=!1}createLogger(t){this.log=t}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-tooltip-max-width"):this.el.style.setProperty("--bal-tooltip-max-width",`${this.contentWidth}px`))}componentDidLoad(){if(this.contentWidthChanged(this.contentWidth,0),!d.hasTouchScreen){let t=[],i=[];t=["mouseenter","focus"],i=["mouseleave","blur"],t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.present()))})),i.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}this.demo&&this.present()}async present(){if(!this.trigger&&o.hasDocument){const t=Array.from(document.querySelectorAll(`[id="${this.reference}"]`))[0];this.trigger=t}if(this.trigger&&this.containerEl&&this.arrowEl){this.balWillAnimate.emit();const a=this.trigger.attributes.getNamedItem("bal-tooltip-placement");this.placement=a?a.value:this.placement,(i=this.containerEl)&&c(i),(t=this.arrowEl)&&c(t),this.trigger.classList.add("bal-tooltip-trigger"),this.presented=!0;const o=await b.load();return this.cleanup=o.autoUpdate(this.trigger,this.containerEl,(()=>{this.update()}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),this.balDidAnimate.emit(),!0}var t,i;return!1}async dismiss(){return!!(this.containerEl&&this.arrowEl&&this.trigger)&&(this.balWillAnimate.emit(),this.cleanup&&this.cleanup(),this.trigger.classList.remove("bal-tooltip-trigger"),(a=this.containerEl)&&((t=a)&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))),(i=this.arrowEl)&&Object.assign(i.style,{left:"",top:"",display:"none",visibility:"hidden"}),this.presented=!1,this.balDidAnimate.emit(),!0);var t,i,a}async update(){if(this.trigger&&this.containerEl&&this.arrowEl){this.balWillAnimate.emit();let t=!1;o.hasWindow&&(t=!!window.frameElement);const i=await b.load();return i.computePosition(this.trigger,this.containerEl,{placement:this.placement,middleware:[t?void 0:i.shift(),i.flip(),i.offset(8),i.arrow({element:this.arrowEl,padding:4})]}).then((({x:t,y:i,middlewareData:a,placement:o})=>{const e={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];if(this.containerEl&&Object.assign(this.containerEl.style,{left:`${t}px`,top:`${i}px`}),a.arrow&&this.arrowEl){const o=a.arrow;Object.assign(this.arrowEl.style,{left:null!=t&&null!=o.x?`${o.x}px`:"",top:null!=i&&null!=o.y?`${o.y}px`:"",right:"",bottom:"",[e]:"-4px"})}})),this.balDidAnimate.emit(),!0}return!1}get triggerElement(){return document.querySelector(`[id="${this.reference}"]`)}render(){const t=h.block("tooltip"),i=t.element("container"),a=t.element("arrow"),o=t.element("inner"),l=o.element("content");return e(s,{key:"8a590dae8eddc3aba2700a72f040af70ac4dd3e6",class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`},e("div",{key:"c27651c603f1dda66783bbf9fc57f9b84f29465e",class:Object.assign({},i.class()),ref:t=>this.containerEl=t},e("div",{key:"9e8bb710979992265e4b3938b03500f332fd76f8",class:Object.assign({},a.class()),ref:t=>this.arrowEl=t}),e("bal-stack",{key:"8986da10e482c79939711244189613b601bbac60",layout:"vertical",class:Object.assign({},o.class())},e("div",{key:"0f7ff54deee83d4dc00d95655b0f3d0e0a5ce4ed",class:Object.assign({},l.class()),ref:t=>this.contentEl=t,"data-test":"bal-tooltip-content"},e("slot",{key:"6abe4c290c6974b1b6b075f7ddee9834949cdba8"})))))}get el(){return l(this)}static get watchers(){return{contentWidth:["contentWidthChanged"]}}};r([t("bal-tooltip"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],p.prototype,"createLogger",null);let m=0;p.style=":host{--bal-tooltip-container-background:var(--bal-color-primary-6);--bal-tooltip-max-width:auto;--bal-tooltip-radius:var(--bal-radius-normal);--bal-tooltip-shadow:var(--bal-shadow-normal);--bal-tooltip-arrow-background:var(--bal-color-primary-6);--bal-tooltip-font-family:var(--bal-font-family-text);--bal-tooltip-font-size:var(--bal-text-size-small)}:host{position:static;display:inline;z-index:var(--bal-z-index-tooltip)}.bal-tooltip__container{background-color:var(--bal-tooltip-container-background);display:none;visibility:hidden;color:#fff;padding:var(--bal-space-x-small);border-radius:var(--bal-tooltip-radius);-webkit-box-shadow:var(--bal-tooltip-shadow);box-shadow:var(--bal-tooltip-shadow);width:var(--bal-tooltip-max-width);position:absolute;top:0;left:0}.bal-tooltip__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 8rem)}.bal-tooltip__inner__content{width:100%;font-family:var(--bal-tooltip-font-family);font-size:var(--bal-tooltip-font-size)}.bal-tooltip__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:.5rem;height:.5rem;background:var(--bal-tooltip-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-tooltip-variant-popover-trigger,.bal-tooltip-permanent-trigger{z-index:calc(var(--bal-z-index-tooltip) + 1) !important;position:relative !important}";export{p as bal_tooltip}

package/dist/baloise-design-system/{p-525d0d10bc.entry.js → p-c0a18d78ed.entry.js}

@@ -1 +1 @@
-import{L as e,H as c,P as o,t as a,M as b,N as l,O as t,Z as r}from"./p-BD2o1F4P.js";import{_ as i,a as h}from"./p-dfXERft2.js";import{a as d}from"./p-DBsOHTWj.js";import{i as n}from"./p-C4sZQbkT.js";import{B as s}from"./p-ByiN-QjD.js";import{L as x}from"./p-CvgV77eH.js";import{F as k}from"./p-DqCbGYzv.js";import{d as v}from"./p-FCLKfv6B.js";import{s as u,c as p,d as m}from"./p-CwsaXXwG.js";import{d as g}from"./p-D1VPLQ5z.js";import{a as _}from"./p-BAaDJIzy.js";import{L as f}from"./p-Tax-FovQ.js";import{L as y}from"./p-DZOwskv1.js";import"./p-BpQdAaY_.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";const w=class{constructor(e){c(this,e),this.balFocus=o(this,"balFocus"),this.balBlur=o(this,"balBlur"),this.balChange=o(this,"balChange"),this.inputId="bal-cb-"+j++,this.inheritedAttributes={},this.keyboardMode=!0,this.hasLabel=!0,this.focused=!1,this.ariaForm=v,this.wasFocused=!1,this.outerElementState={hovered:!1,pressed:!1},this.innerElementState={hovered:!1,pressed:!1},this.mergedElementState={hovered:!1,pressed:!1},this.name=this.inputId,this.label="",this.labelHidden=!1,this.flat=!1,this.interface="checkbox",this.value="on",this.checked=!1,this.initialValue=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1,this.setChecked=e=>{this.checked=e,this.balChange.emit(this.checked)},this.toggleChecked=e=>{e.preventDefault(),this.setFocus(),this.setChecked(!this.checked)},this.onClick=e=>{if(this.disabled)return;const c=e.target;c&&c.href||(this.wasFocused&&(this.focused=!0),this.toggleChecked(e))},this.onFocus=e=>{if(this.disabled||this.readonly)return this.focused=!1,u(e);this.balFocus.emit(e),this.keyboardMode&&(this.focused=!0,this.wasFocused=!0)},this.onBlur=e=>{if(this.disabled||this.readonly)return u(e);this.balBlur.emit(e),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=e=>{g(e)||(this.wasFocused=!1),this.keyboardMode=k.includes(e.key)}}createLogger(e){this.log=e}hoveredChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}pressedChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}connectedCallback(){this.hoveredChanged(),this.group&&(this.updateState(),this.group.addEventListener("balChange",(()=>this.updateState()))),this.initialValue=this.checked,this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=n(this.el,["aria-label","tabindex","title"])}componentWillRender(){this.interactionChildElements.forEach((e=>{e.disabled=this.disabled||this.readonly,e.invalid=this.invalid,e.checked=this.checked}))}disconnectedCallback(){this.group&&this.group.removeEventListener("balChange",(()=>this.updateState())),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(e){(this.disabled||this.readonly)&&e.target&&(e.target===this.el||a(this.el,e.target))&&u(e)}resetHandler(e){const c=e.target;(null==c?void 0:c.contains(this.el))&&(this.checked=this.initialValue)}elementStateListener(e){this.outerElementState=e,this.mergeElementState()}async setFocus(){p(this)}async setBlur(){m(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async updateState(){if(this.group&&this.group.control&&Array.isArray(this.group.value)){const e=this.group.value.includes(this.value);e!==this.checked&&(this.checked=e)}}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get group(){return this.el.closest("bal-checkbox-group")}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check, bal-switch, bal-icon"))}get option(){return{name:this.name,value:this.value,checked:this.checked,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}}mergeElementState(){this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed},this.interactionChildElements.forEach((e=>{e.hovered=this.mergedElementState.hovered,e.pressed=this.mergedElementState.pressed}))}render(){const e=s.block("checkbox"),c=e.element("input"),o=e.element("label"),a=o.element("text"),t=o.element("icon"),r=this.focused&&-1!==this.buttonTabindex,i=this.inheritedAttributes;void 0!==this.buttonTabindex&&(i.tabIndex=this.buttonTabindex);const h=!this.nonSubmit,n=this.ariaForm.controlId||this.inputId,x=this.ariaForm.labelId||null,k=h?"label":"span",v="switch"===this.interface?"bal-switch":"bal-check";return b(l,{key:"eaa9cf2ba9de2a203b98515939ff117c89dc16cf","aria-checked":`${this.checked}`,"aria-disabled":d(this.disabled),"aria-invalid":!0===this.invalid?"true":"false","aria-hidden":d(this.disabled||this.nonSubmit),"aria-focused":r?"true":null,"aria-labelledby":x,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":r},e.class()),e.modifier("checkbox").class()),e.modifier("button").class("button"===this.interface)),e.modifier("switch").class("switch"===this.interface)),e.modifier("tile").class("tile"===this.interface)),e.modifier(`tile-color-${this.color}`).class("tile"===this.interface&&!!this.color)),e.modifier("focused").class(this.focused)),e.modifier("invalid").class(this.invalid)),e.modifier("checked").class(this.checked)),e.modifier("flat").class(this.flat)),e.modifier("disabled").class(this.disabled||this.readonly)),e.modifier("hovered").class(this.mergedElementState.hovered)),e.modifier("pressed").class(this.mergedElementState.pressed)),e.modifier(`column-${this.colSize}`).class("tile"===this.interface&&this.colSize>1)),e.modifier(`column-tablet-${this.colSizeTablet}`).class("tile"===this.interface&&this.colSizeTablet>1)),e.modifier(`column-mobile-${this.colSizeMobile}`).class("tile"===this.interface&&this.colSizeMobile>1)),onClick:this.onClick},b(k,{key:"6fd849f4768bc7155eb5db297713bc82aeab6dfe",class:Object.assign({},o.class()),"data-testid":"bal-checkbox-label"},h?b("input",Object.assign({id:n,type:"checkbox","data-testid":"bal-checkbox-input",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},c.class()),"aria-hidden":d(this.nonSubmit),"aria-invalid":!0===this.invalid?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:e=>this.toggleChecked(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),ref:e=>this.nativeInput=e},i)):"","tile"!==this.interface?b("div",{class:Object.assign({},t.class())},b(v,{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:"button"===this.interface&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",b("div",{key:"ca1ec209d9211082db1d0905e599eea5e6803244",class:Object.assign(Object.assign({},a.class()),a.modifier("hidden").class(this.labelHidden))},b("slot",{key:"a2a3c8124d7d47bf300b229fe01e62fa198961c0"}))))}get el(){return t(this)}static get watchers(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}}};i([e("bal-checkbox"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],w.prototype,"createLogger",null),i([x(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],w.prototype,"elementStateListener",null);let j=0;w.style="@media (hover: hover)and (pointer: fine){.bal-checkbox.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-checkbox-symbol-size:1.5rem;--bal-checkbox-symbol-border-width:2px;--bal-checkbox-symbol-background:transparent;--bal-checkbox-label-min-height:1.5rem;--bal-checkbox-button-background-hover:var(--bal-color-grey-2);--bal-checkbox-button-background-active:var(--bal-color-grey-2);--bal-checkbox-button-background-checked:var(--bal-color-primary);--bal-checkbox-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-background-checked-active:var(--bal-color-primary-6);--bal-checkbox-button-background-invalid:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-checkbox-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-background:transparent;--bal-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-checkbox-button-border-color:var(--bal-color-primary);--bal-checkbox-button-border-color-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-border-color-active:var(--bal-color-primary-6);--bal-checkbox-button-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-tile-background:transparent;--bal-checkbox-tile-background-hover:var(--bal-color-grey-1);--bal-checkbox-tile-background-disabled:var(--bal-color-grey-1);--bal-checkbox-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-tile-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-tile-background-checked-green:var(--bal-color-green-1);--bal-checkbox-tile-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-tile-background-checked-red:var(--bal-color-red-1);--bal-checkbox-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-tile-border-style:var(--bal-form-field-control-border-style);--bal-checkbox-tile-border-radius:var(--bal-form-field-control-radius);--bal-checkbox-tile-border-width:var(--bal-form-field-control-border-width);--bal-checkbox-tile-padding:var(--bal-text-size-medium);--bal-checkbox-tile-border-color:var(--bal-color-border);--bal-checkbox-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-checkbox-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-checkbox-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-checkbox-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-checkbox-tile-border-color-checked:var(--bal-color-border-primary);--bal-checkbox-tile-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-checkbox-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-checkbox .bal-checkbox__label{cursor:pointer}.bal-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-checkbox.bal-checkbox--flat{min-height:var(--bal-checkbox-symbol-size)}.bal-checkbox:not(.bal-checkbox--flat){min-height:3rem}.bal-checkbox--invalid{color:var(--bal-form-field-label-danger-color)}.bal-checkbox--disabled,.bal-checkbox--disabled .bal-checkbox__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-checkbox__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-checkbox__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-checkbox__label__text--hidden{display:none}.bal-checkbox__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-checkbox-button-border-color)}.bal-checkbox--button.bal-checkbox--checked{background:var(--bal-checkbox-button-background-checked);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-checkbox--button.bal-checkbox--disabled .bal-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-white)}.bal-checkbox--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-checkbox-tile-background);border-style:var(--bal-checkbox-tile-border-style);border-radius:var(--bal-checkbox-tile-border-radius);border-width:var(--bal-checkbox-tile-border-width);border-color:var(--bal-checkbox-tile-border-color);padding:var(--bal-checkbox-tile-padding)}.bal-checkbox--tile .bal-checkbox__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-checkbox--tile.bal-checkbox--checked{border-color:var(--bal-checkbox-tile-border-color-checked)}.bal-checkbox--tile.bal-checkbox--invalid{border-color:var(--bal-checkbox-tile-border-color-invalid)}.bal-checkbox--tile.bal-checkbox--disabled{background:var(--bal-checkbox-tile-background-disabled);border-color:var(--bal-checkbox-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-hover)}}.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-checkbox-tile-background-invalid-hover);border-color:var(--bal-checkbox-tile-border-color-invalid-hover)}}.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-checkbox-tile-background-invalid-active);border-color:var(--bal-checkbox-tile-border-color-invalid-active)}.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-green)}.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-red)}.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-purple)}.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-checkbox--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";const O=class{constructor(e){c(this,e),this.balChange=o(this,"balChange"),this.balFocus=o(this,"balFocus"),this.balBlur=o(this,"balBlur"),this.inputId="bal-cg-"+C++,this.inheritedAttributes={},this.ariaForm=v,this.interface=void 0,this.control=!1,this.name=this.inputId,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.value=[],this.columns=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1,this.hasFocus=!1,this.mutationObserverActive=!0,this.onClick=e=>{if(!this.control)return;if(e.target.href)return;const c=e.target&&e.target.closest("bal-checkbox");if(c&&(c.disabled||c.readonly))return e.stopPropagation();this.updateValues()},this.onOptionChange=async()=>{this.sync()}}createLogger(e){this.log=e}async optionChanged(){this.control&&(this.onOptionChange(),this.mutationObserverActive=void 0===this.options)}invalidChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.invalid=e}))}disabledChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.disabled=e}))}readonlyChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.readonly=e}))}valueChanged(e,c){this.control&&_(this.value,c)||this.onOptionChange()}columnsChanged(e){this.getCheckboxes().forEach((c=>c.colSize=e))}columnsTabletChanged(e){this.getCheckboxes().forEach((c=>c.colSizeTablet=e))}columnsMobileChanged(e){this.getCheckboxes().forEach((c=>c.colSizeMobile=e))}connectedCallback(){this.control&&(this.mutationObserverActive=void 0===this.options,this.valueChanged(this.value,[]))}componentWillLoad(){this.control&&(this.inheritedAttributes=n(this.el,["aria-label","tabindex","title"]),this.disabledChanged(this.disabled),this.invalidChanged(this.invalid),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}mutationListener(){this.control&&(this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnCheckboxChange(e){this.control&&a(this.el,e.target)&&(u(e),this.updateValues())}resetHandler(e){const c=e.target;(null==c?void 0:c.contains(this.el))&&(this.control&&(this.value=[]),this.onOptionChange())}checkboxFocusListener(e){const{target:c}=e;c&&a(this.el,c)&&r(c,"bal-checkbox")&&u(e)}checkboxBlurListener(e){const{target:c}=e;c&&a(this.el,c)&&r(c,"bal-checkbox")&&u(e)}async setValue(e){this.control&&(this.value=e)}async getOptionByValue(e){const c=this.options;if(c)return c.find((c=>c.value===e))}async setAriaForm(e){this.ariaForm=Object.assign({},e)}sync(){if(this.control){const e=e=>{for(let c=0;c<this.value.length;c++){const o=this.value[c];if(void 0!==o&&o.toString()===e.value.toString())return!0}return!1};this.getCheckboxes().forEach((c=>{c.checked=e(c)}))}this.getCheckboxes().forEach((e=>{this.interface&&(e.interface=this.interface)}))}getCheckboxes(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}updateValues(){const e=[];this.getCheckboxes().forEach((c=>{c.checked&&e.push(c.value)})),_(this.value,e)||(this.value=[...e],this.balChange.emit(this.value))}render(){const e=s.block("checkbox-group"),c=e.element("inner"),o=(this.options||[]).map((e=>"function"==typeof e.html?Object.assign(Object.assign({},e),{html:e.html()}):e));return b(l,Object.assign({class:Object.assign({},e.class()),role:"group","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":d(this.disabled),"aria-invalid":d(this.invalid),onClick:this.onClick},this.inheritedAttributes),b("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical-mobile").class(this.verticalOnMobile)),c.modifier("vertical").class(this.vertical)),c.modifier("expanded").class(this.expanded)),c.modifier("button").class("button"===this.interface))},b("slot",null),o.map((e=>b("bal-checkbox",{key:e.value,name:e.name,value:e.value,labelHidden:e.labelHidden,flat:e.flat,interface:e.interface,disabled:e.disabled,readonly:e.readonly,required:e.required,nonSubmit:!!e.nonSubmit,invalid:e.invalid,innerHTML:e.html})))))}get el(){return t(this)}static get watchers(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};i([e("bal-checkbox-group"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],O.prototype,"createLogger",null),i([f(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],O.prototype,"focusInListener",null),i([f(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],O.prototype,"focusOutListener",null),i([y({tags:["bal-checkbox-group","bal-checkbox"],attributes:!1,characterData:!1}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],O.prototype,"mutationListener",null);let C=0;O.style=".bal-checkbox-group{display:inline-block;position:relative;width:100%}.bal-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-checkbox-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-checkbox-group__inner--expanded .bal-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-checkbox-group__inner--expanded .bal-checkbox{width:100%}}.bal-checkbox-group__inner--button.bal-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";export{w as bal_checkbox,O as bal_checkbox_group}
+import{L as e,H as c,P as o,t as a,M as b,N as l,O as t,Z as r}from"./p-PmQf2Yvi.js";import{_ as i,a as h}from"./p-dfXERft2.js";import{a as n}from"./p-DBsOHTWj.js";import{i as d}from"./p-C4sZQbkT.js";import{B as s}from"./p-ByiN-QjD.js";import{L as x}from"./p-6TfxqNBh.js";import{F as k}from"./p-DqCbGYzv.js";import{d as v}from"./p-FCLKfv6B.js";import{s as u,c as p,d as m}from"./p-DoMopbMR.js";import{d as g}from"./p-D1VPLQ5z.js";import{a as _}from"./p-BAaDJIzy.js";import{L as f}from"./p-D_QTsfLe.js";import{L as y}from"./p-DZGc612N.js";import"./p-DCgTymE2.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";const w=class{constructor(e){c(this,e),this.balFocus=o(this,"balFocus"),this.balBlur=o(this,"balBlur"),this.balChange=o(this,"balChange"),this.inputId="bal-cb-"+j++,this.inheritedAttributes={},this.keyboardMode=!0,this.hasLabel=!0,this.focused=!1,this.ariaForm=v,this.wasFocused=!1,this.outerElementState={hovered:!1,pressed:!1},this.innerElementState={hovered:!1,pressed:!1},this.mergedElementState={hovered:!1,pressed:!1},this.name=this.inputId,this.label="",this.labelHidden=!1,this.flat=!1,this.interface="checkbox",this.value="on",this.checked=!1,this.initialValue=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1,this.setChecked=e=>{this.checked=e,this.balChange.emit(this.checked)},this.toggleChecked=e=>{e.preventDefault(),this.setFocus(),this.setChecked(!this.checked)},this.onClick=e=>{if(this.disabled)return;const c=e.target;c&&c.href||(this.wasFocused&&(this.focused=!0),this.toggleChecked(e))},this.onFocus=e=>{if(this.disabled||this.readonly)return this.focused=!1,u(e);this.balFocus.emit(e),this.keyboardMode&&(this.focused=!0,this.wasFocused=!0)},this.onBlur=e=>{if(this.disabled||this.readonly)return u(e);this.balBlur.emit(e),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=e=>{g(e)||(this.wasFocused=!1),this.keyboardMode=k.includes(e.key)}}createLogger(e){this.log=e}hoveredChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}pressedChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}connectedCallback(){this.hoveredChanged(),this.group&&(this.updateState(),this.group.addEventListener("balChange",(()=>this.updateState()))),this.initialValue=this.checked,this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"])}componentWillRender(){this.interactionChildElements.forEach((e=>{e.disabled=this.disabled||this.readonly,e.invalid=this.invalid,e.checked=this.checked}))}disconnectedCallback(){this.group&&this.group.removeEventListener("balChange",(()=>this.updateState())),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(e){(this.disabled||this.readonly)&&e.target&&(e.target===this.el||a(this.el,e.target))&&u(e)}resetHandler(e){const c=e.target;(null==c?void 0:c.contains(this.el))&&(this.checked=this.initialValue)}elementStateListener(e){this.outerElementState=e,this.mergeElementState()}async setFocus(){p(this)}async setBlur(){m(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async updateState(){if(this.group&&this.group.control&&Array.isArray(this.group.value)){const e=this.group.value.includes(this.value);e!==this.checked&&(this.checked=e)}}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get group(){return this.el.closest("bal-checkbox-group")}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check, bal-switch, bal-icon"))}get option(){return{name:this.name,value:this.value,checked:this.checked,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}}mergeElementState(){this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed},this.interactionChildElements.forEach((e=>{e.hovered=this.mergedElementState.hovered,e.pressed=this.mergedElementState.pressed}))}render(){const e=s.block("checkbox"),c=e.element("input"),o=e.element("label"),a=o.element("text"),t=o.element("icon"),r=this.focused&&-1!==this.buttonTabindex,i=this.inheritedAttributes;void 0!==this.buttonTabindex&&(i.tabIndex=this.buttonTabindex);const h=!this.nonSubmit,d=this.ariaForm.controlId||this.inputId,x=this.ariaForm.labelId||null,k=h?"label":"span",v="switch"===this.interface?"bal-switch":"bal-check";return b(l,{key:"eaa9cf2ba9de2a203b98515939ff117c89dc16cf","aria-checked":`${this.checked}`,"aria-disabled":n(this.disabled),"aria-invalid":!0===this.invalid?"true":"false","aria-hidden":n(this.disabled||this.nonSubmit),"aria-focused":r?"true":null,"aria-labelledby":x,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":r},e.class()),e.modifier("checkbox").class()),e.modifier("button").class("button"===this.interface)),e.modifier("switch").class("switch"===this.interface)),e.modifier("tile").class("tile"===this.interface)),e.modifier(`tile-color-${this.color}`).class("tile"===this.interface&&!!this.color)),e.modifier("focused").class(this.focused)),e.modifier("invalid").class(this.invalid)),e.modifier("checked").class(this.checked)),e.modifier("flat").class(this.flat)),e.modifier("disabled").class(this.disabled||this.readonly)),e.modifier("hovered").class(this.mergedElementState.hovered)),e.modifier("pressed").class(this.mergedElementState.pressed)),e.modifier(`column-${this.colSize}`).class("tile"===this.interface&&this.colSize>1)),e.modifier(`column-tablet-${this.colSizeTablet}`).class("tile"===this.interface&&this.colSizeTablet>1)),e.modifier(`column-mobile-${this.colSizeMobile}`).class("tile"===this.interface&&this.colSizeMobile>1)),onClick:this.onClick},b(k,{key:"6fd849f4768bc7155eb5db297713bc82aeab6dfe",class:Object.assign({},o.class()),"data-testid":"bal-checkbox-label"},h?b("input",Object.assign({id:d,type:"checkbox","data-testid":"bal-checkbox-input",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},c.class()),"aria-hidden":n(this.nonSubmit),"aria-invalid":!0===this.invalid?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:e=>this.toggleChecked(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),ref:e=>this.nativeInput=e},i)):"","tile"!==this.interface?b("div",{class:Object.assign({},t.class())},b(v,{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:"button"===this.interface&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",b("div",{key:"ca1ec209d9211082db1d0905e599eea5e6803244",class:Object.assign(Object.assign({},a.class()),a.modifier("hidden").class(this.labelHidden))},b("slot",{key:"a2a3c8124d7d47bf300b229fe01e62fa198961c0"}))))}get el(){return t(this)}static get watchers(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}}};i([e("bal-checkbox"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],w.prototype,"createLogger",null),i([x(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],w.prototype,"elementStateListener",null);let j=0;w.style="@media (hover: hover)and (pointer: fine){.bal-checkbox.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-checkbox-symbol-size:1.5rem;--bal-checkbox-symbol-border-width:2px;--bal-checkbox-symbol-background:transparent;--bal-checkbox-label-min-height:1.5rem;--bal-checkbox-button-background-hover:var(--bal-color-grey-2);--bal-checkbox-button-background-active:var(--bal-color-grey-2);--bal-checkbox-button-background-checked:var(--bal-color-primary);--bal-checkbox-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-background-checked-active:var(--bal-color-primary-6);--bal-checkbox-button-background-invalid:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-checkbox-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-background:transparent;--bal-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-checkbox-button-border-color:var(--bal-color-primary);--bal-checkbox-button-border-color-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-border-color-active:var(--bal-color-primary-6);--bal-checkbox-button-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-tile-background:transparent;--bal-checkbox-tile-background-hover:var(--bal-color-grey-1);--bal-checkbox-tile-background-disabled:var(--bal-color-grey-1);--bal-checkbox-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-tile-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-tile-background-checked-green:var(--bal-color-green-1);--bal-checkbox-tile-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-tile-background-checked-red:var(--bal-color-red-1);--bal-checkbox-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-tile-border-style:var(--bal-form-field-control-border-style);--bal-checkbox-tile-border-radius:var(--bal-form-field-control-radius);--bal-checkbox-tile-border-width:var(--bal-form-field-control-border-width);--bal-checkbox-tile-padding:var(--bal-text-size-medium);--bal-checkbox-tile-border-color:var(--bal-color-border);--bal-checkbox-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-checkbox-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-checkbox-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-checkbox-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-checkbox-tile-border-color-checked:var(--bal-color-border-primary);--bal-checkbox-tile-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-checkbox-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-checkbox .bal-checkbox__label{cursor:pointer}.bal-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-checkbox.bal-checkbox--flat{min-height:var(--bal-checkbox-symbol-size)}.bal-checkbox:not(.bal-checkbox--flat){min-height:3rem}.bal-checkbox--invalid{color:var(--bal-form-field-label-danger-color)}.bal-checkbox--disabled,.bal-checkbox--disabled .bal-checkbox__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-checkbox__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-checkbox__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-checkbox__label__text--hidden{display:none}.bal-checkbox__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-checkbox-button-border-color)}.bal-checkbox--button.bal-checkbox--checked{background:var(--bal-checkbox-button-background-checked);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-checkbox--button.bal-checkbox--disabled .bal-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-white)}.bal-checkbox--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-checkbox-tile-background);border-style:var(--bal-checkbox-tile-border-style);border-radius:var(--bal-checkbox-tile-border-radius);border-width:var(--bal-checkbox-tile-border-width);border-color:var(--bal-checkbox-tile-border-color);padding:var(--bal-checkbox-tile-padding)}.bal-checkbox--tile .bal-checkbox__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-checkbox--tile.bal-checkbox--checked{border-color:var(--bal-checkbox-tile-border-color-checked)}.bal-checkbox--tile.bal-checkbox--invalid{border-color:var(--bal-checkbox-tile-border-color-invalid)}.bal-checkbox--tile.bal-checkbox--disabled{background:var(--bal-checkbox-tile-background-disabled);border-color:var(--bal-checkbox-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-hover)}}.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-checkbox-tile-background-invalid-hover);border-color:var(--bal-checkbox-tile-border-color-invalid-hover)}}.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-checkbox-tile-background-invalid-active);border-color:var(--bal-checkbox-tile-border-color-invalid-active)}.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-green)}.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-red)}.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-purple)}.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-checkbox--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";const O=class{constructor(e){c(this,e),this.balChange=o(this,"balChange"),this.balFocus=o(this,"balFocus"),this.balBlur=o(this,"balBlur"),this.inputId="bal-cg-"+C++,this.inheritedAttributes={},this.ariaForm=v,this.interface=void 0,this.control=!1,this.name=this.inputId,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.value=[],this.columns=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1,this.hasFocus=!1,this.mutationObserverActive=!0,this.onClick=e=>{if(!this.control)return;if(e.target.href)return;const c=e.target&&e.target.closest("bal-checkbox");if(c&&(c.disabled||c.readonly))return e.stopPropagation();this.updateValues()},this.onOptionChange=async()=>{this.sync()}}createLogger(e){this.log=e}async optionChanged(){this.control&&(this.onOptionChange(),this.mutationObserverActive=void 0===this.options)}invalidChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.invalid=e}))}disabledChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.disabled=e}))}readonlyChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.readonly=e}))}valueChanged(e,c){this.control&&_(this.value,c)||this.onOptionChange()}columnsChanged(e){this.getCheckboxes().forEach((c=>c.colSize=e))}columnsTabletChanged(e){this.getCheckboxes().forEach((c=>c.colSizeTablet=e))}columnsMobileChanged(e){this.getCheckboxes().forEach((c=>c.colSizeMobile=e))}connectedCallback(){this.control&&(this.mutationObserverActive=void 0===this.options,this.valueChanged(this.value,[]))}componentWillLoad(){this.control&&(this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"]),this.disabledChanged(this.disabled),this.invalidChanged(this.invalid),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}mutationListener(){this.control&&(this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnCheckboxChange(e){this.control&&a(this.el,e.target)&&(u(e),this.updateValues())}resetHandler(e){const c=e.target;(null==c?void 0:c.contains(this.el))&&(this.control&&(this.value=[]),this.onOptionChange())}checkboxFocusListener(e){const{target:c}=e;c&&a(this.el,c)&&r(c,"bal-checkbox")&&u(e)}checkboxBlurListener(e){const{target:c}=e;c&&a(this.el,c)&&r(c,"bal-checkbox")&&u(e)}async setValue(e){this.control&&(this.value=e)}async getOptionByValue(e){const c=this.options;if(c)return c.find((c=>c.value===e))}async setAriaForm(e){this.ariaForm=Object.assign({},e)}sync(){if(this.control){const e=e=>{for(let c=0;c<this.value.length;c++){const o=this.value[c];if(void 0!==o&&o.toString()===e.value.toString())return!0}return!1};this.getCheckboxes().forEach((c=>{c.checked=e(c)}))}this.getCheckboxes().forEach((e=>{this.interface&&(e.interface=this.interface)}))}getCheckboxes(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}updateValues(){const e=[];this.getCheckboxes().forEach((c=>{c.checked&&e.push(c.value)})),_(this.value,e)||(this.value=[...e],this.balChange.emit(this.value))}render(){const e=s.block("checkbox-group"),c=e.element("inner"),o=(this.options||[]).map((e=>"function"==typeof e.html?Object.assign(Object.assign({},e),{html:e.html()}):e));return b(l,Object.assign({class:Object.assign({},e.class()),role:"group","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":n(this.disabled),"aria-invalid":n(this.invalid),onClick:this.onClick},this.inheritedAttributes),b("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical-mobile").class(this.verticalOnMobile)),c.modifier("vertical").class(this.vertical)),c.modifier("expanded").class(this.expanded)),c.modifier("button").class("button"===this.interface))},b("slot",null),o.map((e=>b("bal-checkbox",{key:e.value,name:e.name,value:e.value,labelHidden:e.labelHidden,flat:e.flat,interface:e.interface,disabled:e.disabled,readonly:e.readonly,required:e.required,nonSubmit:!!e.nonSubmit,invalid:e.invalid,innerHTML:e.html})))))}get el(){return t(this)}static get watchers(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};i([e("bal-checkbox-group"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],O.prototype,"createLogger",null),i([f(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],O.prototype,"focusInListener",null),i([f(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],O.prototype,"focusOutListener",null),i([y({tags:["bal-checkbox-group","bal-checkbox"],attributes:!1,characterData:!1}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],O.prototype,"mutationListener",null);let C=0;O.style=".bal-checkbox-group{display:inline-block;position:relative;width:100%}.bal-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-checkbox-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-checkbox-group__inner--expanded .bal-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-checkbox-group__inner--expanded .bal-checkbox{width:100%}}.bal-checkbox-group__inner--button.bal-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";export{w as bal_checkbox,O as bal_checkbox_group}