@baloise/ds-core 19.3.0 → 19.4.0-nightly.20250721

package/dist/baloise-design-system/p-f14f2c1e7e.entry.js

@@ -0,0 +1 @@
+import{J as a,t as i,M as t,a as e,L as n,H as l,P as r,f as o,A as s,y as b,N as c,O as d}from"./p-CPBMBpj8.js";import{_ as v,a as h}from"./p-dfXERft2.js";import{B as m}from"./p-ByiN-QjD.js";import{b as p}from"./p-DZZS7FpW.js";import{L as u}from"./p-BcIcqIwo.js";import{L as g}from"./p-BL6QiFlD.js";import{s as f}from"./p-Dqb8X2Kx.js";import{L as k}from"./p-DwHCWn30.js";import{B as x}from"./p-BTHsjynU.js";import{j as _}from"./p-D1VPLQ5z.js";import"./p-DkwGmz0U.js";import{L as w}from"./p-BYzSVVD1.js";import"./p-YM_tyEF-.js";import"./p-ILKmvJEL.js";import"./p-C_dCl-FQ.js";const y=a=>{var i;const t=null===(i=a.linkItems.find((i=>i.value===a.activeMetaLinkValue)))||void 0===i?void 0:i.mainLinkItems,e=null==t?void 0:t.findIndex((i=>i.value===a.activeMenuLinkValue));return{tabs:t||[],indexOfActiveTab:e,indexOfNextTab:e+1,indexOfPreviousTab:e-1}},j={de:{mainNavigation:"Hauptnavigation",navigation:"Navigation",subNavigation:"Subnavigation",open:"Menü öffnen",close:"Menü schliessen"},en:{mainNavigation:"Main navigation",navigation:"Navigation",subNavigation:"Sub navigation",open:"Open Menu",close:"Close Menu"},fr:{mainNavigation:"Navigation principale",navigation:"Navigation",subNavigation:"Sous-navigation",open:"Ouvrir le menu",close:"Fermer le menu"},it:{mainNavigation:"Navigazione principale",navigation:"Navigazione",subNavigation:"Sottonavigazione",open:"Apri Menù",close:"Chiudi menù"},nl:{mainNavigation:"Hoofdnavigatie",navigation:"Navigatie",subNavigation:"Subnavigatie",open:"Menu openen",close:"Menu sluiten"},es:{mainNavigation:"Navegación principal",navigation:"Navegación",subNavigation:"Subnavegación",open:"Menú abierto",close:"Cerrar menú"},pl:{mainNavigation:"Nawigacja główna",navigation:"Nawigacja",subNavigation:"Nawigacja podrzędna",open:"Otwórz menu",close:"Zamknij menu"},pt:{mainNavigation:"Navegação principal",navigation:"Navegação",subNavigation:"Subnavegação",open:"Menu aberto",close:"Fechar menu"},sv:{mainNavigation:"Huvudnavigering",navigation:"Navigering",subNavigation:"Undernavigering",open:"Öppna menyn",close:"Stäng menyn"},fi:{mainNavigation:"Päänavigaatio",navigation:"Navigaatio",subNavigation:"Alinavigaatio",open:"Avaa valikko",close:"Sulje valikko"}};class O{constructor(a,i){this.observer=i,this.clickable=!1,this.active=!1,this.data=void 0,this.label=a.label,this.id="nav-link-item-"+z++,this.value=a.value||this.id,this.href=a.href,this.rel=a.rel,this.target=a.target,this.active=!!a.active,this.clickable=!!a.clickable,this.data=a.data,this.onClick=i=>{this.observer.linkItemClickListener(this),a.onClick&&a.onClick(i)},this.onAccordionClick=i=>{this.observer.accordionClickListener(this),a.onAccordionClick&&a.onAccordionClick(i)}}get type(){return"NavLinkItem"}get isLink(){return null!=this.href&&""!==this.href}toJson(){return{label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,data:this.data}}renderTouch(a){const i=m.block("nav");return t("li",null,t("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-links").class()),i.element("mobile-links").modifier("selected").class(this.active)),i.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label))}render(a){return t("bal-nav-link",{role:"listitem",href:this.href,rel:this.rel,target:this.target,clickable:this.clickable,selected:this.active,onClick:a=>this.onClick(a)},this.label)}}let z=0;class L extends O{constructor(a,i){super(a,i),this.touchPlacement="top",this.id="nav-meta-button-"+N++,this.touchPlacement=a.touchPlacement||"top",this.value=a.value||this.id,this.icon=a.icon,this.popoverId=a.popupId,this.ariaLabel=a.ariaLabel,this.htmlTitle=a.htmlTitle,this.href=a.href||"",this.target=a.target||"_self"}get type(){return"NavMetaButton"}get isLink(){return!!this.href}renderAtMetaBar(){return t("bal-button",this.isLink?{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:!0,rel:this.rel,href:this.href,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label}:{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,inverted:!0,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)}renderAtTouchTopMetaBar(){if("top"===this.touchPlacement)return t("bal-button",this.isLink?{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,rel:this.rel,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label}:{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:!1,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}renderAtTouchBottomMetaBar(){if("bottom"===this.touchPlacement)return t("bal-button",this.isLink?{id:this.value,color:"info",inverted:!1,icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,href:this.href,target:this.target}:{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:!1,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}resetTouchBottomMetaBar(){if(e.hasDocument&&"bottom"===this.touchPlacement){const a=document.getElementById(this.value);a&&"drawer"===a.balPopupVariant&&(a.color="info")}}resetDesktopMetaBar(){if(e.hasDocument){const a=document.getElementById(this.value);a&&"popover"===a.balPopupVariant&&(a.color="info")}}}let N=0;const C=({id:a,label:i,level:e,open:n,link:l,href:r,rel:o,target:s,onClick:b})=>{const c=m.block("nav");return l?t("a",{id:a,class:Object.assign({},c.element(`mobile-${e}-item`).class()),href:r,rel:o,target:s,onClick:a=>b(a)},t("span",null,i)):t("button",{id:a,class:Object.assign({},c.element(`mobile-${e}-item`).class()),onClick:a=>b(a)},t("span",null,i),t("bal-icon",{name:"nav-go-down",size:"small",turn:n}))},F=({item:a,isMenu:i,onClick:e,isVisible:n})=>{const l=m.block("nav");return a?t("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!i)),l.element("mobile-overview-link").modifier("invisible").class(!1===n)),href:a.href,rel:a.rel,target:a.target,onClick:a=>e(a)},a.label," ",a.label?"➞":""):""};class M extends O{constructor(a,i){super(a,i),this.linkItems=[],this.htmlTitle=a.htmlTitle,this.label=a.label,this.href=a.href,this.target=a.target,this.id="nav-section-link-item-"+B++,this.value=a.value||this.id,this.linkItems=(a.linkItems||[]).map((a=>new O(a,i)))}get type(){return"NavSectionLinkItem"}renderTouch(a){const i=m.block("nav"),e=this.linkItems&&this.linkItems.length>0;return t("li",null,t("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-section-item").class()),i.element("mobile-section-item").modifier("selected").class(this.active)),i.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label),e?t("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(a){return t("bal-nav-link-group",{role:"list"},t("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let B=0;class T extends O{constructor(a,i){super(a,i),this.color="grey",this.linkItems=[],this.id="nav-service-link-item-"+I++,this.value=a.value||this.id,this.color=a.color||"grey",this.linkItems=(a.linkItems||[]).map((a=>new O(a,i)))}get type(){return"NavServiceLinkItem"}renderTouch(a){const i=m.block("nav"),e=this.linkItems&&this.linkItems.length>0;return t("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.element("mobile-service-item").class()),i.element("mobile-service-item").modifier(`color-${this.color}`).class()),i.element("mobile-service-item").modifier("selected").class(this.active)),i.element("mobile-service-item").modifier("clickable").class(this.clickable))},t("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label),e?t("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(a){return t("bal-nav-link-group",{color:this.color,role:"list"},t("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let I=0;class A extends O{constructor(a,i){super(a,i),this.sectionLinkItems=[],this.serviceLinkItems=[],this.id="nav-menu-link-item-"+$++,this.value=a.value||this.id,this.sectionLinkItems=(a.sectionLinkItems||[]).map((a=>new M(a,i))),this.serviceLinkItems=(a.serviceLinkItems||[]).map((a=>new T(a,i))),this.overviewLink=a.overviewLink?new O(a.overviewLink,i):void 0}get type(){return"NavMenuLinkItem"}renderTouch(a){const i=m.block("nav"),e=this.sectionLinkItems&&this.sectionLinkItems.length>0,n=this.serviceLinkItems&&this.serviceLinkItems.length>0,l=(null==a?void 0:a.activeMenuLinkValue)===this.value;return t("li",null,t(C,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:!e&&!n&&this.isLink,open:l,onClick:a=>this.onAccordionClick(a)}),t(F,{item:this.overviewLink,onClick:a=>this.onClick(a),isMenu:!0,isVisible:l}),e?t("ul",{class:Object.assign(Object.assign({},i.element("mobile-section-list").class()),i.element("mobile-section-list").modifier("invisible").class(!1===l))},this.sectionLinkItems.map((a=>a.renderTouch()))):"",n?t("ul",{class:Object.assign(Object.assign({},i.element("mobile-service-list").class()),i.element("mobile-service-list").modifier("invisible").class(!1===l))},this.serviceLinkItems.map((a=>a.renderTouch()))):"")}render(a){return t("bal-tab-item",this.sectionLinkItems.length>0||this.serviceLinkItems.length>0||!this.isLink?{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":!0,onBalKeyDown:i=>_(i.detail)&&(null==a?void 0:a.onTabPress(i.detail)),onBalNavigate:i=>{null==a||a.onClick(),this.onClick&&this.onClick(i.detail)}}:{a11yControls:a.flyoutId,label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:i=>_(i.detail)&&(null==a?void 0:a.onTabPress(i.detail)),"no-panel":!0})}}let $=0;class S extends O{constructor(a,i){super(a,i),this.mainLinkItems=[],this.id="nav-meta-link-item-"+P++,this.value=a.value||this.id,this.mainLinkItems=(a.mainLinkItems||[]).map((a=>new A(a,i))),this.overviewLink=a.overviewLink?new O(a.overviewLink,i):void 0}get type(){return"NavMetaLinkItem"}renderTouch(a){const i=m.block("nav"),e=(null==a?void 0:a.activeMetaLinkValue)===this.value;return t("li",null,t(C,{id:this.id,level:"meta",label:this.label,open:e,link:!(this.mainLinkItems.length>0)&&this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onAccordionClick(a)}),e?t(F,{item:this.overviewLink,onClick:a=>this.onClick(a)}):"",e?t("hr",{class:Object.assign(Object.assign({},i.element("line").class()),i.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?t("ul",{class:Object.assign({},i.element("mobile-menu-list").class())},this.mainLinkItems.map((i=>i.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})))):"",t("hr",{class:Object.assign({},i.element("line").class())}))}render(a){return t("bal-tab-item",this.isLink?{a11yControls:a.flyoutId,label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":!0}:{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{this.onClick&&this.onClick(a.detail)}})}}let P=0;const V=class{constructor(a){l(this,a),this.balNavItemClick=r(this,"balNavItemClick"),this.navId="bal-nav-"+D++,this.bodyScrollHandler=new x,this.isTouch=p.isTouch,this.isDesktop=p.isDesktop,this.language=o.language,this.region=o.region,this.isFlyoutActive=!1,this.hasRenderedWithFlyoutActive=!1,this.options=[],this.linkItems=[],this.buttons=[],this.metaButtons=[],this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.linkItems=this.options.map((a=>new S(a,this)))},this.onMetaButtonChange=async()=>{this.metaButtons=this.buttons.map((a=>new L(a,this)))},this.onTouchToggleFlyout=()=>{this.closeAllPopups(),this.toggleFlyout(),e.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isFlyoutActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()},this.onPopupOpen=a=>{this.isTouch&&e.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),a.forEach((a=>{a.classList.contains("bal-nav__popup--desktop")?a.inverted=!1:(a.classList.contains("bal-nav__popup--touch-bottom")||a.classList.contains("bal-nav__popup--touch-top"))&&(a.color="primary")})),this.bodyScrollHandler.disable()},this.onPopupClose=a=>{this.isFlyoutActive||this.bodyScrollHandler.enable(),a.forEach((a=>{a.classList.contains("bal-nav__popup--desktop")?a.inverted=!0:a.classList.contains("bal-nav__popup--touch-bottom")?a.color="info":a.classList.contains("bal-nav__popup--touch-top")&&(a.color="light")}))},this.onMetaBarTabChange=a=>{if(a.detail!==this.activeMetaLinkValue){this.activeMetaLinkValue=a.detail;const i=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));i&&i.mainLinkItems.length>0&&(this.activeMenuLinkValue=i.mainLinkItems[0].value)}},this.onMenuBarTabChange=a=>{this.activeMenuLinkValue===a?this.toggleFlyout():this.openFlyout(),this.activeMenuLinkValue=a}}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.updateTabs()}async buttonChanged(){this.onMetaButtonChange()}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){this.onOptionChange(),this.onMetaButtonChange(),this.updateTabs()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}listenToPopupChanges(a){const i=a.target;if(i&&"BAL-POPUP"===i.nodeName){const t=Array.from(this.el.querySelectorAll(`[bal-popup="${i.id}"]`));!0===a.detail?(this.onPopupOpen(t),t.some((a=>a.classList.contains("bal-nav__popup--touch-top")))&&this.closeFlyout()):this.onPopupClose(t)}}async clickOnOutside(a){var i,t,e,n,l;if(this.isDesktop&&this.hasRenderedWithFlyoutActive){const r=null===(t=null===(i=this.metaBarEl)||void 0===i?void 0:i.querySelector(".bal-nav-meta-bar__container"))||void 0===t?void 0:t.contains(a.target),o=null===(n=null===(e=this.menuBarEl)||void 0===e?void 0:e.querySelector(".bal-nav-menu-bar__container"))||void 0===n?void 0:n.contains(a.target);r||o||(this.closeFlyout(),(null===(l=this.menuBarEl)||void 0===l?void 0:l.querySelector(".bal-tabs")).closeAccordion())}}mutationListener(){this.onMetaButtonChange()}breakpointListener(a){this.isTouch!==a.touch&&(this.isTouch=a.touch,this.isDesktop=a.desktop,this.closeAllPopups(),this.closeFlyout()),this.isTouch&&this.updateTabs()}linkItemClickListener(a){a&&a.toJson&&this.balNavItemClick.emit(a.toJson())}accordionClickListener(a){this.isTouch&&a&&this.updateActiveItem(a)}async configChanged(a){this.language=a.language,this.region=a.region}get activeMenuLinkItems(){const a=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));return a?a.mainLinkItems:[]}get activeMenuLinkItem(){return this.activeMenuLinkItems.find((a=>a.value===this.activeMenuLinkValue))||void 0}toggleFlyout(){this.isFlyoutActive?this.closeFlyout():this.openFlyout()}closeFlyout(){this.isFlyoutActive=!1}openFlyout(){this.isFlyoutActive=!0}async updateActiveItem(a){"NavMetaLinkItem"===a.type&&(this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?void 0:a.value,this.activeMenuLinkValue=void 0),"NavMenuLinkItem"===a.type&&(this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?void 0:a.value),await s(this.el),await b();const i=this.el.querySelector(`#${a.id}`);i&&i.scrollIntoView({behavior:"smooth"})}updateTabs(){var a,i;const t=this.activeMetaLinkValue,e=(null===(a=this.linkItems.find((a=>a.active)))||void 0===a?void 0:a.value)||t;t!==e&&(this.activeMetaLinkValue=e);const n=this.activeMenuLinkValue,l=(null===(i=this.activeMenuLinkItems.find((a=>a.active)))||void 0===i?void 0:i.value)||n;n!==l&&(this.activeMenuLinkValue=l)}closeAllPopups(){Array.from(this.el.querySelectorAll("bal-popup")).forEach((a=>a.dismiss()))}render(){var e,n,l,r,o,s,b,d,v;const h=m.block("nav"),p=h.element("flyout");return this.hasRenderedWithFlyoutActive=this.isFlyoutActive,t(c,{key:"6731ced264e30666493c9b66469f8656e3a632ee",id:this.navId,class:Object.assign({},h.class())},t("div",{key:"b8b36c81b079f727699a2d037c4f687084791cfa",class:{"bal-nav-meta-bar-transform":!0,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?t("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:a=>this.metaBarEl=a},t("bal-stack",{space:"auto"},this.linkItems.length>1?t("bal-tabs",{inverted:!0,context:"meta",value:this.activeMetaLinkValue,"aria-label":j[this.language].mainNavigation,onBalChange:a=>this.onMetaBarTabChange(a)},this.linkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`})))):t("span",null),t("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtMetaBar()))))):"",this.isDesktop?t("bal-nav-menu-bar",{position:"fixed-top",ref:a=>this.menuBarEl=a},t("bal-stack",{space:"auto","space-row":"none","use-wrap":!0},this.renderLogo(),t("bal-tabs",{context:"navigation",accordion:!0,value:this.activeMenuLinkValue,"aria-label":j[this.language].navigation},null===(e=this.linkItems.find((a=>a.value===this.activeMetaLinkValue)))||void 0===e?void 0:e.mainLinkItems.map((t=>t.render({flyoutId:`${this.navId}-menu-flyout`,onClick:()=>this.onMenuBarTabChange(t.value),onTabPress:e=>{if(this.isFlyoutActive){const n=e.shiftKey;(({tabs:t,indexOfNextTab:e,indexOfActiveTab:n},l)=>{const r=null==t?void 0:t.findIndex((a=>a.value===l.item.value));if(!l.isBackwards&&r===t.length-1)return l.stopEventBubbling(),l.closeFlyout(),void a((()=>{((a,t)=>{const e=Array.from(document.querySelectorAll(["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","))).filter((a=>null!==a.offsetParent)).filter((a=>!i(t,a))),n=e.indexOf(a),l=e[n+1];l&&l.focus()})(document.activeElement,l.el)}));if(!l.isBackwards&&r===n){const a=l.el.querySelector(`#${l.navId}-menu-flyout`);if(a){const i=a.querySelector('a, button, [tabindex="0"]');i&&(l.stopEventBubbling(),i.focus({preventScroll:!0}))}}if(l.isBackwards&&r===e){const a=l.el.querySelector(`#${l.navId}-menu-flyout`);if(a){const i=a.querySelectorAll('a, button, [tabindex="0"]'),t=i[i.length-1];t&&(l.stopEventBubbling(),t.focus({preventScroll:!0}))}}})(y({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue,linkItems:this.linkItems}),{el:this.el,navId:this.navId,isFlyoutActive:this.isFlyoutActive,isBackwards:n,item:t,stopEventBubbling:()=>f(e),closeFlyout:()=>this.closeFlyout()})}}}))))),this.isFlyoutActive?t("bal-nav-menu-flyout",{navId:this.navId,"aria-label":j[this.language].subNavigation,onBalFocusOut:a=>{if(this.isFlyoutActive){f(a);const t=y({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue,linkItems:this.linkItems}),e=i(this.el,a.detail.relatedTarget);((a,i)=>{const t=i.isBackwards?a.tabs[a.indexOfActiveTab]:a.tabs[a.indexOfNextTab];if(t){const a=i.el.querySelector(`button[data-value="${t.value}"], a[data-value="${t.value}"]`);a&&a.focus({preventScroll:!0})}})(t,{el:this.el,isBackwards:e})}}},t("bal-nav-link",{role:"listitem",variant:"overview",href:null===(l=null===(n=this.activeMenuLinkItem)||void 0===n?void 0:n.overviewLink)||void 0===l?void 0:l.href,target:null===(o=null===(r=this.activeMenuLinkItem)||void 0===r?void 0:r.overviewLink)||void 0===o?void 0:o.target,onClick:()=>{var a;return this.linkItemClickListener(null===(a=this.activeMenuLinkItem)||void 0===a?void 0:a.overviewLink)}},null===(b=null===(s=this.activeMenuLinkItem)||void 0===s?void 0:s.overviewLink)||void 0===b?void 0:b.label," ",(null===(v=null===(d=this.activeMenuLinkItem)||void 0===d?void 0:d.overviewLink)||void 0===v?void 0:v.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",t("div",{key:"66321dcac9fb856d8bba914283fc1fe0d4626d35"},t("slot",{key:"1d89fec71d39cc81c491f2422312a733e103f016"}))),this.isTouch?t("bal-nav-meta-bar",{variant:"white",size:"normal"},t("bal-stack",{space:"auto"},this.renderLogo(),t("bal-stack",{space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtTouchTopMetaBar())),t("bal-button",{square:!0,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?j[this.language].close:j[this.language].open,onClick:a=>this.onTouchToggleFlyout(a)})))):"",this.isTouch?t("div",{class:Object.assign(Object.assign({},p.class()),p.modifier("visible").class(this.isFlyoutActive))},t("nav",{class:Object.assign({},p.element("container").class())},t("ul",{class:Object.assign({},h.element("mobile-meta-list").class())},this.linkItems.map((a=>a.renderTouch({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue})))))):"",this.isTouch&&this.isFlyoutActive?t("bal-nav-meta-bar",{stayOnTopOfBackdrop:!0,variant:"grey",size:"normal"},t("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((a=>a.renderAtTouchBottomMetaBar())))):"")}renderGridLinks(a){var i,e;return a?t("bal-nav-link-grid",null,t("bal-nav-link-grid-col",null,null===(i=a.sectionLinkItems)||void 0===i?void 0:i.map((a=>a.render()))),t("bal-nav-link-grid-col",{"static-col":!0},null===(e=a.serviceLinkItems)||void 0===e?void 0:e.map((a=>a.render())))):""}renderTouchMenuAccordions(a){return t("bal-list",{"accordion-one-level":!0,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((a=>{var i,e,n;return a.isLink?t("bal-list-item",{key:a.label,"sub-accordion-item":!0,href:a.href,target:a.target},t("bal-list-item-content",null,t("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):t("bal-list-item",{key:a.label,accordion:!0,"sub-accordion-item":!0},t("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},t("bal-list-item-content",null,t("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),t("bal-list-item-accordion-body",null,t("div",{style:{width:"100%"}},t("bal-nav-link",{role:"listitem",variant:"overview",href:null===(i=a.overviewLink)||void 0===i?void 0:i.href,target:null===(e=a.overviewLink)||void 0===e?void 0:e.target,onClick:()=>this.linkItemClickListener(a.overviewLink)},null===(n=a.overviewLink)||void 0===n?void 0:n.label),t("div",{class:"pt-normal"},this.renderGridLinks(a)))))})))}renderLogo(){var a,i,e,n,l,r;const o=(null===(a=this.logo)||void 0===a?void 0:a.href)?"a":(null===(i=this.logo)||void 0===i?void 0:i.clickable)?"button":"div";return t(o,{class:"bal-nav__logo","aria-label":null===(e=this.logo)||void 0===e?void 0:e.ariaLabel,title:null===(n=this.logo)||void 0===n?void 0:n.htmlTitle,href:null===(l=this.logo)||void 0===l?void 0:l.href,target:null===(r=this.logo)||void 0===r?void 0:r.target,onClick:()=>{var a,i;return this.balNavItemClick.emit({value:"logo",label:"Logo",href:null===(a=this.logo)||void 0===a?void 0:a.href,target:null===(i=this.logo)||void 0===i?void 0:i.target})}},t("bal-logo",{animated:!0}))}get el(){return d(this)}static get watchers(){return{options:["optionChanged"],buttons:["buttonChanged"]}}};v([n("bal-nav"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],V.prototype,"createLogger",null),v([k({tags:["bal-popup"],waitAfterFramePrint:!0}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],V.prototype,"mutationListener",null),v([u(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],V.prototype,"breakpointListener",null),v([g(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",Promise)],V.prototype,"configChanged",null);let D=0;V.style="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar:not(.bal-nav-meta-bar--stay-on-top),.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";const q=class{constructor(a){l(this,a),this.variant="",this.selected=!1,this.clickable=!1,this.target="_self"}createLogger(a){this.log=a}render(){const a=m.block("nav-link"),{href:i,target:e,rel:n}=this,l=void 0!==i&&""!==i,r=""!==this.variant,o=l?"a":this.clickable?"button":"span";let s={};return l&&(s={href:i,target:e,rel:n}),t(c,{key:"fe011833d71cd4fc35585f27ee3cb8fe11dadfb8",class:Object.assign(Object.assign({},a.class()),a.modifier(`variant-${this.variant}`).class(r))},t(o,Object.assign({key:"e5175d94a5b5021e22b26116f36aba0bb28a9dcf","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier(`variant-${this.variant}`).class(r)),a.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},s),t("slot",{key:"9189d57ba3a0f78af5c2ac4232c9231d6096ae02"})))}};v([n("bal-nav-link"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],q.prototype,"createLogger",null),q.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 H=class{constructor(a){l(this,a)}createLogger(a){this.log=a}render(){const a=m.block("nav-link-grid");return t(c,{key:"7e58a9b6c677d60837d56404af5f6b03a7d96073",class:Object.assign({},a.class())},t("slot",{key:"4e7abb8d92056b3f99b42ebad4c1d7752cffca4e"}))}};v([n("bal-nav-link-grid"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],H.prototype,"createLogger",null),H.style=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";const Y=class{constructor(a){l(this,a),this.staticCol=!1}createLogger(a){this.log=a}render(){const a=m.block("nav-link-grid-col"),i=a.element("inner");return t(c,{key:"b4cba3fc9a569b19d2921f0f728d8865b97ccd55",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},t("div",{key:"36c2d569a02ea2dc1adb8ecedaab21576f61c0dc",class:Object.assign({},i.class())},t("slot",{key:"c99e184492ca2665cdebad028cd3ab3e97d3249a"})))}};v([n("bal-nav-link-grid-col"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],Y.prototype,"createLogger",null),Y.style=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";const E=class{constructor(a){l(this,a),this.color=""}createLogger(a){this.log=a}render(){const a=m.block("nav-link-group"),i=""!==this.color;return t(c,{key:"12c1c4d22dc3827a4c186c6591b7b043f1dd378b",class:Object.assign(Object.assign({},a.class()),a.modifier(`is-${this.color}`).class(i))},t("slot",{key:"0c503bfaa7b2587f50936cc3d699e5a1bd9995a7"}))}};v([n("bal-nav-link-group"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],E.prototype,"createLogger",null),E.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 K=class{constructor(a){l(this,a),this.navMenuBarId="bal-nav-menu-bar-"+Q++,this.isHidden=!1,this.invisible="none",this.position="none"}createLogger(a){this.log=a}get flyoutElement(){return this.el.querySelector("bal-nav-menu-flyout")}render(){const a=m.block("nav-menu-bar"),i=a.element("inner");return t(c,{key:"c2ea73c8876d06127c4fee24edf6a2ecc623f199",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class("mobile"===this.invisible)),a.modifier("hidden-tablet").class("tablet"===this.invisible)),a.modifier(`position-${this.position}`).class("none"!==this.position))},t("div",{key:"d59d5d00f628748b91964b61692cca01d609a005",class:Object.assign({},i.class())},t("div",{key:"3afd6861fef7c4d6e2b3d41bd7e626daa4aa06b1",class:Object.assign({},a.element("container").class())},t("slot",{key:"380e064513ba797a10145e73bdc76dfe81dafaf6"}))))}get el(){return d(this)}};v([n("bal-nav-menu-bar"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],K.prototype,"createLogger",null);let Q=0;K.style=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';const U=class{constructor(a){l(this,a),this.balFocusOut=r(this,"balFocusOut"),this.bodyScrollHandler=new x,this.isHidden=!1,this.navId="bal-nav-x"+J++}createLogger(a){this.log=a}connectedCallback(){this.bodyScrollHandler.connect()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}onFocusLeave(a){this.el&&a.relatedTarget&&!i(this.el,a.relatedTarget)&&this.balFocusOut.emit(a)}resizeListener(){this.isFlyoutScrollable()?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()}isFlyoutScrollable(){var a,i;return(null===(a=this.el)||void 0===a?void 0:a.scrollHeight)>(null===(i=this.el)||void 0===i?void 0:i.clientHeight)}render(){const a=m.block("nav-menu-flyout"),i=a.element("line");return t(c,{key:"24fa77703681dee08738a210a21b693eb5c53679",id:`${this.navId}-menu-flyout`,class:Object.assign({},a.class())},t("div",{key:"12eb7c5a6d4b3b8d230f8cfbc6477e4cc47b5897",class:Object.assign({},i.class())}),t("div",{key:"07fe48098735ef75bce7116eabedfceb8c2903e5",class:Object.assign({},a.element("container").class())},t("slot",{key:"00a8a2f20e211f8610830bd89a53e7b57bafede2"})))}get el(){return d(this)}};v([n("bal-nav-menu-flyout"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],U.prototype,"createLogger",null),v([w(),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],U.prototype,"resizeListener",null);let J=0;U.style=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";const W=class{constructor(a){l(this,a),this.navMetaBarId="bal-nav-meta-bar-"+Z++,this.previousY=0,this.isHidden=!1,this.stayOnTopOfBackdrop=!1,this.variant="primary",this.size="normal",this.invisible="none",this.position="none"}createLogger(a){this.log=a}handleScroll(){if(e.hasWindow&&e.hasDocument&&"sticky-top"===this.position){const a=document.body.scrollHeight-document.body.clientHeight,i=0>=window.scrollY,t=0>window.scrollY,e=a<=window.scrollY,n=window.scrollY>this.previousY;this.isHidden=!i&&(n||e||t),this.previousY=window.scrollY;const l=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(l.length>0)for(let a=0;a<l.length;a++){const i=l[a];this.isHidden?"small"===this.size?(i.classList.remove("bal-nav-meta-bar-transform-normal"),i.classList.add("bal-nav-meta-bar-transform-small")):(i.classList.remove("bal-nav-meta-bar-transform-small"),i.classList.add("bal-nav-meta-bar-transform-normal")):(i.classList.remove("bal-nav-meta-bar-transform-small"),i.classList.remove("bal-nav-meta-bar-transform-normal"))}}}render(){const a=m.block("nav-meta-bar");return t(c,{key:"3c91c07a7d1b760ae2843b24003d4cebc2ec57d8",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`variant-${this.variant}`).class()),a.modifier(`size-${this.size}`).class()),a.modifier(`position-${this.position}`).class("none"!==this.position)),a.modifier("hidden-mobile").class("mobile"===this.invisible)),a.modifier("hidden-tablet").class("tablet"===this.invisible)),a.modifier("stay-on-top").class(this.stayOnTopOfBackdrop))},t("div",{key:"02333a87470f62b461875ceeae5a1b32381f4700",class:Object.assign({},a.element("container").class())},t("slot",{key:"4d41ede2b111ee158255fbbc04b580695c8b1597"})))}get el(){return d(this)}};v([n("bal-meta-bar"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],W.prototype,"createLogger",null);let Z=0;W.style=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav>.bal-nav-meta-bar--stay-on-top{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";export{V as bal_nav,q as bal_nav_link,H as bal_nav_link_grid,Y as bal_nav_link_grid_col,E as bal_nav_link_group,K as bal_nav_menu_bar,U as bal_nav_menu_flyout,W as bal_nav_meta_bar}

package/dist/baloise-design-system/{p-0d07e6caf8.entry.js → p-f4897d19ec.entry.js}

@@ -1 +1 @@
-import{r as e,h as a,H as c}from"./p-2ccbe55a.js";import{B as b}from"./p-ae86d0a0.js";const l=class{constructor(a){e(this,a),this.checked=!1,this.invalid=void 0,this.disabled=void 0,this.hovered=!1,this.pressed=!1}render(){const e=b.block("switch"),l=!!this.checked,i=!!this.disabled,r=!!this.invalid;return a(c,{key:"44e17aefdee7df228e92368c3863509a4dcd4bc8",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("checked").class(l)),e.modifier("disabled").class(i)),e.modifier("invalid").class(r)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))},a("bal-icon",{key:"1f27c8f3f92467ea80de321666e597c8ea7cde89",name:"check",color:"white",size:"small","aria-hidden":"true",colorHovered:"white",colorPressed:"white",hovered:this.hovered,pressed:this.pressed,class:Object.assign({},e.element("icon").modifier("checked").class(l))}),a("div",{key:"d22b87a1a091669422db72acf16d48a4c4e8825f",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("toggle").class()),e.element("toggle").modifier("checked").class(l)),e.element("toggle").modifier("disabled").class(i)),e.element("toggle").modifier("invalid").class(r)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))}))}};l.style=":root{--bal-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-checkbox-switch-label-background-pressed-after:var(--bal-color-border-primary-pressed);--bal-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-pressed-after:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-checkbox-switch-label-background-invalid-checked-hovered-before:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-checked-pressed-before:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white)}.bal-switch{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.5rem;height:1.5rem;padding:.25rem;border-radius:var(--bal-radius-rounded);overflow:hidden;background:var(--bal-checkbox-switch-label-background-before)}@media (hover: hover)and (pointer: fine){.bal-switch--hovered,.bal-switch:hover{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--hovered .bal-switch__toggle,.bal-switch:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-hover-after)}}.bal-switch--pressed,.bal-switch:active{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--pressed .bal-switch__toggle,.bal-switch:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-pressed-after)}.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-checked-before)}.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}@media (hover: hover)and (pointer: fine){.bal-switch--checked.bal-switch--hovered,.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-checked-hover-before)}.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}}.bal-switch--checked.bal-switch--pressed,.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-checked-active-before)}.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-switch--invalid{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-after)}@media (hover: hover)and (pointer: fine){.bal-switch--invalid.bal-switch--hovered,.bal-switch--invalid:hover{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-hover-after)}}.bal-switch--invalid.bal-switch--pressed,.bal-switch--invalid:active{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-pressed-after)}.bal-switch--invalid.bal-switch--checked.bal-switch,.bal-switch--invalid.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-invalid-checked-before)}.bal-switch--invalid.bal-switch--checked.bal-switch .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered,.bal-switch--invalid.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-invalid-checked-hovered-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed,.bal-switch--invalid.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-invalid-checked-pressed-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--disabled,.bal-switch--disabled:hover,.bal-switch--disabled:active{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-before)}.bal-switch--disabled .bal-switch__toggle,.bal-switch--disabled:hover .bal-switch__toggle,.bal-switch--disabled:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-after)}.bal-switch--disabled.bal-switch--checked,.bal-switch--disabled.bal-switch--checked:hover,.bal-switch--disabled.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-switch--disabled.bal-switch--checked .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:hover .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-after);border-radius:50%;position:absolute;top:.25rem;width:1rem;height:1rem;-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}.bal-switch__toggle--checked{-webkit-transform:translateX(100%);transform:translateX(100%);background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-icon{position:absolute}.bal-icon .bal-switch__icon--checked{opacity:1}.bal-icon .bal-switch__icon{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}";export{l as bal_switch}
+import{H as e,M as a,N as c}from"./p-CPBMBpj8.js";import{B as b}from"./p-ByiN-QjD.js";const l=class{constructor(a){e(this,a),this.checked=!1,this.invalid=void 0,this.disabled=void 0,this.hovered=!1,this.pressed=!1}render(){const e=b.block("switch"),l=!!this.checked,i=!!this.disabled,r=!!this.invalid;return a(c,{key:"44e17aefdee7df228e92368c3863509a4dcd4bc8",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("checked").class(l)),e.modifier("disabled").class(i)),e.modifier("invalid").class(r)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))},a("bal-icon",{key:"1f27c8f3f92467ea80de321666e597c8ea7cde89",name:"check",color:"white",size:"small","aria-hidden":"true",colorHovered:"white",colorPressed:"white",hovered:this.hovered,pressed:this.pressed,class:Object.assign({},e.element("icon").modifier("checked").class(l))}),a("div",{key:"d22b87a1a091669422db72acf16d48a4c4e8825f",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("toggle").class()),e.element("toggle").modifier("checked").class(l)),e.element("toggle").modifier("disabled").class(i)),e.element("toggle").modifier("invalid").class(r)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))}))}};l.style=":root{--bal-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-checkbox-switch-label-background-pressed-after:var(--bal-color-border-primary-pressed);--bal-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-pressed-after:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-checkbox-switch-label-background-invalid-checked-hovered-before:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-checked-pressed-before:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white)}.bal-switch{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.5rem;height:1.5rem;padding:.25rem;border-radius:var(--bal-radius-rounded);overflow:hidden;background:var(--bal-checkbox-switch-label-background-before)}@media (hover: hover)and (pointer: fine){.bal-switch--hovered,.bal-switch:hover{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--hovered .bal-switch__toggle,.bal-switch:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-hover-after)}}.bal-switch--pressed,.bal-switch:active{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--pressed .bal-switch__toggle,.bal-switch:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-pressed-after)}.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-checked-before)}.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}@media (hover: hover)and (pointer: fine){.bal-switch--checked.bal-switch--hovered,.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-checked-hover-before)}.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}}.bal-switch--checked.bal-switch--pressed,.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-checked-active-before)}.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-switch--invalid{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-after)}@media (hover: hover)and (pointer: fine){.bal-switch--invalid.bal-switch--hovered,.bal-switch--invalid:hover{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-hover-after)}}.bal-switch--invalid.bal-switch--pressed,.bal-switch--invalid:active{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-pressed-after)}.bal-switch--invalid.bal-switch--checked.bal-switch,.bal-switch--invalid.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-invalid-checked-before)}.bal-switch--invalid.bal-switch--checked.bal-switch .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered,.bal-switch--invalid.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-invalid-checked-hovered-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed,.bal-switch--invalid.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-invalid-checked-pressed-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--disabled,.bal-switch--disabled:hover,.bal-switch--disabled:active{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-before)}.bal-switch--disabled .bal-switch__toggle,.bal-switch--disabled:hover .bal-switch__toggle,.bal-switch--disabled:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-after)}.bal-switch--disabled.bal-switch--checked,.bal-switch--disabled.bal-switch--checked:hover,.bal-switch--disabled.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-switch--disabled.bal-switch--checked .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:hover .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-after);border-radius:50%;position:absolute;top:.25rem;width:1rem;height:1rem;-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}.bal-switch__toggle--checked{-webkit-transform:translateX(100%);transform:translateX(100%);background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-icon{position:absolute}.bal-icon .bal-switch__icon--checked{opacity:1}.bal-icon .bal-switch__icon{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}";export{l as bal_switch}

