@baloise/ds-core 0.0.5 → 0.0.6

package/dist/design-system-components/{p-0685d79c20.entry.js → p-a8044d5572.entry.js}

@@ -1 +1 @@
-import{h as a,r as t,c as i,H as e,g as n}from"./p-43e8bc5e.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-58fc8247.js";import{w as c,d as v}from"./p-88f18fbc.js";import{b as h}from"./p-2cc957ce.js";import{d as m}from"./p-4f4df156.js";import{L as p}from"./p-e8d90b5e.js";import{L as u}from"./p-5650ce58.js";import{L as g}from"./p-69e7c8d6.js";import{L as k}from"./p-2692caf4.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-e33303db.js";class f{constructor(a,t){this.observer=t,this.clickable=!1,this.active=!1,this.data=void 0,this.label=a.label,this.id="nav-link-item-"+_++,this.value=a.value||this.id,this.href=a.href,this.target=a.target,this.active=!!a.active,this.clickable=!!a.clickable,this.data=a.data,this.onClick=t=>{this.observer.linkItemClickListener(this),a.onClick&&a.onClick(t)},this.onAccordionClick=t=>{this.observer.accordionClickListener(this),a.onAccordionClick&&a.onAccordionClick(t)}}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(t){const i=o.block("nav");return a("li",null,a("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-links").class()),i.element("mobile-links").modifier("selected").class(this.active)),i.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label))}render(t){return a("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:a=>this.onClick(a)},this.label)}}let _=0;class w extends f{constructor(a,t){super(a,t),this.linkItems=[],this.htmlTitle=a.htmlTitle,this.label=a.label,this.href=a.href,this.target=a.target,this.id="nav-section-link-item-"+x++,this.value=a.value||this.id,this.linkItems=(a.linkItems||[]).map((a=>new f(a,t)))}get type(){return"NavSectionLinkItem"}renderTouch(t){const i=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({},i.element("mobile-section-item").class()),i.element("mobile-section-item").modifier("selected").class(this.active)),i.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(t){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 x=0;class y extends f{constructor(a,t){super(a,t),this.color="grey",this.linkItems=[],this.id="nav-service-link-item-"+j++,this.value=a.value||this.id,this.color=a.color||"grey",this.linkItems=(a.linkItems||[]).map((a=>new f(a,t)))}get type(){return"NavServiceLinkItem"}renderTouch(t){const i=o.block("nav"),e=this.linkItems&&this.linkItems.length>0;return a("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.element("mobile-service-item").class()),i.element("mobile-service-item").modifier(`color-${this.color}`).class()),i.element("mobile-service-item").modifier("selected").class(this.active)),i.element("mobile-service-item").modifier("clickable").class(this.clickable))},a("a",{id:this.id,href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(t){return a("bal-nav-link-group",{color:this.color,role:"list"},a("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let j=0;const O=({id:t,label:i,level:e,open:n,link:l,href:r,target:s,onClick:b})=>{const d=o.block("nav");return l?a("a",{id:t,class:Object.assign({},d.element(`mobile-${e}-item`).class()),href:r,target:s,onClick:a=>b(a)},a("span",null,i)):a("button",{id:t,class:Object.assign({},d.element(`mobile-${e}-item`).class()),onClick:a=>b(a)},a("span",null,i),a("bal-icon",{name:"nav-go-down",size:"small",turn:n}))},z=({item:t,isMenu:i,onClick:e})=>{const n=o.block("nav");return t?a("a",{class:Object.assign(Object.assign({},n.element("mobile-overview-link").class()),n.element("mobile-overview-link").modifier("menu").class(!!i)),href:t.href,target:t.target,onClick:a=>e(a)},t.label," ",t.label?"➞":""):""};class L extends f{constructor(a,t){super(a,t),this.sectionLinkItems=[],this.serviceLinkItems=[],this.id="nav-menu-link-item-"+C++,this.value=a.value||this.id,this.sectionLinkItems=(a.sectionLinkItems||[]).map((a=>new w(a,t))),this.serviceLinkItems=(a.serviceLinkItems||[]).map((a=>new y(a,t))),this.overviewLink=a.overviewLink?new f(a.overviewLink,t):void 0}get type(){return"NavMenuLinkItem"}renderTouch(t){const i=o.block("nav"),e=this.sectionLinkItems&&this.sectionLinkItems.length>0,n=this.serviceLinkItems&&this.serviceLinkItems.length>0,l=(null==t?void 0:t.activeMenuLinkValue)===this.value;return a("li",null,a(O,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:!e&&!n&&this.isLink,open:l,onClick:a=>this.onAccordionClick(a)}),l?a(z,{item:this.overviewLink,onClick:a=>this.onClick(a),isMenu:!0}):"",l&&e?a("ul",{class:Object.assign({},i.element("mobile-section-list").class())},this.sectionLinkItems.map((a=>a.renderTouch()))):"",l&&n?a("ul",{class:Object.assign({},i.element("mobile-service-list").class())},this.serviceLinkItems.map((a=>a.renderTouch()))):"")}render(t){return a("bal-tab-item",this.sectionLinkItems.length>0||this.serviceLinkItems.length>0||!this.isLink?{label:this.label,value:this.value,onBalNavigate:a=>{null==t||t.onClick(),this.onClick&&this.onClick(a.detail)}}:{label:this.label,value:this.value,href:this.href,target:this.target})}}let C=0;class M extends f{constructor(a,t){super(a,t),this.mainLinkItems=[],this.id="nav-meta-link-item-"+F++,this.value=a.value||this.id,this.mainLinkItems=(a.mainLinkItems||[]).map((a=>new L(a,t))),this.overviewLink=a.overviewLink?new f(a.overviewLink,t):void 0}get type(){return"NavMetaLinkItem"}renderTouch(t){const i=o.block("nav"),e=(null==t?void 0:t.activeMetaLinkValue)===this.value;return a("li",null,a(O,{id:this.id,level:"meta",label:this.label,open:e,link:!(this.mainLinkItems.length>0)&&this.isLink,href:this.href,target:this.target,onClick:a=>this.onAccordionClick(a)}),e?a(z,{item:this.overviewLink,onClick:a=>this.onClick(a)}):"",e?a("hr",{class:Object.assign(Object.assign({},i.element("line").class()),i.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?a("ul",{class:Object.assign({},i.element("mobile-menu-list").class())},this.mainLinkItems.map((a=>a.renderTouch({activeMetaLinkValue:t.activeMetaLinkValue,activeMenuLinkValue:t.activeMenuLinkValue})))):"",a("hr",{class:Object.assign({},i.element("line").class())}))}render(){return a("bal-tab-item",this.isLink?{label:this.label,value:this.value,href:this.href,target:this.target}:{label:this.label,value:this.value,onBalNavigate:a=>{this.onClick&&this.onClick(a.detail)}})}}let F=0;class B extends f{constructor(a,t){super(a,t),this.touchPlacement="top",this.id="nav-meta-button-"+$++,this.touchPlacement=a.touchPlacement||"top",this.value=a.value||this.id,this.icon=a.icon,this.popoverId=a.popupId,this.ariaLabel=a.ariaLabel,this.htmlTitle=a.htmlTitle,this.href=a.href||"",this.target=a.target||"_self"}get type(){return"NavMetaButton"}get isLink(){return!!this.href}renderAtMetaBar(){return a("bal-button",this.isLink?{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:!0,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}}:{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},inverted:!0,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)}renderAtTouchTopMetaBar(){if("top"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}}:{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:!1,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}renderAtTouchBottomMetaBar(){if("bottom"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"info",inverted:!1,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},href:this.href,target:this.target}:{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:!1,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}resetTouchBottomMetaBar(){if(b.hasDocument&&"bottom"===this.touchPlacement){const a=document.getElementById(this.value);a&&"drawer"===a.balPopupVariant&&(a.color="info")}}resetDesktopMetaBar(){if(b.hasDocument){const a=document.getElementById(this.value);a&&"popover"===a.balPopupVariant&&(a.color="info")}}}let $=0;const 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"}},I=class{constructor(a){t(this,a),this.balNavItemClick=i(this,"balNavItemClick",7),this.navId="bal-nav-"+T++,this.bodyScrollHandler=new d,this.hasRenderedWithFlyoutActive=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.linkItems=this.options.map((a=>new M(a,this))),this.metaButtons=this.buttons.map((a=>new B(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 t=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));t&&t.mainLinkItems.length>0&&(this.activeMenuLinkValue=t.mainLinkItems[0].value)}},this.onMenuBarTabChange=a=>{this.activeMenuLinkValue===a?this.toggleFlyout():this.openFlyout(),this.activeMenuLinkValue=a},this.isTouch=h.isTouch,this.isDesktop=h.isDesktop,this.language=m.language,this.region=m.region,this.isFlyoutActive=!1,this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.logo=void 0,this.options=[],this.linkItems=[],this.buttons=[],this.metaButtons=[]}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.updateTabs()}async buttonChanged(){this.onOptionChange()}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){this.onOptionChange(),this.updateTabs()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}listenToPopupChanges(a){const t=a.target;if(t&&"BAL-POPUP"===t.nodeName){const i=Array.from(this.el.querySelectorAll(`[bal-popup="${t.id}"]`));!0===a.detail?(this.onPopupOpen(i),i.some((a=>a.classList.contains("bal-nav__popup--touch-top")))&&this.closeFlyout()):this.onPopupClose(i)}}async clickOnOutside(a){var t,i,e,n,l;if(this.isDesktop&&this.hasRenderedWithFlyoutActive){const r=null===(i=null===(t=this.metaBarEl)||void 0===t?void 0:t.querySelector(".bal-nav-meta-bar__container"))||void 0===i?void 0:i.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.onOptionChange()}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 t=this.el.querySelector(`#${a.id}`);t&&t.scrollIntoView({behavior:"smooth"})}updateTabs(){var a,t;const i=this.activeMetaLinkValue,e=(null===(a=this.linkItems.find((a=>a.active)))||void 0===a?void 0:a.value)||i;i!==e&&(this.activeMetaLinkValue=e);const n=this.activeMenuLinkValue,l=(null===(t=this.activeMenuLinkItems.find((a=>a.active)))||void 0===t?void 0:t.value)||n;n!==l&&(this.activeMenuLinkValue=l)}closeAllPopups(){Array.from(this.el.querySelectorAll("bal-popup")).forEach((a=>a.dismiss()))}render(){var t,i,n,l,r,s,b,d,c;const v=o.block("nav"),h=v.element("flyout");return this.hasRenderedWithFlyoutActive=this.isFlyoutActive,a(e,{id:this.navId,class:Object.assign({},v.class())},a("div",{class:{"bal-nav-meta-bar-transform":!0,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?a("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:a=>this.metaBarEl=a},a("bal-stack",{space:"auto"},this.linkItems.length>1?a("bal-tabs",{spaceless:!0,inverted:!0,context:"meta",value:this.activeMetaLinkValue,onBalChange:a=>this.onMetaBarTabChange(a)},this.linkItems.map((a=>a.render()))):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===(t=this.linkItems.find((a=>a.value===this.activeMetaLinkValue)))||void 0===t?void 0:t.mainLinkItems.map((a=>a.render({onClick:()=>this.onMenuBarTabChange(a.value)}))))),this.isFlyoutActive?a("bal-nav-menu-flyout",null,a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(n=null===(i=this.activeMenuLinkItem)||void 0===i?void 0:i.overviewLink)||void 0===n?void 0:n.href,target:null===(r=null===(l=this.activeMenuLinkItem)||void 0===l?void 0:l.overviewLink)||void 0===r?void 0:r.target,onClick:()=>{var a;return this.linkItemClickListener(null===(a=this.activeMenuLinkItem)||void 0===a?void 0:a.overviewLink)}},null===(b=null===(s=this.activeMenuLinkItem)||void 0===s?void 0:s.overviewLink)||void 0===b?void 0:b.label," ",(null===(c=null===(d=this.activeMenuLinkItem)||void 0===d?void 0:d.overviewLink)||void 0===c?void 0:c.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",a("div",null,a("slot",null))),this.isTouch?a("bal-nav-meta-bar",{variant:"white",size:"normal"},a("bal-stack",{space:"auto"},this.renderLogo(),a("bal-stack",{space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtTouchTopMetaBar())),a("bal-button",{square:!0,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?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(t){var i,e;return t?a("bal-nav-link-grid",null,a("bal-nav-link-grid-col",null,null===(i=t.sectionLinkItems)||void 0===i?void 0:i.map((a=>a.render()))),a("bal-nav-link-grid-col",{"static-col":!0},null===(e=t.serviceLinkItems)||void 0===e?void 0:e.map((a=>a.render())))):""}renderTouchMenuAccordions(t){return a("bal-list",{"accordion-one-level":!0,class:"pt-xxx-small pb-normal"},t.mainLinkItems.map((t=>{var i,e,n;return t.isLink?a("bal-list-item",{"sub-accordion-item":!0,href:t.href,target:t.target},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},t.label))):a("bal-list-item",{accordion:!0,"sub-accordion-item":!0},a("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":t.active},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},t.label))),a("bal-list-item-accordion-body",null,a("div",{style:{width:"100%"}},a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(i=t.overviewLink)||void 0===i?void 0:i.href,target:null===(e=t.overviewLink)||void 0===e?void 0:e.target,onClick:()=>this.linkItemClickListener(t.overviewLink)},null===(n=t.overviewLink)||void 0===n?void 0:n.label),a("div",{class:"pt-normal"},this.renderGridLinks(t)))))})))}renderLogo(){var t,i,e,n,l,r;const o=(null===(t=this.logo)||void 0===t?void 0:t.href)?"a":(null===(i=this.logo)||void 0===i?void 0:i.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,t;return this.balNavItemClick.emit({value:"logo",label:"Logo",href:null===(a=this.logo)||void 0===a?void 0:a.href,target:null===(t=this.logo)||void 0===t?void 0:t.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)],I.prototype,"createLogger",null),l([p({tags:["bal-popup"]}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],I.prototype,"mutationListener",null),l([u(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],I.prototype,"breakpointListener",null),l([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],I.prototype,"configChanged",null);let T=0;I.style=":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:.01em !important;width:.01em !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:none !important;white-space:nowrap !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-font-weight-bold);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-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-text-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-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-divider);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";const N=class{constructor(a){t(this,a),this.variant="",this.selected=!1,this.clickable=!1,this.href=void 0,this.target="_self"}createLogger(a){this.log=a}render(){const t=o.block("nav-link"),{href:i,target:n}=this,l=void 0!==i&&""!==i,r=""!==this.variant,s=l?"a":this.clickable?"button":"span";let b={};return l&&(b={href:i,target:n}),a(e,{class:Object.assign(Object.assign({},t.class()),t.modifier(`variant-${this.variant}`).class(r))},a(s,Object.assign({"data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},t.element("native").class()),t.element("native").modifier(`variant-${this.variant}`).class(r)),t.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},b),a("slot",null)))}};l([s("bal-nav-link"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],N.prototype,"createLogger",null),N.style="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";const q=class{constructor(a){t(this,a)}createLogger(a){this.log=a}render(){const t=o.block("nav-link-grid");return a(e,{class:Object.assign(Object.assign({},t.class()),{"grid is-multiline":!0})},a("slot",null))}};l([s("bal-nav-link-grid"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],q.prototype,"createLogger",null),q.style=".bal-nav-link-grid{--bal-column-gap:0;margin-top:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";const P=class{constructor(a){t(this,a),this.staticCol=!1}createLogger(a){this.log=a}render(){const t=o.block("nav-link-grid-col"),i=t.element("inner"),n=this.staticCol?"widescreen:is-one-third":"widescreen:is-two-thirds";return a(e,{class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("is-static").class(this.staticCol)),{"col is-full desktop:is-6 desktop:is-half":!0,[`${n}`]:!0})},a("div",{class:Object.assign({},i.class())},a("slot",null)))}};l([s("bal-nav-link-grid-col"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],P.prototype,"createLogger",null),P.style=".bal-nav-link-grid-col{padding:0}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.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:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";const S=class{constructor(a){t(this,a),this.color=""}createLogger(a){this.log=a}render(){const t=o.block("nav-link-group"),i=""!==this.color;return a(e,{class:Object.assign(Object.assign({},t.class()),t.modifier(`is-${this.color}`).class(i))},a("slot",null))}};l([s("bal-nav-link-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],S.prototype,"createLogger",null),S.style=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";const V=class{constructor(a){t(this,a),this.navMenuBarId="bal-nav-menu-bar-"+Y++,this.isHidden=!1,this.invisible="none",this.position="none"}createLogger(a){this.log=a}get flyoutElement(){return this.el.querySelector("bal-nav-menu-flyout")}render(){const t=o.block("nav-menu-bar"),i=t.element("inner");return a(e,{id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("hidden-mobile").class("mobile"===this.invisible)),t.modifier("hidden-tablet").class("tablet"===this.invisible)),t.modifier(`position-${this.position}`).class("none"!==this.position))},a("div",{class:Object.assign({},i.class())},a("div",{class:Object.assign({},t.element("container").class())},a("slot",null))))}get el(){return n(this)}};l([s("bal-nav-menu-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],V.prototype,"createLogger",null);let Y=0;V.style=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;padding-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{padding-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{padding-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';const D=class{constructor(a){t(this,a),this.navMenuFlyoutId="bal-nav-menu-flyout-"+E++,this.bodyScrollHandler=new d,this.isHidden=!1}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,t;return(null===(a=this.el)||void 0===a?void 0:a.scrollHeight)>(null===(t=this.el)||void 0===t?void 0:t.clientHeight)}render(){const t=o.block("nav-menu-flyout"),i=t.element("line");return a(e,{id:this.navMenuFlyoutId,class:Object.assign({},t.class())},a("div",{class:Object.assign({},i.class())}),a("div",{class:Object.assign({},t.element("container").class())},a("slot",null)))}get el(){return n(this)}};l([s("bal-nav-menu-flyout"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],D.prototype,"createLogger",null),l([k(),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],D.prototype,"resizeListener",null);let E=0;D.style=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";const G=class{constructor(a){t(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,t=0>=window.scrollY,i=0>window.scrollY,e=a<=window.scrollY,n=window.scrollY>this.previousY;this.isHidden=!t&&(n||e||i),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 t=l[a];this.isHidden?"small"===this.size?(t.classList.remove("bal-nav-meta-bar-transform-normal"),t.classList.add("bal-nav-meta-bar-transform-small")):(t.classList.remove("bal-nav-meta-bar-transform-small"),t.classList.add("bal-nav-meta-bar-transform-normal")):(t.classList.remove("bal-nav-meta-bar-transform-small"),t.classList.remove("bal-nav-meta-bar-transform-normal"))}}}render(){const t=o.block("nav-meta-bar");return a(e,{id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier(`variant-${this.variant}`).class()),t.modifier(`size-${this.size}`).class()),t.modifier(`position-${this.position}`).class("none"!==this.position)),t.modifier("hidden-mobile").class("mobile"===this.invisible)),t.modifier("hidden-tablet").class("tablet"===this.invisible))},a("div",{class:Object.assign({},t.element("container").class())},a("slot",null)))}get el(){return n(this)}};l([s("bal-meta-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],G.prototype,"createLogger",null);let H=0;G.style=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";export{I as bal_nav,N as bal_nav_link,q as bal_nav_link_grid,P as bal_nav_link_grid_col,S as bal_nav_link_group,V as bal_nav_menu_bar,D as bal_nav_menu_flyout,G as bal_nav_meta_bar}
+import{h as a,r as t,c as i,H as e,g as n}from"./p-43e8bc5e.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-58fc8247.js";import{w as c,d as v}from"./p-88f18fbc.js";import{b as h}from"./p-e3141def.js";import{d as m}from"./p-4f4df156.js";import{L as p}from"./p-e8d90b5e.js";import{L as u}from"./p-f894ab25.js";import{L as g}from"./p-69e7c8d6.js";import{L as k}from"./p-2692caf4.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-37c1d2f2.js";class f{constructor(a,t){this.observer=t,this.clickable=!1,this.active=!1,this.data=void 0,this.label=a.label,this.id="nav-link-item-"+_++,this.value=a.value||this.id,this.href=a.href,this.target=a.target,this.active=!!a.active,this.clickable=!!a.clickable,this.data=a.data,this.onClick=t=>{this.observer.linkItemClickListener(this),a.onClick&&a.onClick(t)},this.onAccordionClick=t=>{this.observer.accordionClickListener(this),a.onAccordionClick&&a.onAccordionClick(t)}}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(t){const i=o.block("nav");return a("li",null,a("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-links").class()),i.element("mobile-links").modifier("selected").class(this.active)),i.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label))}render(t){return a("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:a=>this.onClick(a)},this.label)}}let _=0;class w extends f{constructor(a,t){super(a,t),this.linkItems=[],this.htmlTitle=a.htmlTitle,this.label=a.label,this.href=a.href,this.target=a.target,this.id="nav-section-link-item-"+x++,this.value=a.value||this.id,this.linkItems=(a.linkItems||[]).map((a=>new f(a,t)))}get type(){return"NavSectionLinkItem"}renderTouch(t){const i=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({},i.element("mobile-section-item").class()),i.element("mobile-section-item").modifier("selected").class(this.active)),i.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(t){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 x=0;class y extends f{constructor(a,t){super(a,t),this.color="grey",this.linkItems=[],this.id="nav-service-link-item-"+j++,this.value=a.value||this.id,this.color=a.color||"grey",this.linkItems=(a.linkItems||[]).map((a=>new f(a,t)))}get type(){return"NavServiceLinkItem"}renderTouch(t){const i=o.block("nav"),e=this.linkItems&&this.linkItems.length>0;return a("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.element("mobile-service-item").class()),i.element("mobile-service-item").modifier(`color-${this.color}`).class()),i.element("mobile-service-item").modifier("selected").class(this.active)),i.element("mobile-service-item").modifier("clickable").class(this.clickable))},a("a",{id:this.id,href:this.href,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(t){return a("bal-nav-link-group",{color:this.color,role:"list"},a("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let j=0;const O=({id:t,label:i,level:e,open:n,link:l,href:r,target:s,onClick:b})=>{const d=o.block("nav");return l?a("a",{id:t,class:Object.assign({},d.element(`mobile-${e}-item`).class()),href:r,target:s,onClick:a=>b(a)},a("span",null,i)):a("button",{id:t,class:Object.assign({},d.element(`mobile-${e}-item`).class()),onClick:a=>b(a)},a("span",null,i),a("bal-icon",{name:"nav-go-down",size:"small",turn:n}))},z=({item:t,isMenu:i,onClick:e})=>{const n=o.block("nav");return t?a("a",{class:Object.assign(Object.assign({},n.element("mobile-overview-link").class()),n.element("mobile-overview-link").modifier("menu").class(!!i)),href:t.href,target:t.target,onClick:a=>e(a)},t.label," ",t.label?"➞":""):""};class L extends f{constructor(a,t){super(a,t),this.sectionLinkItems=[],this.serviceLinkItems=[],this.id="nav-menu-link-item-"+C++,this.value=a.value||this.id,this.sectionLinkItems=(a.sectionLinkItems||[]).map((a=>new w(a,t))),this.serviceLinkItems=(a.serviceLinkItems||[]).map((a=>new y(a,t))),this.overviewLink=a.overviewLink?new f(a.overviewLink,t):void 0}get type(){return"NavMenuLinkItem"}renderTouch(t){const i=o.block("nav"),e=this.sectionLinkItems&&this.sectionLinkItems.length>0,n=this.serviceLinkItems&&this.serviceLinkItems.length>0,l=(null==t?void 0:t.activeMenuLinkValue)===this.value;return a("li",null,a(O,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:!e&&!n&&this.isLink,open:l,onClick:a=>this.onAccordionClick(a)}),l?a(z,{item:this.overviewLink,onClick:a=>this.onClick(a),isMenu:!0}):"",l&&e?a("ul",{class:Object.assign({},i.element("mobile-section-list").class())},this.sectionLinkItems.map((a=>a.renderTouch()))):"",l&&n?a("ul",{class:Object.assign({},i.element("mobile-service-list").class())},this.serviceLinkItems.map((a=>a.renderTouch()))):"")}render(t){return a("bal-tab-item",this.sectionLinkItems.length>0||this.serviceLinkItems.length>0||!this.isLink?{label:this.label,value:this.value,onBalNavigate:a=>{null==t||t.onClick(),this.onClick&&this.onClick(a.detail)}}:{label:this.label,value:this.value,href:this.href,target:this.target})}}let C=0;class M extends f{constructor(a,t){super(a,t),this.mainLinkItems=[],this.id="nav-meta-link-item-"+F++,this.value=a.value||this.id,this.mainLinkItems=(a.mainLinkItems||[]).map((a=>new L(a,t))),this.overviewLink=a.overviewLink?new f(a.overviewLink,t):void 0}get type(){return"NavMetaLinkItem"}renderTouch(t){const i=o.block("nav"),e=(null==t?void 0:t.activeMetaLinkValue)===this.value;return a("li",null,a(O,{id:this.id,level:"meta",label:this.label,open:e,link:!(this.mainLinkItems.length>0)&&this.isLink,href:this.href,target:this.target,onClick:a=>this.onAccordionClick(a)}),e?a(z,{item:this.overviewLink,onClick:a=>this.onClick(a)}):"",e?a("hr",{class:Object.assign(Object.assign({},i.element("line").class()),i.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?a("ul",{class:Object.assign({},i.element("mobile-menu-list").class())},this.mainLinkItems.map((a=>a.renderTouch({activeMetaLinkValue:t.activeMetaLinkValue,activeMenuLinkValue:t.activeMenuLinkValue})))):"",a("hr",{class:Object.assign({},i.element("line").class())}))}render(){return a("bal-tab-item",this.isLink?{label:this.label,value:this.value,href:this.href,target:this.target}:{label:this.label,value:this.value,onBalNavigate:a=>{this.onClick&&this.onClick(a.detail)}})}}let F=0;class B extends f{constructor(a,t){super(a,t),this.touchPlacement="top",this.id="nav-meta-button-"+$++,this.touchPlacement=a.touchPlacement||"top",this.value=a.value||this.id,this.icon=a.icon,this.popoverId=a.popupId,this.ariaLabel=a.ariaLabel,this.htmlTitle=a.htmlTitle,this.href=a.href||"",this.target=a.target||"_self"}get type(){return"NavMetaButton"}get isLink(){return!!this.href}renderAtMetaBar(){return a("bal-button",this.isLink?{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:!0,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}}:{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},inverted:!0,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)}renderAtTouchTopMetaBar(){if("top"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}}:{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:!1,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}renderAtTouchBottomMetaBar(){if("bottom"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"info",inverted:!1,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},href:this.href,target:this.target}:{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:!1,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}resetTouchBottomMetaBar(){if(b.hasDocument&&"bottom"===this.touchPlacement){const a=document.getElementById(this.value);a&&"drawer"===a.balPopupVariant&&(a.color="info")}}resetDesktopMetaBar(){if(b.hasDocument){const a=document.getElementById(this.value);a&&"popover"===a.balPopupVariant&&(a.color="info")}}}let $=0;const 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"}},I=class{constructor(a){t(this,a),this.balNavItemClick=i(this,"balNavItemClick",7),this.navId="bal-nav-"+T++,this.bodyScrollHandler=new d,this.hasRenderedWithFlyoutActive=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.linkItems=this.options.map((a=>new M(a,this))),this.metaButtons=this.buttons.map((a=>new B(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 t=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));t&&t.mainLinkItems.length>0&&(this.activeMenuLinkValue=t.mainLinkItems[0].value)}},this.onMenuBarTabChange=a=>{this.activeMenuLinkValue===a?this.toggleFlyout():this.openFlyout(),this.activeMenuLinkValue=a},this.isTouch=h.isTouch,this.isDesktop=h.isDesktop,this.language=m.language,this.region=m.region,this.isFlyoutActive=!1,this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.logo=void 0,this.options=[],this.linkItems=[],this.buttons=[],this.metaButtons=[]}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.updateTabs()}async buttonChanged(){this.onOptionChange()}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){this.onOptionChange(),this.updateTabs()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}listenToPopupChanges(a){const t=a.target;if(t&&"BAL-POPUP"===t.nodeName){const i=Array.from(this.el.querySelectorAll(`[bal-popup="${t.id}"]`));!0===a.detail?(this.onPopupOpen(i),i.some((a=>a.classList.contains("bal-nav__popup--touch-top")))&&this.closeFlyout()):this.onPopupClose(i)}}async clickOnOutside(a){var t,i,e,n,l;if(this.isDesktop&&this.hasRenderedWithFlyoutActive){const r=null===(i=null===(t=this.metaBarEl)||void 0===t?void 0:t.querySelector(".bal-nav-meta-bar__container"))||void 0===i?void 0:i.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.onOptionChange()}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 t=this.el.querySelector(`#${a.id}`);t&&t.scrollIntoView({behavior:"smooth"})}updateTabs(){var a,t;const i=this.activeMetaLinkValue,e=(null===(a=this.linkItems.find((a=>a.active)))||void 0===a?void 0:a.value)||i;i!==e&&(this.activeMetaLinkValue=e);const n=this.activeMenuLinkValue,l=(null===(t=this.activeMenuLinkItems.find((a=>a.active)))||void 0===t?void 0:t.value)||n;n!==l&&(this.activeMenuLinkValue=l)}closeAllPopups(){Array.from(this.el.querySelectorAll("bal-popup")).forEach((a=>a.dismiss()))}render(){var t,i,n,l,r,s,b,d,c;const v=o.block("nav"),h=v.element("flyout");return this.hasRenderedWithFlyoutActive=this.isFlyoutActive,a(e,{id:this.navId,class:Object.assign({},v.class())},a("div",{class:{"bal-nav-meta-bar-transform":!0,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?a("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:a=>this.metaBarEl=a},a("bal-stack",{space:"auto"},this.linkItems.length>1?a("bal-tabs",{spaceless:!0,inverted:!0,context:"meta",value:this.activeMetaLinkValue,onBalChange:a=>this.onMetaBarTabChange(a)},this.linkItems.map((a=>a.render()))):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===(t=this.linkItems.find((a=>a.value===this.activeMetaLinkValue)))||void 0===t?void 0:t.mainLinkItems.map((a=>a.render({onClick:()=>this.onMenuBarTabChange(a.value)}))))),this.isFlyoutActive?a("bal-nav-menu-flyout",null,a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(n=null===(i=this.activeMenuLinkItem)||void 0===i?void 0:i.overviewLink)||void 0===n?void 0:n.href,target:null===(r=null===(l=this.activeMenuLinkItem)||void 0===l?void 0:l.overviewLink)||void 0===r?void 0:r.target,onClick:()=>{var a;return this.linkItemClickListener(null===(a=this.activeMenuLinkItem)||void 0===a?void 0:a.overviewLink)}},null===(b=null===(s=this.activeMenuLinkItem)||void 0===s?void 0:s.overviewLink)||void 0===b?void 0:b.label," ",(null===(c=null===(d=this.activeMenuLinkItem)||void 0===d?void 0:d.overviewLink)||void 0===c?void 0:c.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",a("div",null,a("slot",null))),this.isTouch?a("bal-nav-meta-bar",{variant:"white",size:"normal"},a("bal-stack",{space:"auto"},this.renderLogo(),a("bal-stack",{space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtTouchTopMetaBar())),a("bal-button",{square:!0,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?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(t){var i,e;return t?a("bal-nav-link-grid",null,a("bal-nav-link-grid-col",null,null===(i=t.sectionLinkItems)||void 0===i?void 0:i.map((a=>a.render()))),a("bal-nav-link-grid-col",{"static-col":!0},null===(e=t.serviceLinkItems)||void 0===e?void 0:e.map((a=>a.render())))):""}renderTouchMenuAccordions(t){return a("bal-list",{"accordion-one-level":!0,class:"pt-xxx-small pb-normal"},t.mainLinkItems.map((t=>{var i,e,n;return t.isLink?a("bal-list-item",{"sub-accordion-item":!0,href:t.href,target:t.target},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},t.label))):a("bal-list-item",{accordion:!0,"sub-accordion-item":!0},a("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":t.active},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},t.label))),a("bal-list-item-accordion-body",null,a("div",{style:{width:"100%"}},a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(i=t.overviewLink)||void 0===i?void 0:i.href,target:null===(e=t.overviewLink)||void 0===e?void 0:e.target,onClick:()=>this.linkItemClickListener(t.overviewLink)},null===(n=t.overviewLink)||void 0===n?void 0:n.label),a("div",{class:"pt-normal"},this.renderGridLinks(t)))))})))}renderLogo(){var t,i,e,n,l,r;const o=(null===(t=this.logo)||void 0===t?void 0:t.href)?"a":(null===(i=this.logo)||void 0===i?void 0:i.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,t;return this.balNavItemClick.emit({value:"logo",label:"Logo",href:null===(a=this.logo)||void 0===a?void 0:a.href,target:null===(t=this.logo)||void 0===t?void 0:t.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)],I.prototype,"createLogger",null),l([p({tags:["bal-popup"]}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],I.prototype,"mutationListener",null),l([u(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],I.prototype,"breakpointListener",null),l([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],I.prototype,"configChanged",null);let T=0;I.style=":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:.01em !important;width:.01em !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:none !important;white-space:nowrap !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-font-weight-bold);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-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-text-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-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-divider);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";const N=class{constructor(a){t(this,a),this.variant="",this.selected=!1,this.clickable=!1,this.href=void 0,this.target="_self"}createLogger(a){this.log=a}render(){const t=o.block("nav-link"),{href:i,target:n}=this,l=void 0!==i&&""!==i,r=""!==this.variant,s=l?"a":this.clickable?"button":"span";let b={};return l&&(b={href:i,target:n}),a(e,{class:Object.assign(Object.assign({},t.class()),t.modifier(`variant-${this.variant}`).class(r))},a(s,Object.assign({"data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},t.element("native").class()),t.element("native").modifier(`variant-${this.variant}`).class(r)),t.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},b),a("slot",null)))}};l([s("bal-nav-link"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],N.prototype,"createLogger",null),N.style="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";const q=class{constructor(a){t(this,a)}createLogger(a){this.log=a}render(){const t=o.block("nav-link-grid");return a(e,{class:Object.assign(Object.assign({},t.class()),{"grid is-multiline":!0})},a("slot",null))}};l([s("bal-nav-link-grid"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],q.prototype,"createLogger",null),q.style=".bal-nav-link-grid{--bal-column-gap:0;margin-top:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";const P=class{constructor(a){t(this,a),this.staticCol=!1}createLogger(a){this.log=a}render(){const t=o.block("nav-link-grid-col"),i=t.element("inner"),n=this.staticCol?"widescreen:is-one-third":"widescreen:is-two-thirds";return a(e,{class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("is-static").class(this.staticCol)),{"col is-full desktop:is-6 desktop:is-half":!0,[`${n}`]:!0})},a("div",{class:Object.assign({},i.class())},a("slot",null)))}};l([s("bal-nav-link-grid-col"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],P.prototype,"createLogger",null),P.style=".bal-nav-link-grid-col{padding:0}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.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:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";const S=class{constructor(a){t(this,a),this.color=""}createLogger(a){this.log=a}render(){const t=o.block("nav-link-group"),i=""!==this.color;return a(e,{class:Object.assign(Object.assign({},t.class()),t.modifier(`is-${this.color}`).class(i))},a("slot",null))}};l([s("bal-nav-link-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],S.prototype,"createLogger",null),S.style=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";const V=class{constructor(a){t(this,a),this.navMenuBarId="bal-nav-menu-bar-"+Y++,this.isHidden=!1,this.invisible="none",this.position="none"}createLogger(a){this.log=a}get flyoutElement(){return this.el.querySelector("bal-nav-menu-flyout")}render(){const t=o.block("nav-menu-bar"),i=t.element("inner");return a(e,{id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("hidden-mobile").class("mobile"===this.invisible)),t.modifier("hidden-tablet").class("tablet"===this.invisible)),t.modifier(`position-${this.position}`).class("none"!==this.position))},a("div",{class:Object.assign({},i.class())},a("div",{class:Object.assign({},t.element("container").class())},a("slot",null))))}get el(){return n(this)}};l([s("bal-nav-menu-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],V.prototype,"createLogger",null);let Y=0;V.style=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;padding-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{padding-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{padding-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';const D=class{constructor(a){t(this,a),this.navMenuFlyoutId="bal-nav-menu-flyout-"+E++,this.bodyScrollHandler=new d,this.isHidden=!1}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,t;return(null===(a=this.el)||void 0===a?void 0:a.scrollHeight)>(null===(t=this.el)||void 0===t?void 0:t.clientHeight)}render(){const t=o.block("nav-menu-flyout"),i=t.element("line");return a(e,{id:this.navMenuFlyoutId,class:Object.assign({},t.class())},a("div",{class:Object.assign({},i.class())}),a("div",{class:Object.assign({},t.element("container").class())},a("slot",null)))}get el(){return n(this)}};l([s("bal-nav-menu-flyout"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],D.prototype,"createLogger",null),l([k(),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],D.prototype,"resizeListener",null);let E=0;D.style=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";const G=class{constructor(a){t(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,t=0>=window.scrollY,i=0>window.scrollY,e=a<=window.scrollY,n=window.scrollY>this.previousY;this.isHidden=!t&&(n||e||i),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 t=l[a];this.isHidden?"small"===this.size?(t.classList.remove("bal-nav-meta-bar-transform-normal"),t.classList.add("bal-nav-meta-bar-transform-small")):(t.classList.remove("bal-nav-meta-bar-transform-small"),t.classList.add("bal-nav-meta-bar-transform-normal")):(t.classList.remove("bal-nav-meta-bar-transform-small"),t.classList.remove("bal-nav-meta-bar-transform-normal"))}}}render(){const t=o.block("nav-meta-bar");return a(e,{id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier(`variant-${this.variant}`).class()),t.modifier(`size-${this.size}`).class()),t.modifier(`position-${this.position}`).class("none"!==this.position)),t.modifier("hidden-mobile").class("mobile"===this.invisible)),t.modifier("hidden-tablet").class("tablet"===this.invisible))},a("div",{class:Object.assign({},t.element("container").class())},a("slot",null)))}get el(){return n(this)}};l([s("bal-meta-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],G.prototype,"createLogger",null);let H=0;G.style=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";export{I as bal_nav,N as bal_nav_link,q as bal_nav_link_grid,P as bal_nav_link_grid_col,S as bal_nav_link_group,V as bal_nav_menu_bar,D as bal_nav_menu_flyout,G as bal_nav_meta_bar}

package/dist/design-system-components/{p-c994b45363.entry.js → p-ac640448e9.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as r,H as a,g as o}from"./p-43e8bc5e.js";import{_ as i,a as l}from"./p-43c9f5e9.js";import{l as s}from"./p-88f18fbc.js";import{B as n}from"./p-ae86d0a0.js";import{s as c}from"./p-ad9a7657.js";import{L as b}from"./p-5650ce58.js";import{g as d}from"./p-0e361394.js";import{L as u}from"./p-e8d90b5e.js";import{L as h}from"./p-e61fa225.js";import{L as p}from"./p-2692caf4.js";import{b as m}from"./p-2cc957ce.js";import{d as g}from"./p-4f4df156.js";import{L as _}from"./p-69e7c8d6.js";import{i as f}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-10351b73.js";import"./p-96216bd1.js";import"./p-e33303db.js";import"./p-b77e3348.js";const v=({value:e,items:r,onControlChange:a})=>{const o=n.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},o.class()),o.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",null,r.map((r=>t("bal-button",{expanded:!0,color:e===r.value?"primary":"light",onClick:()=>a(r)},r.label))))))},w=({value:e,items:r,onControlChange:a})=>{const o=n.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},o.class()),o.modifier("tabs").class())},t("bal-pagination",{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),a(r[e])}}))},k=({isFirst:e,isLast:r,inverted:a,areControlsHidden:o,onNextClick:i,onPreviousClick:l,leftControlTitle:s,rightControlTitle:c})=>{const b=n.block("carousel").element("controls"),d=b.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},b.class()),b.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(e&&o)),square:!0,icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>l(),disabled:e,"aria-hidden":e&&o?"true":null,"data-testid":"bal-carousel-control-left",title:s}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(r&&o)),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}))},x=({isFirst:e,isLast:r,inverted:a,leftControlTitle:o,rightControlTitle:i,onNextClick:l,onPreviousClick:s})=>{const c=n.block("carousel").element("controls"),b=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({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e)),square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>s(),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({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r)),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}))},y={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"}},j=class{constructor(t){e(this,t),this.balChange=r(this,"balChange",7),this.previousTransformValue=0,this.carouselId="bal-carousel-"+O++,this.mutationObserverActive=!0,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.isLastSlideVisible=!0,this.isMobile=m.isMobile,this.language=g.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}async blockVerticalScrolling(t){var e;!this.scrollY&&(null===(e=this.el)||void 0===e?void 0:e.contains(t.target))&&c(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()}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);if(r){const t=await this.animate(r.transformActive,!0);this.value>0&&(this.value=e,t?this.balChange.emit(this.value):this.previous())}}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);a&&await this.animate(a.transformActive,!0)&&(this.value=r,this.balChange.emit(this.value))}async animate(t=0,e=!0){return new Promise((r=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=s((async()=>{if(this.containerEl&&this.innerEl){const a=await this.buildSlide();if(a){const o=this.innerEl.clientWidth||0,i=a.transformNext||0,l=i<=o;let s=i-o,n=s<=t;3===this.itemsPerView&&(s=i-o-1,n=s<=t);const c=0===t||s<=2;c&&(this.value=0,this.balChange.emit(this.value));const b="large"===this.controls;let d=l?0:n?s:t;c||l||!("small"===this.controls||b&&!this.isMobile)||(d-=n?0:b?56:48),this.containerEl.style.transitionDuration=e?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${d}px, 0px, 0px)`;const u=d!==this.previousTransformValue;return this.previousTransformValue=d,this.isLastSlideVisible=n,this.borderEl&&(this.borderEl.style.transitionDuration=e?"0.6s":"0",this.borderEl.style.transform=`translate3d(${d}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+d(e)+a),0),transformActive:e.filter(((t,e)=>e<r)).reduce(((t,e)=>t+d(e)+a),0),isFirst:0===r,isLast:r===e.length-1,total:e.length,index:r}}}async itemsChanged(){const t=await this.buildSlide(this.value);t&&this.animate(t.transformActive,!1)}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=n.block("carousel"),r=e.element("inner"),o=r.element("container"),i=y[this.language].left,l=y[this.language].right,s=this.getAllControlItems();return t(a,{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())},"tabs"===this.controls?t(v,{value:this.value,items:s,onControlChange:t=>this.onControlChange(t.value)}):"",t("div",{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",{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",null),this.border?t("div",{id:`${this.carouselId}-border`,class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:t=>this.borderEl=t}):"")),"dots"===this.controls?t(w,{value:this.value,items:s,onControlChange:t=>this.onControlChange(t.value)}):"","large"===this.controls?t(k,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:l,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"","small"===this.controls?t(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:l,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"")}get el(){return o(this)}};i([u({tags:["bal-carousel-item"],characterData:!1}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],j.prototype,"mutationListener",null),i([h(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],j.prototype,"swipeListener",null),i([b(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],j.prototype,"breakpointListener",null),i([p(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],j.prototype,"resizeListener",null),i([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],j.prototype,"configChanged",null);let O=0;j.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 C=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.src=void 0,this.label="",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}componentWillLoad(){this.imageInheritAttributes=f(this.el,["alt"])}async getData(){return{clientWidth:this.el.clientWidth,label:this.label}}render(){const e=n.block("carousel").element("item");if(!this.color||!this.label)return t(a,{class:Object.assign({},e.class())},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:l,download:s,href:c,rel:b,target:d,name:u,value:h}=this,p=void 0===this.href?"button":"a",m="button"===p?{type:l,name:u,value:h}:{download:s,href:c,rel:b,target:d};return t(a,{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}),void 0!==this.src?t("img",Object.assign({class:Object.assign({},o.class()),loading:"lazy",draggable:!1,onDragStart:()=>!1,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{j as bal_carousel,C as bal_carousel_item}
+import{h as t,r as e,c as r,H as a,g as o}from"./p-43e8bc5e.js";import{_ as i,a as l}from"./p-43c9f5e9.js";import{l as s}from"./p-88f18fbc.js";import{B as n}from"./p-ae86d0a0.js";import{s as c}from"./p-ad9a7657.js";import{L as b}from"./p-f894ab25.js";import{g as d}from"./p-0e361394.js";import{L as u}from"./p-e8d90b5e.js";import{L as h}from"./p-e61fa225.js";import{L as p}from"./p-2692caf4.js";import{b as m}from"./p-e3141def.js";import{d as g}from"./p-4f4df156.js";import{L as _}from"./p-69e7c8d6.js";import{i as f}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-10351b73.js";import"./p-96216bd1.js";import"./p-37c1d2f2.js";import"./p-b77e3348.js";const v=({value:e,items:r,onControlChange:a})=>{const o=n.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},o.class()),o.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",null,r.map((r=>t("bal-button",{expanded:!0,color:e===r.value?"primary":"light",onClick:()=>a(r)},r.label))))))},w=({value:e,items:r,onControlChange:a})=>{const o=n.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},o.class()),o.modifier("tabs").class())},t("bal-pagination",{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),a(r[e])}}))},k=({isFirst:e,isLast:r,inverted:a,areControlsHidden:o,onNextClick:i,onPreviousClick:l,leftControlTitle:s,rightControlTitle:c})=>{const b=n.block("carousel").element("controls"),d=b.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},b.class()),b.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(e&&o)),square:!0,icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>l(),disabled:e,"aria-hidden":e&&o?"true":null,"data-testid":"bal-carousel-control-left",title:s}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(r&&o)),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}))},x=({isFirst:e,isLast:r,inverted:a,leftControlTitle:o,rightControlTitle:i,onNextClick:l,onPreviousClick:s})=>{const c=n.block("carousel").element("controls"),b=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({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e)),square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>s(),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({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r)),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}))},y={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"}},j=class{constructor(t){e(this,t),this.balChange=r(this,"balChange",7),this.previousTransformValue=0,this.carouselId="bal-carousel-"+O++,this.mutationObserverActive=!0,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.isLastSlideVisible=!0,this.isMobile=m.isMobile,this.language=g.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}async blockVerticalScrolling(t){var e;!this.scrollY&&(null===(e=this.el)||void 0===e?void 0:e.contains(t.target))&&c(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()}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);if(r){const t=await this.animate(r.transformActive,!0);this.value>0&&(this.value=e,t?this.balChange.emit(this.value):this.previous())}}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);a&&await this.animate(a.transformActive,!0)&&(this.value=r,this.balChange.emit(this.value))}async animate(t=0,e=!0){return new Promise((r=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=s((async()=>{if(this.containerEl&&this.innerEl){const a=await this.buildSlide();if(a){const o=this.innerEl.clientWidth||0,i=a.transformNext||0,l=i<=o;let s=i-o,n=s<=t;3===this.itemsPerView&&(s=i-o-1,n=s<=t);const c=0===t||s<=2;c&&(this.value=0,this.balChange.emit(this.value));const b="large"===this.controls;let d=l?0:n?s:t;c||l||!("small"===this.controls||b&&!this.isMobile)||(d-=n?0:b?56:48),this.containerEl.style.transitionDuration=e?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${d}px, 0px, 0px)`;const u=d!==this.previousTransformValue;return this.previousTransformValue=d,this.isLastSlideVisible=n,this.borderEl&&(this.borderEl.style.transitionDuration=e?"0.6s":"0",this.borderEl.style.transform=`translate3d(${d}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+d(e)+a),0),transformActive:e.filter(((t,e)=>e<r)).reduce(((t,e)=>t+d(e)+a),0),isFirst:0===r,isLast:r===e.length-1,total:e.length,index:r}}}async itemsChanged(){const t=await this.buildSlide(this.value);t&&this.animate(t.transformActive,!1)}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=n.block("carousel"),r=e.element("inner"),o=r.element("container"),i=y[this.language].left,l=y[this.language].right,s=this.getAllControlItems();return t(a,{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())},"tabs"===this.controls?t(v,{value:this.value,items:s,onControlChange:t=>this.onControlChange(t.value)}):"",t("div",{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",{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",null),this.border?t("div",{id:`${this.carouselId}-border`,class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:t=>this.borderEl=t}):"")),"dots"===this.controls?t(w,{value:this.value,items:s,onControlChange:t=>this.onControlChange(t.value)}):"","large"===this.controls?t(k,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:l,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"","small"===this.controls?t(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:l,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"")}get el(){return o(this)}};i([u({tags:["bal-carousel-item"],characterData:!1}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],j.prototype,"mutationListener",null),i([h(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],j.prototype,"swipeListener",null),i([b(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],j.prototype,"breakpointListener",null),i([p(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],j.prototype,"resizeListener",null),i([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],j.prototype,"configChanged",null);let O=0;j.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 C=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.src=void 0,this.label="",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}componentWillLoad(){this.imageInheritAttributes=f(this.el,["alt"])}async getData(){return{clientWidth:this.el.clientWidth,label:this.label}}render(){const e=n.block("carousel").element("item");if(!this.color||!this.label)return t(a,{class:Object.assign({},e.class())},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:l,download:s,href:c,rel:b,target:d,name:u,value:h}=this,p=void 0===this.href?"button":"a",m="button"===p?{type:l,name:u,value:h}:{download:s,href:c,rel:b,target:d};return t(a,{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}),void 0!==this.src?t("img",Object.assign({class:Object.assign({},o.class()),loading:"lazy",draggable:!1,onDragStart:()=>!1,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{j as bal_carousel,C as bal_carousel_item}

package/dist/design-system-components/{p-d1ebb10fc2.entry.js → p-acbf7c8ccb.entry.js}

@@ -1 +1 @@
-import{r as a,h as t,H as e,g as n,c as i}from"./p-43e8bc5e.js";import{B as l}from"./p-ae86d0a0.js";import{B as r}from"./p-58fc8247.js";import{b as s}from"./p-a65354df.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{e as c}from"./p-88f18fbc.js";import{b as d}from"./p-2cc957ce.js";import{L as m}from"./p-5650ce58.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-e33303db.js";const h=class{constructor(t){a(this,t),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,t){const e=this[t];void 0!==e&&this.notifyComponents(a,(a=>a[t]=e))}notifyComponents(a,t){this.element.querySelectorAll(a.join(", ")).forEach((a=>t(a)))}render(){const a=l.block("navbar");return t(e,{class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class()),a.modifier("is-light").class(this.light))},t("nav",{role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},a.element("nav").class()),{container:!0,[`is-${this.container}`]:""!==this.container})},t("slot",null)))}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(t){a(this,t),this.balNavigate=i(this,"balNavigate",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.bodyScrollHandler=new r,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(){s.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),s.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isMenuActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable();const t=this.el.closest("bal-navbar");if(t){const a=t.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=l.block("navbar").element("brand"),n=this.logo?t("img",{loading:"lazy",class:Object.assign({},a.element("logo").class()),src:this.logo,alt:""}):t("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});return t(e,{class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},this.href?t("a",{href:this.href,target:this.target,onClick:a=>this.balNavigate.emit(a)},n):n,t("span",{class:Object.assign({},a.element("title").class())},t("slot",null)),t("bal-button",{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)}},v=class{constructor(t){a(this,t),this.isMenuActive=!1,this.isTouch=d.isTouch,this.interface="app"}breakpointListener(a){this.isTouch=a.touch}async toggle(a){this.isMenuActive=a;const t=this.element.querySelector("bal-tabs");t&&(await c(t),t.renderLine())}render(){const a=l.block("navbar").element("menu");let n="";if(this.isTouch){const a=this.element.closest("bal-navbar");a&&(n=a.container)}return t(e,{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})},t("slot",null))}get element(){return n(this)}};b([m(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],v.prototype,"breakpointListener",null);const _=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("end");return t(e,{class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",null))}},x=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("start");return t(e,{class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",null))}};export{h as bal_navbar,p as bal_navbar_brand,v as bal_navbar_menu,_ as bal_navbar_menu_end,x as bal_navbar_menu_start}
+import{r as a,h as t,H as e,g as n,c as i}from"./p-43e8bc5e.js";import{B as l}from"./p-ae86d0a0.js";import{B as r}from"./p-58fc8247.js";import{b as s}from"./p-a65354df.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{e as c}from"./p-88f18fbc.js";import{b as d}from"./p-e3141def.js";import{L as m}from"./p-f894ab25.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-37c1d2f2.js";const h=class{constructor(t){a(this,t),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,t){const e=this[t];void 0!==e&&this.notifyComponents(a,(a=>a[t]=e))}notifyComponents(a,t){this.element.querySelectorAll(a.join(", ")).forEach((a=>t(a)))}render(){const a=l.block("navbar");return t(e,{class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class()),a.modifier("is-light").class(this.light))},t("nav",{role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},a.element("nav").class()),{container:!0,[`is-${this.container}`]:""!==this.container})},t("slot",null)))}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(t){a(this,t),this.balNavigate=i(this,"balNavigate",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.bodyScrollHandler=new r,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(){s.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),s.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isMenuActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable();const t=this.el.closest("bal-navbar");if(t){const a=t.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=l.block("navbar").element("brand"),n=this.logo?t("img",{loading:"lazy",class:Object.assign({},a.element("logo").class()),src:this.logo,alt:""}):t("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});return t(e,{class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},this.href?t("a",{href:this.href,target:this.target,onClick:a=>this.balNavigate.emit(a)},n):n,t("span",{class:Object.assign({},a.element("title").class())},t("slot",null)),t("bal-button",{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)}},v=class{constructor(t){a(this,t),this.isMenuActive=!1,this.isTouch=d.isTouch,this.interface="app"}breakpointListener(a){this.isTouch=a.touch}async toggle(a){this.isMenuActive=a;const t=this.element.querySelector("bal-tabs");t&&(await c(t),t.renderLine())}render(){const a=l.block("navbar").element("menu");let n="";if(this.isTouch){const a=this.element.closest("bal-navbar");a&&(n=a.container)}return t(e,{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})},t("slot",null))}get element(){return n(this)}};b([m(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],v.prototype,"breakpointListener",null);const _=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("end");return t(e,{class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",null))}},x=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("start");return t(e,{class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",null))}};export{h as bal_navbar,p as bal_navbar_brand,v as bal_navbar_menu,_ as bal_navbar_menu_end,x as bal_navbar_menu_start}

