@baloise/ds-core 17.3.0 → 17.4.0-nightly.20250207

package/dist/baloise-design-system/{p-dacc50ec18.entry.js → p-eed0006bea.entry.js}

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

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

@@ -0,0 +1 @@
+import{r as t,c as a,h as e,H as i,g as s}from"./p-2ccbe55a.js";import{a as n}from"./p-063808d7.js";import{_ as o,a as r}from"./p-43c9f5e9.js";import{a as l}from"./p-00b37ea2.js";import{o as b,h as _,t as d,k as h,p as c,u as v,m,j as p,b as u}from"./p-ef6a64f4.js";import{B as f}from"./p-ae86d0a0.js";import{L as g}from"./p-b77e3348.js";import{n as w}from"./p-f3f5ce4f.js";import{s as x}from"./p-e3e1d211.js";import{b as y}from"./p-a65354df.js";import{t as j,S as k,g as O,a as L}from"./p-312a3215.js";import{a as z}from"./p-8f2e9a7f.js";import{b as C}from"./p-23c7c26d.js";import{d as A}from"./p-830d9e47.js";import{L as $}from"./p-ca3bb9ce.js";import{L as S}from"./p-71352a52.js";import{L as T}from"./p-e071aae2.js";import{L as E}from"./p-b7fbadbe.js";import{L as F}from"./p-fe6cbf28.js";import{L as I}from"./p-4f4c99db.js";import{L as P}from"./p-44e7532c.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-46251973.js";import"./p-dc98854c.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-02197c50.js";import"./p-caacebbe.js";const V=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+B++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.aria=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.noPanel,a=!this.isActive||this.noPanel;return e(i,{key:"dfb327b95030a10da12debcf9f126558684dceba",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:t?"tabpanel":void 0,"aria-label":t?this.label:void 0,"aria-hidden":a?"true":"false",tabindex:a?"-1":void 0,hidden:!!a||void 0},e("slot",{key:"33c15223dbf2d663ecf76b4696211eeaddf4f667"}))}get el(){return s(this)}};let B=0;const M=({items:t,value:a,onSelectTab:i})=>{const s=f.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&y.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},D=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:o})=>{const r=f.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("display-svg").class(void 0!==t.svg))},e("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:l,turn:i&&!0===s&&t.active}),o?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},N=({item:t,inverted:a,hasBubble:i,isExpanded:s,isVertical:n,context:o})=>{const r=f.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("inverted").class(a)),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("vertical").class(n)),r.modifier("expanded").class(s)),r.modifier(`context-${o}`).class(void 0!==o)),r.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&e("span",{class:r.element("sub-label").class()},t.subLabel),i?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},R=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:o,accordion:r,isAccordionOpen:l,isLinkList:b,inverted:_,isExpanded:d,spaceless:h,clickable:c,iconPosition:v,context:m,onSelectTab:p,hasSubLabelInGroup:u,dimInactiveElements:g})=>{var w;const x=f.block("tabs").element("nav").element("item");if(t.invisible)return;const y=!1!==t.bubble,k=void 0!==t.icon,O=k&&y&&"horizontal"!==v&&!r||n&&k&&y&&!o&&!r,L=r&&y||r&&n&&k&&y&&!o,C=!k&&y&&!r||y&&!n&&"horizontal"===v&&!r||y&&o&&!r,A=void 0===t.href||""===t.href,$=A?"button":"a",S=A?{type:"button",role:"tab","aria-controls":(null===(w=t.aria)||void 0===w?void 0:w.controls)||t.tabPanelID||void 0,"aria-expanded":z(t.active),"aria-disabled":z(t.disabled),"aria-label":t.label}:{href:t.href,target:t.target};return b||(S.tabindex=t.active?"0":"-1"),e($,Object.assign({id:`${a}-button-${j(t.value)}`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},x.class()),x.modifier("active").class(t.active)),x.modifier("disabled").class(t.disabled)),x.modifier("clickable").class(c)),x.modifier("accordion").class(r)),x.modifier("inverted").class(_)),x.modifier("expanded").class(d)),x.modifier("spaceless").class(h)),x.modifier("first").class(i)),x.modifier("last").class(s)),x.modifier("passed").class(t.passed)),x.modifier("vertical").class(o)),x.modifier(`context-${m}`).class(void 0!==m)),x.modifier(`icon-position-${v}`).class("horizontal"!==v)),x.modifier("display-svg").class(t.svg&&t.svg.length>0)),x.modifier("group-has-sub-label").class(u)),x.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":A?t.active?"true":"false":void 0},S,{onClick:a=>p(a,t)}),t.icon||t.svg?e(D,{accordion:!1,item:t,isMobile:n,hasBubble:O,inverted:_}):"",e(N,{item:t,isMobile:n,isVertical:o,isExpanded:d,hasBubble:C,inverted:_,context:m}),r&&!t.href?e(D,{accordion:r,isAccordionOpen:l,item:t,isMobile:n,hasBubble:L,inverted:_}):"")},W=({swiper:t,items:a,tabsId:i,isVertical:s,inNavbar:n,isMobile:o,isTouch:r,lineActive:l,lineHidden:b,isLinkList:_,border:d,accordion:h,isAccordionOpen:c,inverted:v,clickable:m,animated:p,spaceless:u,expanded:g,verticalColSize:w,showSwiperControls:x,iconPosition:y,context:j,onSelectTab:k,dimInactiveElements:O})=>{const L=f.block("tabs").element("nav"),z=L.element("inner"),C=L.element("container"),A=L.element("line"),$=L.element("border"),S=a.filter((t=>!t.invisible)),T=n&&!r,E=a.some((t=>t.subLabel&&t.subLabel.length>0)),F=({item:t,index:a})=>e(R,{item:t,isLinkList:_,tabsId:i,isFirst:0===a,isLast:a===S.length-1,isMobile:o,isVertical:s,iconPosition:y,spaceless:u,inverted:v,accordion:h,isAccordionOpen:c,context:j,isExpanded:g,clickable:m&&!t.disabled,onSelectTab:k,hasSubLabelInGroup:E,dimInactiveElements:O});return e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},L.class()),L.modifier("vertical").class(s)),L.modifier("full-height").class(T)),L.modifier(`vertical-col-${w}`).class(s)),t.cssSwiper())},e("div",{id:`${i}-nav`,class:Object.assign(Object.assign(Object.assign({},t.cssInnerSwiper()),z.class()),z.modifier("full-height").class(T)),ref:a=>t.innerEl=a},e("nav",{id:t.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.cssSwiperContainer()),C.class()),C.modifier("vertical").class(s)),C.modifier("expanded").class(g&&!s)),role:"tablist",ref:a=>t.containerEl=a},S.map(((t,a)=>e(F,{item:t,index:a}))),e("div",{id:`${i}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.class()),A.modifier("active").class(l)),A.modifier("inverted").class(v)),A.modifier("animated").class(p)),A.modifier("vertical").class(s)),A.modifier("hidden").class(b))}),d?e("div",{id:`${i}-border`,class:Object.assign(Object.assign(Object.assign({},$.class()),$.modifier("inverted").class(v)),$.modifier("vertical").class(s))}):"")),x?t.renderControls():"")},G=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+H++,this.swiper=new k,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(w)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(null!=t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest(".bal-tabs__nav__item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.enableLineRender&&this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),b((async()=>{await _(this.el,!0),this.currentRaf=b((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=O(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=d(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();if(t&&n)if(this.expanded)t.style.setProperty("width","100%");else{const a=L(n);t.style.setProperty("width",`${a}px`)}await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=()=>{this.isAccordionOpen=!0,4!==this.accordionState&&(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.collapseAccordion=()=>{this.isAccordionOpen=!1,1!==this.accordionState&&(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=h((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&x(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.enableLineRender=!1,this.hasAnimated=!1,this.index=0,this.isMobile=C.isMobile,this.isTablet=C.isTablet,this.language=A.language,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0,this.dimInactiveElements=!1}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}expandedChanged(){this.updateSwiper()}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}verticalChanged(){this.updateSwiper()}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.swiper.connectedCallback(this),this.swiper.controls="small",this.updateSwiper(),this.inNavbar=v("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(v("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidRender(){this.animateLine()}componentWillRender(){this.updateSwiper()}componentDidLoad(){this.onOptionChange(),m((()=>{this.enableLineRender=!0,this.animateLine(!0)}))}disconnectedCallback(){this.swiper.disconnectedCallback()}mutationListener(){this.onOptionChange(),this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.swiper.notifyChange()}resizeListener(t){this.swiper.notifyChange(),(!this.isVertical()&&t.width||this.isVertical()&&t.height)&&this.animateLine()}swipeListener({left:t,right:a}){t?this.swiper.next():a&&this.swiper.previous()}animationListener(t){this.isUsedInNavbar(t.target),this.animateLine()}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}swiperOnChange(t){this.index=t}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.swiper.containerId}`)}updateSwiper(){this.overflow?this.expanded||this.isVertical()?this.swiper.disable():this.swiper.activate():this.swiper.disable()}isUsedInNavbar(t){const a=t.closest("bal-navbar"),e=t;a&&p(a,this.el)&&(this.isNavbarOpen=e)}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let e=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(e=e.reverse());const i=e.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,e)=>t<a||e>=t?t:e:(t,e)=>t>a||e<=t?t:e,n=i.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){const a=null!==this.el.querySelector("button.bal-focused");if(this.swiper.isActive()){const a=(await this.getOptions()).findIndex((a=>a.value===t.value));this.swiper.updateIndex(a)}if(await u(),a){const a=this.el.querySelector(`#${this.tabsId}-button-${j(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=f.block("tabs"),a=t.element("content"),s=this.isMobile,n=s||this.isTablet,o=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted,r=this.isVertical(),l=this.border||this.inNavbar&&n,b=s&&this.selectOnMobile,_=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),d=4===this.accordionState||8===this.accordionState?"content expanded":"content",h=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),c=!this.isTabList,v=this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),m=this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",");return e(i,{key:"31f3068f782e91b2960b1da5ce7f41035981023b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(r)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":v,"data-label":m},b?e(M,{value:this.value,items:_,onSelectTab:this.onSelectTab}):e(W,{swiper:this.swiper,items:_,isLinkList:c,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,lineHidden:!this.enableLineRender,inverted:o,animated:this.animated,context:this.context,border:l,spaceless:this.spaceless,expanded:this.expanded,isMobile:s,isTouch:n,isVertical:r,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),e("div",{key:"e89278ae803fabc3ea9c8cbc9bf101169b9de0f6",part:d,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class("meta"===this.context||"navbar"===this.context||"navigation"===this.context))},e("div",{key:"515939868197d1fbe632666890d68cdab891eee3",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},e("slot",{key:"77767ff825955b01428e7791d42fe9e853e4c205"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}}};o([g("bal-tabs"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],G.prototype,"createLogger",null),o([$({tags:["bal-tabs","bal-tab-item"]}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],G.prototype,"mutationListener",null),o([S(),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],G.prototype,"visibilityListener",null),o([T(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],G.prototype,"breakpointListener",null),o([E(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],G.prototype,"resizeListener",null),o([F(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],G.prototype,"swipeListener",null),o([I(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],G.prototype,"animationListener",null),o([P(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],G.prototype,"configChanged",null);let H=0;G.style='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}';export{V as bal_tab_item,G as bal_tabs}

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

@@ -0,0 +1 @@
+import{h as i,r as s,c as t,H as e,g as a}from"./p-2ccbe55a.js";import{_ as l,a as h}from"./p-43c9f5e9.js";import{a as o}from"./p-00b37ea2.js";import{s as r,i as d,a as n,b,c,d as p}from"./p-e3e1d211.js";import{L as u}from"./p-b77e3348.js";import{B as f}from"./p-ae86d0a0.js";import{F as m}from"./p-a65bc5e2.js";import{d as v}from"./p-5eb3fbb9.js";import{a as g}from"./p-8f2e9a7f.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-ef6a64f4.js";import"./p-a65354df.js";import"./p-46251973.js";var j={},y={};Object.defineProperty(y,"__esModule",{value:!0}),y.SPECS={si:{radix:1e3,unit:["b","kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]},iec:{radix:1024,unit:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"]},jedec:{radix:1024,unit:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]}},Object.defineProperty(j,"__esModule",{value:!0});var k=y,F=j.default=function(i,s,t){void 0===s&&(s=1),i=Math.abs(i);for(var e=k.SPECS[t]||k.SPECS.jedec,a=e.radix,l=e.unit,h=0;i>=a;)i/=a,++h;return i.toFixed(s)+" "+l[h]};const C=f.block("file-upload").element("list"),_=({files:s,disabled:t,subTitle:e,onRemoveFile:a})=>i("bal-card",{class:Object.assign({},C.class()),flat:!0},i("bal-list",{disabled:t,border:!0,size:"large"},s.map(((s,l)=>i("bal-list-item",{key:s.name,disabled:t},i("bal-list-item-icon",null,i("bal-icon",{name:"document"})),i("bal-list-item-content",null,i("bal-list-item-title",null,s.name),i("bal-list-item-subtitle",null,e?e(s):F(s.size))),i("bal-list-item-icon",{right:!0,class:{"file-remove":!0,"is-clickable":!t},onClick:i=>a(i,l)},i("bal-icon",{name:"trash",color:t?"grey":"danger"}))))))),T=i=>{const s=new DataTransfer;return i&&i.length>0&&i.forEach((i=>s.items.add(i))),s.files},w=class{constructor(i){s(this,i),this.balChange=t(this,"balChange",7),this.balFilesAdded=t(this,"balFilesAdded",7),this.balFilesRemoved=t(this,"balFilesRemoved",7),this.balRejectedFile=t(this,"balRejectedFile",7),this.balInputClick=t(this,"balInputClick",7),this.balBlur=t(this,"balBlur",7),this.balFocus=t(this,"balFocus",7),this.fileUploadId="bal-file-upload-"+x++,this.initialValue=this.value||[],this.addEventListenerDragAndDrop=()=>{this.labelEl&&(this.labelEl.addEventListener("dragenter",this.onDragenter,!1),this.labelEl.addEventListener("dragover",this.onDragover,!1),this.labelEl.addEventListener("drop",this.onDrop,!1))},this.removeEventListenerDragAndDrop=()=>{this.labelEl&&(this.labelEl.removeEventListener("dragenter",this.onDragenter,!1),this.labelEl.removeEventListener("dragover",this.onDragover,!1),this.labelEl.removeEventListener("drop",this.onDrop,!1))},this.handleFiles=i=>{const s=Array.from(i||[]),t=((i,s,t)=>{const e=[],a=[...i],l=[];for(let h=0;h<s.length;h++){const o=s[h];if(o){const s=[];t.accept&&-1===t.accept.split(" ").join("").split(",").indexOf(o.type)&&s.push(m.BAD_EXTENSION),void 0!==t.maxFileSize&&o.size>t.maxFileSize&&s.push(m.FILE_TOO_BIG);const h=a.map((i=>i.size)).reduce(((i,s)=>i+s),0);void 0!==t.maxBundleSize&&h+o.size>t.maxBundleSize&&s.push(m.FILE_SIZE_SUM_TOO_BIG),void 0!==t.maxFiles&&a.length+1>t.maxFiles&&s.push(m.TOO_MANY_FILES);const r=(i,s)=>i.size===s.size&&i.name===s.name&&i.type===s.type&&i.lastModified===s.lastModified;i.filter((i=>r(i,o))).length>0&&s.push(m.DUPLICATED_FILE),s.length>0?l.push({file:o,reasons:s}):(a.push(o),e.push(o))}}return{validFiles:e,invalidFiles:l}})(this.files,s,{accept:this.accept,maxFileSize:this.maxFileSize,maxBundleSize:this.maxBundleSize,maxFiles:this.maxFiles});t.invalidFiles.length>0&&this.balRejectedFile.emit(t.invalidFiles[0]),t.validFiles.length>0&&(this.files=[...this.files,...t.validFiles],this.balChange.emit(this.files),this.balFilesAdded.emit(t.validFiles)),this.updateFileInput()},this.updateFileInput=()=>{var i;(null===(i=this.nativeInput)||void 0===i?void 0:i.files)&&(this.nativeInput.files=T(this.files))},this.onDragenter=i=>{r(i)},this.onDragover=i=>{r(i)},this.onDrop=i=>{if(r(i),!this.disabled&&!this.readonly&&!this.loading){const s=i.dataTransfer;s&&this.handleFiles(s.files)}},this.onInputChange=()=>{var i;this.disabled||this.readonly||this.loading||(null===(i=this.nativeInput)||void 0===i?void 0:i.files)&&this.handleFiles(this.nativeInput.files)},this.onRemoveFile=(i,s)=>{if(r(i),s>=0&&s<this.files.length){const i=this.files,t=i.splice(s,1);this.balFilesRemoved.emit(t),this.files=[...i],this.balChange.emit(this.files),this.updateFileInput()}},this.onHostClick=i=>d(this,i),this.onInputFocus=i=>n(this,i),this.onInputBlur=i=>b(this,i),this.onInputClick=i=>{!this.nativeInput||this.disabled||this.readonly||this.loading||(this.nativeInput.value=""),this.balInputClick.emit(i)},this.files=[],this.focused=!1,this.ariaForm=v,this.name=this.fileUploadId,this.value=[],this.label="Choose or drop a file...",this.multiple=!0,this.disabled=!1,this.readonly=!1,this.loading=!1,this.required=!1,this.accept=void 0,this.maxFiles=void 0,this.maxFileSize=void 0,this.maxBundleSize=void 0,this.hasFileList=!0,this.invalid=!1,this.subTitle=void 0,this.autoInvalidOff=!1}createLogger(i){this.log=i}onValueChange(){o(this.files,this.value)||(this.files=this.value)}componentWillLoad(){this.onValueChange()}connectedCallback(){this.initialValue=this.value||[],this.addEventListenerDragAndDrop()}componentDidLoad(){this.addEventListenerDragAndDrop()}disconnectedCallback(){this.removeEventListenerDragAndDrop()}resetHandler(i){const s=i.target;(null==s?void 0:s.contains(this.el))&&(this.files=[...this.initialValue],clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=T(this.initialValue))})))}async clear(){this.files=[],this.updateFileInput()}async setFocus(){c(this)}async setBlur(){p(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(i){this.ariaForm=Object.assign({},i)}render(){const s=this.ariaForm.controlId||this.fileUploadId;return i(e,{key:"44488a9949dc4e6d3d470271dfff65ceb69de411",onClick:this.onHostClick,"aria-disabled":g(this.disabled),class:{"bal-file-upload":!0}},i("div",{key:"e64dd001851e3810155a9e14cbd74eb0102a93c7",class:{file:!0,"is-disabled":this.disabled||this.readonly||this.loading,"is-danger":this.invalid}},i("label",{key:"76ba8e1bcb8837f6b07e17de62022df7cc1c1375",htmlFor:s,ref:i=>this.labelEl=i,class:{"file-label":!0,"is-disabled":this.disabled||this.loading||this.readonly}},i("input",{key:"9c60d1089a18516386813e8a6704e63883045a6a",class:"file-input",type:"file",id:s,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":g(this.disabled),name:this.name,multiple:this.multiple,disabled:this.disabled||this.loading||this.readonly,readonly:this.readonly,required:this.required,accept:this.accept,onClick:this.onInputClick,onChange:this.onInputChange,onFocus:this.onInputFocus,onBlur:this.onInputBlur,ref:i=>this.nativeInput=i,"data-testid":"bal-file-upload-input"}),this.loading?i("span",{class:"file-cta"},i("bal-spinner",null)):i("span",{class:"file-cta"},i("span",{class:"file-icon"},i("bal-icon",{name:"upload",size:"medium",color:this.disabled||this.loading||this.readonly?"grey-light":this.invalid?"danger":"blue"})),i("span",{class:"file-label","data-testid":"bal-file-upload-label"},this.label)))),this.hasFileList&&this.files.length>0?i(_,{files:this.files,disabled:this.disabled||this.readonly||this.loading,subTitle:this.subTitle,onRemoveFile:this.onRemoveFile}):"")}get el(){return a(this)}static get watchers(){return{value:["onValueChange"]}}};l([u("bal-file-upload"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],w.prototype,"createLogger",null);let x=0;w.style=".bal-file-upload{display:block;position:static;width:100%}.bal-file-upload .file-label{word-break:break-word;white-space:normal}.bal-file-upload .bal-heading{word-break:break-all}.bal-file-upload__card{margin-top:var(--bal-space-normal)}.bal-file-upload__list{padding:0 !important}";export{w as bal_file_upload}

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

@@ -0,0 +1 @@
+import{r as l,c as i,h as e,H as a,g as t}from"./p-2ccbe55a.js";import{_ as s,a as d}from"./p-43c9f5e9.js";import{h as o,b as n}from"./p-ef6a64f4.js";import{d as b}from"./p-5eb3fbb9.js";import{L as r}from"./p-ca3bb9ce.js";import{B as h}from"./p-ae86d0a0.js";import"./p-a65354df.js";import"./p-46251973.js";import"./p-acf222fd.js";const f=class{constructor(e){l(this,e),this.balFormControlDidLoad=i(this,"balFormControlDidLoad",7),this.fieldId="bal-field-"+c++,this.formControlElement=["bal-field-control"],this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"],this.formElements=[...this.formControlElement,"bal-field-label","bal-field-message"],this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.isVisible=l=>!!l&&"true"!==l.ariaHidden,this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i)&&this.isVisible(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild).filter(this.isVisible))).flat(),this.mutationObserverActive=!0,this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await o(this.el),await n();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),e=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]),a=Object.assign({},b);l&&(a.labelId=`${this.fieldId}-lbl`),i&&(a.messageId=`${this.fieldId}-msg`);for(let t=0;t<e.length;t++){const s=e[t];0===t?(a.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(a)),await(null==i?void 0:i.setAriaForm(a)),await(null==s?void 0:s.setAriaForm(a))):(a.controlId=`${this.fieldId}-ctrl-${t}`,await(null==s?void 0:s.setAriaForm(a)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const e=this[i];void 0!==e&&this.notifyComponents(l,(l=>l[i]=e))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return e(a,{key:"aa44641fd9ed39d382713f6ffc8946e8eec097fa",id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},e("slot",{key:"8a7749f1adfe8f743fc026502632c44bde1c5b94"}),e("span",{key:"0cfa29c5cc6656a1ecaeeb5d3d7abe9eb2573cba",class:"bal-field-hidden"}))}get el(){return t(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};s([r({subtree:!1,waitAfterFramePrint:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"mutationListener",null);let c=0;f.style=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";const m=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?e("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?e("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return e(a,{key:"9e2bbf7acff922b1ea40c55bd13e31f60d2678fa",class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},e("slot",{key:"96e625c620b1af1944a0c7b23d3141a243dcb2d3"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},p=class{constructor(i){l(this,i),this.subject="",this.closeLabel="Close",this.small=!1}render(){const l=h.block("field-hint");return e(a,{key:"0a11434dedd6e84fdbca1b7f906d1d392553d1a1",class:Object.assign({},l.class())},e("bal-hint",{key:"fa224c5994b3a3849d4c7f234f63f14b266fd0a4",class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?e("bal-hint-title",null,this.subject):"",e("bal-hint-text",{key:"1a7547df3e148fd0743b05e696ca8b0663b55d1c"},e("slot",{key:"941d0903337721060c9ba0327809d9632e22d0f9"}))))}},u=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return e(a,{key:"de7f2b5bece308123522348a754af790b2fc2bbe",class:"bal-field-label"},e("bal-label",{key:"39d721c1e8f3fb66022dca9c4c280ff2eec412da",multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},e("slot",{key:"899565faee00c89bf8e3b3e95ef2b075f2dd8e2f"})))}get element(){return t(this)}},g=class{constructor(i){l(this,i),this.ariaForm=b,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return e(a,{key:"db4171855058eebb241a92b5cb72ed489fd4f60b",id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color}},e("slot",{key:"b3849d6097fd59745e026bc53fcd96c4b56f6abe"}))}};export{f as bal_field,m as bal_field_control,p as bal_field_hint,u as bal_field_label,g as bal_field_message}

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

@@ -0,0 +1 @@
+import{r as a,c as t,w as i,h as e,H as s,g as o}from"./p-2ccbe55a.js";import{p as d,d as l,e as n,F as r}from"./p-426219f4.js";import{c as m,h,i as c}from"./p-ef6a64f4.js";import{B as b}from"./p-c1852273.js";import{b as _}from"./p-a65354df.js";import"./p-46251973.js";const p=a=>{const t={};return f(a).forEach((a=>t[a]=!0)),t},f=a=>void 0!==a?(Array.isArray(a)?a:a.split(" ")).filter((a=>null!=a)).map((a=>a.trim())).filter((a=>""!==a)):[],g=class{constructor(i){a(this,i),this.didPresent=t(this,"balModalDidPresent",7),this.willPresent=t(this,"balModalWillPresent",7),this.willDismiss=t(this,"balModalWillDismiss",7),this.didDismiss=t(this,"balModalDidDismiss",7),this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.bodyScrollHandler=new b,this.presented=!1,this.overlayIndex=void 0,this.delegate=void 0,this.dataTestId=void 0,this.modalWidth=640,this.space="",this.hasBackdrop=!0,this.isClosable=!0,this.component=void 0,this.componentProps=void 0,this.cssClass=void 0,this.backdropDismiss=!0,this.focusTrap=!0,this.demo=!1}connectedCallback(){this.bodyScrollHandler.connect(),d(this),_.hasDocument&&this.demo&&this.open()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async open(){await h(this.usersElement),this.setModalActiveOnBody(),i((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.add("fadeIn"),this.modalContentElement&&this.modalContentElement.classList.add("fadeInDown")})),this.presented||(this.willPresent.emit(),this.presented=!0,await c(150),i((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.remove("fadeIn"),this.modalContentElement&&this.modalContentElement.classList.remove("fadeInDown")})),this.didPresent.emit())}async close(){this.willDismiss.emit(),this.unsetModalActiveOnBody(),this.presented=!1,this.didDismiss.emit()}async present(){if(this.setModalActiveOnBody(),this.presented)return;const a=this.el.querySelector(".bal-modal__content");if(!a)throw new Error("container is undefined");const t=Object.assign(Object.assign({},this.componentProps),{modal:this.el});this.usersElement=await(async(a,t,i,e,s)=>{if(a)return a.attachViewToDom(t,i,s,e);if("string"!=typeof i&&!(i instanceof HTMLElement))throw new Error("framework delegate is missing");const o="string"==typeof i?t.ownerDocument&&t.ownerDocument.createElement(i):i;return e&&e.forEach((a=>o.classList.add(a))),s&&Object.assign(o,s),t.appendChild(o),await new Promise((a=>m(o,a))),o})(this.delegate,a,this.component,[],t),await this.open()}async dismiss(a,t){if(this.unsetModalActiveOnBody(),void 0===this.delegate)return await this.close(),!0;const e=await l(this,a,t,(async()=>{i((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.add("fadeOut"),this.modalContentElement&&this.modalContentElement.classList.add("fadeOutUp")})),await c(140)}));return e&&await((a,t)=>{if(t){if(a)return a.removeViewFromDom(t.parentElement,t);t.remove()}return Promise.resolve()})(this.delegate,this.usersElement),e}onDidDismiss(){return n(this.el,"balModalDidDismiss")}onWillDismiss(){return n(this.el,"balModalWillDismiss")}async onClickCloseButton(a){if(this.isClosable&&this.presented&&a&&a.target){const t=a.target.closest("bal-button");t&&t.hasAttribute("modal-close")&&await this.dismiss(void 0,"model-close"),this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss(void 0,"model-close")}}async onMouseDown(a){this.isClickedOutsideOnMouseDown=this.isClickedOutside(a)}async onMouseUp(a){this.isClickedOutsideOnMouseUp=this.isClickedOutside(a)}async handleKeyUp(a){const t=Array.from(document.querySelectorAll("bal-modal")).filter((a=>a.hasAttribute("aria-presented"))).map((a=>a.overlayIndex)).map((a=>parseInt(a))).filter((a=>!Number.isNaN(a))),i=Math.max(...t);this.overlayIndex===i&&(a.preventDefault(),a.stopPropagation(),this.presented&&this.isClosable&&("Escape"!==a.key&&"Esc"!==a.key||(this.delegate?await this.dismiss(void 0,"model-escape"):await this.close())))}setModalActiveOnBody(){this.demo||this.bodyScrollHandler.disable()}unsetModalActiveOnBody(){this.bodyScrollHandler.enable()}isClickedOutside(a){return!!(this.isClosable&&this.presented&&a&&a.target&&this.backdropDismiss)&&a.target.classList.contains("bal-modal__container")}render(){return e(s,{key:"0117e63bcdf529eee9b754275b3f82335a7274b5","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign({"bal-modal":!0,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented,[r]:!1===this.focusTrap},p(this.cssClass)),style:{"--bal-width":`${this.modalWidth}px`}},e("div",{key:"d566874640e88e886438f0ada7c6073c99539d8c",class:{"bal-modal__background":!0,"is-hidden":!this.hasBackdrop},ref:a=>this.modalBackgroundElement=a}),e("div",{key:"654dda321cef68bb052b042f2cae54a2882e7483",class:{"bal-modal__container":!0},ref:a=>this.modalContainerElement=a},e("div",{key:"9778735ba48d6db90aeb9098d3885a3813fc4c3c",class:{"bal-modal__content":!0,[`bal-modal__content--has-spacing-${this.space}`]:!0},ref:a=>this.modalContentElement=a},e("slot",{key:"c797ba16081d241799e8ea0d36793cd1deff1e9b"}))))}get el(){return o(this)}};g.style=".bal-modal__background,.bal-modal{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";const u=class{constructor(t){a(this,t)}render(){return e(s,{key:"832389ef4fb2876265130421194e971d14c1d664",class:"bal-modal__body"},e("slot",{key:"8a0e7b7bc0f015b9d1a208767214964e1a6a083d"}))}},y=class{constructor(t){a(this,t),this.closeHandler=()=>{this.parentModal&&this.parentModal.dismiss(void 0,"model-close")}}get parentModal(){return this.el.closest("bal-modal")}render(){var a;return e(s,{key:"a168b477c3b25d6b634cae28dfdfe80662835c28",class:"bal-modal__header"},e("div",{key:"ede951e810c8dd9ee74f18bd2aaeb9938256eaa0",class:"bal-modal__header__title"},e("bal-heading",{key:"58aa9747176c2fb610b3d5e269b5e5318e6f1545",level:"h2",space:"none"},e("slot",{key:"35b58496692d5fafadba77727cd60a70f507b327"}))),(null===(a=this.parentModal)||void 0===a?void 0:a.isClosable)?e("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")}get el(){return o(this)}};export{g as bal_modal,u as bal_modal_body,y as bal_modal_header}

package/dist/baloise-design-system/{p-8d1dc2f0d6.system.entry.js → p-f6f93e74c1.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(a,e,t,r){function n(a){return a instanceof t?a:new t((function(e){e(a)}))}return new(t||(t=Promise))((function(t,o){function i(a){try{c(r.next(a))}catch(a){o(a)}}function l(a){try{c(r["throw"](a))}catch(a){o(a)}}function c(a){a.done?t(a.value):n(a.value).then(i,l)}c((r=r.apply(a,e||[])).next())}))};var __generator=this&&this.__generator||function(a,e){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,n,o,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(a){return function(e){return c([a,e])}}function c(l){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,l[0]&&(t=0)),t)try{if(r=1,n&&(o=l[0]&2?n["return"]:l[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;if(n=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;n=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){t.label=l[1];break}if(l[0]===6&&t.label<o[1]){t.label=o[1];o=l;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(l);break}if(o[2])t.ops.pop();t.trys.pop();continue}l=e.call(a,t)}catch(a){l=[6,a];n=0}finally{r=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-980e4b57.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-5cd2674f.system.js","./p-e78be5ef.system.js","./p-a1f6e944.system.js","./p-ef3bfa9f.system.js","./p-eecefb0a.system.js"],(function(a){"use strict";var e,t,r,n,o,i,l,c,s,b,d,u,f,v;return{setters:[function(a){e=a.r;t=a.c;r=a.h;n=a.H;o=a.g},function(a){i=a._;l=a.a},function(a){c=a.B},function(a){s=a.s},function(a){b=a.L},function(a){d=a.F},function(a){u=a.j},function(a){f=a.B;v=a.L},function(){},function(){},function(){}],execute:function(){var h="@media (hover: hover)and (pointer: fine){.bal-radio-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-radio-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-radio-button__native{display:block;width:100%;height:100%;background:rgba(0,0,0,0);border-style:solid;border-radius:var(--bal-radius-normal);border-width:var(--bal-border-width-normal);border-color:var(--bal-color-border);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-radio-button__native--checked{border-color:var(--bal-color-border-primary)}.bal-radio-button__native--checked.bal-radio-button__native--color-green{background:var(--bal-color-green-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-purple{background:var(--bal-color-purple-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-red{background:var(--bal-color-red-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-yellow{background:var(--bal-color-yellow-1)}.bal-radio-button__native:disabled,.bal-radio-button__native--disabled{background:var(--bal-color-grey-1);border-color:var(--bal-color-border-grey-dark);cursor:default}.bal-radio-button__native--invalid{border-color:var(--bal-color-border-danger)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native:hover:not(:disabled):not(.bal-radio-button__native--colored){background:var(--bal-color-grey-1);border-color:var(--bal-color-border-primary-hovered)}}.bal-radio-button__native:active:not(:disabled){border-color:var(--bal-color-border-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native--invalid:hover:not(:disabled){border-color:var(--bal-color-border-danger-hovered)}.bal-radio-button__native--invalid:active:not(:disabled){border-color:var(--bal-color-border-danger-pressed)}}";var m=h;var p=a("bal_radio_button",function(){function a(a){var r=this;e(this,a);this.balFocus=t(this,"balFocus",7);this.balBlur=t(this,"balBlur",7);this.balFormControlDidLoad=t(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(a){if(r.disabled||r.readonly){return s(a)}var e=a.target;if(e&&e.href){return}var t=r.el.querySelector("bal-radio");var n=a.target;if(t&&n){var o=n===t||u(t,n);if(!o){s(a);t.click()}}};this.onFocus=function(a){var e;if(r.disabled||r.readonly){return s(a)}var t=r.el.querySelector("bal-radio");var n=a.target;if(r.keyboardMode){r.focused=true}if(t&&n){var o=n===t||u(t,n);if(o){s(a);(e=t.querySelector("input"))===null||e===void 0?void 0:e.focus()}}else{r.balFocus.emit()}};this.onBlur=function(a){var e;if(r.disabled||r.readonly){return s(a)}var t=r.el.querySelector("bal-radio");var n=a.target;r.focused=false;if(t&&n){var o=n===t||u(t,n);if(o){s(a);(e=t.querySelector("input"))===null||e===void 0?void 0:e.blur()}}else{r.balBlur.emit()}};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(a){return r.keyboardMode=d.includes(a.key)};this.interactionState=f.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}a.prototype.createLogger=function(a){this.log=a};a.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.triggerAllHandlers()};a.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};a.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.elementStateListener=function(a){this.interactionChildElements.forEach((function(e){e.hovered=a.hovered;e.pressed=a.pressed}))};a.prototype.setChecked=function(){return __awaiter(this,arguments,void 0,(function(a){if(a===void 0){a=true}return __generator(this,(function(e){this.checked=a;return[2]}))}))};Object.defineProperty(a.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-radio"))},enumerable:false,configurable:true});a.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};a.prototype.updateProps=function(a,e){var t=this[a];if(t!==undefined){this.notifyComponents(e,(function(e){return e[a]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.el.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a=c.block("radio-button");var e=!!this.disabled||!!this.readonly;var t=!!this.invalid;var o=!!this.color;var i=this.checked&&o;return r(n,{key:"930e72f27e13997e2cc563abcbbedd74d77aa469",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("column-".concat(this.colSize)).class(this.colSize>1)),a.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),a.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},r("button",{key:"da96569302e75ced3a3e6295b854bbb5dc537daf",role:"radio",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("disabled").class(e)),a.element("native").modifier("invalid").class(t)),a.element("native").modifier("checked").class(this.checked)),a.element("native").modifier("colored").class(i)),a.element("native").modifier("color-".concat(this.color)).class(o)),{"bal-focusable":!this.disabled}),disabled:e,onFocus:this.onFocus,onBlur:this.onBlur},r("slot",{key:"faafe0cf289c3faec5b68826ee2029dd9e5e5747"})))};Object.defineProperty(a.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return a}());i([b("bal-radio-button"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],p.prototype,"createLogger",null);i([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],p.prototype,"elementStateListener",null);p.style=m}}}));
+var __awaiter=this&&this.__awaiter||function(a,e,t,r){function n(a){return a instanceof t?a:new t((function(e){e(a)}))}return new(t||(t=Promise))((function(t,o){function i(a){try{c(r.next(a))}catch(a){o(a)}}function l(a){try{c(r["throw"](a))}catch(a){o(a)}}function c(a){a.done?t(a.value):n(a.value).then(i,l)}c((r=r.apply(a,e||[])).next())}))};var __generator=this&&this.__generator||function(a,e){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,n,o,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(a){return function(e){return c([a,e])}}function c(l){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,l[0]&&(t=0)),t)try{if(r=1,n&&(o=l[0]&2?n["return"]:l[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;if(n=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;n=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){t.label=l[1];break}if(l[0]===6&&t.label<o[1]){t.label=o[1];o=l;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(l);break}if(o[2])t.ops.pop();t.trys.pop();continue}l=e.call(a,t)}catch(a){l=[6,a];n=0}finally{r=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-980e4b57.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-5cd2674f.system.js","./p-e78be5ef.system.js","./p-a1f6e944.system.js","./p-ef3bfa9f.system.js","./p-eecefb0a.system.js"],(function(a){"use strict";var e,t,r,n,o,i,l,c,s,b,d,u,f,v;return{setters:[function(a){e=a.r;t=a.c;r=a.h;n=a.H;o=a.g},function(a){i=a._;l=a.a},function(a){c=a.B},function(a){s=a.s},function(a){b=a.L},function(a){d=a.F},function(a){u=a.j},function(a){f=a.B;v=a.L},function(){},function(){},function(){}],execute:function(){var h="@media (hover: hover)and (pointer: fine){.bal-radio-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-radio-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-radio-button__native{display:block;width:100%;height:100%;background:rgba(0,0,0,0);border-style:solid;border-radius:var(--bal-radius-normal);border-width:var(--bal-border-width-normal);border-color:var(--bal-color-border);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-radio-button__native--checked{border-color:var(--bal-color-border-primary)}.bal-radio-button__native--checked.bal-radio-button__native--color-green{background:var(--bal-color-green-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-purple{background:var(--bal-color-purple-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-red{background:var(--bal-color-red-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-yellow{background:var(--bal-color-yellow-1)}.bal-radio-button__native:disabled,.bal-radio-button__native--disabled{background:var(--bal-color-grey-1);border-color:var(--bal-color-border-grey-dark);cursor:default}.bal-radio-button__native--invalid{border-color:var(--bal-color-border-danger)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native:hover:not(:disabled):not(.bal-radio-button__native--colored){background:var(--bal-color-grey-1);border-color:var(--bal-color-border-primary-hovered)}}.bal-radio-button__native:active:not(:disabled){border-color:var(--bal-color-border-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native--invalid:hover:not(:disabled){border-color:var(--bal-color-border-danger-hovered)}.bal-radio-button__native--invalid:active:not(:disabled){border-color:var(--bal-color-border-danger-pressed)}}";var m=h;var p=a("bal_radio_button",function(){function a(a){var r=this;e(this,a);this.balFocus=t(this,"balFocus",7);this.balBlur=t(this,"balBlur",7);this.balFormControlDidLoad=t(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(a){if(r.disabled||r.readonly){return s(a)}var e=a.target;if(e&&e.href){return}var t=r.el.querySelector("bal-radio");var n=a.target;if(t&&n){var o=n===t||u(t,n);if(!o){s(a);t.click()}}};this.onFocus=function(a){var e;if(r.disabled||r.readonly){return s(a)}var t=r.el.querySelector("bal-radio");var n=a.target;if(r.keyboardMode){r.focused=true}if(t&&n){var o=n===t||u(t,n);if(o){s(a);(e=t.querySelector("input"))===null||e===void 0?void 0:e.focus()}}else{r.balFocus.emit()}};this.onBlur=function(a){var e;if(r.disabled||r.readonly){return s(a)}var t=r.el.querySelector("bal-radio");var n=a.target;r.focused=false;if(t&&n){var o=n===t||u(t,n);if(o){s(a);(e=t.querySelector("input"))===null||e===void 0?void 0:e.blur()}}else{r.balBlur.emit()}};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(a){return r.keyboardMode=d.includes(a.key)};this.interactionState=f.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}a.prototype.createLogger=function(a){this.log=a};a.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.triggerAllHandlers()};a.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};a.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.elementStateListener=function(a){this.interactionChildElements.forEach((function(e){e.hovered=a.hovered;e.pressed=a.pressed}))};a.prototype.setChecked=function(){return __awaiter(this,arguments,void 0,(function(a){if(a===void 0){a=true}return __generator(this,(function(e){this.checked=a;return[2]}))}))};Object.defineProperty(a.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-radio"))},enumerable:false,configurable:true});a.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};a.prototype.updateProps=function(a,e){var t=this[a];if(t!==undefined){this.notifyComponents(e,(function(e){return e[a]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.el.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a=c.block("radio-button");var e=!!this.disabled||!!this.readonly;var t=!!this.invalid;var o=!!this.color;var i=this.checked&&o;return r(n,{key:"6d15fada501de837329e97c0c8f4233176761f7e",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("column-".concat(this.colSize)).class(this.colSize>1)),a.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),a.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},r("button",{key:"45d8e41816ff805867601d8a0f55f1dcd5b53233",role:"radio",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("disabled").class(e)),a.element("native").modifier("invalid").class(t)),a.element("native").modifier("checked").class(this.checked)),a.element("native").modifier("colored").class(i)),a.element("native").modifier("color-".concat(this.color)).class(o)),{"bal-focusable":!this.disabled}),disabled:e,onFocus:this.onFocus,onBlur:this.onBlur},r("slot",{key:"25604044a505daa614dfa277b286f3aa7b0f082a"})))};Object.defineProperty(a.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return a}());i([b("bal-radio-button"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],p.prototype,"createLogger",null);i([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],p.prototype,"elementStateListener",null);p.style=m}}}));

package/dist/baloise-design-system/{p-d96cc18c2d.system.entry.js → p-f7554b087f.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;return o={next:s(0),throw:s(1),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-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-a1f6e944.system.js","./p-980e4b57.system.js","./p-5cd2674f.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-195ee683.system.js","./p-4e642b63.system.js","./p-ef3bfa9f.system.js"],(function(t){"use strict";var i,n,e,r,a,o,s,u,h,c,f,p,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){h=t.b},function(t){c=t.s},function(t){f=t.k},function(t){p=t.L},function(t){l=t.f},function(t){d=t.b},function(t){v=t.c},function(){}],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)")}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");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&&h.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&&h.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(h.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,h=i.middlewareData,c=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var f=c.split("-")[0];var p={top:"bottom",right:"left",bottom:"top",left:"right"}[f];if(h.arrow&&t.arrowEl){var l=h.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[p]="".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[p]="".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 y=":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;z-index:var(--bal-z-index-popup)}.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}.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-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)}.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__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.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;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var x=y;var k=t("bal_popup",function(){function t(t){var e=this;i(this,t);this.balChange=n(this,"balChange",7);this.balWillAnimate=n(this,"balWillAnimate",7);this.balDidAnimate=n(this,"balDidAnimate",7);this.popupId="bal-pu-".concat(j++);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.initialActive=this.active;this.debouncedGlobalClick=f((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()}};this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.trigger=undefined;this.lastTrigger=undefined;this.minContainerWidth=0;this.label="";this.reference=undefined;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.contentWidth=undefined;this.demo=false}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){n=t.target;e=n.closest("[bal-popup]");if(e&&h.hasWindow){r=((i=e.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===r){this.debouncedGlobalClick(e)}}return[2]}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.activeClosable&&this.presented&&v(t)){c(t);this.dismiss()}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=t}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(h.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()}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(!h.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.el;var i=t.querySelector(l);if(i){i.focus()}else{t.focus()}};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 h=s.element("head");var c=s.element("content");return e(r,{key:"faca9751174d4d2f7348cb3b7a018d6e3d5e4401",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:"c4e5cb86d6c3f72d4203579b13fdd492aae42e5d",class:Object.assign({},o.class()),ref:function(i){return t.backdropEl=i}}),e("div",{key:"34a7ae9a817a79c34514a38595fa21314912fd38",class:Object.assign(Object.assign({},n.class()),n.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:"".concat(this.minContainerWidth,"px")}},e("div",{key:"66bca82705a14ba4051e4f6ff5ddb5e57ae4860f",class:Object.assign({},a.class()),ref:function(i){return t.arrowEl=i}}),e("bal-stack",{key:"370a9c46d9bbd75615a3e792fb735bbbd9e9eb60",layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},s.class())},this.label?e("bal-stack",{space:"auto",class:Object.assign({},h.class())},e("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?e("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",e("div",{key:"c4abdbf963e98458d34819f5fd2614b33703a3e9",class:Object.assign({},c.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content"},e("slot",{key:"2a0407838f7814ecd8126c722afa02a333ed200a"})))))};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([p("bal-popup"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],k.prototype,"createLogger",null);var j=0;k.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;return o={next:s(0),throw:s(1),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-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-a1f6e944.system.js","./p-980e4b57.system.js","./p-5cd2674f.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-195ee683.system.js","./p-4e642b63.system.js","./p-ef3bfa9f.system.js"],(function(t){"use strict";var i,n,e,r,a,o,s,u,h,c,f,p,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){h=t.b},function(t){c=t.s},function(t){f=t.k},function(t){p=t.L},function(t){l=t.f},function(t){d=t.b},function(t){v=t.c},function(){}],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)")}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");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&&h.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&&h.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(h.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,h=i.middlewareData,c=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var f=c.split("-")[0];var p={top:"bottom",right:"left",bottom:"top",left:"right"}[f];if(h.arrow&&t.arrowEl){var l=h.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[p]="".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[p]="".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 y=":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;z-index:var(--bal-z-index-popup)}.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}.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-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)}.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__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.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;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var x=y;var k=t("bal_popup",function(){function t(t){var e=this;i(this,t);this.balChange=n(this,"balChange",7);this.balWillAnimate=n(this,"balWillAnimate",7);this.balDidAnimate=n(this,"balDidAnimate",7);this.popupId="bal-pu-".concat(j++);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.initialActive=this.active;this.debouncedGlobalClick=f((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()}};this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.trigger=undefined;this.lastTrigger=undefined;this.minContainerWidth=0;this.label="";this.reference=undefined;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.contentWidth=undefined;this.demo=false}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){n=t.target;e=n.closest("[bal-popup]");if(e&&h.hasWindow){r=((i=e.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===r){this.debouncedGlobalClick(e)}}return[2]}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.activeClosable&&this.presented&&v(t)){c(t);this.dismiss()}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=t}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(h.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()}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(!h.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.el;var i=t.querySelector(l);if(i){i.focus()}else{t.focus()}};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 h=s.element("head");var c=s.element("content");return e(r,{key:"55c0f5b114d115cd7c1d51aab5674d0e818b1250",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:"962ee2a6f7e6504b48e464c5e2ced9ca67765c36",class:Object.assign({},o.class()),ref:function(i){return t.backdropEl=i}}),e("div",{key:"b586c483ea4ec62c066486823b3a8f76493a2d6c",class:Object.assign(Object.assign({},n.class()),n.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:"".concat(this.minContainerWidth,"px")}},e("div",{key:"4f0664a3e528eb9b68ecd11d7b9ffb14bbf7eaaa",class:Object.assign({},a.class()),ref:function(i){return t.arrowEl=i}}),e("bal-stack",{key:"621e7ef166b71e781dc404f78be49e24e6183118",layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},s.class())},this.label?e("bal-stack",{space:"auto",class:Object.assign({},h.class())},e("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?e("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",e("div",{key:"04c6546ba5da40340316bf0e8ecfb296421d69dd",class:Object.assign({},c.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content"},e("slot",{key:"66f837e1b090db0c997c8b4d9673db7652ccfd85"})))))};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([p("bal-popup"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],k.prototype,"createLogger",null);var j=0;k.style=x}}}));

package/dist/baloise-design-system/{p-9438e5c989.entry.js → p-f7e9758f60.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as o,g as a}from"./p-2ccbe55a.js";import{_ as n,a as s}from"./p-43c9f5e9.js";import{B as r}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{a as d}from"./p-d9b38501.js";import{s as c}from"./p-e3e1d211.js";import{B as h,L as b}from"./p-5d689d39.js";import{l as p}from"./p-9a3d9e17.js";import{i as u}from"./p-dd5e13d1.js";import{b as g,o as v}from"./p-ef6a64f4.js";import{s as m,i as f}from"./p-c0c91eb1.js";import{d as y}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-acf222fd.js";import"./p-46251973.js";const k=class{constructor(i){t(this,i),this.balOptionChange=e(this,"balOptionChange",7),this.balOptionFocus=e(this,"balOptionFocus",7),this.inputId="bal-option-"+x++,this.onClick=t=>{const e=this.el.closest("bal-option-list");this.disabled||e&&e.disabled?c(t):e&&e.required&&!e.multiple?this.selected||this.select(!0):this.select(!this.selected)},this.checkbox=!1,this.interactionState=h.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1}createLogger(t){this.log=t}componentWillRender(){if(this.el){const t=this.el.closest("bal-option-list");t&&(this.checkbox=!!t.multiple)}}listenToMouseEnter(){const{label:t,value:e,selected:i,disabled:o,hidden:a}=this;a||o||this.balOptionFocus.emit({label:t,value:e,selected:i})}elementStateListener(t){this.interactionChildElements.forEach((e=>{e.hovered=t.hovered,e.pressed=t.pressed}))}async select(t=!0){this.selected=t;const{label:e,value:i}=this;this.balOptionChange.emit({label:e,value:i,selected:t})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}render(){const t=r.block("option");return i(o,{key:"2dbf49c5030c61a24ce0b2b8cb2fe0f1ede9895b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":d(this.hidden),"aria-selected":d(this.selected),"aria-checked":d(this.selected),"aria-disabled":d(this.disabled),"aria-invalid":d(this.invalid),tabIndex:-1,onClick:this.onClick},i("bal-stack",{key:"1ed42549cea2542e4eb56d7cfc6c1024dd13aa71",py:"small",space:"x-small"},this.checkbox?i("bal-checkbox",{flat:!0,nonSubmit:!0,"label-hidden":!0,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",i("div",{key:"3f3c59ec2f04e77bd0400ec58b8294c3ecd7a1b7",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},i("slot",{key:"04e84d67e23ba2e5bd59e5ddb7c4549327e77ce0"})),this.selected&&!this.checkbox?i("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return a(this)}};n([l("bal-option"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],k.prototype,"createLogger",null),n([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],k.prototype,"elementStateListener",null);let x=0;k.style=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--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-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";const w=class{constructor(e){t(this,e),this.inputId="bal-option-list-"+j++,this.inheritAttributes={},this.ariaForm=y,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.labelledby=void 0,this.filter="includes",this.contentHeight=262}createLogger(t){this.log=t}contentHeightChanged(t){void 0===t?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${t}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=u(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(t){const e=this.options,i=this.getOptionIndex(e,t.detail.value);void 0!==i&&this.updateFocus(e,i)}listenToOptionChange({detail:t}){this.multiple||this.options.filter((e=>e.value!==t.value)).forEach((t=>t.selected=!1))}async focusSelected(){const t=this.options,e=this.getSelectedOptionIndex(t);return e>0?(this.updateFocus(t,e),await g(),e):await this.focusFirst()}async focusFirst(){const t=this.options,e=this.getFirstOptionIndex(t);return this.updateFocus(t,e),this.updateScrollTopPosition(t[e]),await g(),e}async focusLast(){const t=this.options,e=this.getLastOptionIndex(t);return this.updateFocus(t,e),this.updateScrollBottomPosition(t[e]),await g(),e}async focusNext(){const t=this.options,e=this.getNextOptionIndex(t);return this.updateFocus(t,e),this.updateScrollBottomPosition(t[e]),await g(),e}async focusPrevious(){const t=this.options,e=this.getPreviousOptionIndex(t);return this.updateFocus(t,e),this.updateScrollTopPosition(t[e]),await g(),e}async focusByLabel(t,e){const i=this.options,o=this.getOptionIndexByLabel(i,t);this.updateFocus(i,o);const a=i[o];return this.updateScrollTopPosition(a),await g(),e.select&&await a.select(),o}async filterByContent(t){return this.filterOptions(this.allOptions,t),await g(),this.focusFirst()}async resetHidden(t=!1){this.options.forEach((e=>e.hidden=t)),await g(),this.resetFocus()}async resetSelected(t=!1){this.options.forEach((e=>e.selected=t)),await g()}async updateSelected(t){this.options.forEach((e=>e.selected=t.includes(e.value))),await g()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await g(),-1}async getSelectedValues(){return this.options.filter((t=>t.selected)).map((t=>t.value))}async getSelectedOptions(t){const e=this.options;return t&&t.length>0?e.filter((e=>t.includes(e.value))).map((t=>t)):e.filter((t=>t.selected)).map((t=>t))}async getValues(){return this.options.map((t=>t.value))}async getLabels(){return this.options.map((t=>t.label))}async getOptions(){return this.options.filter((t=>!t.disabled||!t.hidden))}async selectByFocus(){const t=this.options[this.focusIndex];t&&t.select(!this.multiple||!t.selected)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((t=>!t.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(t,e){const i=[],o="includes"===this.filter?f:m;for(let a=0;a<t.length;a++){const n=t[a];o(n.textContent||"",e)?(i.push(n),n.hidden=!1):n.hidden=!0}return i}isOptionVisible(t){const e=this.el.scrollTop;return e<=t.offsetTop&&t.offsetTop+t.clientHeight<=e+this.el.clientHeight}updateScrollTopPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForTopPosition(t)))}updateScrollBottomPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForBottomPosition(t)))}getScrollTopForTopPosition(t){const e=t.offsetTop;return e<0?0:e}getScrollTopForBottomPosition(t){const e=t.offsetTop+t.clientHeight-this.el.clientHeight;return e<0?0:e}async scrollTo(t){null!=t&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=v((async()=>{this.el.scrollTop=t})))}updateFocus(t,e){this.focusIndex=e;for(let i=0;i<t.length;i++)t[i].focused=i===e}getOptionIndex(t,e){for(let i=0;i<t.length;i++)if(t[i].value===e)return i}getSelectedOptionIndex(t){for(let e=0;e<t.length;e++){const i=t[e];if(i.selected&&!i.hidden)return e}return this.focusIndex}getFirstOptionIndex(t){for(let e=0;e<t.length;e++){const i=t[e];if(!i.disabled&&!i.hidden)return e}return this.focusIndex}getNextOptionIndex(t,e=this.focusIndex){if(e<0)return this.getFirstOptionIndex(t);let i=e;return e<this.getLength(t)&&(i=e+1,t[i].disabled)?this.getNextOptionIndex(t,i):i}getPreviousOptionIndex(t,e=this.focusIndex){const i=this.getFirstOptionIndex(t);if(e<=i)return i;let o=e;return o=e-1,t[o].disabled?this.getPreviousOptionIndex(t,o):o}getLastOptionIndex(t){for(let e=t.length-1;e>=0;e--)if(!t[e].disabled)return e;return this.focusIndex}getOptionIndexByLabel(t,e){if(void 0===e||""===e)return this.focusIndex;const i=t.find((t=>m(t.label||"",e)));return!p(i)&&i.id?t.indexOf(i):this.focusIndex}getLength(t){const e=t.map(((t,e)=>t.disabled?0:e));return Math.max(...e)}render(){const t=r.block("option-list"),e=this.labelledby||this.ariaForm.labelId;return i(o,{key:"946ff4a59bf7e9202317d7898791f34006c90ee1",class:Object.assign({},t.class()),id:this.inputId},i("div",Object.assign({key:"078d3ec40ac98bd470666e941b84119f89b9b5f9",role:"listbox","aria-labelledby":e,"aria-disabled":this.disabled,class:Object.assign({},t.element("container").class())},this.inheritAttributes),i("slot",{key:"18ddbc132a73787221f6bb7dbf483e1e26883a43"})))}get el(){return a(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};n([l("bal-option-list"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],w.prototype,"createLogger",null);let j=0;w.style=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";export{k as bal_option,w as bal_option_list}
+import{r as t,c as e,h as i,H as o,g as a}from"./p-2ccbe55a.js";import{_ as n,a as s}from"./p-43c9f5e9.js";import{B as r}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{a as d}from"./p-8f2e9a7f.js";import{s as c}from"./p-e3e1d211.js";import{B as h,L as b}from"./p-5d689d39.js";import{l as p}from"./p-9a3d9e17.js";import{i as u}from"./p-063808d7.js";import{b as g,o as v}from"./p-ef6a64f4.js";import{s as m,i as f}from"./p-c0c91eb1.js";import{d as y}from"./p-5eb3fbb9.js";import"./p-a65354df.js";import"./p-acf222fd.js";import"./p-46251973.js";const k=class{constructor(i){t(this,i),this.balOptionChange=e(this,"balOptionChange",7),this.balOptionFocus=e(this,"balOptionFocus",7),this.inputId="bal-option-"+x++,this.onClick=t=>{const e=this.el.closest("bal-option-list");this.disabled||e&&e.disabled?c(t):e&&e.required&&!e.multiple?this.selected||this.select(!0):this.select(!this.selected)},this.checkbox=!1,this.interactionState=h.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1}createLogger(t){this.log=t}componentWillRender(){if(this.el){const t=this.el.closest("bal-option-list");t&&(this.checkbox=!!t.multiple)}}listenToMouseEnter(){const{label:t,value:e,selected:i,disabled:o,hidden:a}=this;a||o||this.balOptionFocus.emit({label:t,value:e,selected:i})}elementStateListener(t){this.interactionChildElements.forEach((e=>{e.hovered=t.hovered,e.pressed=t.pressed}))}async select(t=!0){this.selected=t;const{label:e,value:i}=this;this.balOptionChange.emit({label:e,value:i,selected:t})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}render(){const t=r.block("option");return i(o,{key:"aed8058d7b0526a84dde426b242ded48836fde15",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":d(this.hidden),"aria-selected":d(this.selected),"aria-checked":d(this.selected),"aria-disabled":d(this.disabled),"aria-invalid":d(this.invalid),tabIndex:-1,onClick:this.onClick},i("bal-stack",{key:"e475f8289d2d11ec790e5b808a3b5a67405ee6db",py:"small",space:"x-small"},this.checkbox?i("bal-checkbox",{flat:!0,nonSubmit:!0,"label-hidden":!0,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",i("div",{key:"9dbc67bbd197f2d30ecc38eba4c1ccf93bb98a7d",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},i("slot",{key:"3e1392bbd15175bc15f43d0e4d90e65abfa0f5ec"})),this.selected&&!this.checkbox?i("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return a(this)}};n([l("bal-option"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],k.prototype,"createLogger",null),n([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],k.prototype,"elementStateListener",null);let x=0;k.style=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--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-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";const w=class{constructor(e){t(this,e),this.inputId="bal-option-list-"+j++,this.inheritAttributes={},this.ariaForm=y,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.labelledby=void 0,this.filter="includes",this.contentHeight=262}createLogger(t){this.log=t}contentHeightChanged(t){void 0===t?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${t}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=u(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(t){const e=this.options,i=this.getOptionIndex(e,t.detail.value);void 0!==i&&this.updateFocus(e,i)}listenToOptionChange({detail:t}){this.multiple||this.options.filter((e=>e.value!==t.value)).forEach((t=>t.selected=!1))}async focusSelected(){const t=this.options,e=this.getSelectedOptionIndex(t);return e>0?(this.updateFocus(t,e),await g(),e):await this.focusFirst()}async focusFirst(){const t=this.options,e=this.getFirstOptionIndex(t);return this.updateFocus(t,e),this.updateScrollTopPosition(t[e]),await g(),e}async focusLast(){const t=this.options,e=this.getLastOptionIndex(t);return this.updateFocus(t,e),this.updateScrollBottomPosition(t[e]),await g(),e}async focusNext(){const t=this.options,e=this.getNextOptionIndex(t);return this.updateFocus(t,e),this.updateScrollBottomPosition(t[e]),await g(),e}async focusPrevious(){const t=this.options,e=this.getPreviousOptionIndex(t);return this.updateFocus(t,e),this.updateScrollTopPosition(t[e]),await g(),e}async focusByLabel(t,e){const i=this.options,o=this.getOptionIndexByLabel(i,t);this.updateFocus(i,o);const a=i[o];return this.updateScrollTopPosition(a),await g(),e.select&&await a.select(),o}async filterByContent(t){return this.filterOptions(this.allOptions,t),await g(),this.focusFirst()}async resetHidden(t=!1){this.options.forEach((e=>e.hidden=t)),await g(),this.resetFocus()}async resetSelected(t=!1){this.options.forEach((e=>e.selected=t)),await g()}async updateSelected(t){this.options.forEach((e=>e.selected=t.includes(e.value))),await g()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await g(),-1}async getSelectedValues(){return this.options.filter((t=>t.selected)).map((t=>t.value))}async getSelectedOptions(t){const e=this.options;return t&&t.length>0?e.filter((e=>t.includes(e.value))).map((t=>t)):e.filter((t=>t.selected)).map((t=>t))}async getValues(){return this.options.map((t=>t.value))}async getLabels(){return this.options.map((t=>t.label))}async getOptions(){return this.options.filter((t=>!t.disabled||!t.hidden))}async selectByFocus(){const t=this.options[this.focusIndex];t&&t.select(!this.multiple||!t.selected)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((t=>!t.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(t,e){const i=[],o="includes"===this.filter?f:m;for(let a=0;a<t.length;a++){const n=t[a];o(n.textContent||"",e)?(i.push(n),n.hidden=!1):n.hidden=!0}return i}isOptionVisible(t){const e=this.el.scrollTop;return e<=t.offsetTop&&t.offsetTop+t.clientHeight<=e+this.el.clientHeight}updateScrollTopPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForTopPosition(t)))}updateScrollBottomPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForBottomPosition(t)))}getScrollTopForTopPosition(t){const e=t.offsetTop;return e<0?0:e}getScrollTopForBottomPosition(t){const e=t.offsetTop+t.clientHeight-this.el.clientHeight;return e<0?0:e}async scrollTo(t){null!=t&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=v((async()=>{this.el.scrollTop=t})))}updateFocus(t,e){this.focusIndex=e;for(let i=0;i<t.length;i++)t[i].focused=i===e}getOptionIndex(t,e){for(let i=0;i<t.length;i++)if(t[i].value===e)return i}getSelectedOptionIndex(t){for(let e=0;e<t.length;e++){const i=t[e];if(i.selected&&!i.hidden)return e}return this.focusIndex}getFirstOptionIndex(t){for(let e=0;e<t.length;e++){const i=t[e];if(!i.disabled&&!i.hidden)return e}return this.focusIndex}getNextOptionIndex(t,e=this.focusIndex){if(e<0)return this.getFirstOptionIndex(t);let i=e;return e<this.getLength(t)&&(i=e+1,t[i].disabled)?this.getNextOptionIndex(t,i):i}getPreviousOptionIndex(t,e=this.focusIndex){const i=this.getFirstOptionIndex(t);if(e<=i)return i;let o=e;return o=e-1,t[o].disabled?this.getPreviousOptionIndex(t,o):o}getLastOptionIndex(t){for(let e=t.length-1;e>=0;e--)if(!t[e].disabled)return e;return this.focusIndex}getOptionIndexByLabel(t,e){if(void 0===e||""===e)return this.focusIndex;const i=t.find((t=>m(t.label||"",e)));return!p(i)&&i.id?t.indexOf(i):this.focusIndex}getLength(t){const e=t.map(((t,e)=>t.disabled?0:e));return Math.max(...e)}render(){const t=r.block("option-list"),e=this.labelledby||this.ariaForm.labelId;return i(o,{key:"4d5be05c78e0aab806b0cd05a6b5af22ab33c773",class:Object.assign({},t.class()),id:this.inputId},i("div",Object.assign({key:"206f190d75dd3cc6a57cf3ea7c9257078580fd62",role:"listbox","aria-labelledby":e,"aria-disabled":d(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),i("slot",{key:"8cee74e85814e448f04c4f2c766721f969ff19cb"})))}get el(){return a(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};n([l("bal-option-list"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],w.prototype,"createLogger",null);let j=0;w.style=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";export{k as bal_option,w as bal_option_list}

package/dist/baloise-design-system/{p-1b5f932fe9.system.entry.js → p-f908b02917.system.entry.js}

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