package/dist/baloise-design-system/p-f59128807d.entry.js

@@ -0,0 +1 @@
+import{H as a,M as t,N as e,O as l,P as i}from"./p-CPBMBpj8.js";import{B as r}from"./p-ByiN-QjD.js";import{i as o}from"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";const b=class{constructor(t){a(this,t),this.border=!1,this.horizontal=!1,this.inputElements=["bal-data-item"]}borderHandler(){this.updateProps([...this.inputElements],"border")}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)))}componentWillLoad(){this.borderHandler()}render(){const a=r.block("data");return t(e,{key:"aa8b8920767ec213d19c0ff5bd5b020afd720736",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("has-border").class(this.border)),a.modifier("is-horizontal").class(this.horizontal))},t("slot",{key:"521ef64fdbd14bae75547ca851ae20e40d50a68f"}))}get element(){return l(this)}static get watchers(){return{border:["borderHandler"]}}};b.style=":root{--bal-data-item-border-color:var(--bal-color-grey-2);--bal-data-item-border-style:solid;--bal-data-item-border-width:var(--bal-border-width-normal);--bal-data-horizontal-border-bottom-width:var(--bal-border-width-normal);--bal-data-horizontal-border-color:var(--bal-color-primary-2);--bal-data-item-border-bottom:none;--bal-data-item-text-color-disabled:var(--bal-color-text-grey-dark);--bal-data-label-text-color:var(--bal-color-text-primary)}.bal-data{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:100%;outline:none;text-decoration:none;overflow-wrap:break-word;white-space:normal}.bal-data>*{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data-item{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;min-height:3rem;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem 0}.bal-data-item.is-disabled .bal-data-label,.bal-data-item.is-disabled .bal-data-value{color:var(--bal-data-item-text-color-disabled)}.bal-data-item--has-border{border-bottom:var(--bal-data-item-border-width) var(--bal-data-item-border-style) var(--bal-data-item-border-color)}.bal-data-label{position:relative;display:block;color:var(--bal-data-label-text-color);-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-data-label .bal-hint{margin-left:.5rem;position:absolute;top:-3px;font-weight:var(--bal-font-weight-regular)}.bal-data-value{display:block;-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:.25rem;min-height:1.5rem;overflow:visible !important;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal)}.bal-data-value,.bal-data-value>div{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);line-height:1.25rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-bottom:2px}.bal-data-value>ul,.bal-data-value>div>ul{margin-bottom:0 !important;margin-left:1.5rem !important}.bal-data-value .bal-button{display:none}.bal-data-value--is-multiline,.bal-data-value--is-multiline>div{white-space:normal}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div>bal-input input.input{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value--is-editable .bal-data-value__button{display:block}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>bal-button{margin-left:.5rem}@media screen and (min-width: 769px),print{.bal-data>*{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap}.bal-data .bal-data-item{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap;padding:.5rem 0}.bal-data .bal-data-item .bal-data-label{-ms-flex-preferred-size:0;flex-basis:0}.bal-data .bal-data-item .bal-data-value{-ms-flex-preferred-size:0;flex-basis:0}.bal-data:not(.bal-data--is-horizontal) .bal-data-label{font-size:var(--bal-text-size-normal)}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{margin-top:2px}.bal-data.bal-data--is-horizontal{-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-data.bal-data--is-horizontal.has-border{border-bottom:var(--bal-data-horizontal-border-bottom-width) var(--bal-data-item-border-style) var(--bal-data-horizontal-border-color)}.bal-data.bal-data--is-horizontal>*{-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data.bal-data--is-horizontal .bal-data-item{-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:5rem;-ms-flex-align:start;align-items:flex-start;border-bottom:var(--bal-data-item-border-bottom)}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{min-height:100%}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-label,.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{-ms-flex-preferred-size:100%;flex-basis:100%;width:100%;-ms-flex-item-align:start;align-self:flex-start}}";const s=class{constructor(t){a(this,t),this.disabled=!1,this.border=!1}render(){const a=r.block("data-item");return t(e,{key:"407b2d982f48e77a71daa015e98acb720b369860",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("is-disabled").class(this.disabled)),a.modifier("has-border").class(this.border))},t("slot",{key:"e9d0e88af9d336879ed87b59732a583c43bd466f"}))}},d=class{constructor(t){a(this,t),this.required=!1}render(){return t(e,{key:"114f7b7b26f2cc4a0c4ba430df1d3d17f4df786a",class:Object.assign({},r.block("data-label").class())},t("slot",{key:"bba812f478c14efa78880304b42bd8a9d91a3187"}),this.required?"*":"")}},n=class{constructor(t){a(this,t),this.balClick=i(this,"balClick"),this.balFocus=i(this,"balFocus"),this.balBlur=i(this,"balBlur"),this.editable=!1,this.disabled=!1,this.multiline=!1,this.onClickHandler=a=>{const t=this.el.querySelector("bal-input");o(t)||t.setFocus(),this.balClick.emit(a)}}render(){const a=r.block("data-value"),l=a.element("button");return t(e,{key:"63014133e16b3afbe1e7fe5842792bdc9c141169",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("is-editable").class(this.editable)),a.modifier("is-multiline").class(this.multiline))},t("div",{key:"192eb9e81205e21d2d553bbe0d975af252fc23d0"},t("slot",{key:"1af816e5a838f87ef19091e02d9b8e80d0ab1cb2"})),t("bal-button",{key:"feef0feb9694017038fee9838269bde53659d6e6",class:Object.assign({},l.class()),"data-testid":"bal-data-value-button",square:!0,outlined:!0,color:"text",size:"small",icon:"edit",disabled:this.disabled,onBalBlur:()=>this.balBlur.emit(),onBalFocus:()=>this.balFocus.emit(),onClick:a=>this.onClickHandler(a)}))}get el(){return l(this)}};export{b as bal_data,s as bal_data_item,d as bal_data_label,n as bal_data_value}

