@baloise/ds-core 19.9.0 → 19.9.1-nightly.20260309

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

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var a=function(n,i){a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(a,n){a.__proto__=n}||function(a,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))a[i]=n[i]};return a(n,i)};return function(n,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");a(n,i);function t(){this.constructor=n}n.prototype=i===null?Object.create(i):(t.prototype=i.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(a,n,i,t){function e(a){return a instanceof i?a:new i((function(n){n(a)}))}return new(i||(i=Promise))((function(i,r){function l(a){try{s(t.next(a))}catch(a){r(a)}}function o(a){try{s(t["throw"](a))}catch(a){r(a)}}function s(a){a.done?i(a.value):e(a.value).then(l,o)}s((t=t.apply(a,n||[])).next())}))};var __generator=this&&this.__generator||function(a,n){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},t,e,r,l=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return l.next=o(0),l["throw"]=o(1),l["return"]=o(2),typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(a){return function(n){return s([a,n])}}function s(o){if(t)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(i=0)),i)try{if(t=1,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;e=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=n.call(a,i)}catch(a){o=[6,a];e=0}finally{t=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-D7_eHNTI.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-CvHtWfhm.system.js","./p-Ck7YRry-.system.js","./p-DtlqgdI2.system.js","./p-C6jgv0qu.system.js","./p-ncoiCFQ1.system.js","./p-DV-2u4Pm.system.js","./p-BwEHrtlw.system.js","./p-BpMXwP_q.system.js","./p-CTuoH3RE.system.js","./p-BM_oHMik.system.js","./p-Bzy18UgU.system.js","./p-DdX8FaaK.system.js","./p-DDPYMMGG.system.js","./p--uoeSF_f.system.js"],(function(a){"use strict";var n,i,t,e,r,l,o,s,b,c,u,v,d,m,h,p,f,g,k,_,x,w,y,j;return{setters:[function(a){n=a.h;i=a.r;t=a.c;e=a.H;r=a.g},function(a){l=a._;o=a.a},function(a){s=a.B},function(a){b=a.b},function(a){c=a.s},function(a){u=a.r;v=a.i;d=a.f;m=a.b},function(a){h=a.L},function(a){p=a.B},function(a){f=a.s},function(a){g=a.h},function(a){k=a.b},function(a){_=a.d},function(a){x=a.L},function(a){w=a.L},function(a){y=a.L},function(a){j=a.L},null,null,null,null,null],execute:function(){var O=function(a){var n;var i=(n=a.linkItems.find((function(n){return n.value===a.activeMetaLinkValue})))===null||n===void 0?void 0:n.mainLinkItems;var t=i===null||i===void 0?void 0:i.findIndex((function(n){return n.value===a.activeMenuLinkValue}));var e=t+1;var r=t-1;return{tabs:i||[],indexOfActiveTab:t,indexOfNextTab:e,indexOfPreviousTab:r}};var z=function(a,n){var i=a.tabs,t=a.indexOfNextTab,e=a.indexOfActiveTab;var r=i===null||i===void 0?void 0:i.findIndex((function(a){return a.value===n.item.value}));if(!n.isBackwards&&r===i.length-1){n.stopEventBubbling();n.closeFlyout();u((function(){L(document.activeElement,n.el)}));return}if(!n.isBackwards&&r===e){var l=n.el.querySelector("#".concat(n.navId,"-menu-flyout"));if(l){var o=l.querySelector('a, button, [tabindex="0"]');if(o){n.stopEventBubbling();o.focus({preventScroll:true})}}}if(n.isBackwards&&r===t){var l=n.el.querySelector("#".concat(n.navId,"-menu-flyout"));if(l){var s=l.querySelectorAll('a, button, [tabindex="0"]');var b=s[s.length-1];if(b){n.stopEventBubbling();b.focus({preventScroll:true})}}}};var N=function(a,n){var i=n.isBackwards?a.tabs[a.indexOfActiveTab]:a.tabs[a.indexOfNextTab];if(i){var t=n.el.querySelector('button[data-value="'.concat(i.value,'"], a[data-value="').concat(i.value,'"]'));if(t){t.focus({preventScroll:true})}}};var L=function(a,n){var i=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'];var t=Array.from(document.querySelectorAll(i.join(","))).filter((function(a){return a.offsetParent!==null})).filter((function(a){return!v(n,a)}));var e=t.indexOf(a);var r=t[e+1];if(r)r.focus()};var C={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"}};var F=function(){function a(a,n){var i=this;this.observer=n;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(M++);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=function(n){i.observer.linkItemClickListener(i);if(a.onClick){a.onClick(n)}};this.onAccordionClick=function(n){i.observer.accordionClickListener(i);if(a.onAccordionClick){a.onAccordionClick(n)}}}Object.defineProperty(a.prototype,"type",{get:function(){return"NavLinkItem"},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"isLink",{get:function(){return this.href!==undefined&&this.href!==null&&this.href!==""},enumerable:false,configurable:true});a.prototype.toJson=function(){return{label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var i=this;var t=s.block("nav");return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-links").class()),t.element("mobile-links").modifier("selected").class(this.active)),t.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return i.onClick(a)}},this.label))};a.prototype.render=function(a){var i=this;return n("bal-nav-link",{role:"listitem",href:this.href,rel:this.rel,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return i.onClick(a)}},this.label)};return a}();var M=0;var I=function(a){__extends(i,a);function i(n,i){var t=a.call(this,n,i)||this;t.touchPlacement="top";t.id="nav-meta-button-".concat(S++);t.touchPlacement=n.touchPlacement||"top";t.value=n.value||t.id;t.icon=n.icon;t.popoverId=n.popupId;t.ariaLabel=n.ariaLabel;t.htmlTitle=n.htmlTitle;t.href=n.href||"";t.target=n.target||"_self";return t}Object.defineProperty(i.prototype,"type",{get:function(){return"NavMetaButton"},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"isLink",{get:function(){return!!this.href},enumerable:false,configurable:true});i.prototype.renderAtMetaBar=function(){if(this.isLink){return n("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,rel:this.rel,href:this.href,target:this.target,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label},this.label)}return n("bal-button",{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:true,"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)};i.prototype.renderAtTouchTopMetaBar=function(){if(this.touchPlacement==="top"){if(this.isLink){return n("bal-button",{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},this.icon?"":this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:false,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":this.getOffset()},this.icon?"":this.label)}};i.prototype.renderAtTouchBottomMetaBar=function(){if(this.touchPlacement==="bottom"){if(this.isLink){return n("bal-button",{id:this.value,color:"info",inverted:false,icon:this.icon,square:!this.label||this.label.length<3,a11yTitle:this.htmlTitle,a11yLabel:this.ariaLabel||this.label,href:this.href,target:this.target},this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:false,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":this.getOffset()},this.label)}};i.prototype.resetTouchBottomMetaBar=function(){if(b.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};i.prototype.resetDesktopMetaBar=function(){if(b.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};i.prototype.getOffset=function(){var a=64;var n=getComputedStyle(document.documentElement).getPropertyValue("--bal-nav-top").trim();if(n.endsWith("px")){return parseFloat(n)+a}if(n.endsWith("rem")){var i=parseFloat(getComputedStyle(document.documentElement).fontSize);return parseFloat(n)*i+a}return a};return i}(F);var S=0;var B=function(a){var i=a.id,t=a.label,e=a.level,r=a.open,l=a.link,o=a.href,b=a.rel,c=a.target,u=a.onClick;var v=s.block("nav");return l?n("a",{id:i,class:Object.assign({},v.element("mobile-".concat(e,"-item")).class()),href:o,rel:b,target:c,onClick:function(a){return u(a)}},n("span",null,t)):n("button",{id:i,class:Object.assign({},v.element("mobile-".concat(e,"-item")).class()),onClick:function(a){return u(a)}},n("span",null,t),n("bal-icon",{name:"nav-go-down",size:"small",turn:r}))};var T=function(a){var i=a.item,t=a.isMenu,e=a.onClick,r=a.isVisible;var l=s.block("nav");if(!i){return""}return n("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!t)),l.element("mobile-overview-link").modifier("invisible").class(r===false)),href:i.href,rel:i.rel,target:i.target,onClick:function(a){return e(a)}},i.label," ",i.label?"➞":"")};var A=function(a){__extends(i,a);function i(n,i){var t=a.call(this,n,i)||this;t.linkItems=[];t.htmlTitle=n.htmlTitle;t.label=n.label;t.href=n.href;t.target=n.target;t.id="nav-section-link-item-".concat(P++);t.value=n.value||t.id;t.linkItems=(n.linkItems||[]).map((function(a){return new F(a,i)}));return t}Object.defineProperty(i.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});i.prototype.renderTouch=function(a){var i=this;var t=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-section-item").class()),t.element("mobile-section-item").modifier("selected").class(this.active)),t.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return i.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};i.prototype.render=function(a){var i=this;return n("bal-nav-link-group",{role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return i.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return i}(F);var P=0;var D=function(a){__extends(i,a);function i(n,i){var t=a.call(this,n,i)||this;t.color="grey";t.linkItems=[];t.id="nav-service-link-item-".concat(H++);t.value=n.value||t.id;t.color=n.color||"grey";t.linkItems=(n.linkItems||[]).map((function(a){return new F(a,i)}));return t}Object.defineProperty(i.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});i.prototype.renderTouch=function(a){var i=this;var t=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("mobile-service-item").class()),t.element("mobile-service-item").modifier("color-".concat(this.color)).class()),t.element("mobile-service-item").modifier("selected").class(this.active)),t.element("mobile-service-item").modifier("clickable").class(this.clickable))},n("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return i.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};i.prototype.render=function(a){var i=this;return n("bal-nav-link-group",{color:this.color,role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return i.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return i}(F);var H=0;var q=function(a){__extends(i,a);function i(n,i){var t=a.call(this,n,i)||this;t.sectionLinkItems=[];t.serviceLinkItems=[];t.id="nav-menu-link-item-".concat(V++);t.value=n.value||t.id;t.sectionLinkItems=(n.sectionLinkItems||[]).map((function(a){return new A(a,i)}));t.serviceLinkItems=(n.serviceLinkItems||[]).map((function(a){return new D(a,i)}));t.overviewLink=n.overviewLink?new F(n.overviewLink,i):undefined;return t}Object.defineProperty(i.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});i.prototype.renderTouch=function(a){var i=this;var t=s.block("nav");var e=this.sectionLinkItems&&this.sectionLinkItems.length>0;var r=this.serviceLinkItems&&this.serviceLinkItems.length>0;var l=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return n("li",null,n(B,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:e||r?false:this.isLink,open:l,onClick:function(a){return i.onAccordionClick(a)}}),n(T,{item:this.overviewLink,onClick:function(a){return i.onClick(a)},isMenu:true,isVisible:l}),e?n("ul",{class:Object.assign(Object.assign({},t.element("mobile-section-list").class()),t.element("mobile-section-list").modifier("invisible").class(l===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",r?n("ul",{class:Object.assign(Object.assign({},t.element("mobile-service-list").class()),t.element("mobile-service-list").modifier("invisible").class(l===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};i.prototype.render=function(a){var i=this;var t=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!t&&this.isLink){return n("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:function(n){return g(n.detail)&&(a===null||a===void 0?void 0:a.onTabPress(n.detail))},"no-panel":true})}return n("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalKeyDown:function(n){return g(n.detail)&&(a===null||a===void 0?void 0:a.onTabPress(n.detail))},onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(i.onClick){i.onClick(n.detail)}}})};return i}(F);var V=0;var Y=function(a){__extends(i,a);function i(n,i){var t=a.call(this,n,i)||this;t.mainLinkItems=[];t.id="nav-meta-link-item-".concat(E++);t.value=n.value||t.id;t.mainLinkItems=(n.mainLinkItems||[]).map((function(a){return new q(a,i)}));t.overviewLink=n.overviewLink?new F(n.overviewLink,i):undefined;return t}Object.defineProperty(i.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});i.prototype.renderTouch=function(a){var i=this;var t=s.block("nav");var e=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return n("li",null,n(B,{id:this.id,level:"meta",label:this.label,open:e,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return i.onAccordionClick(a)}}),e?n(T,{item:this.overviewLink,onClick:function(a){return i.onClick(a)}}):"",e?n("hr",{class:Object.assign(Object.assign({},t.element("line").class()),t.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?n("ul",{class:Object.assign({},t.element("mobile-menu-list").class())},this.mainLinkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",n("hr",{class:Object.assign({},t.element("line").class())}))};i.prototype.render=function(a){var i=this;if(this.isLink){return n("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":true})}return n("bal-tab-item",{a11yControls:a.flyoutId,label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(i.onClick){i.onClick(a.detail)}}})};return i}(F);var E=0;var U="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-top:0rem;--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{position:relative;background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem - var(--bal-nav-top, 0rem));overflow-y:auto;z-index:calc(var(--bal-z-index-navigation) - 1)}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var G=a("bal_nav",function(){function a(a){var n=this;i(this,a);this.balNavItemClick=t(this,"balNavItemClick");this.navId="bal-nav-".concat(K++);this.bodyScrollHandler=new p;this.isTouch=k.isTouch;this.isDesktop=k.isDesktop;this.language=_.language;this.region=_.region;this.isFlyoutActive=false;this.hasRenderedWithFlyoutActive=false;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[];this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(n){return new Y(n,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.metaButtons=this.buttons.map((function(n){return new I(n,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){n.closeAllPopups();n.toggleFlyout();if(b.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(n.isFlyoutActive){n.bodyScrollHandler.disable()}else{n.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(n.isTouch){if(b.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));n.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!n.isFlyoutActive){n.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==n.activeMetaLinkValue){n.activeMetaLinkValue=a.detail;var i=n.linkItems.find((function(a){return a.value===n.activeMetaLinkValue}));if(i&&i.mainLinkItems.length>0){n.activeMenuLinkValue=i.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(n.activeMenuLinkValue===a){n.toggleFlyout()}else{n.openFlyout()}n.activeMenuLinkValue=a}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var n=a.target;if(n&&n.nodeName==="BAL-POPUP"){var i=n.id;var t=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(i,'"]')));if(a.detail===true){this.onPopupOpen(t);var e=t.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(t)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var n,i,t,e,r,l,o,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){l=(i=(n=this.metaBarEl)===null||n===void 0?void 0:n.querySelector(".bal-nav-meta-bar__container"))===null||i===void 0?void 0:i.contains(a.target);o=(e=(t=this.menuBarEl)===null||t===void 0?void 0:t.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!l&&!o){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var n=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue}));if(n){return n.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var n=this.activeMenuLinkItems.find((function(n){return n.value===a.activeMenuLinkValue}));return n?n:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(i){switch(i.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,d(this.el)];case 1:i.sent();return[4,m()];case 2:i.sent();n=this.el.querySelector("#".concat(a.id));if(n){n.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,n;var i=this.activeMetaLinkValue;var t=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||i;if(i!==t){this.activeMetaLinkValue=t}var e=this.activeMenuLinkValue;var r=((n=this.activeMenuLinkItems.find((function(a){return a.active})))===null||n===void 0?void 0:n.value)||e;if(e!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var i,t,r,l,o,b,u,d,m;var h=s.block("nav");var p=h.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return n(e,{key:"68752269e49bc046d352536ca5ae29761bae5769",id:this.navId,class:Object.assign({},h.class())},n("div",{key:"b19421bedd6da29673adddbe3511439936cf76e1",class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?n("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(n){return a.metaBarEl=n}},n("bal-stack",{space:"auto"},this.linkItems.length>1?n("bal-tabs",{inverted:true,context:"meta",value:this.activeMetaLinkValue,"aria-label":C[this.language].mainNavigation,onBalChange:function(n){return a.onMetaBarTabChange(n)}},this.linkItems.map((function(n){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):n("span",null),n("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?n("bal-nav-menu-bar",{position:"fixed-top",ref:function(n){return a.menuBarEl=n}},n("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),n("bal-tabs",{context:"navigation",accordion:true,value:this.activeMenuLinkValue,"aria-label":C[this.language].navigation},(i=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue})))===null||i===void 0?void 0:i.mainLinkItems.map((function(n,i){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(n.value)},onTabPress:function(i){if(a.isFlyoutActive){var t=i.shiftKey;var e=O({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue,linkItems:a.linkItems});z(e,{el:a.el,navId:a.navId,isFlyoutActive:a.isFlyoutActive,isBackwards:t,item:n,stopEventBubbling:function(){return c(i)},closeFlyout:function(){return a.closeFlyout()}})}}})})))),this.isFlyoutActive?n("bal-nav-menu-flyout",{navId:this.navId,"aria-label":C[this.language].subNavigation,onBalFocusOut:function(n){if(a.isFlyoutActive){c(n);var i=O({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue,linkItems:a.linkItems});var t=v(a.el,n.detail.relatedTarget);N(i,{el:a.el,isBackwards:t})}}},n("bal-nav-link",{role:"listitem",variant:"overview",href:(r=(t=this.activeMenuLinkItem)===null||t===void 0?void 0:t.overviewLink)===null||r===void 0?void 0:r.href,target:(o=(l=this.activeMenuLinkItem)===null||l===void 0?void 0:l.overviewLink)===null||o===void 0?void 0:o.target,onClick:function(){var n;return a.linkItemClickListener((n=a.activeMenuLinkItem)===null||n===void 0?void 0:n.overviewLink)}},(u=(b=this.activeMenuLinkItem)===null||b===void 0?void 0:b.overviewLink)===null||u===void 0?void 0:u.label," ",((m=(d=this.activeMenuLinkItem)===null||d===void 0?void 0:d.overviewLink)===null||m===void 0?void 0:m.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",n("div",{key:"a13bae3ec1ab7881bb6448bab61d2f8c34ca7141"},n("slot",{key:"d231a2fca50d45089ec4e1dc7467085b273a2488"}))),this.isTouch?n("bal-nav-meta-bar",{variant:"white",size:"normal"},n("bal-stack",{space:"auto"},this.renderLogo(),n("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),n("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?C[this.language].close:C[this.language].open,onClick:function(n){return a.onTouchToggleFlyout(n)}})))):"",this.isTouch?n("div",{class:Object.assign(Object.assign({},p.class()),p.modifier("visible").class(this.isFlyoutActive))},n("nav",{class:Object.assign({},p.element("container").class())},n("ul",{class:Object.assign({},h.element("mobile-meta-list").class())},this.linkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?n("bal-nav-meta-bar",{stayOnTopOfBackdrop:true,variant:"grey",size:"normal"},n("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var i,t;if(!a){return""}return n("bal-nav-link-grid",null,n("bal-nav-link-grid-col",null,(i=a.sectionLinkItems)===null||i===void 0?void 0:i.map((function(a){return a.render()}))),n("bal-nav-link-grid-col",{"static-col":true},(t=a.serviceLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var i=this;return n("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var t,e,r;return a.isLink?n("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):n("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},n("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),n("bal-list-item-accordion-body",null,n("div",{style:{width:"100%"}},n("bal-nav-link",{role:"listitem",variant:"overview",href:(t=a.overviewLink)===null||t===void 0?void 0:t.href,target:(e=a.overviewLink)===null||e===void 0?void 0:e.target,onClick:function(){return i.linkItemClickListener(a.overviewLink)}},(r=a.overviewLink)===null||r===void 0?void 0:r.label),n("div",{class:"pt-normal"},i.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var i,t,e,r,l,o,s,b;var c=((i=this.logo)===null||i===void 0?void 0:i.href)?"a":((t=this.logo)===null||t===void 0?void 0:t.clickable)?"button":"div";var u=n("bal-logo",{animated:true});var v=(e=this.logo)===null||e===void 0?void 0:e.url;var d=f((r=this.logo)===null||r===void 0?void 0:r.svg);if(v){u=n("img",{height:32,style:{maxHeight:"32px"},src:v,alt:"Logo"})}if(d){u=n("div",{innerHTML:d,role:"img","aria-label":"Logo",style:{display:"flex",height:"32px",maxHeight:"32px",minWidth:"32px"}})}return n(c,{class:"bal-nav__logo","aria-label":(l=this.logo)===null||l===void 0?void 0:l.ariaLabel,title:(o=this.logo)===null||o===void 0?void 0:o.htmlTitle,href:(s=this.logo)===null||s===void 0?void 0:s.href,target:(b=this.logo)===null||b===void 0?void 0:b.target,onClick:function(){var n,i;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(n=a.logo)===null||n===void 0?void 0:n.href,target:(i=a.logo)===null||i===void 0?void 0:i.target})}},u)};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}());l([h("bal-nav"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],G.prototype,"createLogger",null);l([x({tags:["bal-popup"],waitAfterFramePrint:true}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],G.prototype,"mutationListener",null);l([w(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],G.prototype,"breakpointListener",null);l([y(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],G.prototype,"configChanged",null);var K=0;G.style=U;var W="@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}";var X=a("bal_nav_link",function(){function a(a){i(this,a);this.variant="";this.selected=false;this.clickable=false;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link");var i=this,t=i.href,r=i.target,l=i.rel;var o=t!==undefined&&t!=="";var b=this.variant!=="";var c=o?"a":this.clickable?"button":"span";var u={};if(o){u={href:t,target:r,rel:l}}return n(e,{key:"fe011833d71cd4fc35585f27ee3cb8fe11dadfb8",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(b))},n(c,Object.assign({key:"ea4ba1bd04867399453d2e4cc2141c250862950f","data-testid":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(b)),a.element("native").modifier("selected").class(this.selected&&(o||this.clickable)))},u),n("slot",{key:"1889dedfa23b00eb2eaf3aca568e313845482875"})))};return a}());l([h("bal-nav-link"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],X.prototype,"createLogger",null);X.style=W;var R=".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}}";var Q=a("bal_nav_link_grid",function(){function a(a){i(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid");return n(e,{key:"7e58a9b6c677d60837d56404af5f6b03a7d96073",class:Object.assign({},a.class())},n("slot",{key:"4e7abb8d92056b3f99b42ebad4c1d7752cffca4e"}))};return a}());l([h("bal-nav-link-grid"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],Q.prototype,"createLogger",null);Q.style=R;var Z=".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)}}";var J=a("bal_nav_link_grid_col",function(){function a(a){i(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid-col");var i=a.element("inner");return n(e,{key:"b4cba3fc9a569b19d2921f0f728d8865b97ccd55",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},n("div",{key:"36c2d569a02ea2dc1adb8ecedaab21576f61c0dc",class:Object.assign({},i.class())},n("slot",{key:"c99e184492ca2665cdebad028cd3ab3e97d3249a"})))};return a}());l([h("bal-nav-link-grid-col"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],J.prototype,"createLogger",null);J.style=Z;var $=":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)}";var aa=a("bal_nav_link_group",function(){function a(a){i(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-group");var i=this.color!=="";return n(e,{key:"12c1c4d22dc3827a4c186c6591b7b043f1dd378b",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(i))},n("slot",{key:"0c503bfaa7b2587f50936cc3d699e5a1bd9995a7"}))};return a}());l([h("bal-nav-link-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],aa.prototype,"createLogger",null);aa.style=$;var na=':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}';var ia=a("bal_nav_menu_bar",function(){function a(a){i(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(ta++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=s.block("nav-menu-bar");var i=a.element("inner");return n(e,{key:"b640ec27088cbff1fefcd079a84ac42505aff646",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("position-".concat(this.position)).class(this.position!=="none"))},n("div",{key:"390e0f6e814ebe41e163650eb3a4e92cad9cbd8e",class:Object.assign({},i.class())},n("div",{key:"72c9ae70c27cfe8717358e0effcc210d76573146",class:Object.assign({},a.element("container").class())},n("slot",{key:"b195f883a809c0e65513a81bb33715da46e1bfa1"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([h("bal-nav-menu-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],ia.prototype,"createLogger",null);var ta=0;ia.style=na;var ea=":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)}}";var ra=a("bal_nav_menu_flyout",function(){function a(a){i(this,a);this.balFocusOut=t(this,"balFocusOut");this.bodyScrollHandler=new p;this.isHidden=false;this.navId="bal-nav-x".concat(la++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.onFocusLeave=function(a){if(this.el&&a.relatedTarget&&!v(this.el,a.relatedTarget)){this.balFocusOut.emit(a)}};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,n;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((n=this.el)===null||n===void 0?void 0:n.clientHeight)};a.prototype.render=function(){var a=s.block("nav-menu-flyout");var i=a.element("line");return n(e,{key:"0ade6170ce034d4820781f4c990d3635bb0dfe79",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},n("div",{key:"a76e5c0918a3b972fee334a7d9262fae315b85c9",class:Object.assign({},i.class())}),n("div",{key:"d71930bf624ee077c46cf7139f012c7116dc1dc7",class:Object.assign({},a.element("container").class())},n("slot",{key:"ff98f9f52e602ec787230b9a91a64920531e1152"})))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([h("bal-nav-menu-flyout"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],ra.prototype,"createLogger",null);l([j(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],ra.prototype,"resizeListener",null);var la=0;ra.style=ea;var oa=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 1023px){.bal-nav>.bal-nav-meta-bar{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:var(--bal-nav-top, 0rem);z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)))}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)));transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)))}";var sa=a("bal_nav_meta_bar",function(){function a(a){i(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(ba++);this.previousY=0;this.isHidden=false;this.stayOnTopOfBackdrop=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(b.hasWindow&&b.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var n=0>=window.scrollY;var i=0>window.scrollY;var t=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!n&&(e||t||i);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var l=0;l<r.length;l++){var o=r[l];if(this.isHidden){if(this.size==="small"){o.classList.remove("bal-nav-meta-bar-transform-normal");o.classList.add("bal-nav-meta-bar-transform-small")}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.add("bal-nav-meta-bar-transform-normal")}}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=s.block("nav-meta-bar");return n(e,{key:"9d2cee16f0b6f542d42085aca4e263d727707849",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class()),a.modifier("size-".concat(this.size)).class()),a.modifier("position-".concat(this.position)).class(this.position!=="none")),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("stay-on-top").class(this.stayOnTopOfBackdrop))},n("div",{key:"6b581e5abc62a58085a57cdf74346290130fe807",class:Object.assign({},a.element("container").class())},n("slot",{key:"75bdbcc78e502814264e1548697a987df10af720"})))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([h("bal-meta-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],sa.prototype,"createLogger",null);var ba=0;sa.style=oa}}}));

package/dist/baloise-design-system/{p-c8491fda99.system.entry.js → p-fc8024a9d7.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,a,r,n){function t(e){return e instanceof r?e:new r((function(a){a(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{s(n.next(e))}catch(e){o(e)}}function l(e){try{s(n["throw"](e))}catch(e){o(e)}}function s(e){e.done?r(e.value):t(e.value).then(i,l)}s((n=n.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,t,o,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=l(0),i["throw"]=l(1),i["return"]=l(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(a){return s([e,a])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,l[0]&&(r=0)),r)try{if(n=1,t&&(o=l[0]&2?t["return"]:l[0]?t["throw"]||((o=t["return"])&&o.call(t),0):t.next)&&!(o=o.call(t,l[1])).done)return o;if(t=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;t=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){r.label=l[1];break}if(l[0]===6&&r.label<o[1]){r.label=o[1];o=l;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(l);break}if(o[2])r.ops.pop();r.trys.pop();continue}l=a.call(e,r)}catch(e){l=[6,e];t=0}finally{n=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-CEOTg0oT.system.js","./p-BbAtjg9Y.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-BS3tl84b.system.js","./p-BM_oHMik.system.js","./p-ncoiCFQ1.system.js","./p-BpMXwP_q.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-Dxz8zGB7.system.js","./p-Czl2AFQD.system.js","./p-D7_eHNTI.system.js"],(function(e){"use strict";var a,r,n,t,o,i,l,s,c,_,p,f,b,d,u;return{setters:[function(e){a=e.r;r=e.h;n=e.H},function(e){t=e._;o=e.a},function(e){i=e.l;l=e.a;s=e.L},function(e){c=e.B},function(e){_=e.r},function(e){p=e.L},function(e){f=e.s},function(e){b=e.e},function(e){d=e.d},function(e){u=e.L},null,null,null,null,null,null],execute:function(){var g={en:{name:"English"},fr:{name:"Français"},it:{name:"Italiano"},nl:{name:"Nederlands"},es:{name:"Español"},pt:{name:"Português"},sv:{name:"Svenska"},fi:{name:"Suomi"},de:{name:"Deutsch"},pl:{name:"Polski"}};var h=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background:var(--bal-color-text-white);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-active:var(--bal-color-light-blue-3);--bal-footer-logo-image-max-height:64px}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language__wrapper{display:-ms-flexbox;display:flex;gap:1rem;cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper svg,.bal-footer__inner__wrapper__header-container__language__wrapper g,.bal-footer__inner__wrapper__header-container__language__wrapper path,.bal-footer__inner__wrapper__header-container__language__wrapper circle{fill:var(--bal-footer-language-background) !important}.bal-footer__inner__wrapper__header-container__language__wrapper select{padding-left:2px;padding-right:2px;background:rgba(0,0,0,0);-webkit-appearance:none;border:none;color:var(--bal-footer-language-color);font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title);cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select option{background:var(--bal-color-white) !important;color:var(--bal-color-primary) !important;font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover svg,.bal-footer__inner__wrapper__header-container__language__wrapper:hover g,.bal-footer__inner__wrapper__header-container__language__wrapper:hover path,.bal-footer__inner__wrapper__header-container__language__wrapper:hover circle{fill:var(--bal-footer-language-background-hover) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover select{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:active svg,.bal-footer__inner__wrapper__header-container__language__wrapper:active g,.bal-footer__inner__wrapper__header-container__language__wrapper:active path,.bal-footer__inner__wrapper__header-container__language__wrapper:active circle{fill:var(--bal-footer-language-background-active) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:active select{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__logo img{max-height:var(--bal-footer-logo-image-max-height)}.bal-footer__inner__wrapper__header-container__logo div{height:var(--bal-footer-logo-image-max-height);min-width:var(--bal-footer-logo-image-max-height)}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";var m=e("bal_footer",function(){function e(e){a(this,e);this.logoSvgContent="";this.links=[];this.socialMediaLinks=[];this.language=d.language;this.region=d.region;this.allowedLanguages=d.allowedLanguages;this.logoHref="";this.logoSvg="";this.hideLinks=false;this.overrideLinks=undefined;this.showSocialMedia=false;this.hideLanguageSelection=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.logoSvgChanged=function(){this.logoSvgContent=f(this.logoSvg)};e.prototype.connectedCallback=function(){this.updateFooterLinks();this.updateSocialMediaLinks();this.logoSvgChanged()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.language!==e.language||this.region!==e.region){this.language=e.language;this.region=e.region;this.allowedLanguages=e.allowedLanguages;this.updateFooterLinks();this.updateSocialMediaLinks()}return[2]}))}))};e.prototype.changeLanguage=function(e){b(e)};e.prototype.updateFooterLinks=function(){var e=this;if(this.overrideLinks){this.links=this.overrideLinks}else if(!this.hideLinks&&(this.region==="CH"||this.region==="DE")){var a=this.region;_((function(){i(new s(e.language),a).then((function(a){return e.links=a}))}))}};e.prototype.updateSocialMediaLinks=function(){var e=this;if(this.showSocialMedia&&(this.region==="CH"||this.region==="DE")){var a=this.region;_((function(){l(new s(e.language),a).then((function(a){return e.socialMediaLinks=a}))}))}};e.prototype.render=function(){var e=this;var a=c.block("footer");var t=a.element("slot");var o=a.element("inner");var i=o.element("wrapper");var l=i.element("container");var s=i.element("links-container");var _=i.element("header-container");var p=_.element("logo");var f=_.element("language");var b=f.element("wrapper");var d=s.element("legal-links");var u=s.element("social-media-links");return r(n,{key:"ca5dacc6c906754b6bb466c448be4f6bb5b38dff",class:Object.assign({},a.class())},r("footer",{key:"8d42cfff788350c5e5ae26f86b613fcd5144085d",class:Object.assign({},o.class())},r("div",{key:"a60281af0dcf73da3901cb605b49d35b3bb3e6ed",class:Object.assign({},i.class())},r("div",{key:"857d35746558b5b0a5ec79562b3f2c0e30037141",class:Object.assign(Object.assign({container:true},l.class()),_.class())},r("div",{key:"c1e5bae12ba5449888156244789fd79dbdc3a388",class:Object.assign({},p.class())},this.logoHref?r("img",{src:this.logoHref,alt:"Logo"}):this.logoSvgContent?r("div",{innerHTML:this.logoSvgContent}):r("bal-logo",{color:"white"})),r("div",{key:"de3b93d01ad75facf4219df8954016095aa143ab",class:Object.assign({},f.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},r("div",{key:"7be8f0588d5da5e436b72214c67542316d325481",class:Object.assign({},b.class())},r("bal-icon",{key:"935dfaa39b97f40cd946ce8c8a0a0f421b3876b6",class:Object.assign({},b.element("icon").class()),name:"web",color:"white"}),r("select",{key:"d8408623006a257fa422b0789bc1e021461f1b1e",class:Object.assign({},b.element("select").class()),onChange:function(a){return e.changeLanguage(a.target.value)},"data-testid":"bal-footer-language"},this.allowedLanguages.map((function(a){return r("option",{key:a,value:a,selected:a===e.language},a.toLocaleUpperCase()+" - "+g[a].name)})))))),r("div",{key:"422e8cae4fd1cd625afb3cc81bc7c0cfac99fe65",class:Object.assign({},t.class())},r("slot",{key:"b7c73e907ffbe0b64eb4608143774bcf7c56ff30"})),r("div",{key:"7bc64923fe79674a26e96f263785abf96dba1af6",class:Object.assign(Object.assign({container:true},l.class()),s.class())},r("div",{key:"5e5c86e58b3df89978657217ba145555786becfb",class:Object.assign({},u.class()),style:{display:!this.showSocialMedia?"none":"flex"}},this.socialMediaLinks.map((function(e){return r("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-inverted":true}},r("bal-icon",{name:e.label.toLowerCase()}))}))),r("div",{key:"610e34f952fd08cba92099a213371e45c5f7ebc6",class:Object.assign({},d.class()),style:{display:this.hideLinks?"none":"flex"}},this.links&&this.links.map((function(e){return r("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-light":true}},e.label)})))))))};Object.defineProperty(e,"watchers",{get:function(){return{logoSvg:["logoSvgChanged"]}},enumerable:false,configurable:true});return e}());t([p("bal-footer"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],m.prototype,"createLogger",null);t([u(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],m.prototype,"configChanged",null);m.style=h}}}));
+var __awaiter=this&&this.__awaiter||function(e,a,r,n){function t(e){return e instanceof r?e:new r((function(a){a(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{s(n.next(e))}catch(e){o(e)}}function l(e){try{s(n["throw"](e))}catch(e){o(e)}}function s(e){e.done?r(e.value):t(e.value).then(i,l)}s((n=n.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,t,o,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=l(0),i["throw"]=l(1),i["return"]=l(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(a){return s([e,a])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,l[0]&&(r=0)),r)try{if(n=1,t&&(o=l[0]&2?t["return"]:l[0]?t["throw"]||((o=t["return"])&&o.call(t),0):t.next)&&!(o=o.call(t,l[1])).done)return o;if(t=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;t=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){r.label=l[1];break}if(l[0]===6&&r.label<o[1]){r.label=o[1];o=l;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(l);break}if(o[2])r.ops.pop();r.trys.pop();continue}l=a.call(e,r)}catch(e){l=[6,e];t=0}finally{n=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-CEOTg0oT.system.js","./p-BbAtjg9Y.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-Ck7YRry-.system.js","./p-BM_oHMik.system.js","./p-ncoiCFQ1.system.js","./p-BpMXwP_q.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-Dxz8zGB7.system.js","./p-Czl2AFQD.system.js","./p-D7_eHNTI.system.js"],(function(e){"use strict";var a,r,n,t,o,i,l,s,c,_,p,f,b,d,u;return{setters:[function(e){a=e.r;r=e.h;n=e.H},function(e){t=e._;o=e.a},function(e){i=e.l;l=e.a;s=e.L},function(e){c=e.B},function(e){_=e.r},function(e){p=e.L},function(e){f=e.s},function(e){b=e.e},function(e){d=e.d},function(e){u=e.L},null,null,null,null,null,null],execute:function(){var g={en:{name:"English"},fr:{name:"Français"},it:{name:"Italiano"},nl:{name:"Nederlands"},es:{name:"Español"},pt:{name:"Português"},sv:{name:"Svenska"},fi:{name:"Suomi"},de:{name:"Deutsch"},pl:{name:"Polski"}};var h=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background:var(--bal-color-text-white);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-active:var(--bal-color-light-blue-3);--bal-footer-logo-image-max-height:64px}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language__wrapper{display:-ms-flexbox;display:flex;gap:1rem;cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper svg,.bal-footer__inner__wrapper__header-container__language__wrapper g,.bal-footer__inner__wrapper__header-container__language__wrapper path,.bal-footer__inner__wrapper__header-container__language__wrapper circle{fill:var(--bal-footer-language-background) !important}.bal-footer__inner__wrapper__header-container__language__wrapper select{padding-left:2px;padding-right:2px;background:rgba(0,0,0,0);-webkit-appearance:none;border:none;color:var(--bal-footer-language-color);font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title);cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select option{background:var(--bal-color-white) !important;color:var(--bal-color-primary) !important;font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover svg,.bal-footer__inner__wrapper__header-container__language__wrapper:hover g,.bal-footer__inner__wrapper__header-container__language__wrapper:hover path,.bal-footer__inner__wrapper__header-container__language__wrapper:hover circle{fill:var(--bal-footer-language-background-hover) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover select{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:active svg,.bal-footer__inner__wrapper__header-container__language__wrapper:active g,.bal-footer__inner__wrapper__header-container__language__wrapper:active path,.bal-footer__inner__wrapper__header-container__language__wrapper:active circle{fill:var(--bal-footer-language-background-active) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:active select{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__logo img{max-height:var(--bal-footer-logo-image-max-height)}.bal-footer__inner__wrapper__header-container__logo div{height:var(--bal-footer-logo-image-max-height);min-width:var(--bal-footer-logo-image-max-height)}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";var m=e("bal_footer",function(){function e(e){a(this,e);this.logoSvgContent="";this.links=[];this.socialMediaLinks=[];this.language=d.language;this.region=d.region;this.allowedLanguages=d.allowedLanguages;this.logoHref="";this.logoSvg="";this.hideLinks=false;this.overrideLinks=undefined;this.showSocialMedia=false;this.hideLanguageSelection=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.logoSvgChanged=function(){this.logoSvgContent=f(this.logoSvg)};e.prototype.connectedCallback=function(){this.updateFooterLinks();this.updateSocialMediaLinks();this.logoSvgChanged()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.language!==e.language||this.region!==e.region){this.language=e.language;this.region=e.region;this.allowedLanguages=e.allowedLanguages;this.updateFooterLinks();this.updateSocialMediaLinks()}return[2]}))}))};e.prototype.changeLanguage=function(e){b(e)};e.prototype.updateFooterLinks=function(){var e=this;if(this.overrideLinks){this.links=this.overrideLinks}else if(!this.hideLinks&&(this.region==="CH"||this.region==="DE")){var a=this.region;_((function(){i(new s(e.language),a).then((function(a){return e.links=a}))}))}};e.prototype.updateSocialMediaLinks=function(){var e=this;if(this.showSocialMedia&&(this.region==="CH"||this.region==="DE")){var a=this.region;_((function(){l(new s(e.language),a).then((function(a){return e.socialMediaLinks=a}))}))}};e.prototype.render=function(){var e=this;var a=c.block("footer");var t=a.element("slot");var o=a.element("inner");var i=o.element("wrapper");var l=i.element("container");var s=i.element("links-container");var _=i.element("header-container");var p=_.element("logo");var f=_.element("language");var b=f.element("wrapper");var d=s.element("legal-links");var u=s.element("social-media-links");return r(n,{key:"ca5dacc6c906754b6bb466c448be4f6bb5b38dff",class:Object.assign({},a.class())},r("footer",{key:"8d42cfff788350c5e5ae26f86b613fcd5144085d",class:Object.assign({},o.class())},r("div",{key:"a60281af0dcf73da3901cb605b49d35b3bb3e6ed",class:Object.assign({},i.class())},r("div",{key:"857d35746558b5b0a5ec79562b3f2c0e30037141",class:Object.assign(Object.assign({container:true},l.class()),_.class())},r("div",{key:"c1e5bae12ba5449888156244789fd79dbdc3a388",class:Object.assign({},p.class())},this.logoHref?r("img",{src:this.logoHref,alt:"Logo"}):this.logoSvgContent?r("div",{innerHTML:this.logoSvgContent}):r("bal-logo",{color:"white"})),r("div",{key:"de3b93d01ad75facf4219df8954016095aa143ab",class:Object.assign({},f.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},r("div",{key:"7be8f0588d5da5e436b72214c67542316d325481",class:Object.assign({},b.class())},r("bal-icon",{key:"935dfaa39b97f40cd946ce8c8a0a0f421b3876b6",class:Object.assign({},b.element("icon").class()),name:"web",color:"white"}),r("select",{key:"d8408623006a257fa422b0789bc1e021461f1b1e",class:Object.assign({},b.element("select").class()),onChange:function(a){return e.changeLanguage(a.target.value)},"data-testid":"bal-footer-language"},this.allowedLanguages.map((function(a){return r("option",{key:a,value:a,selected:a===e.language},a.toLocaleUpperCase()+" - "+g[a].name)})))))),r("div",{key:"422e8cae4fd1cd625afb3cc81bc7c0cfac99fe65",class:Object.assign({},t.class())},r("slot",{key:"b7c73e907ffbe0b64eb4608143774bcf7c56ff30"})),r("div",{key:"7bc64923fe79674a26e96f263785abf96dba1af6",class:Object.assign(Object.assign({container:true},l.class()),s.class())},r("div",{key:"5e5c86e58b3df89978657217ba145555786becfb",class:Object.assign({},u.class()),style:{display:!this.showSocialMedia?"none":"flex"}},this.socialMediaLinks.map((function(e){return r("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-inverted":true}},r("bal-icon",{name:e.label.toLowerCase()}))}))),r("div",{key:"610e34f952fd08cba92099a213371e45c5f7ebc6",class:Object.assign({},d.class()),style:{display:this.hideLinks?"none":"flex"}},this.links&&this.links.map((function(e){return r("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-light":true}},e.label)})))))))};Object.defineProperty(e,"watchers",{get:function(){return{logoSvg:["logoSvgChanged"]}},enumerable:false,configurable:true});return e}());t([p("bal-footer"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],m.prototype,"createLogger",null);t([u(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],m.prototype,"configChanged",null);m.style=h}}}));

