@baloise/ds-core 19.3.0-nightly.20250704 → 19.3.0

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

@@ -1 +0,0 @@
-import{L as t,H as i,K as s,M as e,N as C,O as o}from"./p-DgPiq0y0.js";import{_ as a,a as l}from"./p-dfXERft2.js";import{B as n}from"./p-ByiN-QjD.js";import{b as h}from"./p-DieY27e8.js";import{L as r}from"./p-Bd8SDbWy.js";import{L as g}from"./p-B_VNoLFI.js";import"./p-CrVMeGPj.js";import"./p-N2wlH4Xn.js";import"./p-B0bmgb-_.js";const p=class{constructor(t){i(this,t),this.isTouch=h.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();s((async()=>{import("./p-BC9JH89x.js").then((i=>{this.animationFunction=i.animate,t()})).catch(i)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy()}render(){const t=n.block("logo"),i=this.isAnimated?()=>e("div",{style:{width:this.isTouch?"100px":"158px",height:this.isTouch?"22px":"32px"},ref:t=>this.animatedLogoElement=t}):this.isTouch&&""===this.size||"small"===this.size?()=>e("svg",{focusable:"false","aria-hidden":"true",width:"100",height:"22",viewBox:"0 0 100 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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"})):()=>e("svg",{focusable:"false","aria-hidden":"true",width:"158",height:"32",viewBox:"0 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("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 e(C,{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))},e(i,null))}get el(){return o(this)}static get watchers(){return{animated:["animatedWatcher"]}}};a([t("bal-logo"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],p.prototype,"createLogger",null),a([r(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],p.prototype,"breakpointListener",null),a([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],p.prototype,"configChanged",null),p.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{p as bal_logo}

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

@@ -1 +0,0 @@
-import{H as r,M as i,N as a,O as l}from"./p-DgPiq0y0.js";import{B as o}from"./p-ByiN-QjD.js";const p=class{constructor(i){r(this,i),this.invalid=!1,this.disabled=!1,this.readonly=!1}render(){const r=o.block("input-group"),l=this.invalid,p=this.disabled||this.readonly;return i(a,{key:"8f4dbc85cf4f85478b35d74e150a0776ede42446",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("is-danger").class(l)),r.modifier("is-disabled").class(p))},i("slot",{key:"d3060925b6928994bebeb78791a0028ffc6ac5ac"}))}get el(){return l(this)}};p.style=".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-color-grey-1)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";export{p as bal_input_group}

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

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

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

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,n){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,a){function o(t){try{s(n.next(t))}catch(t){a(t)}}function u(t){try{s(n["throw"](t))}catch(t){a(t)}}function s(t){t.done?r(t.value):i(t.value).then(o,u)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(e){return s([t,e])}}function s(u){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(r=0)),r)try{if(n=1,i&&(a=u[0]&2?i["return"]:u[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,u[1])).done)return a;if(i=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:r.label++;return{value:u[1],done:false};case 5:r.label++;i=u[1];u=[0];continue;case 7:u=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){r=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){r.label=u[1];break}if(u[0]===6&&r.label<a[1]){r.label=a[1];a=u;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(u);break}if(a[2])r.ops.pop();r.trys.pop();continue}u=e.call(t,r)}catch(t){u=[6,t];i=0}finally{n=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,r){if(r||arguments.length===2)for(var n=0,i=e.length,a;n<i;n++){if(a||!(n in e)){if(!a)a=Array.prototype.slice.call(e,0,n);a[n]=e[n]}}return t.concat(a||Array.prototype.slice.call(e))};System.register(["./p-UHSJaF1l.system.js","./p-Cjiw70Dk.system.js","./p-B33S9saU.system.js","./p-BbAtjg9Y.system.js","./p-Dou6adza.system.js","./p-CaFT5PQ1.system.js","./p-RpbX6ZuY.system.js","./p-B-nlYC3C.system.js","./p-SdtgSPca.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-SeKJ5o8j.system.js","./p-YF2lEyTF.system.js","./p-DvpDuwcR.system.js"],(function(t){"use strict";var e,r,n,i,a,o,u,s,c,f,l,v,p,d,b,h,_;return{setters:[function(t){e=t.H;r=t.M;n=t.N;i=t.O;a=t.L;o=t.P;u=t.a},function(t){s=t._;c=t.a},function(t){f=t.L},function(t){l=t.B},function(t){v=t.p},function(t){p=t.B},function(t){d=t.b},function(t){b=t.L},function(t){h=t.b;_=t.d},null,null,null,null,null],execute:function(){var m="@media (hover: hover)and (pointer: fine){.bal-hint__icon:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle{fill:var(--bal-color-light-blue-5)}.bal-hint .bal-popup__container{z-index:var(--bal-z-index-popup);background:var(--bal-hint-content-background)}.bal-hint__content{background:var(--bal-hint-content-background);width:auto;max-width:30rem;min-width:16.25rem;display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__content__text__field{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text);font-size:var(--bal-text-size-normal)}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";var g=t("bal_hint",function(){function t(t){var r=this;e(this,t);this.bodyScrollHandler=new p;this.componentId="bal-hint-".concat(y++);this.isActive=false;this.innerCloseLabel="Close";this.isMobile=d.isMobile;this.small=false;this.onPopupChange=function(t){r.isActive=t.detail;v(t)}}t.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};t.prototype.componentDidRender=function(){this.updateContent()};t.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};t.prototype.breakpointListener=function(t){var e=t.mobile;if(e!==this.isMobile){this.isActive=false}this.isMobile=e};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.closeLabel){switch(t.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close";break}}return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isActive){this.dismiss()}else{this.present()}return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.popupElement){this.popupElement.present()}if(this.isMobile){this.bodyScrollHandler.disable()}this.isActive=true;return[2]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.popupElement){this.popupElement.dismiss()}if(this.isMobile){this.bodyScrollHandler.enable()}this.isActive=false;return[2]}))}))};t.prototype.updateContent=function(){if(this.hintContentEl&&this.slotWrapperEl){this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML}};t.prototype.render=function(){var t=this;var e=l.block("hint");var i=e.element("icon");var a=e.element("content");var o=a.element("buttons");var u=function(){return r("bal-icon",{class:Object.assign({},i.class()),"bal-popup":t.componentId,"data-testid":"bal-hint-trigger","aria-haspopup":"true",role:"button",name:"info-circle",tabindex:0,onKeyDown:function(e){if(h(e)||_(e)){e.preventDefault();t.toggle()}}})};var s=function(){return r("div",{class:Object.assign({},a.class()),"data-testid":"bal-hint-content"},r("div",{ref:function(e){return t.hintContentEl=e}}),r("bal-button-group",{class:Object.assign(Object.assign({},o.class()),o.modifier("is-hidden-desktop").class(t.small))},r("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:function(){return t.dismiss()}},t.closeLabel?t.closeLabel:t.innerCloseLabel)))};var c=function(){return r("div",{class:Object.assign({},e.element("popup").class())},r(u,null),r("bal-popup",{id:t.componentId,placement:"right",ref:function(e){return t.popupElement=e},onBalChange:t.onPopupChange,variant:t.isMobile?"fullscreen":"popover",offset:t.isMobile?0:16},r("bal-popup-content",null,r(s,null))))};return r(n,{class:Object.assign({},e.class())},r(c,null),r("div",{ref:function(e){return t.slotWrapperEl=e},style:{display:"none"}},r("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());s([b(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],g.prototype,"breakpointListener",null);s([f(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],g.prototype,"configChanged",null);var y=0;g.style=m;var w=t("bal_hint_text",function(){function t(t){e(this,t)}t.prototype.render=function(){var t=l.block("hint");var e=t.element("content");var i=e.element("text");var a=i.element("field");return r(n,{key:"24898db6c3c51d19a7df6552a2e0f370c8812f95",class:Object.assign({},i.class())},r("p",{key:"2ff7501b81213d1a553f2a9a9c98df6d9577e5e8",class:Object.assign({},a.class())},r("slot",{key:"e2f5ecd78ad99fc53713576807011f39884ad7fb"})))};return t}());var x=t("bal_hint_title",function(){function t(t){e(this,t)}t.prototype.render=function(){var t=l.block("hint");var e=t.element("content");var i=e.element("title");var a=i.element("heading");return r(n,{key:"6304fd03629ecdbaeff48777da6e9950a02e02bf",class:Object.assign({},i.class())},r("h3",{key:"5cdfc4c2319f7b8b17f23d02aeae7cbc534134af",class:Object.assign({},a.class())},r("span",{key:"6e5ce498f0574fe356778d87fb98f59b446bd8e3"},r("slot",{key:"9604fad3ee38908e2a51ab295e7d17dad7b3d7fc"}))))};return t}());var j="top";var O="bottom";var k="right";var z="left";var A="auto";var S=[j,O,k,z];var C="start";var E="end";var P="clippingParents";var M="viewport";var B="popper";var F="reference";var L=S.reduce((function(t,e){return t.concat([e+"-"+C,e+"-"+E])}),[]);var T=[].concat(S,[A]).reduce((function(t,e){return t.concat([e,e+"-"+C,e+"-"+E])}),[]);var q="beforeRead";var D="read";var R="afterRead";var W="beforeMain";var H="main";var I="afterMain";var U="beforeWrite";var Y="write";var J="afterWrite";var K=[q,D,R,W,H,I,U,Y,J];function N(t){return t?(t.nodeName||"").toLowerCase():null}function V(t){if(t==null){return window}if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e?e.defaultView||window:window}return t}function G(t){var e=V(t).Element;return t instanceof e||t instanceof Element}function Q(t){var e=V(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function X(t){if(typeof ShadowRoot==="undefined"){return false}var e=V(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Z(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var r=e.styles[t]||{};var n=e.attributes[t]||{};var i=e.elements[t];if(!Q(i)||!N(i)){return}Object.assign(i.style,r);Object.keys(n).forEach((function(t){var e=n[t];if(e===false){i.removeAttribute(t)}else{i.setAttribute(t,e===true?"":e)}}))}))}function $(t){var e=t.state;var r={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(e.elements.popper.style,r.popper);e.styles=r;if(e.elements.arrow){Object.assign(e.elements.arrow.style,r.arrow)}return function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t];var i=e.attributes[t]||{};var a=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:r[t]);var o=a.reduce((function(t,e){t[e]="";return t}),{});if(!Q(n)||!N(n)){return}Object.assign(n.style,o);Object.keys(i).forEach((function(t){n.removeAttribute(t)}))}))}}var tt={name:"applyStyles",enabled:true,phase:"write",fn:Z,effect:$,requires:["computeStyles"]};function et(t){return t.split("-")[0]}var rt=Math.max;var nt=Math.min;var it=Math.round;function at(){var t=navigator.userAgentData;if(t!=null&&t.brands&&Array.isArray(t.brands)){return t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ")}return navigator.userAgent}function ot(){return!/^((?!chrome|android).)*safari/i.test(at())}function ut(t,e,r){if(e===void 0){e=false}if(r===void 0){r=false}var n=t.getBoundingClientRect();var i=1;var a=1;if(e&&Q(t)){i=t.offsetWidth>0?it(n.width)/t.offsetWidth||1:1;a=t.offsetHeight>0?it(n.height)/t.offsetHeight||1:1}var o=G(t)?V(t):window,u=o.visualViewport;var s=!ot()&&r;var c=(n.left+(s&&u?u.offsetLeft:0))/i;var f=(n.top+(s&&u?u.offsetTop:0))/a;var l=n.width/i;var v=n.height/a;return{width:l,height:v,top:f,right:c+l,bottom:f+v,left:c,x:c,y:f}}function st(t){var e=ut(t);var r=t.offsetWidth;var n=t.offsetHeight;if(Math.abs(e.width-r)<=1){r=e.width}if(Math.abs(e.height-n)<=1){n=e.height}return{x:t.offsetLeft,y:t.offsetTop,width:r,height:n}}function ct(t,e){var r=e.getRootNode&&e.getRootNode();if(t.contains(e)){return true}else if(r&&X(r)){var n=e;do{if(n&&t.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function ft(t){return V(t).getComputedStyle(t)}function lt(t){return["table","td","th"].indexOf(N(t))>=0}function vt(t){return((G(t)?t.ownerDocument:t.document)||window.document).documentElement}function pt(t){if(N(t)==="html"){return t}return t.assignedSlot||t.parentNode||(X(t)?t.host:null)||vt(t)}function dt(t){if(!Q(t)||ft(t).position==="fixed"){return null}return t.offsetParent}function bt(t){var e=/firefox/i.test(at());var r=/Trident/i.test(at());if(r&&Q(t)){var n=ft(t);if(n.position==="fixed"){return null}}var i=pt(t);if(X(i)){i=i.host}while(Q(i)&&["html","body"].indexOf(N(i))<0){var a=ft(i);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||e&&a.willChange==="filter"||e&&a.filter&&a.filter!=="none"){return i}else{i=i.parentNode}}return null}function ht(t){var e=V(t);var r=dt(t);while(r&&lt(r)&&ft(r).position==="static"){r=dt(r)}if(r&&(N(r)==="html"||N(r)==="body"&&ft(r).position==="static")){return e}return r||bt(t)||e}function _t(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function mt(t,e,r){return rt(t,nt(e,r))}function gt(t,e,r){var n=mt(t,e,r);return n>r?r:n}function yt(){return{top:0,right:0,bottom:0,left:0}}function wt(t){return Object.assign({},yt(),t)}function xt(t,e){return e.reduce((function(e,r){e[r]=t;return e}),{})}var jt=function t(e,r){e=typeof e==="function"?e(Object.assign({},r.rects,{placement:r.placement})):e;return wt(typeof e!=="number"?e:xt(e,S))};function Ot(t){var e;var r=t.state,n=t.name,i=t.options;var a=r.elements.arrow;var o=r.modifiersData.popperOffsets;var u=et(r.placement);var s=_t(u);var c=[z,k].indexOf(u)>=0;var f=c?"height":"width";if(!a||!o){return}var l=jt(i.padding,r);var v=st(a);var p=s==="y"?j:z;var d=s==="y"?O:k;var b=r.rects.reference[f]+r.rects.reference[s]-o[s]-r.rects.popper[f];var h=o[s]-r.rects.reference[s];var _=ht(a);var m=_?s==="y"?_.clientHeight||0:_.clientWidth||0:0;var g=b/2-h/2;var y=l[p];var w=m-v[f]-l[d];var x=m/2-v[f]/2+g;var A=mt(y,x,w);var S=s;r.modifiersData[n]=(e={},e[S]=A,e.centerOffset=A-x,e)}function kt(t){var e=t.state,r=t.options;var n=r.element,i=n===void 0?"[data-popper-arrow]":n;if(i==null){return}if(typeof i==="string"){i=e.elements.popper.querySelector(i);if(!i){return}}if(!ct(e.elements.popper,i)){return}e.elements.arrow=i}var zt={name:"arrow",enabled:true,phase:"main",fn:Ot,effect:kt,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function At(t){return t.split("-")[1]}var St={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Ct(t,e){var r=t.x,n=t.y;var i=e.devicePixelRatio||1;return{x:it(r*i)/i||0,y:it(n*i)/i||0}}function Et(t){var e;var r=t.popper,n=t.popperRect,i=t.placement,a=t.variation,o=t.offsets,u=t.position,s=t.gpuAcceleration,c=t.adaptive,f=t.roundOffsets,l=t.isFixed;var v=o.x,p=v===void 0?0:v,d=o.y,b=d===void 0?0:d;var h=typeof f==="function"?f({x:p,y:b}):{x:p,y:b};p=h.x;b=h.y;var _=o.hasOwnProperty("x");var m=o.hasOwnProperty("y");var g=z;var y=j;var w=window;if(c){var x=ht(r);var A="clientHeight";var S="clientWidth";if(x===V(r)){x=vt(r);if(ft(x).position!=="static"&&u==="absolute"){A="scrollHeight";S="scrollWidth"}}x=x;if(i===j||(i===z||i===k)&&a===E){y=O;var C=l&&x===w&&w.visualViewport?w.visualViewport.height:x[A];b-=C-n.height;b*=s?1:-1}if(i===z||(i===j||i===O)&&a===E){g=k;var P=l&&x===w&&w.visualViewport?w.visualViewport.width:x[S];p-=P-n.width;p*=s?1:-1}}var M=Object.assign({position:u},c&&St);var B=f===true?Ct({x:p,y:b},V(r)):{x:p,y:b};p=B.x;b=B.y;if(s){var F;return Object.assign({},M,(F={},F[y]=m?"0":"",F[g]=_?"0":"",F.transform=(w.devicePixelRatio||1)<=1?"translate("+p+"px, "+b+"px)":"translate3d("+p+"px, "+b+"px, 0)",F))}return Object.assign({},M,(e={},e[y]=m?b+"px":"",e[g]=_?p+"px":"",e.transform="",e))}function Pt(t){var e=t.state,r=t.options;var n=r.gpuAcceleration,i=n===void 0?true:n,a=r.adaptive,o=a===void 0?true:a,u=r.roundOffsets,s=u===void 0?true:u;var c={placement:et(e.placement),variation:At(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:i,isFixed:e.options.strategy==="fixed"};if(e.modifiersData.popperOffsets!=null){e.styles.popper=Object.assign({},e.styles.popper,Et(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:o,roundOffsets:s})))}if(e.modifiersData.arrow!=null){e.styles.arrow=Object.assign({},e.styles.arrow,Et(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:s})))}e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}var Mt={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:Pt,data:{}};var Bt={passive:true};function Ft(t){var e=t.state,r=t.instance,n=t.options;var i=n.scroll,a=i===void 0?true:i,o=n.resize,u=o===void 0?true:o;var s=V(e.elements.popper);var c=[].concat(e.scrollParents.reference,e.scrollParents.popper);if(a){c.forEach((function(t){t.addEventListener("scroll",r.update,Bt)}))}if(u){s.addEventListener("resize",r.update,Bt)}return function(){if(a){c.forEach((function(t){t.removeEventListener("scroll",r.update,Bt)}))}if(u){s.removeEventListener("resize",r.update,Bt)}}}var Lt={name:"eventListeners",enabled:true,phase:"write",fn:function t(){},effect:Ft,data:{}};var Tt={left:"right",right:"left",bottom:"top",top:"bottom"};function qt(t){return t.replace(/left|right|bottom|top/g,(function(t){return Tt[t]}))}var Dt={start:"end",end:"start"};function Rt(t){return t.replace(/start|end/g,(function(t){return Dt[t]}))}function Wt(t){var e=V(t);var r=e.pageXOffset;var n=e.pageYOffset;return{scrollLeft:r,scrollTop:n}}function Ht(t){return ut(vt(t)).left+Wt(t).scrollLeft}function It(t,e){var r=V(t);var n=vt(t);var i=r.visualViewport;var a=n.clientWidth;var o=n.clientHeight;var u=0;var s=0;if(i){a=i.width;o=i.height;var c=ot();if(c||!c&&e==="fixed"){u=i.offsetLeft;s=i.offsetTop}}return{width:a,height:o,x:u+Ht(t),y:s}}function Ut(t){var e;var r=vt(t);var n=Wt(t);var i=(e=t.ownerDocument)==null?void 0:e.body;var a=rt(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0);var o=rt(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);var u=-n.scrollLeft+Ht(t);var s=-n.scrollTop;if(ft(i||r).direction==="rtl"){u+=rt(r.clientWidth,i?i.clientWidth:0)-a}return{width:a,height:o,x:u,y:s}}function Yt(t){var e=ft(t),r=e.overflow,n=e.overflowX,i=e.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+n)}function Jt(t){if(["html","body","#document"].indexOf(N(t))>=0){return t.ownerDocument.body}if(Q(t)&&Yt(t)){return t}return Jt(pt(t))}function Kt(t,e){var r;if(e===void 0){e=[]}var n=Jt(t);var i=n===((r=t.ownerDocument)==null?void 0:r.body);var a=V(n);var o=i?[a].concat(a.visualViewport||[],Yt(n)?n:[]):n;var u=e.concat(o);return i?u:u.concat(Kt(pt(o)))}function Nt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Vt(t,e){var r=ut(t,false,e==="fixed");r.top=r.top+t.clientTop;r.left=r.left+t.clientLeft;r.bottom=r.top+t.clientHeight;r.right=r.left+t.clientWidth;r.width=t.clientWidth;r.height=t.clientHeight;r.x=r.left;r.y=r.top;return r}function Gt(t,e,r){return e===M?Nt(It(t,r)):G(e)?Vt(e,r):Nt(Ut(vt(t)))}function Qt(t){var e=Kt(pt(t));var r=["absolute","fixed"].indexOf(ft(t).position)>=0;var n=r&&Q(t)?ht(t):t;if(!G(n)){return[]}return e.filter((function(t){return G(t)&&ct(t,n)&&N(t)!=="body"}))}function Xt(t,e,r,n){var i=e==="clippingParents"?Qt(t):[].concat(e);var a=[].concat(i,[r]);var o=a[0];var u=a.reduce((function(e,r){var i=Gt(t,r,n);e.top=rt(i.top,e.top);e.right=nt(i.right,e.right);e.bottom=nt(i.bottom,e.bottom);e.left=rt(i.left,e.left);return e}),Gt(t,o,n));u.width=u.right-u.left;u.height=u.bottom-u.top;u.x=u.left;u.y=u.top;return u}function Zt(t){var e=t.reference,r=t.element,n=t.placement;var i=n?et(n):null;var a=n?At(n):null;var o=e.x+e.width/2-r.width/2;var u=e.y+e.height/2-r.height/2;var s;switch(i){case j:s={x:o,y:e.y-r.height};break;case O:s={x:o,y:e.y+e.height};break;case k:s={x:e.x+e.width,y:u};break;case z:s={x:e.x-r.width,y:u};break;default:s={x:e.x,y:e.y}}var c=i?_t(i):null;if(c!=null){var f=c==="y"?"height":"width";switch(a){case C:s[c]=s[c]-(e[f]/2-r[f]/2);break;case E:s[c]=s[c]+(e[f]/2-r[f]/2);break}}return s}function $t(t,e){if(e===void 0){e={}}var r=e,n=r.placement,i=n===void 0?t.placement:n,a=r.strategy,o=a===void 0?t.strategy:a,u=r.boundary,s=u===void 0?P:u,c=r.rootBoundary,f=c===void 0?M:c,l=r.elementContext,v=l===void 0?B:l,p=r.altBoundary,d=p===void 0?false:p,b=r.padding,h=b===void 0?0:b;var _=wt(typeof h!=="number"?h:xt(h,S));var m=v===B?F:B;var g=t.rects.popper;var y=t.elements[d?m:v];var w=Xt(G(y)?y:y.contextElement||vt(t.elements.popper),s,f,o);var x=ut(t.elements.reference);var z=Zt({reference:x,element:g,placement:i});var A=Nt(Object.assign({},g,z));var C=v===B?A:x;var E={top:w.top-C.top+_.top,bottom:C.bottom-w.bottom+_.bottom,left:w.left-C.left+_.left,right:C.right-w.right+_.right};var L=t.modifiersData.offset;if(v===B&&L){var T=L[i];Object.keys(E).forEach((function(t){var e=[k,O].indexOf(t)>=0?1:-1;var r=[j,O].indexOf(t)>=0?"y":"x";E[t]+=T[r]*e}))}return E}function te(t,e){if(e===void 0){e={}}var r=e,n=r.placement,i=r.boundary,a=r.rootBoundary,o=r.padding,u=r.flipVariations,s=r.allowedAutoPlacements,c=s===void 0?T:s;var f=At(n);var l=f?u?L:L.filter((function(t){return At(t)===f})):S;var v=l.filter((function(t){return c.indexOf(t)>=0}));if(v.length===0){v=l}var p=v.reduce((function(e,r){e[r]=$t(t,{placement:r,boundary:i,rootBoundary:a,padding:o})[et(r)];return e}),{});return Object.keys(p).sort((function(t,e){return p[t]-p[e]}))}function ee(t){if(et(t)===A){return[]}var e=qt(t);return[Rt(t),e,Rt(e)]}function re(t){var e=t.state,r=t.options,n=t.name;if(e.modifiersData[n]._skip){return}var i=r.mainAxis,a=i===void 0?true:i,o=r.altAxis,u=o===void 0?true:o,s=r.fallbackPlacements,c=r.padding,f=r.boundary,l=r.rootBoundary,v=r.altBoundary,p=r.flipVariations,d=p===void 0?true:p,b=r.allowedAutoPlacements;var h=e.options.placement;var _=et(h);var m=_===h;var g=s||(m||!d?[qt(h)]:ee(h));var y=[h].concat(g).reduce((function(t,r){return t.concat(et(r)===A?te(e,{placement:r,boundary:f,rootBoundary:l,padding:c,flipVariations:d,allowedAutoPlacements:b}):r)}),[]);var w=e.rects.reference;var x=e.rects.popper;var S=new Map;var E=true;var P=y[0];for(var M=0;M<y.length;M++){var B=y[M];var F=et(B);var L=At(B)===C;var T=[j,O].indexOf(F)>=0;var q=T?"width":"height";var D=$t(e,{placement:B,boundary:f,rootBoundary:l,altBoundary:v,padding:c});var R=T?L?k:z:L?O:j;if(w[q]>x[q]){R=qt(R)}var W=qt(R);var H=[];if(a){H.push(D[F]<=0)}if(u){H.push(D[R]<=0,D[W]<=0)}if(H.every((function(t){return t}))){P=B;E=false;break}S.set(B,H)}if(E){var I=d?3:1;var U=function t(e){var r=y.find((function(t){var r=S.get(t);if(r){return r.slice(0,e).every((function(t){return t}))}}));if(r){P=r;return"break"}};for(var Y=I;Y>0;Y--){var J=U(Y);if(J==="break")break}}if(e.placement!==P){e.modifiersData[n]._skip=true;e.placement=P;e.reset=true}}var ne={name:"flip",enabled:true,phase:"main",fn:re,requiresIfExists:["offset"],data:{_skip:false}};function ie(t,e,r){if(r===void 0){r={x:0,y:0}}return{top:t.top-e.height-r.y,right:t.right-e.width+r.x,bottom:t.bottom-e.height+r.y,left:t.left-e.width-r.x}}function ae(t){return[j,k,O,z].some((function(e){return t[e]>=0}))}function oe(t){var e=t.state,r=t.name;var n=e.rects.reference;var i=e.rects.popper;var a=e.modifiersData.preventOverflow;var o=$t(e,{elementContext:"reference"});var u=$t(e,{altBoundary:true});var s=ie(o,n);var c=ie(u,i,a);var f=ae(s);var l=ae(c);e.modifiersData[r]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:f,hasPopperEscaped:l};e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":l})}var ue={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:oe};function se(t,e,r){var n=et(t);var i=[z,j].indexOf(n)>=0?-1:1;var a=typeof r==="function"?r(Object.assign({},e,{placement:t})):r,o=a[0],u=a[1];o=o||0;u=(u||0)*i;return[z,k].indexOf(n)>=0?{x:u,y:o}:{x:o,y:u}}function ce(t){var e=t.state,r=t.options,n=t.name;var i=r.offset,a=i===void 0?[0,0]:i;var o=T.reduce((function(t,r){t[r]=se(r,e.rects,a);return t}),{});var u=o[e.placement],s=u.x,c=u.y;if(e.modifiersData.popperOffsets!=null){e.modifiersData.popperOffsets.x+=s;e.modifiersData.popperOffsets.y+=c}e.modifiersData[n]=o}var fe={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:ce};function le(t){var e=t.state,r=t.name;e.modifiersData[r]=Zt({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})}var ve={name:"popperOffsets",enabled:true,phase:"read",fn:le,data:{}};function pe(t){return t==="x"?"y":"x"}function de(t){var e=t.state,r=t.options,n=t.name;var i=r.mainAxis,a=i===void 0?true:i,o=r.altAxis,u=o===void 0?false:o,s=r.boundary,c=r.rootBoundary,f=r.altBoundary,l=r.padding,v=r.tether,p=v===void 0?true:v,d=r.tetherOffset,b=d===void 0?0:d;var h=$t(e,{boundary:s,rootBoundary:c,padding:l,altBoundary:f});var _=et(e.placement);var m=At(e.placement);var g=!m;var y=_t(_);var w=pe(y);var x=e.modifiersData.popperOffsets;var A=e.rects.reference;var S=e.rects.popper;var E=typeof b==="function"?b(Object.assign({},e.rects,{placement:e.placement})):b;var P=typeof E==="number"?{mainAxis:E,altAxis:E}:Object.assign({mainAxis:0,altAxis:0},E);var M=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null;var B={x:0,y:0};if(!x){return}if(a){var F;var L=y==="y"?j:z;var T=y==="y"?O:k;var q=y==="y"?"height":"width";var D=x[y];var R=D+h[L];var W=D-h[T];var H=p?-S[q]/2:0;var I=m===C?A[q]:S[q];var U=m===C?-S[q]:-A[q];var Y=e.elements.arrow;var J=p&&Y?st(Y):{width:0,height:0};var K=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:yt();var N=K[L];var V=K[T];var G=mt(0,A[q],J[q]);var Q=g?A[q]/2-H-G-N-P.mainAxis:I-G-N-P.mainAxis;var X=g?-A[q]/2+H+G+V+P.mainAxis:U+G+V+P.mainAxis;var Z=e.elements.arrow&&ht(e.elements.arrow);var $=Z?y==="y"?Z.clientTop||0:Z.clientLeft||0:0;var tt=(F=M==null?void 0:M[y])!=null?F:0;var it=D+Q-tt-$;var at=D+X-tt;var ot=mt(p?nt(R,it):R,D,p?rt(W,at):W);x[y]=ot;B[y]=ot-D}if(u){var ut;var ct=y==="x"?j:z;var ft=y==="x"?O:k;var lt=x[w];var vt=w==="y"?"height":"width";var pt=lt+h[ct];var dt=lt-h[ft];var bt=[j,z].indexOf(_)!==-1;var wt=(ut=M==null?void 0:M[w])!=null?ut:0;var xt=bt?pt:lt-A[vt]-S[vt]-wt+P.altAxis;var jt=bt?lt+A[vt]+S[vt]-wt-P.altAxis:dt;var Ot=p&&bt?gt(xt,lt,jt):mt(p?xt:pt,lt,p?jt:dt);x[w]=Ot;B[w]=Ot-lt}e.modifiersData[n]=B}var be={name:"preventOverflow",enabled:true,phase:"main",fn:de,requiresIfExists:["offset"]};function he(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function _e(t){if(t===V(t)||!Q(t)){return Wt(t)}else{return he(t)}}function me(t){var e=t.getBoundingClientRect();var r=it(e.width)/t.offsetWidth||1;var n=it(e.height)/t.offsetHeight||1;return r!==1||n!==1}function ge(t,e,r){if(r===void 0){r=false}var n=Q(e);var i=Q(e)&&me(e);var a=vt(e);var o=ut(t,i,r);var u={scrollLeft:0,scrollTop:0};var s={x:0,y:0};if(n||!n&&!r){if(N(e)!=="body"||Yt(a)){u=_e(e)}if(Q(e)){s=ut(e,true);s.x+=e.clientLeft;s.y+=e.clientTop}else if(a){s.x=Ht(a)}}return{x:o.left+u.scrollLeft-s.x,y:o.top+u.scrollTop-s.y,width:o.width,height:o.height}}function ye(t){var e=new Map;var r=new Set;var n=[];t.forEach((function(t){e.set(t.name,t)}));function i(t){r.add(t.name);var a=[].concat(t.requires||[],t.requiresIfExists||[]);a.forEach((function(t){if(!r.has(t)){var n=e.get(t);if(n){i(n)}}}));n.push(t)}t.forEach((function(t){if(!r.has(t.name)){i(t)}}));return n}function we(t){var e=ye(t);return K.reduce((function(t,r){return t.concat(e.filter((function(t){return t.phase===r})))}),[])}function xe(t){var e;return function(){if(!e){e=new Promise((function(r){Promise.resolve().then((function(){e=undefined;r(t())}))}))}return e}}function je(t){var e=t.reduce((function(t,e){var r=t[e.name];t[e.name]=r?Object.assign({},r,e,{options:Object.assign({},r.options,e.options),data:Object.assign({},r.data,e.data)}):e;return t}),{});return Object.keys(e).map((function(t){return e[t]}))}var Oe={placement:"bottom",modifiers:[],strategy:"absolute"};function ke(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++){e[r]=arguments[r]}return!e.some((function(t){return!(t&&typeof t.getBoundingClientRect==="function")}))}function ze(t){if(t===void 0){t={}}var e=t,r=e.defaultModifiers,n=r===void 0?[]:r,i=e.defaultOptions,a=i===void 0?Oe:i;return function t(e,r,i){if(i===void 0){i=a}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},Oe,a),modifiersData:{},elements:{reference:e,popper:r},attributes:{},styles:{}};var u=[];var s=false;var c={state:o,setOptions:function t(i){var u=typeof i==="function"?i(o.options):i;l();o.options=Object.assign({},a,o.options,u);o.scrollParents={reference:G(e)?Kt(e):e.contextElement?Kt(e.contextElement):[],popper:Kt(r)};var s=we(je([].concat(n,o.options.modifiers)));o.orderedModifiers=s.filter((function(t){return t.enabled}));f();return c.update()},forceUpdate:function t(){if(s){return}var e=o.elements,r=e.reference,n=e.popper;if(!ke(r,n)){return}o.rects={reference:ge(r,ht(n),o.options.strategy==="fixed"),popper:st(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(t){return o.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<o.orderedModifiers.length;i++){if(o.reset===true){o.reset=false;i=-1;continue}var a=o.orderedModifiers[i],u=a.fn,f=a.options,l=f===void 0?{}:f,v=a.name;if(typeof u==="function"){o=u({state:o,options:l,name:v,instance:c})||o}}},update:xe((function(){return new Promise((function(t){c.forceUpdate();t(o)}))})),destroy:function t(){l();s=true}};if(!ke(e,r)){return c}c.setOptions(i).then((function(t){if(!s&&i.onFirstUpdate){i.onFirstUpdate(t)}}));function f(){o.orderedModifiers.forEach((function(t){var e=t.name,r=t.options,n=r===void 0?{}:r,i=t.effect;if(typeof i==="function"){var a=i({state:o,name:e,instance:c,options:n});var s=function t(){};u.push(a||s)}}))}function l(){u.forEach((function(t){return t()}));u=[]}return c}}var Ae=[Lt,ve,Mt,tt,fe,ne,be,zt,ue];var Se=ze({defaultModifiers:Ae});var Ce='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';var Ee=t("bal_popover",function(){function t(t){e(this,t);this.balChange=o(this,"balChange");this.balWillAnimate=o(this,"balWillAnimate");this.balDidAnimate=o(this,"balDidAnimate");this.balPopoverPrepare=o(this,"balPopoverPrepare");this.popoverId="bal-po-".concat(Pe++);this.isTouch=d.isTouch;this.isInMainNav=false;this.backdropHeight=0;this.autoTrigger=false;this.hint=false;this.hover=false;this.arrow=false;this.backdrop=false;this.tooltip=false;this.offsetX=0;this.offsetY=0;this.padding=0;this.position="bottom-start";this.active=false;this.mobileTop=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(t===true&&t!==e){this.present({force:true})}else{this.dismiss({force:true})}return[2]}))}))};t.prototype.componentWillLoad=function(){this.backdropHeight=this.getBackdropHeight();this.triggerElement.setAttribute("aria-haspopup","true")};t.prototype.componentDidLoad=function(){var t=this;this.isInMainNav=this.footMobileNav!==null;if(this.triggerElement&&this.menuElement){this.popperInstance=Se(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});var e=[];var r=[];if(this.autoTrigger){e=["click"]}if(this.tooltip){e=["mouseenter","focus"];r=["mouseleave","blur"]}e.forEach((function(e){if(t.triggerElement){if(e==="click"){t.triggerElement.addEventListener(e,(function(){return t.toggle()}))}else{t.triggerElement.addEventListener(e,(function(){return t.present()}))}}}));r.forEach((function(e){if(t.triggerElement){t.triggerElement.addEventListener(e,(function(){return t.dismiss()}))}}))}};t.prototype.componentDidRender=function(){var t=this;if(this.popperInstance){this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{placement:t.tooltip?"bottom":t.position,modifiers:__spreadArray(__spreadArray([],e.modifiers.filter((function(t){return t.name!=="offset"&&t.name!=="preventOverflow"})),true),[t.modifierOffset,t.modifierPreventOverflow],false)})}));this.updatePopper()}if(u.isSafari&&!this.isTouch){clearTimeout(this.componentDidRenderTimer);this.componentDidRenderTimer=setTimeout((function(){var e;var r=(e=t.el)===null||e===void 0?void 0:e.clientWidth;if(r){t.el.style.maxWidth="".concat(r,"px")}else{t.el.style.maxWidth="initial"}}))}};t.prototype.handlePopoverPrepare=function(t){var e=t.detail;if(this.popoverId!==e){this.dismiss()}};t.prototype.clickOnOutside=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){if(this.active){if(!this.el.contains(t.target)){this.active=false}if((e=this.backdropElement)===null||e===void 0?void 0:e.isEqualNode(t.target)){this.active=false}}return[2]}))}))};t.prototype.handleKeyUp=function(t){if(this.active&&(t.key==="Escape"||t.key==="Esc")){t.preventDefault();this.dismiss()}};t.prototype.tabOutside=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(t.key==="Tab"&&!this.el.contains(document.activeElement)&&this.active))return[3,2];return[4,this.toggle()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.breakpointListener=function(t){this.isTouch=t.touch;this.isInMainNav=this.footMobileNav!==null;this.backdropHeight=this.getBackdropHeight()};t.prototype.present=function(){return __awaiter(this,arguments,void 0,(function(t){var e,r;if(t===void 0){t={force:false}}return __generator(this,(function(n){if(!this.active||t.force){(e=this.menuElement)===null||e===void 0?void 0:e.setAttribute("data-show","");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","false");if(this.menuInnerElement){this.menuInnerElement.scrollTo(0,0)}this.balPopoverPrepare.emit(this.popoverId);this.balWillAnimate.emit(this.active);this.active=true;this.popperInstance.setOptions((function(t){return Object.assign(Object.assign({},t),{modifiers:__spreadArray(__spreadArray([],t.modifiers,true),[{name:"eventListeners",enabled:true}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};t.prototype.dismiss=function(){return __awaiter(this,arguments,void 0,(function(t){var e,r;if(t===void 0){t={force:false}}return __generator(this,(function(n){if(this.active||t.force){(e=this.menuElement)===null||e===void 0?void 0:e.removeAttribute("data-show");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","true");this.balWillAnimate.emit(this.active);this.active=false;this.popperInstance.setOptions((function(t){return Object.assign(Object.assign({},t),{modifiers:__spreadArray(__spreadArray([],t.modifiers,true),[{name:"eventListeners",enabled:false}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t={force:false}}return __generator(this,(function(e){switch(e.label){case 0:if(!this.active)return[3,2];return[4,this.dismiss(t)];case 1:e.sent();return[3,4];case 2:return[4,this.present(t)];case 3:e.sent();e.label=4;case 4:return[2]}}))}))};Object.defineProperty(t.prototype,"footMobileNav",{get:function(){return this.el.closest('[slot="meta-mobile-foot"]')},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"modifierOffset",{get:function(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"modifierPreventOverflow",{get:function(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:true}}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){return this.el.querySelector("[bal-popover-trigger]")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"menuElement",{get:function(){return this.el.querySelector("bal-popover-content")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"menuInnerElement",{get:function(){return this.el.querySelector(".bal-popover__content__inner")},enumerable:false,configurable:true});t.prototype.getBackdropHeight=function(){if(u.hasWindow){return this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16}return 0};t.prototype.updatePopper=function(){this.popperInstance.update()};t.prototype.render=function(){var t=this;var e=l.block("popover");return r(n,{key:"68021af74493241e20669b502f69896b1f02c610","aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(this.active)),e.modifier("tooltip").class(this.tooltip)),e.modifier("arrow").class(this.arrow)),e.modifier("hint").class(this.hint)),e.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&r("div",{key:"1b92881a9b0808761b20f9f445f5a43b8cc9f1bb",ref:function(e){t.backdropElement=e},class:Object.assign({},e.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":"".concat(this.backdropHeight,"rem")}}),r("slot",{key:"f8aa58598f2d8a0ca7f836bd77aa0e80a1cb6b30"}))};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"]}},enumerable:false,configurable:true});return t}());s([a("bal-popover"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],Ee.prototype,"createLogger",null);s([b(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],Ee.prototype,"breakpointListener",null);var Pe=0;Ee.style=Ce;var Me=t("bal_popover_content",function(){function t(t){e(this,t);this.isTouch=d.isTouch;this.spaceless=false;this.scrollable=0;this.contentWidth=0;this.contentMinWidth=0;this.color="white";this.expanded=false;this.radius="normal";this.noShadow=false;this.mobileTop=false;this.contentHeightOnTop=0}t.prototype.breakpointListener=function(t){if(u.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};Object.defineProperty(t.prototype,"innerStyle",{get:function(){var t={};if(this.scrollable>0){t={"max-height":"".concat(this.scrollable,"px"),overflow:"auto"}}return Object.assign({},t)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"contentStyle",{get:function(){var t={};var e={};var r={"--bal-popover-content-height-top-nav":"".concat(this.contentHeightOnTop/16,"rem")};if(this.contentWidth>0){t={"max-width":"".concat(this.contentWidth,"px")}}if(this.contentMinWidth>0){e={"min-width":"".concat(this.contentMinWidth,"px")}}return Object.assign(Object.assign(Object.assign({},t),e),r)},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){if(u.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};t.prototype.render=function(){var t=l.block("popover").element("content");return r(n,{key:"a9fcd1ea22fd05ad6be18b080c4dd4e88dc08d71",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier("radius-".concat(this.radius)).class()),t.modifier("color-".concat(this.color)).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},r("div",{key:"43cb910ae76b5dea745959c0eb84d1cf666f0bc6",class:Object.assign({},t.element("inner").class()),style:this.innerStyle},r("slot",{key:"60d532af90339403cd863bebd249ae2134f8ce0d"})),r("div",{key:"d913a7220d213326381e703f7db8ea327e747dc0",class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":true}))};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());s([b(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],Me.prototype,"breakpointListener",null)}}}));

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

@@ -1 +0,0 @@
-import{M as e,H as r,P as t,f as a,N as o,O as i,K as s,x as n}from"./p-DgPiq0y0.js";import{_ as l,a as c}from"./p-dfXERft2.js";import{B as b}from"./p-ByiN-QjD.js";import{a as d}from"./p-DBsOHTWj.js";import{t as u,S as p}from"./p-DXglhVgP.js";import{s as h}from"./p-CzKsK_-N.js";import{b as m}from"./p-DieY27e8.js";import{L as g}from"./p-Bd8SDbWy.js";import{L as _}from"./p-CQIRFXKv.js";import{L as w}from"./p-B_VNoLFI.js";import{L as f}from"./p-DExQyjsY.js";import"./p-sUDAxNV7.js";import{L as v}from"./p-CHdm2a6D.js";import{L as k}from"./p-B3C_UjgS.js";import{p as y}from"./p-B3Q-Lii3.js";import{i as x}from"./p-C4sZQbkT.js";import"./p-D1VPLQ5z.js";import"./p-CrVMeGPj.js";import"./p-N2wlH4Xn.js";import"./p-B0bmgb-_.js";import"./p-DWG-IuAM.js";const j=({value:r,items:t,containerId:a,onControlChange:o})=>{const i=b.block("carousel").element("controls");return e("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},e("bal-card",null,e("bal-card-content",{role:"tabs"},t.map((t=>e("button",{class:{button:!0,"is-fullwidth":!0,"is-primary":r===t.value,"is-light":r!==t.value},role:"tab","aria-selected":d(r===t.value),"aria-controls":a+"-"+u(t.label),key:t.value,onClick:()=>o(t)},t.label))))))},C=class{constructor(e){r(this,e),this.balChange=t(this,"balChange"),this.swiper=new p,this.swiperIsLastSlideVisible=!1,this.hasAnimated=!1,this.isMobile=m.isMobile,this.language=a.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.space="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1,this.mutationObserverActive=!0}onValueChange(){this.swiper.index=this.value}onStepsChange(){this.swiper.steps=this.steps}onItemsPerViewChange(){this.swiper.itemsPerView=this.itemsPerView}onControlsChange(){this.swiper.controls=this.controls}onSpaceChange(){this.swiper.gapSpace=this.space}onInterFaceChange(){this.swiper.gapSpace="product"===this.interface?"normal":this.space}connectedCallback(){this.swiper.connectedCallback(this),this.onControlsChange(),this.onItemsPerViewChange(),this.onStepsChange(),this.onSpaceChange(),this.onInterFaceChange(),this.onValueChange()}disconnectedCallback(){this.swiper.disconnectedCallback()}async blockVerticalScrolling(e){var r;!this.scrollY&&(null===(r=this.el)||void 0===r?void 0:r.contains(e.target))&&h(e)}mutationListener(){this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}swipeListener({left:e,right:r}){e?this.next():r&&this.previous()}breakpointListener(e){this.isMobile=e.mobile,this.swiper.notifyChange()}resizeListener(){this.swiper.notifyChange()}async configChanged(e){this.language=e.language}async previous(e=this.steps){this.swiper.previous(e)}async next(e=this.steps){this.swiper.next(e)}async getContainerId(){return this.swiper.containerId}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}swiperOnChange(e){this.value=e,this.balChange.emit(e)}render(){const r=b.block("carousel"),t=r.element("inner"),a=t.element("container");return e(o,{key:"8d3018d668a5ee7d7f6db4f2c2546e720ad48577",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(""!==this.interface)),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class("tabs"===this.controls))},"tabs"===this.controls?e(j,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:e=>this.swiper.onControlChange(e.value)}):"",e("div",{key:"d4fdd5af148e4fdcb1c4f0c49966398a8fa0fcd2",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),t.class()),t.modifier(`is-${this.aspectRatio}`).class()),t.modifier("inverted").class(this.inverted)),t.modifier("full-height").class(this.fullHeight)),ref:e=>this.swiper.innerEl=e},e("div",{key:"acb3aa06b89dcb97bd3c3a489f5143752cd35568",id:this.swiper.containerId,role:"tabs"===this.controls?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),a.class()),a.modifier("border").class(this.border)),a.modifier(`is-${this.aspectRatio}`).class()),ref:e=>this.swiper.containerEl=e},e("slot",{key:"73052ff64fa0423cb88bf96aaa771064ca3aadea"}),this.border?e("div",{id:`${this.swiper.id}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},a.element("border").class()),a.element("border").modifier("inverted").class(this.inverted)),ref:e=>this.swiper.borderEl=e}):"")),this.swiper.renderControls())}get el(){return i(this)}static get watchers(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}}};l([f({tags:["bal-carousel-item"],characterData:!1}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],C.prototype,"mutationListener",null),l([k(),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],C.prototype,"visibilityListener",null),l([_(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],C.prototype,"swipeListener",null),l([g(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],C.prototype,"breakpointListener",null),l([v(),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],C.prototype,"resizeListener",null),l([w(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],C.prototype,"configChanged",null),C.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-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-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';const O=class{constructor(e){r(this,e),this.balNavigate=t(this,"balNavigate"),this.balFocus=t(this,"balFocus"),this.balBlur=t(this,"balBlur"),this.imageInheritAttributes={},this.isOnLoadEventDone=!1,this.containerId="",this.svgContent="",this.label="",this.svg="",this.htmlRole="listitem",this.elementType="button",this.name=void 0,this.value=void 0,this.target="_self",this.generateSvgContent=()=>{void 0!==this.svg&&this.svg.length>0&&(this.svgContent=y.sanitize(this.svg)||"")},this.onClick=e=>{void 0!==this.href&&this.balNavigate.emit(e)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()}}svgChanged(){this.generateSvgContent()}connectedCallback(){this.generateSvgContent()}componentDidLoad(){s((()=>{this.isOnLoadEventDone=!0}))}componentWillLoad(){this.imageInheritAttributes=x(this.el,["alt"]),this.getContainerId()}async setFocus(){await n(),this.buttonEl&&this.buttonEl.focus()}async getContainerId(){const e=this.el.closest("bal-carousel");this.containerId=await e.getContainerId()}render(){const r=b.block("carousel").element("item"),t=!!this.color&&!!this.label,a=this.el.closest("bal-carousel"),i=a&&"tabs"===a.controls?"tabpanel":"listitem",s=`${this.containerId}-${u(this.label)}`;if(!t)return e(o,{id:s,role:i,class:Object.assign({},r.class()),"aria-label":this.label},this.isOnLoadEventDone&&void 0!==this.src?e("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",e("slot",null));const n=r.element("button"),l=n.element("image"),c=n.element("label"),{elementType:d,download:p,href:h,rel:m,target:g,name:_,value:w}=this,f=void 0===this.href?"button":"a",v="button"===f?{type:d,name:_,value:w}:{download:p,href:h,rel:m,target:g};return e(o,{id:s,role:i,"aria-label":this.label,class:Object.assign({},r.class())},e(f,Object.assign({},v,{class:Object.assign(Object.assign({},n.class()),n.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:e=>this.buttonEl=e}),this.isOnLoadEventDone&&void 0!==this.src?e("img",Object.assign({class:Object.assign({},l.class()),draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&void 0!==this.svgContent?e("div",{class:Object.assign({},l.class()),innerHTML:this.svgContent}):"",void 0!==this.label?e("span",{class:Object.assign({},c.class())},this.label):"",e("slot",null)))}get el(){return i(this)}static get watchers(){return{svg:["svgChanged"]}}};export{C as bal_carousel,O as bal_carousel_item}

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

@@ -1 +0,0 @@
-import{L as e,H as t,P as i,Q as a,V as s,M as n,N as r,O as o,R as l,S as b}from"./p-DgPiq0y0.js";import{_ as c,a as m}from"./p-dfXERft2.js";import{L as d}from"./p-pZ7tokLV.js";import{B as h}from"./p-ByiN-QjD.js";import"./p-DieY27e8.js";import{L as g}from"./p-Bd8SDbWy.js";import{L as p}from"./p-Bl6JuZha.js";import{F as u}from"./p-DqCbGYzv.js";import{d as v}from"./p-FCLKfv6B.js";import{s as f}from"./p-CzKsK_-N.js";import{d as k,b as x,a as _,e as y,i as w,f as j,g as O,h as z}from"./p-D1VPLQ5z.js";import{L}from"./p-ns9Aprb9.js";import"./p-sUDAxNV7.js";import{L as C}from"./p-B3C_UjgS.js";import{i as F}from"./p-C4sZQbkT.js";import"./p-N2wlH4Xn.js";import"./p-CrVMeGPj.js";import"./p-B0bmgb-_.js";const V=class{constructor(e){t(this,e),this.balFocus=i(this,"balFocus"),this.balBlur=i(this,"balBlur"),this.balChange=i(this,"balChange"),this.balSelect=i(this,"balSelect"),this.balVertical=i(this,"balVertical"),this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=v,this.invalid=!1,this.autoInvalidOff=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())}}createLogger(e){this.log=e}invalidChanged(){this.allItems.map((e=>e.invalid=this.invalid))}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}animationListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}visibilityListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=u.includes(e.key);let t,i=!1;if(k(e)||x(e)?(f(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):_(e)||y(e)?(f(e),t=this.getSegmentItem("previous")):w(e)||j(e)?(f(e),t=this.getSegmentItem("next")):O(e)?(f(e),t=this.getSegmentItem("first")):z(e)&&(f(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){a((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const i=this.getIndicator(e),a=this.getIndicator(t);if(null===i||null===a)return;const n=i.getBoundingClientRect(),r=a.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),s((()=>{a.classList.remove("bal-segment-item__indicator--animated"),a.style.setProperty("transform",o),a.getBoundingClientRect(),a.classList.add("bal-segment-item__indicator--animated"),a.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:a,expanded:s,isMobile:o,disabled:l}=this,b=h.block("segment");return n(r,{key:"ec42c94d1b582b721dbde28c5e555283826641bb",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("invalid").class(e)),b.modifier("vertical").class(t)),b.modifier("scrollable").class(i)),b.modifier("keyboard").class(a)),b.modifier("disabled").class(l)),b.modifier("expanded").class((s||o)&&!t)),onClick:this.onClick},n("slot",{key:"334921cd162900655d920e7b701140bb5899377b",onSlotchange:this.onSlottedItemsChange}))}get el(){return o(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}};c([e("bal-segment"),m("design:type",Function),m("design:paramtypes",[Function]),m("design:returntype",void 0)],V.prototype,"createLogger",null),c([p(),m("design:type",Function),m("design:paramtypes",[Object]),m("design:returntype",void 0)],V.prototype,"focusInListener",null),c([p(),m("design:type",Function),m("design:paramtypes",[Object]),m("design:returntype",void 0)],V.prototype,"focusOutListener",null),c([d(),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],V.prototype,"animationListener",null),c([C(),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],V.prototype,"visibilityListener",null),c([g(),m("design:type",Function),m("design:paramtypes",[Object]),m("design:returntype",void 0)],V.prototype,"breakpointListener",null),c([L(),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],V.prototype,"windowResizeListener",null),V.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let D=0;const B=class{constructor(e){t(this,e),this.segmentEl=null,this.inheritedAttributes={},this.internalId=D++,this.inputId=`bal-si-${this.internalId}`,this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=v,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;if(e.length>0){const t=e[0];this.checked=!1,this.isFocusable=t===this.el}}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),e.invalid&&(this.invalid=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()}}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(l(e,"balSelect",this.updateState),l(e,"balVertical",this.updateVertical)),a((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(b(e,"balSelect",this.updateState),b(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:a,isFocusable:s,isFirst:o,hasEmptyValue:l}=this,b=h.block("segment-item"),c=b.element("button"),m=b.element("indicator"),d=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=l&&o||s&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),n(r,{key:"2f0eccf481abba284cae7bb7ebb9d9ca88f2339e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("vertical").class(p)),b.modifier("disabled").class(g)),b.modifier("checked").class(e)),b.modifier("invalid").class(d)),b.modifier("last").class(this.isLast&&!e))},n("button",Object.assign({key:"317c8da87c9e196082f46e69e639d7b5761401ba",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("checked").class(e)),c.modifier("invalid").class(d)),c.modifier("disabled").class(g)),c.modifier("focused").class(t)),c.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),n("bal-icon",{key:"749649163977298b320ebff6ff5dd5565c98bc4d",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},c.element("icon").class()),c.element("icon").modifier("animated").class(e)),c.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":d?"white":"primary"}),n("bal-stack",{key:"67a2bce84c38c0f49a47da1c6ec0189f8ac6b987",space:"x-small",layout:"horizontal"},n("bal-content",{key:"38eaad5948f5b034ba3567619533e67f2c6a3016",space:"none"},n("bal-label",{key:"a761aee3fad22f05cd0ce66f74710c3da61acd81",htmlId:`bal-si-${this.internalId}-label`},a),n("span",{key:"99b2524c94a243b8f4c884008919fe9bd92271ff",part:"slot",class:Object.assign({},c.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",n("slot",{key:"e5a89b88d1c49ec722a83f2887215d69e6f43ebb",onSlotchange:this.onSlottedItemsChange}))))),n("div",{key:"a7b16c5d48c09846fcb3103c1a5dd4f38dbf1b46",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("animated").class()),m.modifier("background").class()),m.modifier("disabled").class(g)),m.modifier("invalid").class(d)),m.modifier("checked").class(e)),m.modifier("vertical").class(p))}))}get el(){return o(this)}static get watchers(){return{value:["valueChanged"]}}};B.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{V as bal_segment,B as bal_segment_item}

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

@@ -1 +0,0 @@
-import{M as e,L as t,H as a,P as s,T as o,N as l,O as r}from"./p-DgPiq0y0.js";import{_ as i,a as b}from"./p-dfXERft2.js";import{B as n}from"./p-ByiN-QjD.js";import{a as p}from"./p-BAaDJIzy.js";import{s as c}from"./p-CzKsK_-N.js";import{n as _}from"./p-DIC_sxLd.js";import{L as d}from"./p-DExQyjsY.js";import{b as v}from"./p-DieY27e8.js";import{L as m}from"./p-Bd8SDbWy.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-N2wlH4Xn.js";import"./p-CrVMeGPj.js";import"./p-B0bmgb-_.js";const u=({item:t,isMobile:a})=>{const s=n.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=n.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:l})=>{const r=n.block("steps").element("nav").element("item");if(!t.invisible)return t.href?e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:t.href,rel:t.rel,target:t.target,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t})):e("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){a(this,e),this.balChange=s(this,"balChange"),this.stepsId="bal-steps-"+y++,this.store=[],this.isMobile=v.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))}}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=o(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=n.block("steps"),a=t.element("nav");let s=!0,o=-1;const r=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(s=!1),e.invisible||(o+=1),Object.assign(Object.assign({},e),{passed:s,index:o}))));return e(l,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},r.filter((e=>!e.invisible)).map((t=>e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return r(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};i([t("bal-steps"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],f.prototype,"createLogger",null),i([d({tags:["bal-steps","bal-step-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],f.prototype,"mutationListener",null),i([m(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],f.prototype,"breakpointListener",null);let y=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}

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

@@ -1 +0,0 @@
-import{L as e,H as c,P as o,t as a,M as b,N as l,O as t,Z as r}from"./p-DgPiq0y0.js";import{_ as i,a as h}from"./p-dfXERft2.js";import{a as n}from"./p-DBsOHTWj.js";import{i as d}from"./p-C4sZQbkT.js";import{B as s}from"./p-ByiN-QjD.js";import{L as x}from"./p-DObNWWwI.js";import{F as k}from"./p-DqCbGYzv.js";import{d as v}from"./p-FCLKfv6B.js";import{s as u,c as p,d as m}from"./p-CzKsK_-N.js";import{d as g}from"./p-D1VPLQ5z.js";import{a as _}from"./p-BAaDJIzy.js";import{L as f}from"./p-Bl6JuZha.js";import{L as y}from"./p-DExQyjsY.js";import"./p-N2wlH4Xn.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";const w=class{constructor(e){c(this,e),this.balFocus=o(this,"balFocus"),this.balBlur=o(this,"balBlur"),this.balChange=o(this,"balChange"),this.inputId="bal-cb-"+j++,this.inheritedAttributes={},this.keyboardMode=!0,this.hasLabel=!0,this.focused=!1,this.ariaForm=v,this.wasFocused=!1,this.outerElementState={hovered:!1,pressed:!1},this.innerElementState={hovered:!1,pressed:!1},this.mergedElementState={hovered:!1,pressed:!1},this.name=this.inputId,this.label="",this.labelHidden=!1,this.flat=!1,this.interface="checkbox",this.value="on",this.checked=!1,this.initialValue=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1,this.setChecked=e=>{this.checked=e,this.balChange.emit(this.checked)},this.toggleChecked=e=>{e.preventDefault(),this.setFocus(),this.setChecked(!this.checked)},this.onClick=e=>{if(this.disabled)return;const c=e.target;c&&c.href||(this.wasFocused&&(this.focused=!0),this.toggleChecked(e))},this.onFocus=e=>{if(this.disabled||this.readonly)return this.focused=!1,u(e);this.balFocus.emit(e),this.keyboardMode&&(this.focused=!0,this.wasFocused=!0)},this.onBlur=e=>{if(this.disabled||this.readonly)return u(e);this.balBlur.emit(e),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=e=>{g(e)||(this.wasFocused=!1),this.keyboardMode=k.includes(e.key)}}createLogger(e){this.log=e}hoveredChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}pressedChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}connectedCallback(){this.hoveredChanged(),this.group&&(this.updateState(),this.group.addEventListener("balChange",(()=>this.updateState()))),this.initialValue=this.checked,this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"])}componentWillRender(){this.interactionChildElements.forEach((e=>{e.disabled=this.disabled||this.readonly,e.invalid=this.invalid,e.checked=this.checked}))}disconnectedCallback(){this.group&&this.group.removeEventListener("balChange",(()=>this.updateState())),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(e){(this.disabled||this.readonly)&&e.target&&(e.target===this.el||a(this.el,e.target))&&u(e)}resetHandler(e){const c=e.target;(null==c?void 0:c.contains(this.el))&&(this.checked=this.initialValue)}elementStateListener(e){this.outerElementState=e,this.mergeElementState()}async setFocus(){p(this)}async setBlur(){m(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async updateState(){if(this.group&&this.group.control&&Array.isArray(this.group.value)){const e=this.group.value.includes(this.value);e!==this.checked&&(this.checked=e)}}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get group(){return this.el.closest("bal-checkbox-group")}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check, bal-switch, bal-icon"))}get option(){return{name:this.name,value:this.value,checked:this.checked,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}}mergeElementState(){this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed},this.interactionChildElements.forEach((e=>{e.hovered=this.mergedElementState.hovered,e.pressed=this.mergedElementState.pressed}))}render(){const e=s.block("checkbox"),c=e.element("input"),o=e.element("label"),a=o.element("text"),t=o.element("icon"),r=this.focused&&-1!==this.buttonTabindex,i=this.inheritedAttributes;void 0!==this.buttonTabindex&&(i.tabIndex=this.buttonTabindex);const h=!this.nonSubmit,d=this.ariaForm.controlId||this.inputId,x=this.ariaForm.labelId||null,k=h?"label":"span",v="switch"===this.interface?"bal-switch":"bal-check";return b(l,{key:"eaa9cf2ba9de2a203b98515939ff117c89dc16cf","aria-checked":`${this.checked}`,"aria-disabled":n(this.disabled),"aria-invalid":!0===this.invalid?"true":"false","aria-hidden":n(this.disabled||this.nonSubmit),"aria-focused":r?"true":null,"aria-labelledby":x,"aria-describedby":this.ariaForm.messageId,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({"bal-focused":r},e.class()),e.modifier("checkbox").class()),e.modifier("button").class("button"===this.interface)),e.modifier("switch").class("switch"===this.interface)),e.modifier("tile").class("tile"===this.interface)),e.modifier(`tile-color-${this.color}`).class("tile"===this.interface&&!!this.color)),e.modifier("focused").class(this.focused)),e.modifier("invalid").class(this.invalid)),e.modifier("checked").class(this.checked)),e.modifier("flat").class(this.flat)),e.modifier("disabled").class(this.disabled||this.readonly)),e.modifier("hovered").class(this.mergedElementState.hovered)),e.modifier("pressed").class(this.mergedElementState.pressed)),e.modifier(`column-${this.colSize}`).class("tile"===this.interface&&this.colSize>1)),e.modifier(`column-tablet-${this.colSizeTablet}`).class("tile"===this.interface&&this.colSizeTablet>1)),e.modifier(`column-mobile-${this.colSizeMobile}`).class("tile"===this.interface&&this.colSizeMobile>1)),onClick:this.onClick},b(k,{key:"6fd849f4768bc7155eb5db297713bc82aeab6dfe",class:Object.assign({},o.class()),"data-testid":"bal-checkbox-label"},h?b("input",Object.assign({id:d,type:"checkbox","data-testid":"bal-checkbox-input",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},c.class()),"aria-hidden":n(this.nonSubmit),"aria-invalid":!0===this.invalid?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:e=>this.toggleChecked(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),ref:e=>this.nativeInput=e},i)):"","tile"!==this.interface?b("div",{class:Object.assign({},t.class())},b(v,{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:"button"===this.interface&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",b("div",{key:"ca1ec209d9211082db1d0905e599eea5e6803244",class:Object.assign(Object.assign({},a.class()),a.modifier("hidden").class(this.labelHidden))},b("slot",{key:"a2a3c8124d7d47bf300b229fe01e62fa198961c0"}))))}get el(){return t(this)}static get watchers(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}}};i([e("bal-checkbox"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],w.prototype,"createLogger",null),i([x(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],w.prototype,"elementStateListener",null);let j=0;w.style="@media (hover: hover)and (pointer: fine){.bal-checkbox.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-checkbox-symbol-size:1.5rem;--bal-checkbox-symbol-border-width:2px;--bal-checkbox-symbol-background:transparent;--bal-checkbox-label-min-height:1.5rem;--bal-checkbox-button-background-hover:var(--bal-color-grey-2);--bal-checkbox-button-background-active:var(--bal-color-grey-2);--bal-checkbox-button-background-checked:var(--bal-color-primary);--bal-checkbox-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-background-checked-active:var(--bal-color-primary-6);--bal-checkbox-button-background-invalid:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-checkbox-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-background:transparent;--bal-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-checkbox-button-border-color:var(--bal-color-primary);--bal-checkbox-button-border-color-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-border-color-active:var(--bal-color-primary-6);--bal-checkbox-button-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-tile-background:transparent;--bal-checkbox-tile-background-hover:var(--bal-color-grey-1);--bal-checkbox-tile-background-disabled:var(--bal-color-grey-1);--bal-checkbox-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-tile-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-tile-background-checked-green:var(--bal-color-green-1);--bal-checkbox-tile-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-tile-background-checked-red:var(--bal-color-red-1);--bal-checkbox-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-tile-border-style:var(--bal-form-field-control-border-style);--bal-checkbox-tile-border-radius:var(--bal-form-field-control-radius);--bal-checkbox-tile-border-width:var(--bal-form-field-control-border-width);--bal-checkbox-tile-padding:var(--bal-text-size-medium);--bal-checkbox-tile-border-color:var(--bal-color-border);--bal-checkbox-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-checkbox-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-checkbox-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-checkbox-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-checkbox-tile-border-color-checked:var(--bal-color-border-primary);--bal-checkbox-tile-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-checkbox-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-checkbox .bal-checkbox__label{cursor:pointer}.bal-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-checkbox.bal-checkbox--flat{min-height:var(--bal-checkbox-symbol-size)}.bal-checkbox:not(.bal-checkbox--flat){min-height:3rem}.bal-checkbox--invalid{color:var(--bal-form-field-label-danger-color)}.bal-checkbox--disabled,.bal-checkbox--disabled .bal-checkbox__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-checkbox__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-checkbox__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-checkbox__label__text--hidden{display:none}.bal-checkbox__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-checkbox-button-border-color)}.bal-checkbox--button.bal-checkbox--checked{background:var(--bal-checkbox-button-background-checked);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-checkbox--button.bal-checkbox--disabled .bal-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-white)}.bal-checkbox--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-checkbox-tile-background);border-style:var(--bal-checkbox-tile-border-style);border-radius:var(--bal-checkbox-tile-border-radius);border-width:var(--bal-checkbox-tile-border-width);border-color:var(--bal-checkbox-tile-border-color);padding:var(--bal-checkbox-tile-padding)}.bal-checkbox--tile .bal-checkbox__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-checkbox--tile.bal-checkbox--checked{border-color:var(--bal-checkbox-tile-border-color-checked)}.bal-checkbox--tile.bal-checkbox--invalid{border-color:var(--bal-checkbox-tile-border-color-invalid)}.bal-checkbox--tile.bal-checkbox--disabled{background:var(--bal-checkbox-tile-background-disabled);border-color:var(--bal-checkbox-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-hover)}}.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-checkbox-tile-background-invalid-hover);border-color:var(--bal-checkbox-tile-border-color-invalid-hover)}}.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-checkbox-tile-background-invalid-active);border-color:var(--bal-checkbox-tile-border-color-invalid-active)}.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-green)}.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-red)}.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-purple)}.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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)}}";const O=class{constructor(e){c(this,e),this.balChange=o(this,"balChange"),this.balFocus=o(this,"balFocus"),this.balBlur=o(this,"balBlur"),this.inputId="bal-cg-"+C++,this.inheritedAttributes={},this.ariaForm=v,this.interface=void 0,this.control=!1,this.name=this.inputId,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.value=[],this.columns=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1,this.hasFocus=!1,this.mutationObserverActive=!0,this.onClick=e=>{if(!this.control)return;if(e.target.href)return;const c=e.target&&e.target.closest("bal-checkbox");if(c&&(c.disabled||c.readonly))return e.stopPropagation();this.updateValues()},this.onOptionChange=async()=>{this.sync()}}createLogger(e){this.log=e}async optionChanged(){this.control&&(this.onOptionChange(),this.mutationObserverActive=void 0===this.options)}invalidChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.invalid=e}))}disabledChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.disabled=e}))}readonlyChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.readonly=e}))}valueChanged(e,c){this.control&&_(this.value,c)||this.onOptionChange()}columnsChanged(e){this.getCheckboxes().forEach((c=>c.colSize=e))}columnsTabletChanged(e){this.getCheckboxes().forEach((c=>c.colSizeTablet=e))}columnsMobileChanged(e){this.getCheckboxes().forEach((c=>c.colSizeMobile=e))}connectedCallback(){this.control&&(this.mutationObserverActive=void 0===this.options,this.valueChanged(this.value,[]))}componentWillLoad(){this.control&&(this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"]),this.disabledChanged(this.disabled),this.invalidChanged(this.invalid),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}mutationListener(){this.control&&(this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnCheckboxChange(e){this.control&&a(this.el,e.target)&&(u(e),this.updateValues())}resetHandler(e){const c=e.target;(null==c?void 0:c.contains(this.el))&&(this.control&&(this.value=[]),this.onOptionChange())}checkboxFocusListener(e){const{target:c}=e;c&&a(this.el,c)&&r(c,"bal-checkbox")&&u(e)}checkboxBlurListener(e){const{target:c}=e;c&&a(this.el,c)&&r(c,"bal-checkbox")&&u(e)}async setValue(e){this.control&&(this.value=e)}async getOptionByValue(e){const c=this.options;if(c)return c.find((c=>c.value===e))}async setAriaForm(e){this.ariaForm=Object.assign({},e)}sync(){if(this.control){const e=e=>{for(let c=0;c<this.value.length;c++){const o=this.value[c];if(void 0!==o&&o.toString()===e.value.toString())return!0}return!1};this.getCheckboxes().forEach((c=>{c.checked=e(c)}))}this.getCheckboxes().forEach((e=>{this.interface&&(e.interface=this.interface)}))}getCheckboxes(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}updateValues(){const e=[];this.getCheckboxes().forEach((c=>{c.checked&&e.push(c.value)})),_(this.value,e)||(this.value=[...e],this.balChange.emit(this.value))}render(){const e=s.block("checkbox-group"),c=e.element("inner"),o=(this.options||[]).map((e=>"function"==typeof e.html?Object.assign(Object.assign({},e),{html:e.html()}):e));return b(l,Object.assign({class:Object.assign({},e.class()),role:"group","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":n(this.disabled),"aria-invalid":n(this.invalid),onClick:this.onClick},this.inheritedAttributes),b("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical-mobile").class(this.verticalOnMobile)),c.modifier("vertical").class(this.vertical)),c.modifier("expanded").class(this.expanded)),c.modifier("button").class("button"===this.interface))},b("slot",null),o.map((e=>b("bal-checkbox",{key:e.value,name:e.name,value:e.value,labelHidden:e.labelHidden,flat:e.flat,interface:e.interface,disabled:e.disabled,readonly:e.readonly,required:e.required,nonSubmit:!!e.nonSubmit,invalid:e.invalid,innerHTML:e.html})))))}get el(){return t(this)}static get watchers(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};i([e("bal-checkbox-group"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],O.prototype,"createLogger",null),i([f(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],O.prototype,"focusInListener",null),i([f(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],O.prototype,"focusOutListener",null),i([y({tags:["bal-checkbox-group","bal-checkbox"],attributes:!1,characterData:!1}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],O.prototype,"mutationListener",null);let C=0;O.style=".bal-checkbox-group{display:inline-block;position:relative;width:100%}.bal-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-checkbox-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-checkbox-group__inner--expanded .bal-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-checkbox-group__inner--expanded .bal-checkbox{width:100%}}.bal-checkbox-group__inner--button.bal-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";export{w as bal_checkbox,O as bal_checkbox_group}

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

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(a,t,i,n){function e(a){return a instanceof i?a:new i((function(t){t(a)}))}return new(i||(i=Promise))((function(i,r){function s(a){try{l(n.next(a))}catch(a){r(a)}}function o(a){try{l(n["throw"](a))}catch(a){r(a)}}function l(a){a.done?i(a.value):e(a.value).then(s,o)}l((n=n.apply(a,t||[])).next())}))};var __generator=this&&this.__generator||function(a,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,e,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(a){return function(t){return l([a,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;e=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(a,i)}catch(a){o=[6,a];e=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-UHSJaF1l.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-RpbX6ZuY.system.js","./p-B-nlYC3C.system.js","./p-B33S9saU.system.js","./p-SeKJ5o8j.system.js","./p-YF2lEyTF.system.js","./p-DvpDuwcR.system.js"],(function(a){"use strict";var t,i,n,e,r,s,o,l,c,u,b,p;return{setters:[function(a){t=a.H;i=a.P;n=a.f;e=a.M;r=a.N;s=a.O},function(a){o=a._;l=a.a},function(a){c=a.B},function(a){u=a.b},function(a){b=a.L},function(a){p=a.L},null,null,null],execute:function(){var d={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};function g(a,t,i){var n=[];if(a>t||a<0){a=1}if(t<=0){t=10}if(i<=0){i=2}var e=5+i*2;if(t<=e){for(var r=1;r<=t;r++){n.push({type:"page",label:r.toString(),active:r===a})}}else{if(a<=e-2-i){for(var r=1;r<=e-2;r++){n.push({type:"page",label:r.toString(),active:r===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}else if(a>=t-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var r=t-e+3;r<=t;r++){n.push({type:"page",label:r.toString(),active:r===a})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var s=Number(a);for(var r=s-i;r<=s+i;r++){n.push({type:"page",label:r.toString(),active:r===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}}return n}var f=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list--more>span{display:inline;font-family:var(--bal-text-line-height-title);font-weight:700}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";var h=a("bal_pagination",function(){function a(a){t(this,a);this.balChangeEventEmitter=i(this,"balChange");this._value=1;this.isMobile=u.isMobile;this.language=n.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}a.prototype.valueChanged=function(a){this._value=a};a.prototype.topValueChanged=function(a){if(this.sticky){this.el.style.top="".concat(a,"px")}};a.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};a.prototype.breakpointListener=function(a){this.isMobile=a.mobile};a.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;return[2]}))}))};a.prototype.selectPage=function(a){this._value=a;this.balChangeEventEmitter.emit(this._value)};a.prototype.getItems=function(a){var t=this;if(a===void 0){a=2}var i=g(this._value,this.totalPages,a);return i.map((function(a){if(a.type==="page"){return t.renderPageElement(Number(a.label))}else{return t.renderEllipsisElement()}}))};a.prototype.renderEllipsisElement=function(){var a=c.block("pagination").element("nav").element("pagination-list").modifier("more");return e("li",{"aria-hidden":"true"},e("div",{class:Object.assign({},a.class())},e("span",null,"…")))};a.prototype.renderPageElement=function(a){var t=this;var i=this._value===a;var n=c.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return e("li",null,e("span",{role:"button","aria-current":i?"true":undefined,class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("active").class(i)),n.modifier("inactive").class(!i)),"aria-label":a,onClick:function(){return t.selectPage(a)}}))}return e("li",null,e("bal-button",{square:true,color:i?"primary":"text","aria-current":i?"true":undefined,onClick:function(){return t.selectPage(a)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},a))};a.prototype.render=function(){var a=this;var t=this.getItems(1);var i=this.getItems(this.pageRange);var n=c.block("pagination");var s=n.element("nav");var o=s.element("pagination-previous");var l=s.element("pagination-next");var u=s.element("pagination-list");var b=this.interface==="small";var p=b?"link":"text";var g=b||this.size==="small"||this.isMobile?"small":"";var f=b;var h=d[this.language].left;var v=d[this.language].right;var _=this.interface===""||b&&this.totalPages<=5;var m=function(){return e("span",{key:"72b06a925f5f6426a566d7601f86b44bb15d7d72",class:Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(a.interface)).class())},e("span",{key:"7acae623617276ddd63c9590dd4bb6ec97232439"},a._value)," / "+a.totalPages)};var y=function(){return e("ul",{key:"9fa2231ceb94c3d0b485cffe9f183b1109036c89",class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(a.interface)).class()),{"is-disabled":a.disabled}),"data-testid":"bal-pagination-list"},i)};var x=function(){return e("ul",{key:"97a556a62bd7780cc4b22fa4e67e6f8544c87827",class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(a.interface)).class()),{"is-disabled":a.disabled}),"data-testid":"bal-pagination-list"},t)};return e(r,{key:"e14d06849d97aa3cb16a8d516d430086d4b9c006",class:Object.assign(Object.assign({},n.class()),n.modifier("is-sticky").class(this.sticky))},e("nav",{key:"385a40f56e018ba35444d88f724caa3fe28c5620",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(this.interface)).class(this.interface!=="")),s.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},e("bal-button",{key:"3f4f56456f43bdce207a733103dc3c766f9378da",square:true,color:p,size:g,flat:f,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return a.previous()},"data-testid":"bal-pagination-controls-left",title:h},e("bal-icon",{key:"5f446caf456c0ed02f56f5d454d00b57e8632d20",name:"nav-go-left",size:"small"})),e("bal-button",{key:"536c51f2ab51f8d5636e366f7555b1a8046dd542",square:true,color:p,size:g,flat:f,class:Object.assign(Object.assign({},l.class()),l.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return a.next()},"data-testid":"bal-pagination-controls-right",title:v},e("bal-icon",{key:"c56892b6e6e853c0c03f201429f408cc5ba740a5",name:"nav-go-right",size:"small"})),_&&this.isMobile?e(x,null):"",_&&!this.isMobile?e(y,null):"",!_?e(m,null):""))};Object.defineProperty(a.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return a}());o([b(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],h.prototype,"breakpointListener",null);o([p(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],h.prototype,"configChanged",null);h.style=f}}}));

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

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(a,r,i,o){function e(a){return a instanceof i?a:new i((function(r){r(a)}))}return new(i||(i=Promise))((function(i,l){function t(a){try{n(o.next(a))}catch(a){l(a)}}function d(a){try{n(o["throw"](a))}catch(a){l(a)}}function n(a){a.done?i(a.value):e(a.value).then(t,d)}n((o=o.apply(a,r||[])).next())}))};var __generator=this&&this.__generator||function(a,r){var i={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},o,e,l,t;return t={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function d(a){return function(r){return n([a,r])}}function n(d){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,d[0]&&(i=0)),i)try{if(o=1,e&&(l=d[0]&2?e["return"]:d[0]?e["throw"]||((l=e["return"])&&l.call(e),0):e.next)&&!(l=l.call(e,d[1])).done)return l;if(e=0,l)d=[d[0]&2,l.value];switch(d[0]){case 0:case 1:l=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;e=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(l=i.trys,l=l.length>0&&l[l.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!l||d[1]>l[0]&&d[1]<l[3])){i.label=d[1];break}if(d[0]===6&&i.label<l[1]){i.label=l[1];l=d;break}if(l&&i.label<l[2]){i.label=l[2];i.ops.push(d);break}if(l[2])i.ops.pop();i.trys.pop();continue}d=r.call(a,i)}catch(a){d=[6,a];e=0}finally{o=l=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-UHSJaF1l.system.js","./p-Cjiw70Dk.system.js","./p-CEOTg0oT.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p--k0G90SD.system.js","./p-D-yL3ygS.system.js","./p-CLfE_o7e.system.js","./p-c5kwQsXB.system.js","./p-BpPN4QPC.system.js","./p-DxjqC_a1.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-Dxz8zGB7.system.js","./p-Czl2AFQD.system.js","./p-YF2lEyTF.system.js"],(function(a){"use strict";var r,i,o,e,l,t,d,n,b,c,s,u,h,v,f,p,g,_,m,x,k,y;return{setters:[function(a){r=a.L;i=a.H;o=a.P;e=a.t;l=a.M;t=a.N;d=a.O;n=a.Z},function(a){b=a._;c=a.a},function(a){s=a.i},function(a){u=a.a},function(a){h=a.i},function(a){v=a.B},function(a){f=a.L},function(a){p=a.F},function(a){g=a.d},function(a){_=a.s;m=a.c;x=a.d},function(a){k=a.L},function(a){y=a.L},null,null,null,null,null,null],execute:function(){var w="@media (hover: hover)and (pointer: fine){.bal-radio.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-symbol-size:1.5rem;--bal-radio-symbol-border-width:2px;--bal-radio-symbol-background:transparent;--bal-radio-label-min-height:1.5rem;--bal-radio-button-background-hover:var(--bal-color-grey-2);--bal-radio-button-background-active:var(--bal-color-grey-2);--bal-radio-button-background-checked:var(--bal-color-primary);--bal-radio-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-button-background-invalid:var(--bal-color-danger-1);--bal-radio-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-background:transparent;--bal-radio-button-background-checked-green:var(--bal-color-green-1);--bal-radio-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-button-background-checked-red:var(--bal-color-red-1);--bal-radio-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-button-background-disabled:var(--bal-color-grey-1);--bal-radio-button-background-hover:var(--bal-color-grey-1);--bal-radio-button-border-color:var(--bal-color-primary);--bal-radio-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-button-border-color-active:var(--bal-color-primary-6);--bal-radio-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-tile-background:transparent;--bal-radio-tile-background-hover:var(--bal-color-grey-1);--bal-radio-tile-background-disabled:var(--bal-color-grey-1);--bal-radio-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-tile-background-invalid-active:var(--bal-color-danger-1);--bal-radio-tile-background-checked-green:var(--bal-color-green-1);--bal-radio-tile-background-checked-purple:var(--bal-color-purple-1);--bal-radio-tile-background-checked-red:var(--bal-color-red-1);--bal-radio-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-tile-border-style:var(--bal-form-field-control-border-style);--bal-radio-tile-border-radius:var(--bal-form-field-control-radius);--bal-radio-tile-border-width:var(--bal-form-field-control-border-width);--bal-radio-tile-padding:var(--bal-text-size-medium);--bal-radio-tile-border-color:var(--bal-color-border);--bal-radio-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-tile-border-color-checked:var(--bal-color-border-primary);--bal-radio-tile-border-color-invalid:var(--bal-color-border-danger);--bal-radio-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-radio{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-radio-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-radio .bal-radio__label{cursor:pointer}.bal-radio--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio.bal-radio--flat{min-height:var(--bal-radio-symbol-size)}.bal-radio:not(.bal-radio--flat){min-height:3rem}.bal-radio--invalid{color:var(--bal-form-field-label-danger-color)}.bal-radio--disabled,.bal-radio--disabled .bal-radio__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-radio__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-radio__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-radio__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-radio__label__text--hidden{display:none}.bal-radio__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-radio--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-button-border-color)}.bal-radio--button.bal-radio--checked{background:var(--bal-radio-button-background-checked);color:var(--bal-color-white)}.bal-radio--button.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-radio--button.bal-radio--invalid.bal-radio--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-radio--button.bal-radio--disabled .bal-radio__label__text{color:var(--bal-color-text-grey)}.bal-radio--button.bal-radio--disabled.bal-radio--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-white)}.bal-radio--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-radio-tile-background);border-style:var(--bal-radio-tile-border-style);border-radius:var(--bal-radio-tile-border-radius);border-width:var(--bal-radio-tile-border-width);border-color:var(--bal-radio-tile-border-color);padding:var(--bal-radio-tile-padding)}.bal-radio--tile .bal-radio__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-radio--tile.bal-radio--checked{border-color:var(--bal-radio-tile-border-color-checked)}.bal-radio--tile.bal-radio--invalid{border-color:var(--bal-radio-tile-border-color-invalid)}.bal-radio--tile.bal-radio--disabled{background:var(--bal-radio-tile-background-disabled);border-color:var(--bal-radio-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-hover)}}.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-radio-tile-background-invalid-hover);border-color:var(--bal-radio-tile-border-color-invalid-hover)}}.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-radio-tile-background-invalid-active);border-color:var(--bal-radio-tile-border-color-invalid-active)}.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-green)}.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-red)}.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-purple)}.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-radio--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--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--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--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--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--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--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--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--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--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--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--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)}}";var j=a("bal_radio",function(){function a(a){var r=this;i(this,a);this.balFocus=o(this,"balFocus");this.balBlur=o(this,"balBlur");this.balChange=o(this,"balChange");this.inputId="bal-rb-".concat(O++);this.inheritedAttributes={};this.keyboardMode=true;this.wasFocused=false;this.checked=false;this.focused=false;this.ariaForm=g;this.outerElementState={hovered:false,pressed:false};this.innerElementState={hovered:false,pressed:false};this.mergedElementState={hovered:false,pressed:false};this.name=this.inputId;this.label="";this.labelHidden=false;this.flat=false;this.interface="radio";this.disabled=false;this.readonly=false;this.required=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1;this.setChecked=function(a){r.checked=a;r.balChange.emit(r.checked)};this.toggleChecked=function(a){a.preventDefault();r.setFocus();r.checked=true;r.setChecked(r.checked)};this.onClick=function(a){if(r.disabled){return}var i=a.target;if(i.href){return}if(r.wasFocused){r.focused=true}r.toggleChecked(a)};this.onFocus=function(a){if(r.disabled||r.readonly){r.focused=false;return _(a)}r.balFocus.emit(a);if(r.keyboardMode){r.focused=true;r.wasFocused=true}};this.onBlur=function(a){if(r.disabled||r.readonly){return _(a)}r.balBlur.emit(a);r.focused=false};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(a){if(!s(a)){r.wasFocused=false}r.keyboardMode=p.includes(a.key)}}a.prototype.createLogger=function(a){this.log=a};a.prototype.hoveredChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.pressedChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.connectedCallback=function(){this.hoveredChanged();if(this.value===undefined){this.value=this.inputId}if(this.group){this.updateState();this.group.addEventListener("balChange",this.updateState)}this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.inheritedAttributes=h(this.el,["aria-label","tabindex","title"])};a.prototype.componentWillRender=function(){var a=this;this.interactionChildElements.forEach((function(r){r.disabled=a.disabled||a.readonly;r.invalid=a.invalid;r.checked=a.checked}))};a.prototype.disconnectedCallback=function(){if(this.group){this.group.removeEventListener("balChange",this.updateState)}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.listenOnClick=function(a){if((this.disabled||this.readonly)&&a.target&&(a.target===this.el||e(this.el,a.target))){_(a)}};a.prototype.elementStateListener=function(a){this.outerElementState=a;this.mergeElementState()};a.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){m(this);return[2]}))}))};a.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){x(this);return[2]}))}))};a.prototype.setButtonTabindex=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.buttonTabindex=a;return[2]}))}))};a.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,Promise.resolve(this.nativeInput)]}))}))};a.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,this.option]}))}))};a.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(r){if(this.group){a=this.group.value===this.value;if(a!==this.checked){this.checked=a}}return[2]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};Object.defineProperty(a.prototype,"group",{get:function(){return this.el.closest("bal-radio-group")},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-radio-icon, bal-icon"))},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"option",{get:function(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}},enumerable:false,configurable:true});a.prototype.mergeElementState=function(){var a=this;this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed};this.interactionChildElements.forEach((function(r){r.hovered=a.mergedElementState.hovered;r.pressed=a.mergedElementState.pressed}))};a.prototype.render=function(){var a=this;var r=v.block("radio");var i=r.element("input");var o=r.element("label");var e=o.element("text");var d=o.element("icon");var n=this.focused&&this.buttonTabindex!==-1;var b=typeof this.value==="boolean"?JSON.stringify(this.value):this.value;var c=!this.nonSubmit;var s=this.ariaForm.controlId||this.inputId;var h=this.ariaForm.labelId||null;var f=c?"label":"span";var p=this.inheritedAttributes;if(this.buttonTabindex!==undefined){p.tabIndex=this.buttonTabindex}if(this.labelHidden){p["aria-labelledby"]=h}return l(t,{key:"0cb18e6ebb7c792fb484473ec6fa2efbc318f221","aria-checked":"".concat(this.checked),"aria-disabled":u(this.disabled),"aria-invalid":this.invalid===true?"true":"false","aria-hidden":this.disabled?"true":null,"aria-focused":n?"true":null,"aria-labelledby":h,"aria-describedby":this.ariaForm.messageId,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({"bal-focused":n},r.class()),r.modifier("button").class(this.interface==="button")),r.modifier("tile").class(this.interface==="tile")),r.modifier("tile-color-".concat(this.color)).class(this.interface==="tile"&&!!this.color)),r.modifier("invalid").class(this.invalid)),r.modifier("checked").class(this.checked)),r.modifier("flat").class(this.flat)),r.modifier("disabled").class(this.disabled||this.readonly)),r.modifier("hovered").class(this.hovered)),r.modifier("pressed").class(this.pressed)),r.modifier("column-".concat(this.colSize)).class(this.interface==="tile"&&this.colSize>1)),r.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.interface==="tile"&&this.colSizeTablet>1)),r.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.interface==="tile"&&this.colSizeMobile>1)),onClick:this.onClick},l(f,{key:"ef2616849a3b0f2fe95b92fc8ae81df21fd73c47",class:Object.assign({},o.class()),"data-testid":"bal-radio-label"},c?l("input",Object.assign({id:s,type:"radio","data-testid":"bal-radio-input",name:this.name,value:b,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},i.class()),"aria-hidden":u(this.nonSubmit),"aria-invalid":this.invalid===true?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:function(r){return a.toggleChecked(r)},onFocus:function(r){return a.onFocus(r)},onBlur:function(r){return a.onBlur(r)},ref:function(r){return a.nativeInput=r}},p)):"",this.interface!=="tile"?l("div",{class:Object.assign({},d.class())},l("bal-radio-icon",{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:this.interface==="button"&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",l("div",{key:"609c44dc552fba3ba309166407730a28219616e6",class:Object.assign(Object.assign({},e.class()),e.modifier("hidden").class(this.labelHidden))},l("slot",{key:"0f200df04d88e458de4400687dfd7b1a2a3e9ac1"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}},enumerable:false,configurable:true});return a}());b([r("bal-radio"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],j.prototype,"createLogger",null);b([f(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],j.prototype,"elementStateListener",null);var O=0;j.style=w;var C=".bal-radio-group{display:inline-block;position:relative;width:100%}.bal-radio-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-group__inner--expanded .bal-radio{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-group__inner--expanded .bal-radio{width:100%}}.bal-radio-group__inner--button.bal-radio-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";var F=a("bal_radio_group",function(){function a(a){var r=this;i(this,a);this.balChange=o(this,"balChange");this.balFocus=o(this,"balFocus");this.balBlur=o(this,"balBlur");this.inputId="bal-rg-".concat(D++);this.inheritedAttributes={};this.ariaForm=g;this.interface=undefined;this.allowEmptySelection=false;this.name=this.inputId;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.columns=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false;this.hasFocus=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(a){this.setRadioTabindex(this.value);this.setRadioChecked();return[2]}))}))};this.setRadioTabindex=function(a){var i=r.getRadios();var o=i.find((function(a){return!a.disabled}));var e=i.find((function(r){return r.value===a&&!r.disabled}));if(!o&&!e){return}var l=e||o;for(var t=0,d=i;t<d.length;t++){var n=d[t];var b=n===l?0:-1;n.setButtonTabindex(b)}};this.onClick=function(a){var i=a.target;if(i.href){return}a.preventDefault();var o=a.target&&a.target.closest("bal-radio");if(o&&!o.disabled&&!o.readonly){var e=r.value;var l=o.value;if(l!==e){r.value=l}else if(r.allowEmptySelection){r.value=undefined}r.balChange.emit(r.value)}}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};a.prototype.invalidChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.invalid=a}))}};a.prototype.disabledChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.disabled=a}))}};a.prototype.readonlyChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.readonly=a}))}};a.prototype.valueChanged=function(){this.onOptionChange()};a.prototype.columnsChanged=function(a){this.getRadios().forEach((function(r){return r.colSize=a}))};a.prototype.columnsTabletChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeTablet=a}))};a.prototype.columnsMobileChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeMobile=a}))};a.prototype.connectedCallback=function(){this.initialValue=this.value;this.mutationObserverActive=this.options===undefined};a.prototype.componentWillLoad=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange();this.inheritedAttributes=h(this.el,["aria-label","tabindex","title"])};a.prototype.focusInListener=function(a){this.balFocus.emit(a)};a.prototype.focusOutListener=function(a){this.balBlur.emit(a)};a.prototype.mutationListener=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};a.prototype.listenOnClick=function(a){if(e(this.el,a.target)){_(a)}};a.prototype.radioFocusListener=function(a){var r=a.target;if(r&&e(this.el,r)&&n(r,"bal-radio")){_(a)}};a.prototype.radioBlurListener=function(a){var r=a.target;if(r&&e(this.el,r)&&n(r,"bal-radio")){_(a)}};a.prototype.resetListener=function(a){var r=a.target;if(r===null||r===void 0?void 0:r.contains(this.el)){this.value=this.initialValue}};a.prototype.onKeydown=function(a){if(a.target&&!this.el.contains(a.target)){return}var r=this.getRadios().filter((function(a){return!a.disabled}));var i=a.target.closest("bal-radio");if(i&&r.includes(i)){var o=r.findIndex((function(a){return a===i}));var e=r[o];var l=void 0;if(["ArrowDown","ArrowRight"].includes(a.code)){l=o===r.length-1?r[0]:r[o+1]}if(["ArrowUp","ArrowLeft"].includes(a.code)){l=o===0?r[r.length-1]:r[o-1]}if(l&&r.includes(l)){l.setFocus(a);this.value=l.value;this.balChange.emit(this.value)}if(["Space"].includes(a.code)){this.value=this.allowEmptySelection&&this.value!==undefined?undefined:e.value;this.balChange.emit(this.value);a.preventDefault()}}};a.prototype.setValue=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=a;return[2]}))}))};a.prototype.getOptionByValue=function(a){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(i){r=this.options;if(r){return[2,r.find((function(r){return r.value===a}))]}return[2,undefined]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};a.prototype.setRadioInterface=function(){var a=this;this.getRadios().forEach((function(r){if(a.interface){r.interface=a.interface}}))};a.prototype.setRadioChecked=function(){this.getRadios().forEach((function(a){if(a.updateState){a.updateState()}}))};a.prototype.getRadios=function(){return Array.from(this.el.querySelectorAll("bal-radio"))};a.prototype.render=function(){var a=this;var r=v.block("radio-group");var i=r.element("inner");var o=this.options||[];var e=o.map((function(a){if(typeof a.html==="function"){return Object.assign(Object.assign({},a),{html:a.html()})}return a}));return l(t,Object.assign({class:Object.assign({},r.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":u(this.disabled),onClick:this.onClick},this.inheritedAttributes),l("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("vertical-mobile").class(this.verticalOnMobile)),i.modifier("vertical").class(this.vertical)),i.modifier("expanded").class(this.expanded)),i.modifier("button").class(this.interface==="button"))},l("slot",null),e.map((function(r){return l("bal-radio",{key:r.value,name:r.name||a.name,value:r.value,labelHidden:r.labelHidden,flat:r.flat,interface:r.interface,disabled:r.disabled,readonly:r.readonly,required:r.required,nonSubmit:!!r.nonSubmit,invalid:r.invalid,innerHTML:r.html})}))))};Object.defineProperty(a.prototype,"el",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return a}());b([r("bal-radio-group"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],F.prototype,"createLogger",null);b([k(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],F.prototype,"focusInListener",null);b([k(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],F.prototype,"focusOutListener",null);b([y({tags:["bal-radio-group","bal-radio"],attributes:false,characterData:false}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],F.prototype,"mutationListener",null);var D=0;F.style=C}}}));