package/dist/baloise-design-system/p-f8e58a54a2.entry.js

@@ -0,0 +1 @@
+import{L as t,H as e,P as i,J as o,I as s,y as l,r as a,t as r,M as n,N as c,O as h}from"./p-CPBMBpj8.js";import{_ as b,a as d}from"./p-dfXERft2.js";import{i as p}from"./p-xbSOW78W.js";import{a as u}from"./p-DBsOHTWj.js";import{a as m}from"./p-BAaDJIzy.js";import{B as f}from"./p-ByiN-QjD.js";import{d as v}from"./p-FCLKfv6B.js";import{s as g}from"./p-Dqb8X2Kx.js";import{d as _,i as y,a as k,b as x,c as w,k as O}from"./p-D1VPLQ5z.js";import{r as j,p as C,l as T,g as B,i as L,s as z,a as F,f as A,b as M,v as I}from"./p-BG4j3FEv.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";const P=!0,D=!1,V=class{constructor(t){e(this,t),this.balChange=i(this,"balChange"),this.balInputClick=i(this,"balInputClick"),this.balInput=i(this,"balInput"),this.balBlur=i(this,"balBlur"),this.balFocus=i(this,"balFocus"),this.balCancel=i(this,"balCancel"),this.balKeyPress=i(this,"balKeyPress"),this.didInit=!1,this.inputId="bal-select-"+E++,this.initialValue=[],this.hasFocus=!1,this.inputValue="",this.focusIndex=-1,this.isPopoverOpen=!1,this.options=new Map,this.labelToScrollTo="",this.labelToSelectTo="",this.ariaForm=v,this.name=this.inputId,this.invalid=!1,this.filter="includes",this.balTabindex=0,this.freeSolo=!1,this.multiple=!1,this.autocomplete="off",this.typeahead=!1,this.selectionOptional=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.inverted=!1,this.scrollable=250,this.loading=!1,this.remote=!1,this.autoInvalidOff=!1,this.value=[],this.rawValue=[],this.removeValue=t=>{this.disabled||(this.updateRawValue(j(this.rawValue,t),P),this.multiple&&this.typeahead&&this.setFocus(),this.fireBlur())},this.fireBlur=(t=new CustomEvent("blur"))=>{this.isPopoverOpen||this.hasFocus||o((()=>this.balBlur.emit(t)))},this.handleClick=t=>{(this.disabled||this.readonly)&&C(t)},this.handlePopoverChange=t=>{t.stopPropagation(),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.isPopoverOpen?this.updateFocus():(this.focusIndex=0,this.multiple&&this.typeahead&&this.updateInputValue(""),this.fireBlur(t)))},this.handleInputBlur=t=>{C(t);const e=t.relatedTarget;(null===e||e&&e.nodeName&&("BAL-MODAL"===e.nodeName||"INPUT"===e.nodeName||"BUTTON"===e.nodeName))&&this.validateAfterBlur(P),this.hasFocus=!1,this.fireBlur(t)},this.handleInputFocus=t=>{this.balFocus.emit(t),this.hasFocus=!0},this.handleInputClick=async(t,e=!1)=>{var i,o,s,l;g(t),this.isChipClicked(t)||(this.disabled||this.readonly?C(t):(this.focusIndex=0,this.balInputClick.emit(t),this.typeahead?this.isPopoverOpen&&e?await(null===(i=this.popoverElement)||void 0===i?void 0:i.dismiss()):await(null===(o=this.popoverElement)||void 0===o?void 0:o.present()):this.isPopoverOpen?await(null===(s=this.popoverElement)||void 0===s?void 0:s.dismiss()):await(null===(l=this.popoverElement)||void 0===l?void 0:l.present())))},this.handleKeyPress=async t=>{!this.isPopoverOpen&&_(t)&&(C(t),await this.open()),this.balKeyPress.emit(t)},this.handleInputChange=t=>{this.disabled||this.readonly||(this.inputValue=t.target.value)},this.handleInput=async t=>{this.disabled||this.readonly||(this.inputValue=t.target.value,this.isPopoverOpen||this.popoverElement.present(),this.focusIndex=0,this.updateFocus(),C(t),this.balInput.emit(this.inputValue))},this.handleOptionMouseEnter=t=>{this.focusIndex=t}}createLogger(t){this.log=t}valueWatcher(){this.syncRawValue(!1)}updateRawValue(t,e=!0){m(t,this.rawValue||[])||(this.rawValue=[...t],this.syncNativeInput(e),this.didInit&&!0===e&&(this.multiple?p(this.rawValue)?this.emitChangeEvent([]):this.emitChangeEvent([...this.rawValue]):p(this.rawValue)||0===T(this.rawValue)?this.emitChangeEvent(void 0):this.emitChangeEvent(this.rawValue[0])))}emitChangeEvent(t){this.balChange.emit(t)}connectedCallback(){const t=s((()=>this.updateOptions()),0);this.initialValue=this.value,t(),this.mutationO=(e=>{if("undefined"==typeof MutationObserver)return;const i=new MutationObserver((e=>{(e=e.filter((t=>t.target.nodeName==="bal-select-option".toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()))).length>0&&t()}));return i.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),i})(this.el)}componentWillLoad(){if(this.waitForOptionsAndThenUpdateRawValues(),this.isInsideOfFooter(),!p(this.rawValue)&&this.options.size>0&&1===T(this.rawValue)){const t=this.options.get(this.rawValue[0]);p(t)||(this.inputValue=t.label)}}componentDidLoad(){this.syncRawValue(!1),this.multiple||(this.inputElement.value=this.inputValue),this.didInit=!0}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&C(t)}resetHandler(t){const e=t.target;(null==e?void 0:e.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.value=this.initialValue,this.syncRawValue(!1),this.syncNativeInput(),this.nativeSelectEl&&Array.from(this.nativeSelectEl.options).forEach((t=>t.selected=!0))}),0))}async handleKeyDown(t){if(this.isPopoverOpen){if((y(t)||k(t))&&(C(t),this.navigateWithArrowKey(t),this.updateFocus()),x(t)&&(C(t),this.selectedFocusedOption()),w(t)&&this.cancel(),O(t)&&this.typeahead&&this.multiple&&""===this.inputElement.value&&T(this.rawValue)>0){const t=B(this.rawValue);this.removeValue(t[T(this.rawValue)-1])}this.typeahead||1!==t.key.length||this.focusOptionByLabel(t.key),_(t)&&!this.typeahead&&C(t)}else this.hasFocus&&((y(t)||k(t))&&(C(t),await this.open()),this.typeahead||1!==t.key.length||this.selectOptionByLabel(t.key))}async setFocus(){this.inputElement&&!this.disabled&&(await l(),this.inputElement.focus())}async getValue(){return this.rawValue}async clear(){this.focusIndex=0,this.inputElement&&(this.updateInputValue(""),this.updateRawValue([],P),this.value=this.multiple?[]:"")}async open(){this.disabled||this.readonly||p(this.popoverElement)||await this.popoverElement.present()}async close(){this.disabled||this.readonly||p(this.popoverElement)||this.blurSelect()}async cancel(){this.labelToScrollTo="",this.close(),this.scrollTo(0),this.balCancel.emit()}async select(t){const e=this.options.get(t);p(e)||this.optionSelected(e)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}async waitForOptionsAndThenUpdateRawValues(){clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer),await a(this.el),this.options.size>0?this.syncRawValue(D):this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((()=>this.waitForOptionsAndThenUpdateRawValues()),10)}async updateOptions(){const t=this.getChildOpts(),e=new Map;for(let i=0;i<t.length;i++){const o=t[i];e.set(o.value,{value:o.value,label:o.label,disabled:o.disabled,id:o.for,textContent:o.textContent,innerHTML:o.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue))for(let t=0;t<this.rawValue.length;t++){const i=this.rawValue[t];if(!e.has(i)){const t=j(this.rawValue,i);this.updateRawValue(t,D)}}this.options=new Map(e),this.typeahead||await this.syncNativeInput(),this.didInit&&!this.remote&&this.validateAfterBlur()}get optionArray(){const t=Array.from(this.options,(([t,e])=>e));return!this.typeahead||this.remote?t:t.filter((t=>"includes"===this.filter?L(t.textContent,this.inputValue):z(t.textContent,this.inputValue)))}hasOptions(){return this.optionArray.length>0}get inputPlaceholder(){return this.multiple?T(this.rawValue)<1?this.placeholder:void 0:!p(this.rawValue)&&T(this.rawValue)>0?void 0:this.placeholder}getChildOpts(){return Array.from(this.el.querySelectorAll("bal-select-option"))}getPopoverContent(){return this.popoverElement.querySelector(".bal-popover__content__inner")}updateFocus(){this.focusIndex<0&&(this.focusIndex=0);const t=this.optionArray;if(t.length>0){t.length<=this.focusIndex&&(this.focusIndex=t.length-1);const e=t[this.focusIndex];if(e&&e.id){const t=this.el.querySelector(`button#${e.id}`);t&&(clearTimeout(this.updateFocusTimer),this.updateFocusTimer=setTimeout((()=>{this.scrollToFocusedOption(t)}),0))}}else this.focusIndex=0}scrollToFocusedOption(t){if(t&&this.popoverElement){const e=this.getPopoverContent();if(e){const i=t.offsetTop;i<e.scrollTop&&(e.scrollTop=i),t.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight&&(e.scrollTop=e.scrollTop+t.clientHeight)}}}scrollTo(t){const e=this.getPopoverContent();e&&(e.scrollTop=t)}selectedFocusedOption(){const t=this.optionArray;if(t.length>this.focusIndex){const e=t[this.focusIndex];e&&this.optionSelected(e)}}navigateWithArrowKey(t){y(t)?this.focusIndex=this.focusIndex+1:k(t)&&(this.focusIndex=this.focusIndex-1)}focusOptionByLabel(t){this.labelToScrollTo=this.labelToScrollTo+t,clearTimeout(this.clearScrollToValue),this.clearScrollToValue=setTimeout((()=>{this.scrollToLabel(this.labelToScrollTo)}),600)}selectOptionByLabel(t){this.labelToSelectTo=this.labelToSelectTo+t,clearTimeout(this.clearSelectValue),this.clearSelectValue=setTimeout((()=>{this.selectLabel(this.labelToSelectTo),this.labelToSelectTo=""}),600)}async selectLabel(t){if(" "!==t){const e=this.optionArray.find((e=>z(e.label||"",t)));if(!p(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!p(t)){const t=this.optionArray.indexOf(e);this.focusIndex=t,this.select(e.value)}}this.labelToScrollTo=""}}async scrollToLabel(t){if(" "!==t){const e=this.optionArray.find((e=>z(e.label||"",t)));if(!p(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!p(t)){const i=this.optionArray.indexOf(e);this.focusIndex=i,this.scrollTo(t.offsetTop)}}this.labelToScrollTo=""}}syncRawValue(t=!0){let e=[];p(this.value)||""===this.value||(e=Array.isArray(this.value)?[...this.value.filter((t=>!p(t)))]:this.value.split("").includes(",")?[...this.value.split(",").filter((t=>t)).map((t=>t.trim()))]:[this.value]),this.updateRawValue(e,t)}blurSelect(){this.popoverElement.dismiss()}optionSelected(t){const e=B(this.rawValue).some((e=>e===t.value));this.updateValue(t.value,!e),this.multiple?this.typeahead&&this.setFocus():this.blurSelect()}updateValue(t,e=!0){this.multiple?this.updateRawValue(e?F(this.rawValue,t,this.multiple):j(this.rawValue,t),P):(this.updateRawValue(F(this.rawValue,t,this.multiple),P),this.rawValue&&this.rawValue.length>0&&this.updateInputValue(A(this.options,this.rawValue[0])))}validateAfterBlur(t=!1){let e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){const t=M(this.options,this.inputElement.value);e=t?[t.value]:[this.inputElement.value]}else e=I(this.rawValue,this.options,this.inputElement.value);this.updateRawValue(e,t)}}syncNativeInput(t=!0){if(!this.multiple&&T(this.rawValue)>0){const t=B(this.rawValue);let e=A(this.options,t[0]);return!this.multiple&&this.typeahead&&this.selectionOptional&&""===e&&(e=t.join(", ")),this.updateInputValue(e)}return t||0!==T(this.rawValue)?Promise.resolve():this.updateInputValue("")}updateInputValue(t){return new Promise((e=>{this.updateInputValueTimer&&clearTimeout(this.updateInputValueTimer),this.updateInputValueTimer=setTimeout((()=>{p(this.inputElement)||(this.inputElement.value=t,this.inputValue=t,e())}),0)}))}isChipClicked(t){let e=!1;if(this.multiple){const i=this.selectionEl.querySelectorAll("bal-tag"),o=t.target;i.forEach((t=>{const i=r(t,o)||t===o;i&&(e=i)}))}return e}isInsideOfFooter(){this.inverted=null!==this.el.closest("bal-footer")}render(){var t;const e=t=>n("bal-tag",{key:"69e00b5d661f1917fb6cbcf8919a8ce9670a25dd",size:"",closable:!this.disabled,disabled:this.disabled,invalid:this.invalid,tabindex:-1,onBalCloseClick:()=>this.removeValue(t.value),"data-testid":"bal-select-chip"},A(this.options,t.value)||t.value),i=B(this.rawValue),o=f.block("select"),s=o.element("native"),l=o.element("control"),a=l.element("icon"),r=l.element("selections"),h=l.element("input"),b=o.element("popover"),d=b.element("empty"),p=o.element("option"),m=p.element("content"),v=m.element("checkbox"),g=m.element("label");return n(c,{key:"3d670b9aa3467ee96c65e2b1a98beda836cac095",role:"listbox",onClick:this.handleClick,"aria-disabled":u(this.disabled),"data-value":null===(t=this.rawValue)||void 0===t?void 0:t.map((t=>A(this.options,t))).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("disabled").class(this.disabled||this.readonly)),o.modifier("inverted").class(this.inverted)),o.modifier("inverted-footer").class(this.inverted))},n("select",{key:"1d438d1034af395d0f99bed2443bb66de288bb0a",class:Object.assign({},s.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:t=>this.nativeSelectEl=t},i.map((t=>n("option",{key:t,value:t,selected:!0},t)))),n("bal-popover",{key:"8dc177324409d7bfdd75e3f375acd00c41ac11e8",onBalChange:this.handlePopoverChange,ref:t=>this.popoverElement=t},n("div",{key:"eaa30ce518119e5ced60fc093e887167c4e83c69","bal-popover-trigger":!0,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("invalid").class(this.invalid)),l.modifier("disabled").class(this.disabled||this.readonly)),l.modifier("focused").class(this.isPopoverOpen)),l.modifier("inverted-footer").class(this.inverted))},n("div",{key:"4c6b0c807a1c25712d128216909e137af0d3cbf8",class:Object.assign(Object.assign({},r.class()),r.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:t=>this.selectionEl=t},i.filter((()=>this.multiple)).map((t=>n(e,{value:t}))),n("input",{key:"1d7fb70f81b7c0ae5fad2f77089ba2a8b04da050",type:"text",class:Object.assign(Object.assign({},h.class()),{input:!0,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":!0}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":u(this.disabled),"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":"off"===this.autocomplete?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:t=>this.inputElement=t})),this.freeSolo||this.loading?"":n("bal-icon",{class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("loading").class(this.loading)),a.modifier("clickable").class(!this.disabled&&!this.readonly)),name:this.inverted?"caret-up":"caret-down",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:t=>this.handleInputClick(t,!0),size:this.inverted?"x-small":""})),n("bal-popover-content",{key:"756cb6d1ff62300a2b7b7d6c1250195da8fa3849",class:Object.assign({},b.class()),scrollable:this.scrollable,spaceless:!0,expanded:!0},this.optionArray.map(((t,e)=>n("button",{key:t.value,type:"button",role:"option",id:t.id,"data-value":t.value,"data-label":t.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},p.class()),p.modifier("selected").class(i.includes(t.value)&&!(this.typeahead&&!this.multiple))),p.modifier("focused").class(this.focusIndex===e)),p.modifier("checkbox").class(this.multiple)),p.modifier("disabled").class(!0===t.disabled)),"data-testid":"bal-select-option",disabled:t.disabled,tabIndex:-1,onMouseEnter:()=>this.handleOptionMouseEnter(e),onClick:()=>this.optionSelected(t)},n("div",{class:Object.assign({},m.class())},n("span",{class:Object.assign({},v.class()),style:{display:this.multiple?"flex":"none"}},n("bal-checkbox",{checked:i.includes(t.value),tabindex:-1,nonSubmit:!0,flat:!0,onBalChange:C})),n("span",{class:Object.assign({},g.class()),innerHTML:t.innerHTML}))))),n("div",{key:"7f49f62da3e7a1edd769f41e43fddda83a50f52b",class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(void 0===this.noDataLabel||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))}get el(){return h(this)}static get watchers(){return{value:["valueWatcher"]}}};b([t("bal-select"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],V.prototype,"createLogger",null);let E=0;V.style=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-3);--bal-select-control-input-option-background-hover:var(--bal-color-grey-3);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";const W=class{constructor(t){e(this,t),this.disabled=!1,this.for="bal-selopt-"+H++}createLogger(t){this.log=t}render(){return n(c,{key:"42c10fcd28b41d1158304ee9a7936c2fa0c52d85",style:{display:"none"}},n("slot",{key:"da6a2841c0dd48aa662bf38926151669a4525048"}))}};b([t("bal-select-option"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],W.prototype,"createLogger",null);let H=0;export{V as bal_select,W as bal_select_option}