package/dist/baloise-design-system/{p-a10bc9e5d8.entry.js → p-fc9a46b295.entry.js}

@@ -1 +1 @@
-import{h as o,r as t,c as e,H as r,g as a}from"./p-BdVwMG9u.js";import{_ as i,a as n}from"./p-dfXERft2.js";import{i as l}from"./p-C4sZQbkT.js";import{B as d}from"./p-ByiN-QjD.js";import{b as s}from"./p-B1u-Mq75.js";import{d as p}from"./p-FCLKfv6B.js";import{s as b}from"./p-CpDHeXfo.js";import{r as h,a as c,o as u,p as _,b as w,m}from"./p-Ba5qjFjW.js";import{L as v}from"./p-D7ovid3w.js";import{i as g}from"./p-xbSOW78W.js";import{a as f}from"./p-BAaDJIzy.js";import{F as y}from"./p-DqCbGYzv.js";import{b as x}from"./p-CI2FR64u.js";import{D as k}from"./p-BLp4ll3i.js";import{a as j}from"./p-DBsOHTWj.js";import{d as O}from"./p-CBkFUwrD.js";import{d as C,b as F,a as L,j as z,i as B}from"./p-BERg8BNc.js";import{L as S}from"./p-B-L34nz8.js";import{B as A,L as T}from"./p-CeRECGC7.js";import{i as D,s as I}from"./p-BG4j3FEv.js";import"./p-D7M-7v58.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-C20cwFWy.js";class V{constructor(){this.handleAutoFill=async o=>{if(b(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);f(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let e=0;e<t.length;e++){const r=t[e];if(r.value===o||r.label===o)return[r.value]}}}const E={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class R{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=y.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o)))))}}class W{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class q{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const H=({name:t,httpFormSubmit:e,multiple:r,required:a,disabled:i,rawValue:n,refSelectEl:l})=>{const s=d.block("dropdown");return e?o("select",{class:Object.assign({},s.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:r,required:a,disabled:i,tabindex:-1,ref:l},n.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},P=({size:t,theme:e,icon:r,language:a,loading:i,clearable:n,invalid:l,filled:s,expanded:p,disabled:b})=>{const h=d.block("dropdown");return i?o("bal-spinner",{class:Object.assign({},h.element("rear").class()),small:!0,variation:"circle",color:"white"}):n&&s&&!b?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},h.element("rear").class()),h.element("clear").class()),h.element("clear").modifier("invalid").class(l)),h.element("clear").modifier("theme-purple").class("purple"===e))},o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:"purple"===e?"close":"close-circle",size:t,color:"purple"===e?"primary":"grey"})):o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:r,size:t,turn:p,color:b?"grey":l?"danger":"primary"})},$=({inputId:t,httpFormSubmit:e,ariaForm:r,rawValue:a,autocomplete:i,required:n,disabled:l,readonly:s,placeholder:p,expanded:b,invalid:h,language:c,inputLabel:u,inheritedAttributes:_,refInputEl:w,onChange:m,onFocus:v,onBlur:g,onKeyDown:f})=>{const y=d.block("dropdown"),x=()=>o("input",Object.assign({id:r.controlId||`${t}-ctrl`,class:Object.assign({},y.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:i,value:a.join(","),required:n,disabled:l,readonly:s,placeholder:p,title:b?E[c].close:E[c].open,"aria-label":b?E[c].close:E[c].open,"aria-owns":`${t}-menu`,"aria-invalid":j(h),"aria-disabled":j(l||s),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":u,"data-value":a.join(","),ref:o=>w(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>g(o),onKeyDown:o=>f(o)},_));return e?o(x,null):o("form",{novalidate:!0},o(x,null))};class M{constructor(){this.updatePanelPosition=(o,t,e)=>()=>{o.computePosition(t,e,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:t})=>{Object.assign(e.style,{left:`${o}px`,top:`${t}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class G{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const e=typeof o;e!==typeof t&&this.updateRawValueByValueProp(o),"string"===e&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!f(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return g(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!g(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await c(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const K=({inlineLabel:t,filled:e,chips:r,placeholder:a,choices:i,renderChip:n})=>{const l=d.block("dropdown");return e?r?o("div",{class:Object.assign({},l.element("root").element("content").element("chips").class())},i.map((o=>n(o)))):(t&&`${t}: `)+i.map((o=>o.label)).join(", "):a},N=class{constructor(o){t(this,o),this.balChange=e(this,"balChange"),this.balFocus=e(this,"balFocus"),this.balBlur=e(this,"balBlur"),this.inputId="bal-dropdown-"+U++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=p,this.language=O.language,this.region=O.region,this.httpFormSubmit=O.httpFormSubmit,this.labelToFocus="",this.valueUtil=new G,this.eventsUtil=new R,this.popupUtil=new M,this.optionUtil=new k,this.formSubmitUtil=new q,this.focusUtil=new W,this.autoFillUtil=new V,this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[],this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,e,r,a,i;o&&o.key?this.isExpanded?C(o)?(b(o),null===(t=this.listEl)||void 0===t||t.focusNext()):F(o)?(b(o),null===(e=this.listEl)||void 0===e||e.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(b(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(b(o),null===(a=this.listEl)||void 0===a||a.focusLast()):L(o)?(b(o),null===(i=this.listEl)||void 0===i||i.selectByFocus()):"Tab"===o.key||z(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):L(o)||B(o)?(b(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()}}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),u(this.el,"balOptionChange",this.listenToOptionChange),s.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){_(this.el,"balOptionChange",this.listenToOptionChange),s.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=l(this.el,["tabindex","data-hj-allow"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await w(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=d.block("dropdown"),e=this.valueUtil.isFilled(),a=""!==this.size,i=`size-${this.size}`,n=""!==this.theme,l=`theme-${this.theme}`,s="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"3fe05ba6190dabe5fb8c297f4809659f7c24aa74",class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"e0b038aa5b7ead381d271c5b7b04fd5bbaa3ea3b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(s)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),t.element("root").modifier(i).class(a)),t.element("root").modifier(l).class(n)),t.element("root").modifier(l+"-filled").class(e&&n)),t.element("root").modifier(l+"-expanded").class(this.isExpanded&&n)),"data-testid":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"a3499a9e2abcaa3b363385c475c3dcd91ed1a371",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),t.element("root").element("content").modifier(i).class(a))},o(K,{key:"8ffc980c91386038c4ee9b9e6673a25a3609d674",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,renderChip:t=>o("bal-tag",{key:t.value,"data-testid":"bal-dropdown-chip",size:"small",invalid:this.invalid,disabled:this.disabled||this.readonly,closable:!(this.disabled||this.readonly),onBalCloseClick:()=>this.valueUtil.removeOption(t)},t.label)})),o($,{key:"9a97fc39a821d5dcca32eba522ae29e4aa6eedc0",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(H,{key:"2a33a8ac7f336889197137fc741ed8a4a107fceb",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(P,{key:"d0f6958fb47ad7f6d73d4f98482cb2102c344f20",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:e,disabled:this.valueUtil.isDisabled()})),o("div",{key:"29e98d1f54ffb6ee913bd682d6531d45997fc1d0",id:`${this.inputId}-menu`,class:Object.assign(Object.assign({},t.element("list").class()),t.element("list").modifier("expanded").class(this.isExpanded)),ref:o=>this.panelEl=o},o("bal-option-list",{key:"4e6fa69f9d9859208f83dd7bc86c17fc75d5eb60",multiple:this.multiple,disabled:this.valueUtil.isDisabled(),filter:this.filter,required:this.required,contentHeight:this.contentHeight,ref:o=>this.listEl=o},o("slot",{key:"1c169dc692632671f62410b2dadcbbc10b0fe36a"}),this.optionUtil.hasPropOptions()?this.rawOptions.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):"")))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};i([v("bal-dropdown"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],N.prototype,"createLogger",null),i([S(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],N.prototype,"configChanged",null);let U=0;N.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{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-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';const Q=class{constructor(o){t(this,o),this.balOptionChange=e(this,"balOptionChange"),this.balOptionFocus=e(this,"balOptionFocus"),this.inputId="bal-option-"+X++,this.checkbox=!1,this.interactionState=A.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=o=>{const t=this.el.closest("bal-option-list");this.disabled||t&&t.disabled?b(o):t&&t.required&&!t.multiple?this.selected||this.select(!0):this.select(!this.selected)}}createLogger(o){this.log=o}componentWillRender(){if(this.el){const o=this.el.closest("bal-option-list");o&&(this.checkbox=!!o.multiple)}}listenToMouseEnter(){const{label:o,value:t,selected:e,disabled:r,hidden:a}=this;a||r||this.balOptionFocus.emit({label:o,value:t,selected:e})}elementStateListener(o){this.interactionChildElements.forEach((t=>{t.hovered=o.hovered,t.pressed=o.pressed}))}async select(o=!0){this.selected=o;const{label:t,value:e}=this;this.balOptionChange.emit({label:t,value:e,selected:o})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check"))}render(){const t=d.block("option");return o(r,{key:"dca805aa021ad35c2ea4153008a8a5ba4f37931c",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":j(this.hidden),"aria-selected":j(this.selected),"aria-checked":j(this.selected),"aria-disabled":j(this.disabled),"aria-invalid":j(this.invalid),tabIndex:-1,onClick:this.onClick},o("bal-stack",{key:"cfcf978a82159a6e7ad2dcddccdb40dd6b9f74a4",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:"e92a9c019432d29f6153371daca316c8136c75e9",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},o("slot",{key:"639a99194ed6e86787e9eb2b3adc993161d58a07"})),this.selected&&!this.checkbox?o("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return a(this)}};i([v("bal-option"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],Q.prototype,"createLogger",null),i([T(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],Q.prototype,"elementStateListener",null);let X=0;Q.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 Z=class{constructor(o){t(this,o),this.inputId="bal-option-list-"+J++,this.inheritAttributes={},this.ariaForm=p,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.filter="includes",this.contentHeight=262}createLogger(o){this.log=o}contentHeightChanged(o){void 0===o?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${o}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=l(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(o){const t=this.options,e=this.getOptionIndex(t,o.detail.value);void 0!==e&&this.updateFocus(t,e)}listenToOptionChange({detail:o}){this.multiple||this.options.filter((t=>t.value!==o.value)).forEach((o=>o.selected=!1))}async focusSelected(){const o=this.options,t=this.getSelectedOptionIndex(o);return t>0?(this.updateFocus(o,t),await c(),t):await this.focusFirst()}async focusFirst(){const o=this.options,t=this.getFirstOptionIndex(o);return this.updateFocus(o,t),this.updateScrollTopPosition(o[t]),await c(),t}async focusLast(){const o=this.options,t=this.getLastOptionIndex(o);return this.updateFocus(o,t),this.updateScrollBottomPosition(o[t]),await c(),t}async focusNext(){const o=this.options,t=this.getNextOptionIndex(o);return this.updateFocus(o,t),this.updateScrollBottomPosition(o[t]),await c(),t}async focusPrevious(){const o=this.options,t=this.getPreviousOptionIndex(o);return this.updateFocus(o,t),this.updateScrollTopPosition(o[t]),await c(),t}async focusByLabel(o,t){const e=this.options,r=this.getOptionIndexByLabel(e,o);this.updateFocus(e,r);const a=e[r];return this.updateScrollTopPosition(a),await c(),t.select&&await a.select(),r}async filterByContent(o){return this.filterOptions(this.allOptions,o),await c(),this.focusFirst()}async resetHidden(o=!1){this.options.forEach((t=>t.hidden=o)),await c(),this.resetFocus()}async resetSelected(o=!1){this.options.forEach((t=>t.selected=o)),await c()}async updateSelected(o){this.options.forEach((t=>t.selected=o.includes(t.value))),await c()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await c(),-1}async getSelectedValues(){return this.options.filter((o=>o.selected)).map((o=>o.value))}async getSelectedOptions(o){const t=this.options;return o&&o.length>0?t.filter((t=>o.includes(t.value))).map((o=>o)):t.filter((o=>o.selected)).map((o=>o))}async getValues(){return this.options.map((o=>o.value))}async getLabels(){return this.options.map((o=>o.label))}async getOptions(){return this.options.filter((o=>!o.disabled||!o.hidden))}async selectByFocus(){const o=this.options[this.focusIndex];o&&o.select(!this.multiple||!o.selected)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((o=>!o.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(o,t){const e=[],r="includes"===this.filter?D:I;for(let a=0;a<o.length;a++){const i=o[a];r(i.textContent||"",t)?(e.push(i),i.hidden=!1):i.hidden=!0}return e}isOptionVisible(o){const t=this.el.scrollTop;return t<=o.offsetTop&&o.offsetTop+o.clientHeight<=t+this.el.clientHeight}updateScrollTopPosition(o){o&&(this.isOptionVisible(o)||this.scrollTo(this.getScrollTopForTopPosition(o)))}updateScrollBottomPosition(o){o&&(this.isOptionVisible(o)||this.scrollTo(this.getScrollTopForBottomPosition(o)))}getScrollTopForTopPosition(o){const t=o.offsetTop;return t<0?0:t}getScrollTopForBottomPosition(o){const t=o.offsetTop+o.clientHeight-this.el.clientHeight;return t<0?0:t}async scrollTo(o){null!=o&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=m((async()=>{this.el.scrollTop=o})))}updateFocus(o,t){this.focusIndex=t;for(let e=0;e<o.length;e++)o[e].focused=e===t}getOptionIndex(o,t){for(let e=0;e<o.length;e++)if(o[e].value===t)return e}getSelectedOptionIndex(o){for(let t=0;t<o.length;t++){const e=o[t];if(e.selected&&!e.hidden)return t}return this.focusIndex}getFirstOptionIndex(o){for(let t=0;t<o.length;t++){const e=o[t];if(!e.disabled&&!e.hidden)return t}return this.focusIndex}getNextOptionIndex(o,t=this.focusIndex){if(t<0)return this.getFirstOptionIndex(o);let e=t;return t<this.getLength(o)&&(e=t+1,o[e].disabled)?this.getNextOptionIndex(o,e):e}getPreviousOptionIndex(o,t=this.focusIndex){const e=this.getFirstOptionIndex(o);if(t<=e)return e;let r=t;return r=t-1,o[r].disabled?this.getPreviousOptionIndex(o,r):r}getLastOptionIndex(o){for(let t=o.length-1;t>=0;t--)if(!o[t].disabled)return t;return this.focusIndex}getOptionIndexByLabel(o,t){if(void 0===t||""===t)return this.focusIndex;const e=o.find((o=>I(o.label||"",t)));return!g(e)&&e.id?o.indexOf(e):this.focusIndex}getLength(o){const t=o.map(((o,t)=>o.disabled?0:t));return Math.max(...t)}render(){const t=d.block("option-list"),e=this.labelledby||this.ariaForm.labelId;return o(r,{key:"bcb9ee55aefe68beac309225d1127524f327f9da",class:Object.assign({},t.class()),id:this.inputId},o("div",Object.assign({key:"ac14c8a5615c6497569ca0aa8436dda3924babf6",role:"listbox","aria-labelledby":e,"aria-disabled":j(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),o("slot",{key:"869656387e53fd832b45141cb3b5b89684e61727"})))}get el(){return a(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};i([v("bal-option-list"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],Z.prototype,"createLogger",null);let J=0;Z.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{N as bal_dropdown,Q as bal_option,Z as bal_option_list}
+import{h as o,r as t,c as e,H as r,g as a}from"./p-BdVwMG9u.js";import{_ as i,a as n}from"./p-dfXERft2.js";import{i as l}from"./p-C4sZQbkT.js";import{B as d}from"./p-ByiN-QjD.js";import{b as s}from"./p-B1u-Mq75.js";import{d as p}from"./p-FCLKfv6B.js";import{s as b}from"./p-CpDHeXfo.js";import{r as h,a as c,o as u,p as _,b as w,m}from"./p-Ba5qjFjW.js";import{L as v}from"./p-D7ovid3w.js";import{i as g}from"./p-xbSOW78W.js";import{a as f}from"./p-BAaDJIzy.js";import{F as y}from"./p-DqCbGYzv.js";import{b as x}from"./p-CAb2C8az.js";import{D as k}from"./p-BLp4ll3i.js";import{a as j}from"./p-DBsOHTWj.js";import{d as O}from"./p-CBkFUwrD.js";import{d as C,b as F,a as L,j as z,i as B}from"./p-BERg8BNc.js";import{L as S}from"./p-B-L34nz8.js";import{B as A,L as T}from"./p-CeRECGC7.js";import{i as D,s as I}from"./p-BG4j3FEv.js";import"./p-D7M-7v58.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-C20cwFWy.js";class V{constructor(){this.handleAutoFill=async o=>{if(b(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);f(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let e=0;e<t.length;e++){const r=t[e];if(r.value===o||r.label===o)return[r.value]}}}const E={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class R{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=y.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o)))))}}class W{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class q{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const H=({name:t,httpFormSubmit:e,multiple:r,required:a,disabled:i,rawValue:n,refSelectEl:l})=>{const s=d.block("dropdown");return e?o("select",{class:Object.assign({},s.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:r,required:a,disabled:i,tabindex:-1,ref:l},n.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},P=({size:t,theme:e,icon:r,language:a,loading:i,clearable:n,invalid:l,filled:s,expanded:p,disabled:b})=>{const h=d.block("dropdown");return i?o("bal-spinner",{class:Object.assign({},h.element("rear").class()),small:!0,variation:"circle",color:"white"}):n&&s&&!b?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},h.element("rear").class()),h.element("clear").class()),h.element("clear").modifier("invalid").class(l)),h.element("clear").modifier("theme-purple").class("purple"===e))},o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:"purple"===e?"close":"close-circle",size:t,color:"purple"===e?"primary":"grey"})):o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:r,size:t,turn:p,color:b?"grey":l?"danger":"primary"})},$=({inputId:t,httpFormSubmit:e,ariaForm:r,rawValue:a,autocomplete:i,required:n,disabled:l,readonly:s,placeholder:p,expanded:b,invalid:h,language:c,inputLabel:u,inheritedAttributes:_,refInputEl:w,onChange:m,onFocus:v,onBlur:g,onKeyDown:f})=>{const y=d.block("dropdown"),x=()=>o("input",Object.assign({id:r.controlId||`${t}-ctrl`,class:Object.assign({},y.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:i,value:a.join(","),required:n,disabled:l,readonly:s,placeholder:p,title:b?E[c].close:E[c].open,"aria-label":b?E[c].close:E[c].open,"aria-owns":`${t}-menu`,"aria-invalid":j(h),"aria-disabled":j(l||s),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":u,"data-value":a.join(","),ref:o=>w(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>g(o),onKeyDown:o=>f(o)},_));return e?o(x,null):o("form",{novalidate:!0},o(x,null))};class M{constructor(){this.updatePanelPosition=(o,t,e)=>()=>{o.computePosition(t,e,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:t})=>{Object.assign(e.style,{left:`${o}px`,top:`${t}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class G{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const e=typeof o;e!==typeof t&&this.updateRawValueByValueProp(o),"string"===e&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!f(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return g(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!g(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await c(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const K=({inlineLabel:t,filled:e,chips:r,placeholder:a,choices:i,renderChip:n})=>{const l=d.block("dropdown");return e?r?o("div",{class:Object.assign({},l.element("root").element("content").element("chips").class())},i.map((o=>n(o)))):(t&&`${t}: `)+i.map((o=>o.label)).join(", "):a},N=class{constructor(o){t(this,o),this.balChange=e(this,"balChange"),this.balFocus=e(this,"balFocus"),this.balBlur=e(this,"balBlur"),this.inputId="bal-dropdown-"+U++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=p,this.language=O.language,this.region=O.region,this.httpFormSubmit=O.httpFormSubmit,this.labelToFocus="",this.valueUtil=new G,this.eventsUtil=new R,this.popupUtil=new M,this.optionUtil=new k,this.formSubmitUtil=new q,this.focusUtil=new W,this.autoFillUtil=new V,this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[],this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,e,r,a,i;o&&o.key?this.isExpanded?C(o)?(b(o),null===(t=this.listEl)||void 0===t||t.focusNext()):F(o)?(b(o),null===(e=this.listEl)||void 0===e||e.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(b(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(b(o),null===(a=this.listEl)||void 0===a||a.focusLast()):L(o)?(b(o),null===(i=this.listEl)||void 0===i||i.selectByFocus()):"Tab"===o.key||z(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):L(o)||B(o)?(b(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()}}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),u(this.el,"balOptionChange",this.listenToOptionChange),s.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){_(this.el,"balOptionChange",this.listenToOptionChange),s.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=l(this.el,["tabindex","data-hj-allow"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await w(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=d.block("dropdown"),e=this.valueUtil.isFilled(),a=""!==this.size,i=`size-${this.size}`,n=""!==this.theme,l=`theme-${this.theme}`,s="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"3fe05ba6190dabe5fb8c297f4809659f7c24aa74",class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"e0b038aa5b7ead381d271c5b7b04fd5bbaa3ea3b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(s)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),t.element("root").modifier(i).class(a)),t.element("root").modifier(l).class(n)),t.element("root").modifier(l+"-filled").class(e&&n)),t.element("root").modifier(l+"-expanded").class(this.isExpanded&&n)),"data-testid":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"a3499a9e2abcaa3b363385c475c3dcd91ed1a371",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),t.element("root").element("content").modifier(i).class(a))},o(K,{key:"8ffc980c91386038c4ee9b9e6673a25a3609d674",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,renderChip:t=>o("bal-tag",{key:t.value,"data-testid":"bal-dropdown-chip",size:"small",invalid:this.invalid,disabled:this.disabled||this.readonly,closable:!(this.disabled||this.readonly),onBalCloseClick:()=>this.valueUtil.removeOption(t)},t.label)})),o($,{key:"9a97fc39a821d5dcca32eba522ae29e4aa6eedc0",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(H,{key:"2a33a8ac7f336889197137fc741ed8a4a107fceb",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(P,{key:"d0f6958fb47ad7f6d73d4f98482cb2102c344f20",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:e,disabled:this.valueUtil.isDisabled()})),o("div",{key:"29e98d1f54ffb6ee913bd682d6531d45997fc1d0",id:`${this.inputId}-menu`,class:Object.assign(Object.assign({},t.element("list").class()),t.element("list").modifier("expanded").class(this.isExpanded)),ref:o=>this.panelEl=o},o("bal-option-list",{key:"4e6fa69f9d9859208f83dd7bc86c17fc75d5eb60",multiple:this.multiple,disabled:this.valueUtil.isDisabled(),filter:this.filter,required:this.required,contentHeight:this.contentHeight,ref:o=>this.listEl=o},o("slot",{key:"1c169dc692632671f62410b2dadcbbc10b0fe36a"}),this.optionUtil.hasPropOptions()?this.rawOptions.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):"")))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};i([v("bal-dropdown"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],N.prototype,"createLogger",null),i([S(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],N.prototype,"configChanged",null);let U=0;N.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{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-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';const Q=class{constructor(o){t(this,o),this.balOptionChange=e(this,"balOptionChange"),this.balOptionFocus=e(this,"balOptionFocus"),this.inputId="bal-option-"+X++,this.checkbox=!1,this.interactionState=A.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=o=>{const t=this.el.closest("bal-option-list");this.disabled||t&&t.disabled?b(o):t&&t.required&&!t.multiple?this.selected||this.select(!0):this.select(!this.selected)}}createLogger(o){this.log=o}componentWillRender(){if(this.el){const o=this.el.closest("bal-option-list");o&&(this.checkbox=!!o.multiple)}}listenToMouseEnter(){const{label:o,value:t,selected:e,disabled:r,hidden:a}=this;a||r||this.balOptionFocus.emit({label:o,value:t,selected:e})}elementStateListener(o){this.interactionChildElements.forEach((t=>{t.hovered=o.hovered,t.pressed=o.pressed}))}async select(o=!0){this.selected=o;const{label:t,value:e}=this;this.balOptionChange.emit({label:t,value:e,selected:o})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check"))}render(){const t=d.block("option");return o(r,{key:"dca805aa021ad35c2ea4153008a8a5ba4f37931c",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":j(this.hidden),"aria-selected":j(this.selected),"aria-checked":j(this.selected),"aria-disabled":j(this.disabled),"aria-invalid":j(this.invalid),tabIndex:-1,onClick:this.onClick},o("bal-stack",{key:"cfcf978a82159a6e7ad2dcddccdb40dd6b9f74a4",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:"e92a9c019432d29f6153371daca316c8136c75e9",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},o("slot",{key:"639a99194ed6e86787e9eb2b3adc993161d58a07"})),this.selected&&!this.checkbox?o("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return a(this)}};i([v("bal-option"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],Q.prototype,"createLogger",null),i([T(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],Q.prototype,"elementStateListener",null);let X=0;Q.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 Z=class{constructor(o){t(this,o),this.inputId="bal-option-list-"+J++,this.inheritAttributes={},this.ariaForm=p,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.filter="includes",this.contentHeight=262}createLogger(o){this.log=o}contentHeightChanged(o){void 0===o?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${o}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=l(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(o){const t=this.options,e=this.getOptionIndex(t,o.detail.value);void 0!==e&&this.updateFocus(t,e)}listenToOptionChange({detail:o}){this.multiple||this.options.filter((t=>t.value!==o.value)).forEach((o=>o.selected=!1))}async focusSelected(){const o=this.options,t=this.getSelectedOptionIndex(o);return t>0?(this.updateFocus(o,t),await c(),t):await this.focusFirst()}async focusFirst(){const o=this.options,t=this.getFirstOptionIndex(o);return this.updateFocus(o,t),this.updateScrollTopPosition(o[t]),await c(),t}async focusLast(){const o=this.options,t=this.getLastOptionIndex(o);return this.updateFocus(o,t),this.updateScrollBottomPosition(o[t]),await c(),t}async focusNext(){const o=this.options,t=this.getNextOptionIndex(o);return this.updateFocus(o,t),this.updateScrollBottomPosition(o[t]),await c(),t}async focusPrevious(){const o=this.options,t=this.getPreviousOptionIndex(o);return this.updateFocus(o,t),this.updateScrollTopPosition(o[t]),await c(),t}async focusByLabel(o,t){const e=this.options,r=this.getOptionIndexByLabel(e,o);this.updateFocus(e,r);const a=e[r];return this.updateScrollTopPosition(a),await c(),t.select&&await a.select(),r}async filterByContent(o){return this.filterOptions(this.allOptions,o),await c(),this.focusFirst()}async resetHidden(o=!1){this.options.forEach((t=>t.hidden=o)),await c(),this.resetFocus()}async resetSelected(o=!1){this.options.forEach((t=>t.selected=o)),await c()}async updateSelected(o){this.options.forEach((t=>t.selected=o.includes(t.value))),await c()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await c(),-1}async getSelectedValues(){return this.options.filter((o=>o.selected)).map((o=>o.value))}async getSelectedOptions(o){const t=this.options;return o&&o.length>0?t.filter((t=>o.includes(t.value))).map((o=>o)):t.filter((o=>o.selected)).map((o=>o))}async getValues(){return this.options.map((o=>o.value))}async getLabels(){return this.options.map((o=>o.label))}async getOptions(){return this.options.filter((o=>!o.disabled||!o.hidden))}async selectByFocus(){const o=this.options[this.focusIndex];o&&o.select(!this.multiple||!o.selected)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((o=>!o.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(o,t){const e=[],r="includes"===this.filter?D:I;for(let a=0;a<o.length;a++){const i=o[a];r(i.textContent||"",t)?(e.push(i),i.hidden=!1):i.hidden=!0}return e}isOptionVisible(o){const t=this.el.scrollTop;return t<=o.offsetTop&&o.offsetTop+o.clientHeight<=t+this.el.clientHeight}updateScrollTopPosition(o){o&&(this.isOptionVisible(o)||this.scrollTo(this.getScrollTopForTopPosition(o)))}updateScrollBottomPosition(o){o&&(this.isOptionVisible(o)||this.scrollTo(this.getScrollTopForBottomPosition(o)))}getScrollTopForTopPosition(o){const t=o.offsetTop;return t<0?0:t}getScrollTopForBottomPosition(o){const t=o.offsetTop+o.clientHeight-this.el.clientHeight;return t<0?0:t}async scrollTo(o){null!=o&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=m((async()=>{this.el.scrollTop=o})))}updateFocus(o,t){this.focusIndex=t;for(let e=0;e<o.length;e++)o[e].focused=e===t}getOptionIndex(o,t){for(let e=0;e<o.length;e++)if(o[e].value===t)return e}getSelectedOptionIndex(o){for(let t=0;t<o.length;t++){const e=o[t];if(e.selected&&!e.hidden)return t}return this.focusIndex}getFirstOptionIndex(o){for(let t=0;t<o.length;t++){const e=o[t];if(!e.disabled&&!e.hidden)return t}return this.focusIndex}getNextOptionIndex(o,t=this.focusIndex){if(t<0)return this.getFirstOptionIndex(o);let e=t;return t<this.getLength(o)&&(e=t+1,o[e].disabled)?this.getNextOptionIndex(o,e):e}getPreviousOptionIndex(o,t=this.focusIndex){const e=this.getFirstOptionIndex(o);if(t<=e)return e;let r=t;return r=t-1,o[r].disabled?this.getPreviousOptionIndex(o,r):r}getLastOptionIndex(o){for(let t=o.length-1;t>=0;t--)if(!o[t].disabled)return t;return this.focusIndex}getOptionIndexByLabel(o,t){if(void 0===t||""===t)return this.focusIndex;const e=o.find((o=>I(o.label||"",t)));return!g(e)&&e.id?o.indexOf(e):this.focusIndex}getLength(o){const t=o.map(((o,t)=>o.disabled?0:t));return Math.max(...t)}render(){const t=d.block("option-list"),e=this.labelledby||this.ariaForm.labelId;return o(r,{key:"bcb9ee55aefe68beac309225d1127524f327f9da",class:Object.assign({},t.class()),id:this.inputId},o("div",Object.assign({key:"ac14c8a5615c6497569ca0aa8436dda3924babf6",role:"listbox","aria-labelledby":e,"aria-disabled":j(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),o("slot",{key:"869656387e53fd832b45141cb3b5b89684e61727"})))}get el(){return a(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};i([v("bal-option-list"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],Z.prototype,"createLogger",null);let J=0;Z.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{N as bal_dropdown,Q as bal_option,Z as bal_option_list}

package/dist/baloise-design-system/{p-a3558335f2.system.entry.js → p-fd5d4c0fd7.system.entry.js}

@@ -1 +1 @@
-var __extends=this&&this.__extends||function(){var t=function(i,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var n in i)if(Object.prototype.hasOwnProperty.call(i,n))t[n]=i[n]};return t(i,n)};return function(i,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");t(i,n);function e(){this.constructor=i}i.prototype=n===null?Object.create(n):(e.prototype=n.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{u(e.next(t))}catch(t){a(t)}}function s(t){try{u(e["throw"](t))}catch(t){a(t)}}function u(t){t.done?n(t.value):r(t.value).then(o,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,r,a,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(e=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-D7_eHNTI.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-TqRS9XF1.system.js","./p-DtlqgdI2.system.js","./p-BM_oHMik.system.js"],(function(t){"use strict";var i,n,e,r,a,o,s,u,c,h,p,f,l,d,v;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;a=t.g},function(t){o=t._;s=t.a},function(t){u=t.B},function(t){c=t.b},function(t){h=t.s},function(t){p=t.k;f=t.i},function(t){l=t.L},function(t){d=t.b},function(t){v=t.j},null],execute:function(){var b=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var _=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(b);var w=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}if(t.innerEl){t.innerEl.style.setProperty("max-height","calc(var(--bal-app-height, 100%) - ".concat(this.offset,"px)"))}this.showBackdropElement(t);this.showContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");if(t.innerEl){t.innerEl.style.removeProperty("max-height")}return[2,true]}return[2,false]}))}))};return i}(b);var g=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e,r;var a=this;return __generator(this,(function(o){switch(o.label){case 0:return[4,d.load()];case 1:i=o.sent();if(!t.trigger&&c.hasDocument){n=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=n}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&c.hasDocument){e=document.getElementById(this.reference);this.triggerEl=e?e:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");r=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(r){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=i.autoUpdate(this.triggerEl,t.containerEl,(function(){a.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e,r,a,o,s;return __generator(this,(function(u){switch(u.label){case 0:if(!(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl))return[3,2];return[4,d.load()];case 1:e=u.sent();r=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;a=(i=this.triggerEl)===null||i===void 0?void 0:i.getBoundingClientRect();o=(n=t.trigger)===null||n===void 0?void 0:n.getBoundingClientRect();s=false;if(c.hasWindow){s=!!window.frameElement}e.computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[s?undefined:e.shift(),e.flip(),e.offset(this.arrow?16:this.offset),e.arrow({element:t.arrowEl,padding:4})]}).then((function(i){var n,e;var s=i.x,u=i.y,c=i.middlewareData,h=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var p=h.split("-")[0];var f={top:"bottom",right:"left",bottom:"top",left:"right"}[p];if(c.arrow&&t.arrowEl){var l=c.arrow;if(r){var d=a.right-o.right-4;Object.assign(t.arrowEl.style,(n={right:"".concat(d+o.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},n[f]="".concat(-4,"px"),n))}else{Object.assign(t.arrowEl.style,(e={left:s!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},e[f]="".concat(-4,"px"),e))}}}}));return[2,true];case 2:return[2,false]}}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return i}(b);var m=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=n.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=n.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=n.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var x=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;z-index:var(--bal-z-index-popup)}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-popover .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);max-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__container--variant-drawer .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner{overflow-y:auto}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;height:100vh;display:none;visibility:hidden;z-index:calc(var(--bal-z-index-popup) - 1)}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var y=t("bal_popup",function(){function t(t){var e=this;i(this,t);this.balChange=n(this,"balChange");this.balWillAnimate=n(this,"balWillAnimate");this.balDidAnimate=n(this,"balDidAnimate");this.popupId="bal-pu-".concat(k++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new m(new g);this.fullscreenVariantRenderer=new m(new w);this.drawerVariantRenderer=new m(new _);this.lastVariant="popover";this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.minContainerWidth="16.25rem";this.label="";this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.initialActive=this.active;this.demo=false;this.debouncedGlobalClick=p((function(t){return e.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(e.activeBackdropDismiss&&e.presented&&t&&t.target){var i=t.target;return i.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(e.activeClosable){e.dismiss()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:n.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:n.sent();n.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:n.sent();n.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e,r;return __generator(this,(function(a){switch(a.label){case 0:n=t.target;e=n.closest("[bal-popup]");if(!(e&&c.hasWindow))return[3,1];r=((i=e.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===r){this.debouncedGlobalClick(e)}return[3,3];case 1:if(!(!this.backdrop&&this.closable&&this.presented&&!f(this.el,n)))return[3,3];return[4,this.dismiss()];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.activeClosable&&this.presented&&v(t)))return[3,2];h(t);return[4,this.dismiss()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth="".concat(t,"px")}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(c.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:i.sent();this.presented=true;i.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=i.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=n.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus({preventScroll:true})}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,n){var e=t.attributes.getNamedItem(i);return e?e.value:n};t.prototype.getNumberValue=function(t,i,n){var e=t.attributes.getNamedItem(i);if(e){return parseInt(e.value,10)||n}return n};t.prototype.getBooleanValue=function(t,i,n){var e=t.attributes.getNamedItem(i);if(e){var r=e.value===""||e.value==="true"?true:false;return e?r:n}return n};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;var e=this;return __generator(this,(function(r){switch(r.label){case 0:if(!c.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==e.el.id&&t.ariaHidden!=="true"}));i=0;r.label=1;case 1:if(!(i<t.length))return[3,5];n=t[i];return[4,n._dismiss()];case 2:r.sent();return[4,n._emitChange()];case 3:r.sent();r.label=4;case 4:i++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.contentEl;if(t){t.focus({preventScroll:true})}};t.prototype.render=function(){var t=this;var i=u.block("popup");var n=i.element("container");var a=i.element("arrow");var o=i.element("backdrop");var s=i.element("inner");var c=s.element("head");var h=s.element("content");return e(r,{key:"815e1a03c79472bb0913b4a28519802606bac73c",class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},e("div",{key:"effa9ca039cb7c5b27db07f23e02a464e5f09ce9",class:Object.assign({},o.class()),ref:function(i){return t.backdropEl=i}}),e("div",{key:"343a483098c5d4b657298c3f0b5d14705a3e78bd",class:Object.assign(Object.assign({},n.class()),n.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:this.minContainerWidth}},e("div",{key:"dbcb76dfb93527828e6f73974cbfd62225bd26c3",class:Object.assign({},a.class()),ref:function(i){return t.arrowEl=i}}),e("bal-stack",{key:"119c391a7fa3081548740bf23b57a6ae05417188",layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},s.class()),ref:function(i){return t.innerEl=i}},this.label?e("bal-stack",{space:"auto",class:Object.assign({},c.class())},e("bal-heading",{"data-testid":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?e("bal-close",{"data-testid":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",e("div",{key:"ff97c08a3151dc9f71552eede345d84716ea7e3b",class:Object.assign({},h.class()),ref:function(i){return t.contentEl=i},"data-testid":"bal-popup-content",tabindex:"-1"},e("slot",{key:"21e9b66eec4627f414c4802eccc5276c20a9c536"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}());o([l("bal-popup"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],y.prototype,"createLogger",null);var k=0;y.style=x}}}));
+var __extends=this&&this.__extends||function(){var t=function(i,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var n in i)if(Object.prototype.hasOwnProperty.call(i,n))t[n]=i[n]};return t(i,n)};return function(i,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");t(i,n);function e(){this.constructor=i}i.prototype=n===null?Object.create(n):(e.prototype=n.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{u(e.next(t))}catch(t){a(t)}}function s(t){try{u(e["throw"](t))}catch(t){a(t)}}function u(t){t.done?n(t.value):r(t.value).then(o,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,r,a,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(e=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-D7_eHNTI.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-Bp0A6Ore.system.js","./p-DtlqgdI2.system.js","./p-BM_oHMik.system.js"],(function(t){"use strict";var i,n,e,r,a,o,s,u,c,h,p,f,l,d,v;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;a=t.g},function(t){o=t._;s=t.a},function(t){u=t.B},function(t){c=t.b},function(t){h=t.s},function(t){p=t.k;f=t.i},function(t){l=t.L},function(t){d=t.b},function(t){v=t.j},null],execute:function(){var b=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var _=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(b);var w=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}if(t.innerEl){t.innerEl.style.setProperty("max-height","calc(var(--bal-app-height, 100%) - ".concat(this.offset,"px)"))}this.showBackdropElement(t);this.showContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");if(t.innerEl){t.innerEl.style.removeProperty("max-height")}return[2,true]}return[2,false]}))}))};return i}(b);var g=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e,r;var a=this;return __generator(this,(function(o){switch(o.label){case 0:return[4,d.load()];case 1:i=o.sent();if(!t.trigger&&c.hasDocument){n=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=n}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&c.hasDocument){e=document.getElementById(this.reference);this.triggerEl=e?e:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");r=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(r){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=i.autoUpdate(this.triggerEl,t.containerEl,(function(){a.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e,r,a,o,s;return __generator(this,(function(u){switch(u.label){case 0:if(!(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl))return[3,2];return[4,d.load()];case 1:e=u.sent();r=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;a=(i=this.triggerEl)===null||i===void 0?void 0:i.getBoundingClientRect();o=(n=t.trigger)===null||n===void 0?void 0:n.getBoundingClientRect();s=false;if(c.hasWindow){s=!!window.frameElement}e.computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[s?undefined:e.shift(),e.flip(),e.offset(this.arrow?16:this.offset),e.arrow({element:t.arrowEl,padding:4})]}).then((function(i){var n,e;var s=i.x,u=i.y,c=i.middlewareData,h=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var p=h.split("-")[0];var f={top:"bottom",right:"left",bottom:"top",left:"right"}[p];if(c.arrow&&t.arrowEl){var l=c.arrow;if(r){var d=a.right-o.right-4;Object.assign(t.arrowEl.style,(n={right:"".concat(d+o.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},n[f]="".concat(-4,"px"),n))}else{Object.assign(t.arrowEl.style,(e={left:s!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},e[f]="".concat(-4,"px"),e))}}}}));return[2,true];case 2:return[2,false]}}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return i}(b);var m=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=n.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=n.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=n.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var x=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;z-index:var(--bal-z-index-popup)}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-popover .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);max-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__container--variant-drawer .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner{overflow-y:auto}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;height:100vh;display:none;visibility:hidden;z-index:calc(var(--bal-z-index-popup) - 1)}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var y=t("bal_popup",function(){function t(t){var e=this;i(this,t);this.balChange=n(this,"balChange");this.balWillAnimate=n(this,"balWillAnimate");this.balDidAnimate=n(this,"balDidAnimate");this.popupId="bal-pu-".concat(k++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new m(new g);this.fullscreenVariantRenderer=new m(new w);this.drawerVariantRenderer=new m(new _);this.lastVariant="popover";this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.minContainerWidth="16.25rem";this.label="";this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.initialActive=this.active;this.demo=false;this.debouncedGlobalClick=p((function(t){return e.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(e.activeBackdropDismiss&&e.presented&&t&&t.target){var i=t.target;return i.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(e.activeClosable){e.dismiss()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:n.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:n.sent();n.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:n.sent();n.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e,r;return __generator(this,(function(a){switch(a.label){case 0:n=t.target;e=n.closest("[bal-popup]");if(!(e&&c.hasWindow))return[3,1];r=((i=e.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===r){this.debouncedGlobalClick(e)}return[3,3];case 1:if(!(!this.backdrop&&this.closable&&this.presented&&!f(this.el,n)))return[3,3];return[4,this.dismiss()];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.activeClosable&&this.presented&&v(t)))return[3,2];h(t);return[4,this.dismiss()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth="".concat(t,"px")}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(c.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:i.sent();this.presented=true;i.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=i.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=n.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus({preventScroll:true})}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,n){var e=t.attributes.getNamedItem(i);return e?e.value:n};t.prototype.getNumberValue=function(t,i,n){var e=t.attributes.getNamedItem(i);if(e){return parseInt(e.value,10)||n}return n};t.prototype.getBooleanValue=function(t,i,n){var e=t.attributes.getNamedItem(i);if(e){var r=e.value===""||e.value==="true"?true:false;return e?r:n}return n};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;var e=this;return __generator(this,(function(r){switch(r.label){case 0:if(!c.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==e.el.id&&t.ariaHidden!=="true"}));i=0;r.label=1;case 1:if(!(i<t.length))return[3,5];n=t[i];return[4,n._dismiss()];case 2:r.sent();return[4,n._emitChange()];case 3:r.sent();r.label=4;case 4:i++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.contentEl;if(t){t.focus({preventScroll:true})}};t.prototype.render=function(){var t=this;var i=u.block("popup");var n=i.element("container");var a=i.element("arrow");var o=i.element("backdrop");var s=i.element("inner");var c=s.element("head");var h=s.element("content");return e(r,{key:"815e1a03c79472bb0913b4a28519802606bac73c",class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},e("div",{key:"effa9ca039cb7c5b27db07f23e02a464e5f09ce9",class:Object.assign({},o.class()),ref:function(i){return t.backdropEl=i}}),e("div",{key:"343a483098c5d4b657298c3f0b5d14705a3e78bd",class:Object.assign(Object.assign({},n.class()),n.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:this.minContainerWidth}},e("div",{key:"dbcb76dfb93527828e6f73974cbfd62225bd26c3",class:Object.assign({},a.class()),ref:function(i){return t.arrowEl=i}}),e("bal-stack",{key:"119c391a7fa3081548740bf23b57a6ae05417188",layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},s.class()),ref:function(i){return t.innerEl=i}},this.label?e("bal-stack",{space:"auto",class:Object.assign({},c.class())},e("bal-heading",{"data-testid":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?e("bal-close",{"data-testid":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",e("div",{key:"ff97c08a3151dc9f71552eede345d84716ea7e3b",class:Object.assign({},h.class()),ref:function(i){return t.contentEl=i},"data-testid":"bal-popup-content",tabindex:"-1"},e("slot",{key:"21e9b66eec4627f414c4802eccc5276c20a9c536"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}());o([l("bal-popup"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],y.prototype,"createLogger",null);var k=0;y.style=x}}}));

package/dist/cjs/app-globals-DcKvQZAC.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var global = require('./global-BOGOCc0T.js');
+
+const globalScripts = global.globalScript;
+
+exports.globalScripts = globalScripts;