package/dist/design-system-components/{p-2b79fb51.system.js → p-b4fede2d.system.js}

@@ -1 +1 @@
-var __extends=this&&this.__extends||function(){var t=function(e,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))t[n]=e[n]};return t(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");t(e,n);function i(){this.constructor=e}e.prototype=n===null?Object.create(n):(i.prototype=n.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,u){function s(t){try{f(i.next(t))}catch(t){u(t)}}function o(t){try{f(i["throw"](t))}catch(t){u(t)}}function f(t){t.done?n(t.value):r(t.value).then(s,o)}f((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},i,r,u,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return f([t,e])}}function f(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(i=1,r&&(u=o[0]&2?r["return"]:o[0]?r["throw"]||((u=r["return"])&&u.call(r),0):r.next)&&!(u=u.call(r,o[1])).done)return u;if(r=0,u)o=[o[0]&2,u.value];switch(o[0]){case 0:case 1:u=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(u=n.trys,u=u.length>0&&u[u.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!u||o[1]>u[0]&&o[1]<u[3])){n.label=o[1];break}if(o[0]===6&&n.label<u[1]){n.label=u[1];u=o;break}if(u&&n.label<u[2]){n.label=u[2];n.ops.push(o);break}if(u[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(t){o=[6,t];r=0}finally{i=u=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-8954495d.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-dab8ac06.system.js"],(function(t){"use strict";var e,n,i,r,u,s,o,f,c,a,h,l;return{setters:[function(t){e=t.h;n=t.j;i=t.r},function(t){r=t.b},function(t){u=t.b},function(t){s=t.L;o=t.S},function(t){f=t.b;c=t.a;a=t.c;h=t.d;l=t.e}],execute:function(){var b=function(){function t(t){if(t===void 0){t={}}this.previousWidth=r.window.width;this.previousHeight=r.window.height;this.previousIsLandscape=this.isLandscape;this.options={onlyListenToWidthChanges:false};this.options=Object.assign(Object.assign({},this.options),t)}t.prototype.hasResized=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(u.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape){this.resetPreviousValues();return[2,true]}}else{if(this.options.onlyListenToWidthChanges){if(!this.sameWidth){this.resetPreviousValues();return[2,true]}}else{if(!this.sameWidth||!this.sameHeight){this.resetPreviousValues();return[2,true]}}}return[2,false]}))}))};Object.defineProperty(t.prototype,"isLandscape",{get:function(){return r.window.width>r.window.height},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"sameWidth",{get:function(){return this.previousWidth===r.window.width},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"sameHeight",{get:function(){return this.previousHeight===r.window.height},enumerable:false,configurable:true});t.prototype.resetPreviousValues=function(){this.previousWidth=r.window.width;this.previousHeight=r.window.height;this.previousIsLandscape=this.isLandscape};return t}();var v=function(t){__extends(r,t);function r(){var n=t.apply(this,arguments)||this;n.resizeHandler=new b({onlyListenToWidthChanges:true});n.debouncedNotify=e((function(){return n.notify()}),10);n.notify=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.resizeHandler.hasResized()];case 1:if(e.sent()){t.prototype.notify.call(this,undefined)}return[2]}}))}))};return n}r.prototype.connect=function(){t.prototype.connect.call(this);if(this.el){n(this.el,"resize",this.debouncedNotify,{passive:true})}};r.prototype.disconnect=function(){t.prototype.disconnect.call(this);if(this.el){i(this.el,"resize",this.debouncedNotify)}};return r}(s);t("B",v);var d=function(t){return parseInt(t.slice(0,-2),10)};var g=d(l);var w=d(f);var m=d(c);var _=d(a);var j=d(h);var y=function(t){var e=t.innerWidth;return e<g};var p=function(t){var e=t.innerWidth;return e>=g&&e<w};var O=function(t){return y(t)||p(t)};var k=function(t){return!O(t)};var D=function(t){var e=t.innerWidth;return e>=m&&e<_};var x=function(t){var e=t.innerWidth;return e>=_&&e<j};var S=function(t){var e=t.innerWidth;return e>=j};var T={mobile:y,tablet:p,touch:O,desktop:k,highDefinition:D,widescreen:x,fullhd:S};var W=function(){function t(){this.breakpoints=[];if(r.hasWindow){this.win=window;this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{};this.detect()}}Object.defineProperty(t.prototype,"isMobile",{get:function(){return this.includes("mobile")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTablet",{get:function(){return this.includes("tablet")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTouch",{get:function(){return this.includes("touch")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isDesktop",{get:function(){return this.includes("desktop")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isHighDefinition",{get:function(){return this.includes("highDefinition")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isWidescreen",{get:function(){return this.includes("widescreen")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isFullHD",{get:function(){return this.includes("fullhd")},enumerable:false,configurable:true});t.prototype.includes=function(t){var e;this.detect();return!!((e=this.breakpoints)===null||e===void 0?void 0:e.includes(t))};t.prototype.detect=function(){var t=this;if(this.win){this.breakpoints=Object.keys(T).filter((function(e){return T[e](t.win)}));this.win.BaloiseDesignSystem.breakpoints=this.breakpoints;this.win.BaloiseDesignSystem.platforms=this.breakpoints}return this.breakpoints};t.prototype.toObject=function(){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")}};return t}();t("d",W);var C=t("b",new W);var H={mobile:false,tablet:false,touch:false,desktop:false,highDefinition:false,widescreen:false,fullhd:false};var L=function(t){__extends(n,t);function n(){var n=t.call(this,(function(t){return t.breakpointListener(n.state)}))||this;n.state=H;n.listener=new v;n.debouncedNotify=e((function(){return n.notify()}),50);n.listener.connect();n.listener.add((function(){C.detect();var t=C.toObject();if(!n.isEqual(t)){n.state=t;n.debouncedNotify()}}));return n}n.prototype.attach=function(e){t.prototype.attach.call(this,e);C.detect();var n=C.toObject();if(!this.isEqual(n)){this.state=n;this.debouncedNotify()}};n.prototype.isEqual=function(t){return JSON.stringify(this.state)===JSON.stringify(t)};return n}(o);t("c",L);var z=t("a",new L)}}}));
+var __extends=this&&this.__extends||function(){var t=function(e,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))t[n]=e[n]};return t(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");t(e,n);function i(){this.constructor=e}e.prototype=n===null?Object.create(n):(i.prototype=n.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,u){function s(t){try{f(i.next(t))}catch(t){u(t)}}function o(t){try{f(i["throw"](t))}catch(t){u(t)}}function f(t){t.done?n(t.value):r(t.value).then(s,o)}f((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},i,r,u,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return f([t,e])}}function f(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(i=1,r&&(u=o[0]&2?r["return"]:o[0]?r["throw"]||((u=r["return"])&&u.call(r),0):r.next)&&!(u=u.call(r,o[1])).done)return u;if(r=0,u)o=[o[0]&2,u.value];switch(o[0]){case 0:case 1:u=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(u=n.trys,u=u.length>0&&u[u.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!u||o[1]>u[0]&&o[1]<u[3])){n.label=o[1];break}if(o[0]===6&&n.label<u[1]){n.label=u[1];u=o;break}if(u&&n.label<u[2]){n.label=u[2];n.ops.push(o);break}if(u[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(t){o=[6,t];r=0}finally{i=u=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-8954495d.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-3632b713.system.js"],(function(t){"use strict";var e,n,i,r,u,s,o,f,c,a,h,l;return{setters:[function(t){e=t.h;n=t.j;i=t.r},function(t){r=t.b},function(t){u=t.b},function(t){s=t.L;o=t.S},function(t){f=t.b;c=t.a;a=t.c;h=t.d;l=t.e}],execute:function(){var b=function(){function t(t){if(t===void 0){t={}}this.previousWidth=r.window.width;this.previousHeight=r.window.height;this.previousIsLandscape=this.isLandscape;this.options={onlyListenToWidthChanges:false};this.options=Object.assign(Object.assign({},this.options),t)}t.prototype.hasResized=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(u.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape){this.resetPreviousValues();return[2,true]}}else{if(this.options.onlyListenToWidthChanges){if(!this.sameWidth){this.resetPreviousValues();return[2,true]}}else{if(!this.sameWidth||!this.sameHeight){this.resetPreviousValues();return[2,true]}}}return[2,false]}))}))};Object.defineProperty(t.prototype,"isLandscape",{get:function(){return r.window.width>r.window.height},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"sameWidth",{get:function(){return this.previousWidth===r.window.width},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"sameHeight",{get:function(){return this.previousHeight===r.window.height},enumerable:false,configurable:true});t.prototype.resetPreviousValues=function(){this.previousWidth=r.window.width;this.previousHeight=r.window.height;this.previousIsLandscape=this.isLandscape};return t}();var v=function(t){__extends(r,t);function r(){var n=t.apply(this,arguments)||this;n.resizeHandler=new b({onlyListenToWidthChanges:true});n.debouncedNotify=e((function(){return n.notify()}),10);n.notify=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.resizeHandler.hasResized()];case 1:if(e.sent()){t.prototype.notify.call(this,undefined)}return[2]}}))}))};return n}r.prototype.connect=function(){t.prototype.connect.call(this);if(this.el){n(this.el,"resize",this.debouncedNotify,{passive:true})}};r.prototype.disconnect=function(){t.prototype.disconnect.call(this);if(this.el){i(this.el,"resize",this.debouncedNotify)}};return r}(s);t("B",v);var d=function(t){return parseInt(t.slice(0,-2),10)};var g=d(l);var w=d(f);var m=d(c);var _=d(a);var j=d(h);var y=function(t){var e=t.innerWidth;return e<g};var p=function(t){var e=t.innerWidth;return e>=g&&e<w};var O=function(t){return y(t)||p(t)};var k=function(t){return!O(t)};var D=function(t){var e=t.innerWidth;return e>=m&&e<_};var x=function(t){var e=t.innerWidth;return e>=_&&e<j};var S=function(t){var e=t.innerWidth;return e>=j};var T={mobile:y,tablet:p,touch:O,desktop:k,highDefinition:D,widescreen:x,fullhd:S};var W=function(){function t(){this.breakpoints=[];if(r.hasWindow){this.win=window;this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{};this.detect()}}Object.defineProperty(t.prototype,"isMobile",{get:function(){return this.includes("mobile")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTablet",{get:function(){return this.includes("tablet")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTouch",{get:function(){return this.includes("touch")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isDesktop",{get:function(){return this.includes("desktop")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isHighDefinition",{get:function(){return this.includes("highDefinition")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isWidescreen",{get:function(){return this.includes("widescreen")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isFullHD",{get:function(){return this.includes("fullhd")},enumerable:false,configurable:true});t.prototype.includes=function(t){var e;this.detect();return!!((e=this.breakpoints)===null||e===void 0?void 0:e.includes(t))};t.prototype.detect=function(){var t=this;if(this.win){this.breakpoints=Object.keys(T).filter((function(e){return T[e](t.win)}));this.win.BaloiseDesignSystem.breakpoints=this.breakpoints;this.win.BaloiseDesignSystem.platforms=this.breakpoints}return this.breakpoints};t.prototype.toObject=function(){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")}};return t}();t("d",W);var C=t("b",new W);var H={mobile:false,tablet:false,touch:false,desktop:false,highDefinition:false,widescreen:false,fullhd:false};var L=function(t){__extends(n,t);function n(){var n=t.call(this,(function(t){return t.breakpointListener(n.state)}))||this;n.state=H;n.listener=new v;n.debouncedNotify=e((function(){return n.notify()}),50);n.listener.connect();n.listener.add((function(){C.detect();var t=C.toObject();if(!n.isEqual(t)){n.state=t;n.debouncedNotify()}}));return n}n.prototype.attach=function(e){t.prototype.attach.call(this,e);C.detect();var n=C.toObject();if(!this.isEqual(n)){this.state=n;this.debouncedNotify()}};n.prototype.isEqual=function(t){return JSON.stringify(this.state)===JSON.stringify(t)};return n}(o);t("c",L);var z=t("a",new L)}}}));

package/dist/design-system-components/{p-3c8c5b6dd2.entry.js → p-b6412e1b6c.entry.js}

@@ -1 +1 @@
-import{r as a,h as e,H as t,g as s}from"./p-43e8bc5e.js";import{B as r}from"./p-ae86d0a0.js";import{f as i,g as c,h as d,i as o,j as h,k as n,l as b,m as l,n as p}from"./p-e33303db.js";const f=class{constructor(e){a(this,e),this.getHex=()=>{let a;switch(this.color){case"green":a=p;break;case"green-light":a=l;break;case"red":a=b;break;case"red-light":a=n;break;case"purple":a=h;break;case"purple-light":a=o;break;case"yellow":a=d;break;case"yellow-light":a=c;break;default:a=i}return a},this.variation="1",this.color="green",this.rotation="0"}render(){const a=r.block("shape"),s=[e("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},e("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},e("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),e("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},e("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},e("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),e("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},e("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},e("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return e(t,{class:Object.assign(Object.assign({},a.class()),a.modifier(`is-rotation-${this.rotation}`).class())},e("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},s[parseInt(this.variation)-1]))}get el(){return s(this)}};f.style=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";export{f as bal_shape}
+import{r as a,h as e,H as t,g as s}from"./p-43e8bc5e.js";import{B as r}from"./p-ae86d0a0.js";import{f as i,g as c,h as d,i as o,j as h,k as n,l as b,m as l,n as p}from"./p-37c1d2f2.js";const f=class{constructor(e){a(this,e),this.getHex=()=>{let a;switch(this.color){case"green":a=p;break;case"green-light":a=l;break;case"red":a=b;break;case"red-light":a=n;break;case"purple":a=h;break;case"purple-light":a=o;break;case"yellow":a=d;break;case"yellow-light":a=c;break;default:a=i}return a},this.variation="1",this.color="green",this.rotation="0"}render(){const a=r.block("shape"),s=[e("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},e("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},e("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),e("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},e("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},e("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),e("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},e("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},e("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return e(t,{class:Object.assign(Object.assign({},a.class()),a.modifier(`is-rotation-${this.rotation}`).class())},e("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},s[parseInt(this.variation)-1]))}get el(){return s(this)}};f.style=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";export{f as bal_shape}

package/dist/design-system-components/{p-75c02a9ff4.entry.js → p-c299979f2d.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e,g as s}from"./p-43e8bc5e.js";import{_ as C,a as o}from"./p-43c9f5e9.js";import{B as a}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{k as n}from"./p-88f18fbc.js";import{L as h}from"./p-5650ce58.js";import{b as r}from"./p-2cc957ce.js";import{L as p}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-e33303db.js";const g=class{constructor(i){t(this,i),this.isTouch=r.isTouch,this.doesConfigAllowAnimation=!0,this.color="blue",this.size="",this.animated=!1}createLogger(t){this.log=t}animatedWatcher(){this.isAnimated||this.destroyAnimation()}connectedCallback(){this.animatedWatcher()}componentDidUpdate(){this.resetAnimation()}componentDidLoad(){this.resetAnimation()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroyAnimation()}breakpointListener(t){this.isTouch=t.touch}configChanged(t){this.doesConfigAllowAnimation=t.animated}get isAnimated(){return this.doesConfigAllowAnimation&&this.animated}async resetAnimation(){this.destroyAnimation(),this.animated&&(await this.loadAnimation(),this.animationFunction&&(this.destroyAnimation(),this.animationItem=this.animationFunction(this.animatedLogoElement,this.color)))}async loadAnimation(){return new Promise(((t,i)=>{if(this.animationFunction)return t();n((async()=>{import("./p-ce4f5a6a.js").then((i=>{this.animationFunction=i.animate,t()})).catch(i)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy()}render(){const t=a.block("logo"),s=this.isAnimated?()=>i("div",{style:{width:this.isTouch?"100px":"158px",height:this.isTouch?"22px":"32px"},ref:t=>this.animatedLogoElement=t}):this.isTouch&&""===this.size||"small"===this.size?()=>i("svg",{focusable:"false","aria-hidden":"true",width:"100",height:"22",viewBox:"0 0 100 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M71.2886 3.08227C71.2886 1.78086 72.3924 0.84771 73.679 0.84771C74.9656 0.84771 75.9688 1.78086 75.9688 3.08227C75.9688 4.38368 74.9656 5.29533 73.679 5.29533C72.3924 5.29533 71.2886 4.38403 71.2886 3.08227ZM71.8472 6.83532H75.4888V18.2682H71.8472V6.83532ZM52.405 2.40989H56.0469V18.2678H52.405V2.40989ZM30.6826 18.5505C34.0192 18.5505 36.3961 15.9903 36.3961 12.5629C36.3961 9.13507 34.0847 6.57525 30.7687 6.5756C29.5268 6.5756 28.48 6.94421 27.6514 7.63843V2.41025H24.0095V18.2682H27.368V17.292C28.1966 18.0948 29.3089 18.5505 30.6826 18.5505ZM30.1594 9.74366C31.6858 9.74366 32.7978 10.9358 32.7978 12.5629C32.7978 14.1899 31.6858 15.3613 30.1594 15.3613C28.5675 15.3613 27.4768 14.2114 27.4768 12.5629C27.4768 10.8932 28.5455 9.74366 30.1594 9.74366ZM50.0036 18.2682V6.83532H46.6451V8.02854C45.8382 7.22613 44.7475 6.79197 43.3305 6.79197C39.994 6.79197 37.5951 9.13543 37.5951 12.5629C37.5951 15.9903 39.994 18.5505 43.3305 18.5505C44.7478 18.5505 45.8382 18.0726 46.6451 17.2269V18.2682H50.0036ZM43.8541 9.74367C45.446 9.74367 46.5147 10.8921 46.5147 12.5629C46.5147 14.2117 45.4457 15.3613 43.8541 15.3613C42.3061 15.3613 41.2154 14.1888 41.2154 12.5629C41.2154 10.9369 42.3277 9.74367 43.8541 9.74367ZM63.9216 6.57524C60.2581 6.57524 57.641 9.13507 57.641 12.5628C57.641 15.9688 60.2591 18.5505 63.9216 18.5505C67.6071 18.5505 70.2238 15.9688 70.2238 12.5628C70.2238 9.13507 67.6057 6.57524 63.9216 6.57524ZM63.9432 9.78595C65.5351 9.78595 66.5603 10.914 66.5603 12.541C66.5603 14.1899 65.5135 15.3394 63.9432 15.3398C62.3513 15.3398 61.3045 14.168 61.3045 12.5628C61.3045 10.9136 62.3513 9.78595 63.9432 9.78595ZM79.9809 14.3418L76.9717 15.4916C77.6475 17.489 79.5013 18.5505 82.095 18.5484C85.1262 18.5484 87.045 17.1166 87.045 14.7516C87.045 12.1567 84.765 11.5576 83.0168 11.0983C81.9297 10.8126 81.0482 10.581 81.0482 9.95722C81.0482 9.48007 81.4187 9.19815 82.1601 9.19815C82.9235 9.19815 83.4687 9.56676 83.7305 10.2828L86.7415 9.11111C86.2834 7.50664 84.5824 6.57384 82.2271 6.57384C79.327 6.57384 77.4949 7.92035 77.4949 10.1331C77.4949 12.4741 79.6268 13.1109 81.3484 13.6252C82.5143 13.9735 83.4921 14.2655 83.4921 14.9926C83.4921 15.5131 83.056 15.8384 82.2271 15.8384C81.0496 15.8384 80.2862 15.2964 79.9809 14.3418ZM99.9999 12.3243C99.9999 9.50508 97.7756 6.5534 94.0246 6.5534C90.7101 6.5534 88.0494 9.26686 88.0494 12.5628C88.0494 15.9688 90.4483 18.5505 94.2429 18.5505C96.7469 18.5505 98.2259 17.5905 99.1125 16.496L97.0183 14.4084C96.3644 15.2132 95.6385 15.5998 94.3516 15.5998C92.9779 15.5998 91.9531 14.9056 91.5822 13.6264H99.9128C99.9728 13.195 100.002 12.7598 99.9999 12.3243ZM91.5383 11.3696C91.8436 9.98118 92.7813 9.2651 94.1114 9.2651C95.4416 9.2651 96.3141 10.0679 96.6194 11.3696H91.5383ZM10.6109 1.49718L19.7559 10.5947C19.8357 10.6742 19.899 10.7686 19.9422 10.8725C19.9854 10.9764 20.0076 11.0878 20.0075 11.2002C20.0074 11.3126 19.985 11.4239 19.9416 11.5277C19.8983 11.6315 19.8348 11.7258 19.7548 11.8052L17.2751 14.272L10.003 7.03759L5.81949 11.1994L10.003 15.3613L12.5967 12.7806L15.6857 15.8532L10.6127 20.9017C10.5328 20.9811 10.438 21.0442 10.3337 21.0872C10.2294 21.1302 10.1175 21.1523 10.0046 21.1523C9.89169 21.1523 9.77986 21.1302 9.67553 21.0872C9.5712 21.0442 9.47641 20.9811 9.39657 20.9017L0.251611 11.8041C0.0904986 11.6437 0 11.4262 0 11.1994C0 10.9726 0.0904986 10.7551 0.251611 10.5947L9.3948 1.49718C9.47464 1.41772 9.56943 1.35469 9.67376 1.31169C9.77809 1.26868 9.88992 1.24655 10.0028 1.24655C10.1158 1.24655 10.2276 1.26868 10.3319 1.31169C10.4363 1.35469 10.5311 1.41772 10.6109 1.49718Z",fill:"#000D6E"})):()=>i("svg",{focusable:"false","aria-hidden":"true",width:"158",height:"32",viewBox:"0 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"}));return i(e,{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier(this.color).class()),t.modifier(`size-${this.size}`).class(""!==this.size)),t.modifier("animated").class(this.animated))},i(s,null))}get el(){return s(this)}static get watchers(){return{animated:["animatedWatcher"]}}};C([l("bal-logo"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],g.prototype,"createLogger",null),C([h(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],g.prototype,"breakpointListener",null),C([p(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],g.prototype,"configChanged",null),g.style=".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";export{g as bal_logo}
+import{r as t,h as i,H as e,g as s}from"./p-43e8bc5e.js";import{_ as C,a as o}from"./p-43c9f5e9.js";import{B as a}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{k as n}from"./p-88f18fbc.js";import{L as h}from"./p-f894ab25.js";import{b as r}from"./p-e3141def.js";import{L as p}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-37c1d2f2.js";const g=class{constructor(i){t(this,i),this.isTouch=r.isTouch,this.doesConfigAllowAnimation=!0,this.color="blue",this.size="",this.animated=!1}createLogger(t){this.log=t}animatedWatcher(){this.isAnimated||this.destroyAnimation()}connectedCallback(){this.animatedWatcher()}componentDidUpdate(){this.resetAnimation()}componentDidLoad(){this.resetAnimation()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroyAnimation()}breakpointListener(t){this.isTouch=t.touch}configChanged(t){this.doesConfigAllowAnimation=t.animated}get isAnimated(){return this.doesConfigAllowAnimation&&this.animated}async resetAnimation(){this.destroyAnimation(),this.animated&&(await this.loadAnimation(),this.animationFunction&&(this.destroyAnimation(),this.animationItem=this.animationFunction(this.animatedLogoElement,this.color)))}async loadAnimation(){return new Promise(((t,i)=>{if(this.animationFunction)return t();n((async()=>{import("./p-ce4f5a6a.js").then((i=>{this.animationFunction=i.animate,t()})).catch(i)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy()}render(){const t=a.block("logo"),s=this.isAnimated?()=>i("div",{style:{width:this.isTouch?"100px":"158px",height:this.isTouch?"22px":"32px"},ref:t=>this.animatedLogoElement=t}):this.isTouch&&""===this.size||"small"===this.size?()=>i("svg",{focusable:"false","aria-hidden":"true",width:"100",height:"22",viewBox:"0 0 100 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M71.2886 3.08227C71.2886 1.78086 72.3924 0.84771 73.679 0.84771C74.9656 0.84771 75.9688 1.78086 75.9688 3.08227C75.9688 4.38368 74.9656 5.29533 73.679 5.29533C72.3924 5.29533 71.2886 4.38403 71.2886 3.08227ZM71.8472 6.83532H75.4888V18.2682H71.8472V6.83532ZM52.405 2.40989H56.0469V18.2678H52.405V2.40989ZM30.6826 18.5505C34.0192 18.5505 36.3961 15.9903 36.3961 12.5629C36.3961 9.13507 34.0847 6.57525 30.7687 6.5756C29.5268 6.5756 28.48 6.94421 27.6514 7.63843V2.41025H24.0095V18.2682H27.368V17.292C28.1966 18.0948 29.3089 18.5505 30.6826 18.5505ZM30.1594 9.74366C31.6858 9.74366 32.7978 10.9358 32.7978 12.5629C32.7978 14.1899 31.6858 15.3613 30.1594 15.3613C28.5675 15.3613 27.4768 14.2114 27.4768 12.5629C27.4768 10.8932 28.5455 9.74366 30.1594 9.74366ZM50.0036 18.2682V6.83532H46.6451V8.02854C45.8382 7.22613 44.7475 6.79197 43.3305 6.79197C39.994 6.79197 37.5951 9.13543 37.5951 12.5629C37.5951 15.9903 39.994 18.5505 43.3305 18.5505C44.7478 18.5505 45.8382 18.0726 46.6451 17.2269V18.2682H50.0036ZM43.8541 9.74367C45.446 9.74367 46.5147 10.8921 46.5147 12.5629C46.5147 14.2117 45.4457 15.3613 43.8541 15.3613C42.3061 15.3613 41.2154 14.1888 41.2154 12.5629C41.2154 10.9369 42.3277 9.74367 43.8541 9.74367ZM63.9216 6.57524C60.2581 6.57524 57.641 9.13507 57.641 12.5628C57.641 15.9688 60.2591 18.5505 63.9216 18.5505C67.6071 18.5505 70.2238 15.9688 70.2238 12.5628C70.2238 9.13507 67.6057 6.57524 63.9216 6.57524ZM63.9432 9.78595C65.5351 9.78595 66.5603 10.914 66.5603 12.541C66.5603 14.1899 65.5135 15.3394 63.9432 15.3398C62.3513 15.3398 61.3045 14.168 61.3045 12.5628C61.3045 10.9136 62.3513 9.78595 63.9432 9.78595ZM79.9809 14.3418L76.9717 15.4916C77.6475 17.489 79.5013 18.5505 82.095 18.5484C85.1262 18.5484 87.045 17.1166 87.045 14.7516C87.045 12.1567 84.765 11.5576 83.0168 11.0983C81.9297 10.8126 81.0482 10.581 81.0482 9.95722C81.0482 9.48007 81.4187 9.19815 82.1601 9.19815C82.9235 9.19815 83.4687 9.56676 83.7305 10.2828L86.7415 9.11111C86.2834 7.50664 84.5824 6.57384 82.2271 6.57384C79.327 6.57384 77.4949 7.92035 77.4949 10.1331C77.4949 12.4741 79.6268 13.1109 81.3484 13.6252C82.5143 13.9735 83.4921 14.2655 83.4921 14.9926C83.4921 15.5131 83.056 15.8384 82.2271 15.8384C81.0496 15.8384 80.2862 15.2964 79.9809 14.3418ZM99.9999 12.3243C99.9999 9.50508 97.7756 6.5534 94.0246 6.5534C90.7101 6.5534 88.0494 9.26686 88.0494 12.5628C88.0494 15.9688 90.4483 18.5505 94.2429 18.5505C96.7469 18.5505 98.2259 17.5905 99.1125 16.496L97.0183 14.4084C96.3644 15.2132 95.6385 15.5998 94.3516 15.5998C92.9779 15.5998 91.9531 14.9056 91.5822 13.6264H99.9128C99.9728 13.195 100.002 12.7598 99.9999 12.3243ZM91.5383 11.3696C91.8436 9.98118 92.7813 9.2651 94.1114 9.2651C95.4416 9.2651 96.3141 10.0679 96.6194 11.3696H91.5383ZM10.6109 1.49718L19.7559 10.5947C19.8357 10.6742 19.899 10.7686 19.9422 10.8725C19.9854 10.9764 20.0076 11.0878 20.0075 11.2002C20.0074 11.3126 19.985 11.4239 19.9416 11.5277C19.8983 11.6315 19.8348 11.7258 19.7548 11.8052L17.2751 14.272L10.003 7.03759L5.81949 11.1994L10.003 15.3613L12.5967 12.7806L15.6857 15.8532L10.6127 20.9017C10.5328 20.9811 10.438 21.0442 10.3337 21.0872C10.2294 21.1302 10.1175 21.1523 10.0046 21.1523C9.89169 21.1523 9.77986 21.1302 9.67553 21.0872C9.5712 21.0442 9.47641 20.9811 9.39657 20.9017L0.251611 11.8041C0.0904986 11.6437 0 11.4262 0 11.1994C0 10.9726 0.0904986 10.7551 0.251611 10.5947L9.3948 1.49718C9.47464 1.41772 9.56943 1.35469 9.67376 1.31169C9.77809 1.26868 9.88992 1.24655 10.0028 1.24655C10.1158 1.24655 10.2276 1.26868 10.3319 1.31169C10.4363 1.35469 10.5311 1.41772 10.6109 1.49718Z",fill:"#000D6E"})):()=>i("svg",{focusable:"false","aria-hidden":"true",width:"158",height:"32",viewBox:"0 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"}));return i(e,{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier(this.color).class()),t.modifier(`size-${this.size}`).class(""!==this.size)),t.modifier("animated").class(this.animated))},i(s,null))}get el(){return s(this)}static get watchers(){return{animated:["animatedWatcher"]}}};C([l("bal-logo"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],g.prototype,"createLogger",null),C([h(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],g.prototype,"breakpointListener",null),C([p(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],g.prototype,"configChanged",null),g.style=".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";export{g as bal_logo}

package/dist/design-system-components/{p-55a5a05ad3.entry.js → p-cb1b686764.entry.js}

@@ -1 +1 @@
-import{r,h as a,H as e,g as s}from"./p-43e8bc5e.js";import{_ as t,a as i}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{b as n}from"./p-2cc957ce.js";import{L as b}from"./p-5650ce58.js";import"./p-88f18fbc.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-e33303db.js";const l=class{constructor(a){r(this,a),this.animated=!0,this.isTouch=n.isTouch,this.value=0,this.background="white"}componentDidRender(){this.updateProgress()}breakpointListener(r){this.updateProgress()}async configChanged(r){this.animated=r.animated}updateProgress(){if(this.lineEl){const r=this.el.clientWidth,a=Math.max(0,Math.min(100,this.value));this.lineEl.style.width=r/100*a+"px",100===a?this.lineEl.classList.add("bal-progress-bar__line--full"):this.lineEl.classList.remove("bal-progress-bar__line--full")}}render(){const r=o.block("progress-bar"),s=r.element("line");return a(e,{class:Object.assign(Object.assign({},r.class()),r.modifier(`background-${this.background}`).class())},a("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("animated").class(this.animated)),ref:r=>this.lineEl=r}))}get el(){return s(this)}};t([b(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",void 0)],l.prototype,"breakpointListener",null),l.style=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-line-background:var(--bal-color-primary);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-background);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-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-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}";export{l as bal_progress_bar}
+import{r,h as a,H as e,g as s}from"./p-43e8bc5e.js";import{_ as t,a as i}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{b as n}from"./p-e3141def.js";import{L as b}from"./p-f894ab25.js";import"./p-88f18fbc.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-37c1d2f2.js";const l=class{constructor(a){r(this,a),this.animated=!0,this.isTouch=n.isTouch,this.value=0,this.background="white"}componentDidRender(){this.updateProgress()}breakpointListener(r){this.updateProgress()}async configChanged(r){this.animated=r.animated}updateProgress(){if(this.lineEl){const r=this.el.clientWidth,a=Math.max(0,Math.min(100,this.value));this.lineEl.style.width=r/100*a+"px",100===a?this.lineEl.classList.add("bal-progress-bar__line--full"):this.lineEl.classList.remove("bal-progress-bar__line--full")}}render(){const r=o.block("progress-bar"),s=r.element("line");return a(e,{class:Object.assign(Object.assign({},r.class()),r.modifier(`background-${this.background}`).class())},a("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("animated").class(this.animated)),ref:r=>this.lineEl=r}))}get el(){return s(this)}};t([b(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",void 0)],l.prototype,"breakpointListener",null),l.style=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-line-background:var(--bal-color-primary);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-background);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-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-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}";export{l as bal_progress_bar}