@baloise/ds-core 17.0.0 → 17.1.0-nightly.20241209

package/dist/baloise-design-system/{p-4bbe4ba6ba.entry.js → p-62c36f9930.entry.js}

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

package/dist/baloise-design-system/{p-85ed9bd051.entry.js → p-695e36b882.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as r,H as a,g as o}from"./p-2539ba43.js";import{_ as i,a as s}from"./p-43c9f5e9.js";import{j as l,l as n,n as c,b as d}from"./p-33101c54.js";import{B as b}from"./p-ae86d0a0.js";import{s as u}from"./p-63b52c0f.js";import{L as h}from"./p-c8caa835.js";import{g as p}from"./p-0e361394.js";import{L as m}from"./p-af4c6af2.js";import{L as g}from"./p-950bd476.js";import{L as _}from"./p-51fa7a76.js";import{L as f}from"./p-95a4f1be.js";import{b as v}from"./p-6116192a.js";import{d as w}from"./p-a19d1e1d.js";import{L as k}from"./p-69e7c8d6.js";import{i as y}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-7607c59d.js";import"./p-96216bd1.js";import"./p-fc542e26.js";import"./p-b77e3348.js";const x=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=b.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",null,r.map((r=>t("bal-button",{"aria-controls":a,key:r.value,expanded:!0,color:e===r.value?"primary":"light",onClick:()=>o(r)},r.label))))))},j=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=b.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:t=>{let e=t.detail-1;e<0&&(e=0),e>=r.length&&(e=r.length-1),o(r[e])}}))},O=({isFirst:e,isLast:r,inverted:a,areControlsHidden:o,onNextClick:i,onPreviousClick:s,containerId:l,leftControlTitle:n,rightControlTitle:c})=>{const d=b.block("carousel").element("controls"),u=d.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(e&&o)),"aria-controls":l,square:!0,icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>s(),disabled:e,"aria-hidden":e&&o?"true":null,"data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(r&&o)),"aria-controls":l,square:!0,icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>i(),disabled:r,"aria-hidden":r&&o?"true":null,"data-testid":"bal-carousel-control-right",title:c}))},C=({isFirst:e,isLast:r,inverted:a,leftControlTitle:o,rightControlTitle:i,containerId:s,onNextClick:l,onPreviousClick:n})=>{const c=b.block("carousel").element("controls"),d=c.element("button");return t("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(e)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>n(),disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:o}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(r)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>l(),disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:i}))},z={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},L=class{constructor(t){e(this,t),this.balChange=r(this,"balChange",7),this.previousTransformValue=0,this.carouselId="bal-carousel-"+F++,this.carouselContainerId=`bal-carousel-${F++}-container`,this.mutationObserverActive=!0,this.itemsChanged=l((()=>this.itemsChangedInternal()),100),this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next(),this.onControlChange=t=>{t!==this.value&&(t>this.value?this.next(t-this.value):this.previous(this.value-t))},this.isLargestContentfulPaintDone=!1,this.isLastSlideVisible=!0,this.isMobile=v.isMobile,this.language=w.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}componentDidLoad(){n((()=>{this.isLargestContentfulPaintDone=!0}))}async blockVerticalScrolling(t){var e;!this.scrollY&&(null===(e=this.el)||void 0===e?void 0:e.contains(t.target))&&u(t)}mutationListener(){this.itemsChanged()}swipeListener({left:t,right:e}){t?this.next():e&&this.previous()}breakpointListener(t){this.isMobile=t.mobile,this.itemsChanged()}resizeListener(){this.itemsChanged()}listenToKeyDown(t){"tablist"!==this.htmlRole&&"Tab"===t.code&&(t.shiftKey?this.focusPreviousItem(t):this.focusNextItem(t))}async configChanged(t){this.language=t.language}async previous(t=this.steps){let e=this.value-t;e<0&&(e=0);const r=await this.buildSlide(e);return r&&(await this.animate(r.transformActive,!0)||this.value!==e)&&(this.value=e,this.balChange.emit(this.value)),r}async next(t=this.steps){const e=this.getAllItemElements().length;let r=this.value+t;r>=e&&(r=e-1);const a=await this.buildSlide(r);return a&&(await this.animate(a.transformActive,!0)||this.value!==r)&&(this.value=r,this.balChange.emit(this.value)),a}async animate(t=0,e=!0){return new Promise((r=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=c((async()=>{if(this.containerEl&&this.innerEl){const a=await this.buildSlide();if(a){const o=this.innerEl.clientWidth||0,i=a.transformNext||0,s=i<=o;let l=i-o,n=l<=t;3===this.itemsPerView&&(l=i-o-1,n=l<=t);const c=0===t||l<=2;c&&(this.value=0,this.balChange.emit(this.value));const d="large"===this.controls;let b=s?0:n?l:t;c||s||!("small"===this.controls||d&&!this.isMobile)||(b-=n?0:d?56:48),this.containerEl.style.transitionDuration=e?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${b}px, 0px, 0px)`;const u=b!==this.previousTransformValue;return this.previousTransformValue=b,this.isLastSlideVisible=n,this.borderEl&&(this.borderEl.style.transitionDuration=e?"0.6s":"0",this.borderEl.style.transform=`translate3d(${b}px, 0px, 0px)`),r(!!u)}}}))}))}async buildSlide(t){const e=this.getAllItemElements(),r=void 0===t?e.length-1:t;if(e.length>r&&r>=0){const t=await this.getAllItemData(),a="product"===this.interface?16:0;return{el:e[r],data:t[r],transformNext:e.filter(((t,e)=>e<r+1)).reduce(((t,e)=>t+p(e)+a),0),transformActive:e.filter(((t,e)=>e<r)).reduce(((t,e)=>t+p(e)+a),0),isFirst:0===r,isLast:r===e.length-1,total:e.length,index:r}}}async itemsChangedInternal(){if(this.isLargestContentfulPaintDone){const t=await this.buildSlide(this.value);t&&this.animate(t.transformActive,!1)}}async focusNextItem(t){if(!this.isLast){const e=await this.next(1);e&&e.el&&(u(t),await e.el.setFocus())}}async focusPreviousItem(t){if(!this.isFirst){const e=await this.previous(1);e&&e.el&&(u(t),await e.el.setFocus())}}async getAllItemData(){const t=this.getAllItemElements().map((t=>t.getData()));return await Promise.all(t)}getAllItemElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}getAllControlItems(){return this.getAllItemElements().map(((t,e)=>({value:e,label:t.label})))}hasShadow(){return"auto"===this.itemsPerView||this.itemsPerView>1||"card"===this.interface}hasShadowLeft(){return this.hasShadow()&&(0!==this.value||"card"===this.interface)}hasShadowRight(){return this.hasShadow()&&(!this.isLastSlideVisible||"card"===this.interface)}isFirst(){return 0===this.value}isLast(){return this.isLastSlideVisible}render(){const e=b.block("carousel"),r=e.element("inner"),o=r.element("container"),i=z[this.language].left,s=z[this.language].right,l=this.getAllControlItems();return t(a,{key:"8f136f31e2fe4fb99703fdd2a5974697cea659b7",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(""!==this.interface)),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier(`controls-${this.controls}`).class())},this.isLargestContentfulPaintDone&&"tabs"===this.controls?t(x,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"",t("div",{key:"76e644a3db07b7aeae2a599b560903a24312cb6b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`items-per-view-${this.itemsPerView}`).class()),r.modifier(`is-${this.aspectRatio}`).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:t=>this.innerEl=t},t("div",{key:"8040a1b67deccfa135bda7c1b3cef5b05492ad19",role:this.htmlRole,"aria-live":""!==this.htmlRole?"polite":void 0,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:t=>this.containerEl=t},t("slot",{key:"855f44ac6e8b1cfdfd31cc39f9fd2d9749a2f326"}),this.border?t("div",{id:`${this.carouselId}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:t=>this.borderEl=t}):"")),this.isLargestContentfulPaintDone&&"dots"===this.controls?t(j,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"",this.isLargestContentfulPaintDone&&"large"===this.controls?t(O,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"",this.isLargestContentfulPaintDone&&"small"===this.controls?t(C,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"")}get el(){return o(this)}};i([m("touchmove",{target:"window",passive:!1}),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],L.prototype,"blockVerticalScrolling",null),i([g({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],L.prototype,"mutationListener",null),i([_(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],L.prototype,"swipeListener",null),i([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],L.prototype,"breakpointListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],L.prototype,"resizeListener",null),i([m("keydown"),s("design:type",Function),s("design:paramtypes",[KeyboardEvent]),s("design:returntype",void 0)],L.prototype,"listenToKeyDown",null),i([k(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],L.prototype,"configChanged",null);let F=0;L.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';const I=class{constructor(t){e(this,t),this.balNavigate=r(this,"balNavigate",7),this.balFocus=r(this,"balFocus",7),this.balBlur=r(this,"balBlur",7),this.imageInheritAttributes={},this.onClick=t=>{void 0!==this.href&&this.balNavigate.emit(t)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.isLargestContentfulPaintDone=!1,this.src=void 0,this.label="",this.htmlRole="listitem",this.elementType="button",this.name="",this.value="",this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.color=void 0}componentDidLoad(){n((()=>{this.isLargestContentfulPaintDone=!0}))}componentWillLoad(){this.imageInheritAttributes=y(this.el,["alt"])}async getData(){return{clientWidth:this.el.clientWidth,label:this.label}}async setFocus(){await d(),this.buttonEl&&this.buttonEl.focus()}render(){const e=b.block("carousel").element("item");if(!this.color||!this.label)return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},this.isLargestContentfulPaintDone&&void 0!==this.src?t("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",t("slot",null));const r=e.element("button"),o=r.element("image"),i=r.element("label"),{elementType:s,download:l,href:n,rel:c,target:d,name:u,value:h}=this,p=void 0===this.href?"button":"a",m="button"===p?{type:s,name:u,value:h}:{download:l,href:n,rel:c,target:d};return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},t(p,Object.assign({},m,{class:Object.assign(Object.assign({},r.class()),r.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:t=>this.buttonEl=t}),this.isLargestContentfulPaintDone&&void 0!==this.src?t("img",Object.assign({class:Object.assign({},o.class()),draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",void 0!==this.label?t("span",{class:Object.assign({},i.class())},this.label):"",t("slot",null)))}get el(){return o(this)}};export{L as bal_carousel,I as bal_carousel_item}
+import{h as t,r as e,c as r,H as a,g as o}from"./p-2539ba43.js";import{_ as i,a as s}from"./p-43c9f5e9.js";import{j as l,l as n,n as c,b as d}from"./p-33101c54.js";import{B as b}from"./p-ae86d0a0.js";import{s as u}from"./p-63b52c0f.js";import{L as h}from"./p-328d3102.js";import{g as p}from"./p-0e361394.js";import{L as m}from"./p-af4c6af2.js";import{L as g}from"./p-950bd476.js";import{L as _}from"./p-51fa7a76.js";import{L as f}from"./p-95a4f1be.js";import{b as v}from"./p-73821518.js";import{d as w}from"./p-a19d1e1d.js";import{L as k}from"./p-69e7c8d6.js";import{i as y}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-7607c59d.js";import"./p-96216bd1.js";import"./p-946f2e6f.js";import"./p-b77e3348.js";const x=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=b.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",null,r.map((r=>t("bal-button",{"aria-controls":a,key:r.value,expanded:!0,color:e===r.value?"primary":"light",onClick:()=>o(r)},r.label))))))},j=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=b.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:t=>{let e=t.detail-1;e<0&&(e=0),e>=r.length&&(e=r.length-1),o(r[e])}}))},O=({isFirst:e,isLast:r,inverted:a,areControlsHidden:o,onNextClick:i,onPreviousClick:s,containerId:l,leftControlTitle:n,rightControlTitle:c})=>{const d=b.block("carousel").element("controls"),u=d.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(e&&o)),"aria-controls":l,square:!0,icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>s(),disabled:e,"aria-hidden":e&&o?"true":null,"data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(r&&o)),"aria-controls":l,square:!0,icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>i(),disabled:r,"aria-hidden":r&&o?"true":null,"data-testid":"bal-carousel-control-right",title:c}))},C=({isFirst:e,isLast:r,inverted:a,leftControlTitle:o,rightControlTitle:i,containerId:s,onNextClick:l,onPreviousClick:n})=>{const c=b.block("carousel").element("controls"),d=c.element("button");return t("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(e)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>n(),disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:o}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(r)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>l(),disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:i}))},z={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},L=class{constructor(t){e(this,t),this.balChange=r(this,"balChange",7),this.previousTransformValue=0,this.carouselId="bal-carousel-"+F++,this.carouselContainerId=`bal-carousel-${F++}-container`,this.mutationObserverActive=!0,this.itemsChanged=l((()=>this.itemsChangedInternal()),100),this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next(),this.onControlChange=t=>{t!==this.value&&(t>this.value?this.next(t-this.value):this.previous(this.value-t))},this.isLargestContentfulPaintDone=!1,this.isLastSlideVisible=!0,this.isMobile=v.isMobile,this.language=w.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}componentDidLoad(){n((()=>{this.isLargestContentfulPaintDone=!0}))}async blockVerticalScrolling(t){var e;!this.scrollY&&(null===(e=this.el)||void 0===e?void 0:e.contains(t.target))&&u(t)}mutationListener(){this.itemsChanged()}swipeListener({left:t,right:e}){t?this.next():e&&this.previous()}breakpointListener(t){this.isMobile=t.mobile,this.itemsChanged()}resizeListener(){this.itemsChanged()}listenToKeyDown(t){"tablist"!==this.htmlRole&&"Tab"===t.code&&(t.shiftKey?this.focusPreviousItem(t):this.focusNextItem(t))}async configChanged(t){this.language=t.language}async previous(t=this.steps){let e=this.value-t;e<0&&(e=0);const r=await this.buildSlide(e);return r&&(await this.animate(r.transformActive,!0)||this.value!==e)&&(this.value=e,this.balChange.emit(this.value)),r}async next(t=this.steps){const e=this.getAllItemElements().length;let r=this.value+t;r>=e&&(r=e-1);const a=await this.buildSlide(r);return a&&(await this.animate(a.transformActive,!0)||this.value!==r)&&(this.value=r,this.balChange.emit(this.value)),a}async animate(t=0,e=!0){return new Promise((r=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=c((async()=>{if(this.containerEl&&this.innerEl){const a=await this.buildSlide();if(a){const o=this.innerEl.clientWidth||0,i=a.transformNext||0,s=i<=o;let l=i-o,n=l<=t;3===this.itemsPerView&&(l=i-o-1,n=l<=t);const c=0===t||l<=2;c&&(this.value=0,this.balChange.emit(this.value));const d="large"===this.controls;let b=s?0:n?l:t;c||s||!("small"===this.controls||d&&!this.isMobile)||(b-=n?0:d?56:48),this.containerEl.style.transitionDuration=e?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${b}px, 0px, 0px)`;const u=b!==this.previousTransformValue;return this.previousTransformValue=b,this.isLastSlideVisible=n,this.borderEl&&(this.borderEl.style.transitionDuration=e?"0.6s":"0",this.borderEl.style.transform=`translate3d(${b}px, 0px, 0px)`),r(!!u)}}}))}))}async buildSlide(t){const e=this.getAllItemElements(),r=void 0===t?e.length-1:t;if(e.length>r&&r>=0){const t=await this.getAllItemData(),a="product"===this.interface?16:0;return{el:e[r],data:t[r],transformNext:e.filter(((t,e)=>e<r+1)).reduce(((t,e)=>t+p(e)+a),0),transformActive:e.filter(((t,e)=>e<r)).reduce(((t,e)=>t+p(e)+a),0),isFirst:0===r,isLast:r===e.length-1,total:e.length,index:r}}}async itemsChangedInternal(){if(this.isLargestContentfulPaintDone){const t=await this.buildSlide(this.value);t&&this.animate(t.transformActive,!1)}}async focusNextItem(t){if(!this.isLast){const e=await this.next(1);e&&e.el&&(u(t),await e.el.setFocus())}}async focusPreviousItem(t){if(!this.isFirst){const e=await this.previous(1);e&&e.el&&(u(t),await e.el.setFocus())}}async getAllItemData(){const t=this.getAllItemElements().map((t=>t.getData()));return await Promise.all(t)}getAllItemElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}getAllControlItems(){return this.getAllItemElements().map(((t,e)=>({value:e,label:t.label})))}hasShadow(){return"auto"===this.itemsPerView||this.itemsPerView>1||"card"===this.interface}hasShadowLeft(){return this.hasShadow()&&(0!==this.value||"card"===this.interface)}hasShadowRight(){return this.hasShadow()&&(!this.isLastSlideVisible||"card"===this.interface)}isFirst(){return 0===this.value}isLast(){return this.isLastSlideVisible}render(){const e=b.block("carousel"),r=e.element("inner"),o=r.element("container"),i=z[this.language].left,s=z[this.language].right,l=this.getAllControlItems();return t(a,{key:"8f136f31e2fe4fb99703fdd2a5974697cea659b7",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(""!==this.interface)),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier(`controls-${this.controls}`).class())},this.isLargestContentfulPaintDone&&"tabs"===this.controls?t(x,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"",t("div",{key:"76e644a3db07b7aeae2a599b560903a24312cb6b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`items-per-view-${this.itemsPerView}`).class()),r.modifier(`is-${this.aspectRatio}`).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:t=>this.innerEl=t},t("div",{key:"8040a1b67deccfa135bda7c1b3cef5b05492ad19",role:this.htmlRole,"aria-live":""!==this.htmlRole?"polite":void 0,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:t=>this.containerEl=t},t("slot",{key:"855f44ac6e8b1cfdfd31cc39f9fd2d9749a2f326"}),this.border?t("div",{id:`${this.carouselId}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:t=>this.borderEl=t}):"")),this.isLargestContentfulPaintDone&&"dots"===this.controls?t(j,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"",this.isLargestContentfulPaintDone&&"large"===this.controls?t(O,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"",this.isLargestContentfulPaintDone&&"small"===this.controls?t(C,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"")}get el(){return o(this)}};i([m("touchmove",{target:"window",passive:!1}),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],L.prototype,"blockVerticalScrolling",null),i([g({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],L.prototype,"mutationListener",null),i([_(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],L.prototype,"swipeListener",null),i([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],L.prototype,"breakpointListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],L.prototype,"resizeListener",null),i([m("keydown"),s("design:type",Function),s("design:paramtypes",[KeyboardEvent]),s("design:returntype",void 0)],L.prototype,"listenToKeyDown",null),i([k(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],L.prototype,"configChanged",null);let F=0;L.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';const I=class{constructor(t){e(this,t),this.balNavigate=r(this,"balNavigate",7),this.balFocus=r(this,"balFocus",7),this.balBlur=r(this,"balBlur",7),this.imageInheritAttributes={},this.onClick=t=>{void 0!==this.href&&this.balNavigate.emit(t)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.isLargestContentfulPaintDone=!1,this.src=void 0,this.label="",this.htmlRole="listitem",this.elementType="button",this.name="",this.value="",this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.color=void 0}componentDidLoad(){n((()=>{this.isLargestContentfulPaintDone=!0}))}componentWillLoad(){this.imageInheritAttributes=y(this.el,["alt"])}async getData(){return{clientWidth:this.el.clientWidth,label:this.label}}async setFocus(){await d(),this.buttonEl&&this.buttonEl.focus()}render(){const e=b.block("carousel").element("item");if(!this.color||!this.label)return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},this.isLargestContentfulPaintDone&&void 0!==this.src?t("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",t("slot",null));const r=e.element("button"),o=r.element("image"),i=r.element("label"),{elementType:s,download:l,href:n,rel:c,target:d,name:u,value:h}=this,p=void 0===this.href?"button":"a",m="button"===p?{type:s,name:u,value:h}:{download:l,href:n,rel:c,target:d};return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},t(p,Object.assign({},m,{class:Object.assign(Object.assign({},r.class()),r.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:t=>this.buttonEl=t}),this.isLargestContentfulPaintDone&&void 0!==this.src?t("img",Object.assign({class:Object.assign({},o.class()),draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",void 0!==this.label?t("span",{class:Object.assign({},i.class())},this.label):"",t("slot",null)))}get el(){return o(this)}};export{L as bal_carousel,I as bal_carousel_item}

package/dist/baloise-design-system/{p-10151a65a4.entry.js → p-6f03bc0156.entry.js}

@@ -1 +1 @@
-import{r as a,h as e,H as t,g as n,c as i}from"./p-2539ba43.js";import{B as r}from"./p-ae86d0a0.js";import{B as b}from"./p-c1852273.js";import{b as l}from"./p-a65354df.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{f as c}from"./p-33101c54.js";import{b as d}from"./p-6116192a.js";import{L as m}from"./p-c8caa835.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-fc542e26.js";const h=class{constructor(e){a(this,e),this.light=!1,this.interface="app",this.container=""}interfaceHandler(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")}componentWillLoad(){this.interfaceHandler()}updateProps(a,e){const t=this[e];void 0!==t&&this.notifyComponents(a,(a=>a[e]=t))}notifyComponents(a,e){this.element.querySelectorAll(a.join(", ")).forEach((a=>e(a)))}render(){const a=r.block("navbar");return e(t,{key:"dddbbeaef348b9ff101743f71451f6d84ac72951",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class()),a.modifier("is-light").class(this.light))},e("nav",{key:"ba4bb4f5ea156b0a2b4ba5f54f8d80b41477ee6b",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},a.element("nav").class()),{container:!0,[`is-${this.container}`]:""!==this.container})},e("slot",{key:"647ff400273d4cd92574d5f46aff07aad2b2c810"})))}get element(){return n(this)}static get watchers(){return{interface:["interfaceHandler"]}}};h.style=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";const p=class{constructor(e){a(this,e),this.balNavigate=i(this,"balNavigate",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.bodyScrollHandler=new b,this.isMenuActive=!1,this.href="",this.target="_self",this.simple=!1,this.logo=void 0,this.logoSize="",this.animated=!0,this.interface="app"}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){l.hasWindow&&window.matchMedia&&window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async resetIsMenuActive(a){a.matches&&!this.simple&&this.toggle(!1)}async toggle(a){this.isMenuActive=a,this.balWillAnimate.emit(this.isMenuActive),l.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isMenuActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable();const e=this.el.closest("bal-navbar");if(e){const a=e.querySelector("bal-navbar-menu");a&&!this.simple&&await a.toggle(this.isMenuActive)}this.balDidAnimate.emit(this.isMenuActive)}async onClick(){this.toggle(!this.isMenuActive)}render(){const a=r.block("navbar").element("brand"),n=this.logo?e("img",{class:Object.assign({},a.element("logo").class()),src:this.logo,alt:""}):e("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});return e(t,{key:"bd905e5548b3eba587403d1de9e19578caf654fe",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},this.href?e("a",{href:this.href,target:this.target,onClick:a=>this.balNavigate.emit(a)},n):n,e("span",{key:"e94ee28b3f46017080ebb7dfe03ffe62bfa721da",class:Object.assign({},a.element("title").class())},e("slot",{key:"faa690ef810fbb6444d577bc2aaad0412bbd1f92"})),e("bal-button",{key:"7ec55643796d5c32ea3cbbc70359100b5798ff66",class:Object.assign(Object.assign({},a.element("burger").class()),a.element("burger").modifier("hidden").class("simple"===this.interface)),color:"light",inverted:!0,square:!0,icon:this.isMenuActive?"close":"menu-bars",onClick:()=>this.onClick()}))}get el(){return n(this)}},f=class{constructor(e){a(this,e),this.isMenuActive=!1,this.isTouch=d.isTouch,this.interface="app"}breakpointListener(a){this.isTouch=a.touch}async toggle(a){this.isMenuActive=a;const e=this.element.querySelector("bal-tabs");e&&(await c(e),e.renderLine())}render(){const a=r.block("navbar").element("menu");let n="";if(this.isTouch){const a=this.element.closest("bal-navbar");a&&(n=a.container)}return e(t,{key:"6b0a857bff0929177b51e75b2e5e26ad51d9dc6a",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("active").class(this.isMenuActive)),a.modifier(`context-${this.interface}`).class()),{container:!0,[`is-${n}`]:""!==n})},e("slot",{key:"e7919137bb34c15bc676a1617a79aac4111460fc"}))}get element(){return n(this)}};s([m(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],f.prototype,"breakpointListener",null);const v=class{constructor(e){a(this,e),this.interface="app"}render(){const a=r.block("navbar").element("menu").element("end");return e(t,{key:"10aa16f437f428adf6cb21c276aa16230aaad041",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},e("slot",{key:"adadfb0d9bda6bb49613541c67bf9dced7a0ad4b"}))}},_=class{constructor(e){a(this,e),this.interface="app"}render(){const a=r.block("navbar").element("menu").element("start");return e(t,{key:"1d35806afa3206d429b351b9442375cd4a41133f",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},e("slot",{key:"35baeb64effd472c64a148fb77fa91a604078f36"}))}};export{h as bal_navbar,p as bal_navbar_brand,f as bal_navbar_menu,v as bal_navbar_menu_end,_ as bal_navbar_menu_start}
+import{r as a,h as e,H as t,g as n,c as i}from"./p-2539ba43.js";import{B as r}from"./p-ae86d0a0.js";import{B as b}from"./p-c1852273.js";import{b as l}from"./p-a65354df.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{f as c}from"./p-33101c54.js";import{b as d}from"./p-73821518.js";import{L as m}from"./p-328d3102.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-946f2e6f.js";const h=class{constructor(e){a(this,e),this.light=!1,this.interface="app",this.container=""}interfaceHandler(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")}componentWillLoad(){this.interfaceHandler()}updateProps(a,e){const t=this[e];void 0!==t&&this.notifyComponents(a,(a=>a[e]=t))}notifyComponents(a,e){this.element.querySelectorAll(a.join(", ")).forEach((a=>e(a)))}render(){const a=r.block("navbar");return e(t,{key:"dddbbeaef348b9ff101743f71451f6d84ac72951",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class()),a.modifier("is-light").class(this.light))},e("nav",{key:"ba4bb4f5ea156b0a2b4ba5f54f8d80b41477ee6b",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},a.element("nav").class()),{container:!0,[`is-${this.container}`]:""!==this.container})},e("slot",{key:"647ff400273d4cd92574d5f46aff07aad2b2c810"})))}get element(){return n(this)}static get watchers(){return{interface:["interfaceHandler"]}}};h.style=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";const p=class{constructor(e){a(this,e),this.balNavigate=i(this,"balNavigate",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.bodyScrollHandler=new b,this.isMenuActive=!1,this.href="",this.target="_self",this.simple=!1,this.logo=void 0,this.logoSize="",this.animated=!0,this.interface="app"}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){l.hasWindow&&window.matchMedia&&window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async resetIsMenuActive(a){a.matches&&!this.simple&&this.toggle(!1)}async toggle(a){this.isMenuActive=a,this.balWillAnimate.emit(this.isMenuActive),l.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isMenuActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable();const e=this.el.closest("bal-navbar");if(e){const a=e.querySelector("bal-navbar-menu");a&&!this.simple&&await a.toggle(this.isMenuActive)}this.balDidAnimate.emit(this.isMenuActive)}async onClick(){this.toggle(!this.isMenuActive)}render(){const a=r.block("navbar").element("brand"),n=this.logo?e("img",{class:Object.assign({},a.element("logo").class()),src:this.logo,alt:""}):e("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});return e(t,{key:"bd905e5548b3eba587403d1de9e19578caf654fe",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},this.href?e("a",{href:this.href,target:this.target,onClick:a=>this.balNavigate.emit(a)},n):n,e("span",{key:"e94ee28b3f46017080ebb7dfe03ffe62bfa721da",class:Object.assign({},a.element("title").class())},e("slot",{key:"faa690ef810fbb6444d577bc2aaad0412bbd1f92"})),e("bal-button",{key:"7ec55643796d5c32ea3cbbc70359100b5798ff66",class:Object.assign(Object.assign({},a.element("burger").class()),a.element("burger").modifier("hidden").class("simple"===this.interface)),color:"light",inverted:!0,square:!0,icon:this.isMenuActive?"close":"menu-bars",onClick:()=>this.onClick()}))}get el(){return n(this)}},f=class{constructor(e){a(this,e),this.isMenuActive=!1,this.isTouch=d.isTouch,this.interface="app"}breakpointListener(a){this.isTouch=a.touch}async toggle(a){this.isMenuActive=a;const e=this.element.querySelector("bal-tabs");e&&(await c(e),e.renderLine())}render(){const a=r.block("navbar").element("menu");let n="";if(this.isTouch){const a=this.element.closest("bal-navbar");a&&(n=a.container)}return e(t,{key:"6b0a857bff0929177b51e75b2e5e26ad51d9dc6a",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("active").class(this.isMenuActive)),a.modifier(`context-${this.interface}`).class()),{container:!0,[`is-${n}`]:""!==n})},e("slot",{key:"e7919137bb34c15bc676a1617a79aac4111460fc"}))}get element(){return n(this)}};s([m(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],f.prototype,"breakpointListener",null);const v=class{constructor(e){a(this,e),this.interface="app"}render(){const a=r.block("navbar").element("menu").element("end");return e(t,{key:"10aa16f437f428adf6cb21c276aa16230aaad041",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},e("slot",{key:"adadfb0d9bda6bb49613541c67bf9dced7a0ad4b"}))}},_=class{constructor(e){a(this,e),this.interface="app"}render(){const a=r.block("navbar").element("menu").element("start");return e(t,{key:"1d35806afa3206d429b351b9442375cd4a41133f",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},e("slot",{key:"35baeb64effd472c64a148fb77fa91a604078f36"}))}};export{h as bal_navbar,p as bal_navbar_brand,f as bal_navbar_menu,v as bal_navbar_menu_end,_ as bal_navbar_menu_start}

package/dist/baloise-design-system/{p-6116192a.js → p-73821518.js}

@@ -1 +1 @@
-import{j as t,k as s,r as i}from"./p-33101c54.js";import{b as e}from"./p-a65354df.js";import{b as h}from"./p-96216bd1.js";import{L as r,S as n}from"./p-acf222fd.js";import{b as o,a as c,c as a,d as u,e as l}from"./p-fc542e26.js";class d{constructor(t={}){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(h.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return e.window.width>e.window.height}get sameWidth(){return this.previousWidth===e.window.width}get sameHeight(){return this.previousHeight===e.window.height}resetPreviousValues(){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape}}class p extends r{constructor(){super(...arguments),this.resizeHandler=new d({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),100),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(t){super.connect(t),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const f=t=>parseInt(t.slice(0,-2),10),b=f(l),g=f(o),m=f(c),w=f(a),j=f(u),D=t=>t.innerWidth<b,k=t=>{const s=t.innerWidth;return s>=b&&s<g},v=t=>D(t)||k(t),O={mobile:D,tablet:k,touch:v,desktop:t=>!v(t),highDefinition:t=>{const s=t.innerWidth;return s>=m&&s<w},widescreen:t=>{const s=t.innerWidth;return s>=w&&s<j},fullhd:t=>t.innerWidth>=j};class y{constructor(){this.breakpoints=[],e.hasWindow&&(this.win=window,this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isHighDefinition(){return this.includes("highDefinition")}get isWidescreen(){return this.includes("widescreen")}get isFullHD(){return this.includes("fullhd")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(O).filter((t=>O[t](this.win))),this.win.BaloiseDesignSystem.breakpoints=this.breakpoints,this.win.BaloiseDesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}}}const L=new y,T={mobile:!1,tablet:!1,touch:!1,desktop:!1,highDefinition:!1,widescreen:!1,fullhd:!1};class W extends n{constructor(){super((t=>t.breakpointListener(this.state))),this.state=T,this.listener=new p,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{L.detect();const t=L.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),L.detect();const s=L.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const x=new W;export{p as B,x as a,L as b,W as c,y as d}
+import{j as t,k as s,r as i}from"./p-33101c54.js";import{b as e}from"./p-a65354df.js";import{b as h}from"./p-96216bd1.js";import{L as r,S as n}from"./p-acf222fd.js";import{b as o,a as c,c as a,d as u,e as l}from"./p-946f2e6f.js";class d{constructor(t={}){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(h.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return e.window.width>e.window.height}get sameWidth(){return this.previousWidth===e.window.width}get sameHeight(){return this.previousHeight===e.window.height}resetPreviousValues(){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape}}class f extends r{constructor(){super(...arguments),this.resizeHandler=new d({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),100),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(t){super.connect(t),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const p=t=>parseInt(t.slice(0,-2),10),b=p(l),g=p(o),m=p(c),w=p(a),j=p(u),D=t=>t.innerWidth<b,k=t=>{const s=t.innerWidth;return s>=b&&s<g},v=t=>D(t)||k(t),O={mobile:D,tablet:k,touch:v,desktop:t=>!v(t),highDefinition:t=>{const s=t.innerWidth;return s>=m&&s<w},widescreen:t=>{const s=t.innerWidth;return s>=w&&s<j},fullhd:t=>t.innerWidth>=j};class y{constructor(){this.breakpoints=[],e.hasWindow&&(this.win=window,this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isHighDefinition(){return this.includes("highDefinition")}get isWidescreen(){return this.includes("widescreen")}get isFullHD(){return this.includes("fullhd")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(O).filter((t=>O[t](this.win))),this.win.BaloiseDesignSystem.breakpoints=this.breakpoints,this.win.BaloiseDesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}}}const L=new y,T={mobile:!1,tablet:!1,touch:!1,desktop:!1,highDefinition:!1,widescreen:!1,fullhd:!1};class W extends n{constructor(){super((t=>t.breakpointListener(this.state))),this.state=T,this.listener=new f,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{L.detect();const t=L.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),L.detect();const s=L.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const x=new W;export{f as B,x as a,L as b,W as c,y as d}

package/dist/baloise-design-system/p-885bb3f27c.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as i,H as e,g as s}from"./p-2539ba43.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{a as l}from"./p-00b37ea2.js";import{n as r,f as _,t as d,j as h,o as c,p as v,l as m,q as p,i as u,b as f}from"./p-33101c54.js";import{B as g}from"./p-ae86d0a0.js";import{L as x}from"./p-b77e3348.js";import{n as w}from"./p-f3f5ce4f.js";import{s as y}from"./p-63b52c0f.js";import{b as j}from"./p-a65354df.js";import{a as O}from"./p-0e361394.js";import{L as k}from"./p-af4c6af2.js";import{b as L}from"./p-73821518.js";import{L as $}from"./p-950bd476.js";import{L as A}from"./p-328d3102.js";import{L as z}from"./p-95a4f1be.js";import{L as T}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-946f2e6f.js";const C=class{constructor(i){t(this,i),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+E++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.aria=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.noPanel,a=!this.isActive||this.noPanel;return i(e,{key:"73cd7faf737780486e58b71b4c51508e0311e277",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:t?"tabpanel":void 0,"aria-label":t?this.label:void 0,"aria-hidden":a?"true":"false",tabindex:a?"-1":void 0,hidden:!!a||void 0},i("slot",{key:"d533d087306ee17ba5b78c9b756db6cf923ef1a5"}))}get el(){return s(this)}};let E=0;const F=({items:t,value:a,onSelectTab:e})=>{const s=g.block("tabs").element("select");return i("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const i=t.filter((t=>t.value===a.detail));if(i.length>0){const t=i[0];""!==t.href&&void 0!==t.href&&j.hasWindow&&window.open(t.href,t.target),e(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},I=({item:t,inverted:a,accordion:e,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=g.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled)),o.modifier("display-svg").class(void 0!==t.svg))},i("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||e?"small":"",name:e?"nav-go-down":t.icon,color:l,turn:e&&!0===s&&t.active}),b?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},S=({item:t,inverted:a,hasBubble:e,isVertical:s,context:n})=>{const b=g.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),b.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&i("span",{class:b.element("sub-label").class()},t.subLabel),e?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},B=t=>"string"==typeof t?t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase():"",D=({item:t,tabsId:a,isFirst:e,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,isLinkList:r,inverted:_,expanded:d,spaceless:h,clickable:c,iconPosition:v,context:m,onSelectTab:p,hasSubLabelInGroup:u,dimInactiveElements:f})=>{var x;const w=g.block("tabs").element("nav").element("item");if(t.invisible)return;const y=!1!==t.bubble,j=void 0!==t.icon,O=j&&y&&"horizontal"!==v&&!o||n&&j&&y&&!b&&!o,k=o&&y||o&&n&&j&&y&&!b,L=!j&&y&&!o||y&&!n&&"horizontal"===v&&!o||y&&b&&!o,$=void 0===t.href||""===t.href,A=$?"button":"a",z=$?{type:"button",role:"tab","aria-controls":(null===(x=t.aria)||void 0===x?void 0:x.controls)||t.tabPanelID||void 0,"aria-expanded":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label}:{href:t.href,target:t.target};return r||(z.tabindex=t.active?"0":"-1"),i(A,Object.assign({id:`${a}-button-${B(t.value)}`,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(Object.assign(Object.assign({},w.class()),w.modifier("active").class(t.active)),w.modifier("disabled").class(t.disabled)),w.modifier("clickable").class(c)),w.modifier("accordion").class(o)),w.modifier("inverted").class(_)),w.modifier("expanded").class(d)),w.modifier("spaceless").class(h)),w.modifier("first").class(e)),w.modifier("last").class(s)),w.modifier("passed").class(t.passed)),w.modifier("vertical").class(b)),w.modifier(`context-${m}`).class(void 0!==m)),w.modifier(`icon-position-${v}`).class("horizontal"!==v)),w.modifier("display-svg").class(t.svg&&t.svg.length>0)),w.modifier("group-has-sub-label").class(u)),w.modifier("dim-inactive-elements").class(f)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":$?t.active?"true":"false":void 0},z,{onClick:a=>p(a,t)}),t.icon||t.svg?i(I,{accordion:!1,item:t,isMobile:n,hasBubble:O,inverted:_}):"",i(S,{item:t,isMobile:n,isVertical:b,hasBubble:L,inverted:_,context:m}),o&&!t.href?i(I,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:k,inverted:_}):"")},P=({items:t,tabsId:a,hasCarousel:e,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,isLinkList:r,border:_,accordion:d,isAccordionOpen:h,inverted:c,clickable:v,animated:m,spaceless:p,expanded:u,verticalColSize:f,iconPosition:x,context:w,onSelectTab:j,dimInactiveElements:O})=>{const k=g.block("tabs").element("nav"),L=t.filter((t=>!t.invisible)),$=n&&!o,A=t.some((t=>t.subLabel&&t.subLabel.length>0)),z=({item:t,index:e})=>i(D,{item:t,isLinkList:r,tabsId:a,isFirst:0===e,isLast:e===L.length-1,isMobile:b,isVertical:s,iconPosition:x,spaceless:p,inverted:c,accordion:d,isAccordionOpen:h,context:w,expanded:u,clickable:v&&!t.disabled,onSelectTab:j,hasSubLabelInGroup:A,dimInactiveElements:O});return i("div",{id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.class()),k.modifier("full-height").class($)),k.modifier("border").class(_)),k.modifier("animated").class(m)),k.modifier("vertical").class(s)),k.modifier("expanded").class(u&&!s)),k.modifier(`vertical-col-${f}`).class(s))},e?i("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},k.element("carousel").class()),htmlRole:"tablist",fullHeight:$,border:_,inverted:c,controls:"small","items-per-view":"auto",steps:3,onBalChange:y},L.map(((t,a)=>i("bal-carousel-item",{htmlRole:"",class:Object.assign(Object.assign({},k.element("carousel").element("item").class()),k.element("carousel").element("item").modifier("expanded").class(u))},i(z,{item:t,index:a})))),i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.element("line").class()),k.element("line").modifier("active").class(l)),k.element("line").modifier("inverted").class(c)),k.element("line").modifier("animated").class(m)),k.element("line").modifier("vertical").class(s))})):L.map(((t,a)=>i(z,{item:t,index:a}))),e?"":i("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},k.element("border").class()),k.element("border").modifier("inverted").class(c)),k.element("border").modifier("vertical").class(s))}),e?"":i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.element("line").class()),k.element("line").modifier("active").class(l)),k.element("line").modifier("inverted").class(c)),k.element("line").modifier("animated").class(m)),k.element("line").modifier("vertical").class(s))}))},V=class{constructor(i){t(this,i),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+M++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(w)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const i=t.clientWidth;return this.expanded?i:i-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const i=t.closest("bal-carousel-item");if(i)return this.expanded?i.offsetLeft:i.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=O(t),i=this.getLineSize(t,a),e=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=d(s,300);if(t)s.style.setProperty("transform",`translateY(${e}px)`),s.style.setProperty("min-height",`${i}px`),s.style.setProperty("height",`${i}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${e}px)`),s.style.setProperty("min-width",`${i}px`),s.style.setProperty("width",`${i}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:i}=this;t||void 0===a||void 0===i?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=i.offsetHeight,e=d(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await e,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=d(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=h((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=async()=>{if(this.isLargestContentfulPaintDone)try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&y(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isLargestContentfulPaintDone=!1,this.isMobile=L.isMobile,this.isTablet=L.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0,this.dimInactiveElements=!1}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=v("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(v("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){m((()=>{this.onOptionChange(),this.isLargestContentfulPaintDone=!0}))}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){p(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){p(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),i=t.target;a&&u(a,this.el)&&(this.isNavbarOpen=i)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let i=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(i=i.reverse());const e=i.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,i)=>t<a||i>=t?t:i:(t,i)=>t>a||i<=t?t:i,n=e.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){if(await f(),null!==this.el.querySelector("button.bal-focused")){const a=this.el.querySelector(`#${this.tabsId}-button-${B(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=g.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=this.isLargestContentfulPaintDone&&!b&&this.overflow&&!this.expanded,l=this.isLargestContentfulPaintDone&&a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content",d=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),h=!this.isTabList;return i(e,{key:"6d5c18adc358a123e9630ac61854716b3a524af8",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",")},l?i(F,{value:this.value,items:r,onSelectTab:this.onSelectTab}):i(P,{items:r,isLinkList:h,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:d,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),i("div",{key:"109d4147369f72da04c9f6b48a8959159ccf1d8c",part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},i("div",{key:"89333c42c5f26f47e99bab3bdba2051e7cfcac14",id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},i("slot",{key:"834c6b06a516dbcedfa4f65d902899202fee9809"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([x("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],V.prototype,"createLogger",null),b([$({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"mutationListener",null),b([A(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],V.prototype,"breakpointListener",null),b([z(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"resizeListener",null),b([k("balWillAnimate",{target:"window"}),o("design:type",Function),o("design:paramtypes",[UIEvent]),o("design:returntype",void 0)],V.prototype,"listenToWillAnimate",null),b([k("balDidAnimate",{target:"window"}),o("design:type",Function),o("design:paramtypes",[UIEvent]),o("design:returntype",void 0)],V.prototype,"listenToDidAnimate",null),b([k("keydown"),o("design:type",Function),o("design:paramtypes",[KeyboardEvent]),o("design:returntype",void 0)],V.prototype,"listenToKeyDown",null),b([T(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],V.prototype,"configChanged",null);let M=0;V.style="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";export{C as bal_tab_item,V as bal_tabs}

package/dist/baloise-design-system/p-89d02381.js

@@ -0,0 +1 @@
+import{g as a}from"./p-a188a2e8.js";const o=a;export{o as g}