package/dist/baloise-design-system/{p-160c193287.entry.js → p-fc1f86dc14.entry.js}

@@ -1 +1 @@
-import{r as i,h as o,H as a}from"./p-2ccbe55a.js";import{B as t}from"./p-ae86d0a0.js";const n=class{constructor(o){i(this,o),this.color="",this.light=!1,this.noIcon=!1}render(){const i=t.block("notification");return i.element("inner"),o(a,{key:"25a9149c4bb693ebf3c1b1a863e72f7727b8d046",class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-icon").class(this.noIcon)),i.modifier(`color-${this.color}${this.light?"-light":""}`).class(!!this.color)),i.modifier("color-light").class(!this.color&&this.light)),"data-testid":"bal-notification-content"},o("slot",{key:"6254964fe9f247d75cb102a80c7a251a233bf2d9"}))}};n.style=':root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';export{n as bal_notification}
+import{H as i,M as o,N as a}from"./p-CPBMBpj8.js";import{B as t}from"./p-ByiN-QjD.js";const n=class{constructor(o){i(this,o),this.color="",this.light=!1,this.noIcon=!1}render(){const i=t.block("notification");return i.element("inner"),o(a,{key:"25a9149c4bb693ebf3c1b1a863e72f7727b8d046",class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-icon").class(this.noIcon)),i.modifier(`color-${this.color}${this.light?"-light":""}`).class(!!this.color)),i.modifier("color-light").class(!this.color&&this.light)),"data-testid":"bal-notification-content"},o("slot",{key:"6254964fe9f247d75cb102a80c7a251a233bf2d9"}))}};n.style=':root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';export{n as bal_notification}

package/dist/baloise-design-system/p-fce82e6df8.entry.js

@@ -0,0 +1 @@
+import{H as a,M as e,N as r,O as l}from"./p-CPBMBpj8.js";import{B as b}from"./p-ByiN-QjD.js";const o=class{constructor(e){a(this,e),this.size="",this.color="",this.position=""}render(){const a=b.block("badge"),l=a.element("label"),o=a.element("icon"),d=""!==this.color,t=""!==this.size,g=""!==this.position,n=!!this.icon||"small"===this.size;return e(r,{key:"811cf1c81df29b916af366fa68f3af34e3c7c13e",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`background-${this.color}`).class(d)),a.modifier(`position-${this.position}`).class(g)),a.modifier(`size-${this.size}`).class(t))},e("span",{key:"fe39cc5bd17ec12ba43b10af15e5200020d3a15e",class:Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(`color-${this.color}`).class(d)),l.modifier("hidden").class(n)),"data-testid":"bal-badge-label"},e("slot",{key:"8160cdc9d7adc06c360d9cfb9ebad0e5ca785758"})),"small"!==this.size?e("bal-icon",{class:Object.assign(Object.assign({},o.class()),o.modifier("hidden").class(!n)),size:""===this.size?"small":"",name:this.icon,color:"grey"===this.color?"grey":"primary"}):"")}get el(){return l(this)}};o.style=":root{--bal-badge-background:var(--bal-color-red-3);--bal-badge-background-grey:var(--bal-color-grey-3);--bal-badge-background-red:var(--bal-color-red-3);--bal-badge-background-yellow:var(--bal-color-yellow-3);--bal-badge-background-green:var(--bal-color-green-3);--bal-badge-background-purple:var(--bal-color-purple-3);--bal-badge-radius:var(--bal-radius-rounded);--bal-badge-text-color:var(--bal-color-text-primary);--bal-badge-color-grey:var(--bal-color-text-grey-dark);--bal-badge-color-red:var(--bal-color-text-primary);--bal-badge-color-yellow:var(--bal-color-text-primary);--bal-badge-color-green:var(--bal-color-text-primary);--bal-badge-color-purple:var(--bal-color-text-primary)}.bal-badge{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:1.5rem;height:1.5rem;border-radius:var(--bal-badge-radius);background:var(--bal-badge-background);padding:.25rem}.bal-badge--size-small{width:.75rem;max-width:.75rem;min-width:.75rem;height:.75rem}.bal-badge--size-large{width:2rem;height:2rem}.bal-badge--background-red,.bal-badge--background-danger{background:var(--bal-badge-background-red)}.bal-badge--background-yellow,.bal-badge--background-warning{background:var(--bal-badge-background-yellow)}.bal-badge--background-green,.bal-badge--background-success{background:var(--bal-badge-background-green)}.bal-badge--background-purple{background:var(--bal-badge-background-purple)}.bal-badge--background-grey{background:var(--bal-badge-background-grey)}.bal-badge--position-card,.bal-badge--position-button{position:absolute;right:-0.5rem;top:-0.5rem}.bal-badge--position-tabs{margin-top:-0.25rem;position:absolute;right:-1.625rem}.bal-badge--position-tabs.bal-badge--size-small{right:-1rem}span.bal-badge__label{font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important;font-size:var(--bal-text-size-small) !important;color:var(--bal-badge-text-color);line-height:1.5rem !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}span.bal-badge__label--hidden{display:none !important}span.bal-badge__label--color-red,span.bal-badge__label--color-danger{color:var(--bal-badge-color-red)}span.bal-badge__label--color-yellow,span.bal-badge__label--color-warning{color:var(--bal-badge-color-yellow)}span.bal-badge__label--color-green,span.bal-badge__label--color-success{color:var(--bal-badge-color-green)}span.bal-badge__label--color-grey{color:var(--bal-badge-color-grey)}span.bal-badge__label--color-purple{color:var(--bal-badge-color-purple)}.bal-badge__icon--hidden{display:none !important}";export{o as bal_badge}

package/dist/baloise-design-system/p-ff04acfa2e.entry.js

@@ -0,0 +1 @@
+import{L as t,H as i,P as e,M as o,N as a,O as n,x as s,Q as r}from"./p-CPBMBpj8.js";import{_ as l,a as h}from"./p-dfXERft2.js";import{a as d}from"./p-DBsOHTWj.js";import{B as c}from"./p-ByiN-QjD.js";import{L as b,B as p}from"./p-NgqxRjMi.js";import{s as u}from"./p-Dqb8X2Kx.js";import{i as v}from"./p-xbSOW78W.js";import{i as g}from"./p-C4sZQbkT.js";import{i as f,s as m}from"./p-BG4j3FEv.js";import{d as y}from"./p-FCLKfv6B.js";import"./p-ILKmvJEL.js";import"./p-BFTU3MAI.js";const k=class{constructor(t){i(this,t),this.balOptionChange=e(this,"balOptionChange"),this.balOptionFocus=e(this,"balOptionFocus"),this.inputId="bal-option-"+x++,this.checkbox=!1,this.interactionState=p.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1,this.onClick=t=>{const i=this.el.closest("bal-option-list");this.disabled||i&&i.disabled?u(t):i&&i.required&&!i.multiple?this.selected||this.select(!0):this.select(!this.selected)}}createLogger(t){this.log=t}componentWillRender(){if(this.el){const t=this.el.closest("bal-option-list");t&&(this.checkbox=!!t.multiple)}}listenToMouseEnter(){const{label:t,value:i,selected:e,disabled:o,hidden:a}=this;a||o||this.balOptionFocus.emit({label:t,value:i,selected:e})}elementStateListener(t){this.interactionChildElements.forEach((i=>{i.hovered=t.hovered,i.pressed=t.pressed}))}async select(t=!0){this.selected=t;const{label:i,value:e}=this;this.balOptionChange.emit({label:i,value:e,selected:t})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check"))}render(){const t=c.block("option");return o(a,{key:"a9b567396356b31dc5dacf1115b538eb6f0229e9",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":d(this.hidden),"aria-selected":d(this.selected),"aria-checked":d(this.selected),"aria-disabled":d(this.disabled),"aria-invalid":d(this.invalid),tabIndex:-1,onClick:this.onClick},o("bal-stack",{key:"bc7b02be2431b89e05a16df87b2ef5e7e828577a",py:"small",space:"x-small"},this.checkbox?o("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",o("div",{key:"dd0f4a8143bcff57bcfd578073fc5c13fc947b64",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},o("slot",{key:"49d60c90205cc0181cfc61eac50e2de14bc1dc80"})),this.selected&&!this.checkbox?o("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return n(this)}};l([t("bal-option"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],k.prototype,"createLogger",null),l([b(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],k.prototype,"elementStateListener",null);let x=0;k.style=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-3);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-check-size:1.25rem}";const w=class{constructor(t){i(this,t),this.inputId="bal-option-list-"+O++,this.inheritAttributes={},this.ariaForm=y,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.filter="includes",this.contentHeight=262}createLogger(t){this.log=t}contentHeightChanged(t){void 0===t?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${t}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=g(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(t){const i=this.options,e=this.getOptionIndex(i,t.detail.value);void 0!==e&&this.updateFocus(i,e)}listenToOptionChange({detail:t}){this.multiple||this.options.filter((i=>i.value!==t.value)).forEach((t=>t.selected=!1))}async focusSelected(){const t=this.options,i=this.getSelectedOptionIndex(t);return i>0?(this.updateFocus(t,i),await s(),i):await this.focusFirst()}async focusFirst(){const t=this.options,i=this.getFirstOptionIndex(t);return this.updateFocus(t,i),this.updateScrollTopPosition(t[i]),await s(),i}async focusLast(){const t=this.options,i=this.getLastOptionIndex(t);return this.updateFocus(t,i),this.updateScrollBottomPosition(t[i]),await s(),i}async focusNext(){const t=this.options,i=this.getNextOptionIndex(t);return this.updateFocus(t,i),this.updateScrollBottomPosition(t[i]),await s(),i}async focusPrevious(){const t=this.options,i=this.getPreviousOptionIndex(t);return this.updateFocus(t,i),this.updateScrollTopPosition(t[i]),await s(),i}async focusByLabel(t,i){const e=this.options,o=this.getOptionIndexByLabel(e,t);this.updateFocus(e,o);const a=e[o];return this.updateScrollTopPosition(a),await s(),i.select&&await a.select(),o}async filterByContent(t){return this.filterOptions(this.allOptions,t),await s(),this.focusFirst()}async resetHidden(t=!1){this.options.forEach((i=>i.hidden=t)),await s(),this.resetFocus()}async resetSelected(t=!1){this.options.forEach((i=>i.selected=t)),await s()}async updateSelected(t){this.options.forEach((i=>i.selected=t.includes(i.value))),await s()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await s(),-1}async getSelectedValues(){return this.options.filter((t=>t.selected)).map((t=>t.value))}async getSelectedOptions(t){const i=this.options;return t&&t.length>0?i.filter((i=>t.includes(i.value))).map((t=>t)):i.filter((t=>t.selected)).map((t=>t))}async getValues(){return this.options.map((t=>t.value))}async getLabels(){return this.options.map((t=>t.label))}async getOptions(){return this.options.filter((t=>!t.disabled||!t.hidden))}async selectByFocus(){const t=this.options[this.focusIndex];t&&t.select(!this.multiple||!t.selected)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((t=>!t.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(t,i){const e=[],o="includes"===this.filter?f:m;for(let a=0;a<t.length;a++){const n=t[a];o(n.textContent||"",i)?(e.push(n),n.hidden=!1):n.hidden=!0}return e}isOptionVisible(t){const i=this.el.scrollTop;return i<=t.offsetTop&&t.offsetTop+t.clientHeight<=i+this.el.clientHeight}updateScrollTopPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForTopPosition(t)))}updateScrollBottomPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForBottomPosition(t)))}getScrollTopForTopPosition(t){const i=t.offsetTop;return i<0?0:i}getScrollTopForBottomPosition(t){const i=t.offsetTop+t.clientHeight-this.el.clientHeight;return i<0?0:i}async scrollTo(t){null!=t&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=r((async()=>{this.el.scrollTop=t})))}updateFocus(t,i){this.focusIndex=i;for(let e=0;e<t.length;e++)t[e].focused=e===i}getOptionIndex(t,i){for(let e=0;e<t.length;e++)if(t[e].value===i)return e}getSelectedOptionIndex(t){for(let i=0;i<t.length;i++){const e=t[i];if(e.selected&&!e.hidden)return i}return this.focusIndex}getFirstOptionIndex(t){for(let i=0;i<t.length;i++){const e=t[i];if(!e.disabled&&!e.hidden)return i}return this.focusIndex}getNextOptionIndex(t,i=this.focusIndex){if(i<0)return this.getFirstOptionIndex(t);let e=i;return i<this.getLength(t)&&(e=i+1,t[e].disabled)?this.getNextOptionIndex(t,e):e}getPreviousOptionIndex(t,i=this.focusIndex){const e=this.getFirstOptionIndex(t);if(i<=e)return e;let o=i;return o=i-1,t[o].disabled?this.getPreviousOptionIndex(t,o):o}getLastOptionIndex(t){for(let i=t.length-1;i>=0;i--)if(!t[i].disabled)return i;return this.focusIndex}getOptionIndexByLabel(t,i){if(void 0===i||""===i)return this.focusIndex;const e=t.find((t=>m(t.label||"",i)));return!v(e)&&e.id?t.indexOf(e):this.focusIndex}getLength(t){const i=t.map(((t,i)=>t.disabled?0:i));return Math.max(...i)}render(){const t=c.block("option-list"),i=this.labelledby||this.ariaForm.labelId;return o(a,{key:"934c509e0703b3d7435028ad7bff05290d6a855b",class:Object.assign({},t.class()),id:this.inputId},o("div",Object.assign({key:"4d6b39d94ea7f7abacd128ca65e0f9f985ae3165",role:"listbox","aria-labelledby":i,"aria-disabled":d(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),o("slot",{key:"0ad6401208e35316c7eb892d0b8ffba1476a8611"})))}get el(){return n(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};l([t("bal-option-list"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],w.prototype,"createLogger",null);let O=0;w.style=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";export{k as bal_option,w as bal_option_list}

package/dist/baloise-design-system/p-iwUtTbz1.js

@@ -0,0 +1 @@
+import{B as t}from"./p-DkwGmz0U.js";function n(){return function(n){const{connectedCallback:i,disconnectedCallback:s}=n;n.connectedCallback=function(){return this._balWindowResizeSubject||(this._balWindowResizeSubject=new t,this._balWindowResizeSubject.attach(this)),i&&i.call(this)},n.disconnectedCallback=function(){return this._balWindowResizeSubject&&(this._balWindowResizeSubject.detach(),this._balWindowResizeSubject=void 0),s&&s.call(this)}}}export{n as L}