@baloise/ds-core 19.9.0 → 19.9.1

package/dist/baloise-design-system/{p-bd5655b6a8.entry.js → p-198c6e75ad.entry.js}

@@ -1 +1 @@
-import{r as a,c as t,h as i,H as n,g as e}from"./p-BdVwMG9u.js";import{_ as s,a as l}from"./p-dfXERft2.js";import{B as o}from"./p-ByiN-QjD.js";import{b as r}from"./p-DmVt6SeJ.js";import{d as p}from"./p-CBkFUwrD.js";import{L as b}from"./p-Ere8qsaI.js";import{L as g}from"./p-B-L34nz8.js";import"./p-Ba5qjFjW.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-C9EQ_6RZ.js";import"./p-D7ovid3w.js";const 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"}},c=class{constructor(i){a(this,i),this.balChangeEventEmitter=t(this,"balChange"),this._value=1,this.isMobile=r.isMobile,this.language=p.language,this.align="",this.size="",this.interface="",this.disabled=!1,this.value=1,this.totalPages=1,this.pageRange=2,this.sticky=!1,this.top=0}valueChanged(a){this._value=a}topValueChanged(a){this.sticky&&(this.el.style.top=`${a}px`)}componentWillLoad(){this._value=this.value,this.topValueChanged(this.top)}breakpointListener(a){this.isMobile=a.mobile}async next(){this._value<this.totalPages&&(this._value=this._value+1,this.balChangeEventEmitter.emit(this._value))}async previous(){1!==this._value&&(this._value=this._value-1,this.balChangeEventEmitter.emit(this._value))}async configChanged(a){this.language=a.language}selectPage(a){this._value=a,this.balChangeEventEmitter.emit(this._value)}getItems(a=2){const t=function(a,t,i){const n=[];(a>t||a<0)&&(a=1),t<=0&&(t=10),i<0&&(i=2);const e=5+2*i;if(t<=e)for(let i=1;i<=t;i++)n.push({type:"page",label:i.toString(),active:i===a});else if(a<=e-2-i){for(let t=1;t<=e-2;t++)n.push({type:"page",label:t.toString(),active:t===a});n.push({type:"dots",label:"...",active:!1}),n.push({type:"page",label:t.toString(),active:!1})}else if(a>=t-3){n.push({type:"page",label:"1",active:!1}),n.push({type:"dots",label:"...",active:!1});for(let i=t-e+3;i<=t;i++)n.push({type:"page",label:i.toString(),active:i===a})}else{n.push({type:"page",label:"1",active:!1}),n.push({type:"dots",label:"...",active:!1});const e=Number(a);for(let t=e-i;t<=e+i;t++)n.push({type:"page",label:t.toString(),active:t===a});n.push({type:"dots",label:"...",active:!1}),n.push({type:"page",label:t.toString(),active:!1})}return n}(this._value,this.totalPages,a);return t.map((a=>"page"===a.type?this.renderPageElement(Number(a.label)):this.renderEllipsisElement()))}renderEllipsisElement(){const a=o.block("pagination").element("nav").element("pagination-list").element("more");return i("li",{"aria-hidden":"true"},i("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("disabled").class(this.disabled))},i("span",null,"…")))}renderPageElement(a){const t=this._value===a,n=o.block("pagination").element("nav").element("pagination-list").element("dot");return i("li",null,"small"===this.interface?i("span",{role:"button","aria-current":t?"true":void 0,class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("active").class(t)),n.modifier("inactive").class(!t)),"aria-label":a,onClick:()=>this.selectPage(a)}):i("button",{class:{button:!0,"is-square":!0,"is-primary":t,"is-text":!t,"is-disabled":this.disabled,"is-small":this.isMobile||"small"===this.size},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(a),"data-testid":"bal-pagination-page-number"},a))}render(){const a=this.getItems(1),t=this.getItems(this.pageRange),e=o.block("pagination"),s=e.element("nav"),l=s.element("pagination-previous"),r=s.element("pagination-next"),p=s.element("pagination-list"),b="small"===this.interface,g=b?"is-link":"is-text",c=b||"small"===this.size||this.isMobile?"is-small":"",h=b,_=d[this.language].left,u=d[this.language].right,m=""===this.interface||b&&this.totalPages<=5;return i(n,{key:"c9f4756500a4f05b3d4756c0c568d6e7d930292c",class:Object.assign(Object.assign({},e.class()),e.modifier("is-sticky").class(this.sticky))},i("nav",{key:"463f770907d3b73651eb525c951870d53afb3147",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier(`context-${this.interface}`).class(""!==this.interface)),s.modifier(`align-${this.align}`).class(""!==this.align)),role:"navigation","aria-label":"pagination"},this.disabled?"":i("button",{class:Object.assign(Object.assign({button:!0,"is-square":!0,"is-disabled":this._value<2,"is-flat":h,[g]:!0,[c]:!0},l.class()),l.modifier(`context-${this.interface}`).class()),disabled:this._value<2,onClick:()=>this.previous(),"data-testid":"bal-pagination-controls-left",title:_},i("bal-icon",{name:"nav-go-left",size:"small",disabled:this._value<2})),this.disabled?"":i("button",{class:Object.assign(Object.assign({button:!0,"is-square":!0,"is-disabled":this._value===this.totalPages,"is-flat":h,[g]:!0,[c]:!0},r.class()),r.modifier(`context-${this.interface}`).class()),disabled:this._value===this.totalPages,onClick:()=>this.next(),"data-testid":"bal-pagination-controls-right",title:u},i("bal-icon",{name:"nav-go-right",size:"small",disabled:this._value===this.totalPages})),m&&this.isMobile?i((()=>i("ul",{key:"9b83d79dd7bb63cfeb8d98ff940f2a91c9db72c8",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},a)),null):"",m&&!this.isMobile?i((()=>i("ul",{key:"ac07986c347c110d113f46ceff2cb77ced99c5da",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},t)),null):"",m?"":i((()=>i("span",{key:"6851055924de8b04d1c2426851296fc43de9d5a8",class:Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class())},i("span",{key:"3c7b45ffc1b9844a54b05455444fc27f0947ed23"},this._value)," / "+this.totalPages)),null)))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],top:["topValueChanged"]}}};s([b(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],c.prototype,"breakpointListener",null),s([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],c.prototype,"configChanged",null),c.style=":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__more--disabled{color:var(--bal-color-text-grey)}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}.bal-pagination__nav__pagination-list button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}";export{c as bal_pagination}
+import{r as a,c as t,h as i,H as n,g as e}from"./p-BdVwMG9u.js";import{_ as s,a as l}from"./p-dfXERft2.js";import{B as o}from"./p-ByiN-QjD.js";import{b as r}from"./p-BzAHSyRi.js";import{d as p}from"./p-CBkFUwrD.js";import{L as b}from"./p-P4eJh_wN.js";import{L as g}from"./p-B-L34nz8.js";import"./p-Ba5qjFjW.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-DcKTia-G.js";import"./p-D7ovid3w.js";const 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"}},c=class{constructor(i){a(this,i),this.balChangeEventEmitter=t(this,"balChange"),this._value=1,this.isMobile=r.isMobile,this.language=p.language,this.align="",this.size="",this.interface="",this.disabled=!1,this.value=1,this.totalPages=1,this.pageRange=2,this.sticky=!1,this.top=0}valueChanged(a){this._value=a}topValueChanged(a){this.sticky&&(this.el.style.top=`${a}px`)}componentWillLoad(){this._value=this.value,this.topValueChanged(this.top)}breakpointListener(a){this.isMobile=a.mobile}async next(){this._value<this.totalPages&&(this._value=this._value+1,this.balChangeEventEmitter.emit(this._value))}async previous(){1!==this._value&&(this._value=this._value-1,this.balChangeEventEmitter.emit(this._value))}async configChanged(a){this.language=a.language}selectPage(a){this._value=a,this.balChangeEventEmitter.emit(this._value)}getItems(a=2){const t=function(a,t,i){const n=[];(a>t||a<0)&&(a=1),t<=0&&(t=10),i<0&&(i=2);const e=5+2*i;if(t<=e)for(let i=1;i<=t;i++)n.push({type:"page",label:i.toString(),active:i===a});else if(a<=e-2-i){for(let t=1;t<=e-2;t++)n.push({type:"page",label:t.toString(),active:t===a});n.push({type:"dots",label:"...",active:!1}),n.push({type:"page",label:t.toString(),active:!1})}else if(a>=t-3){n.push({type:"page",label:"1",active:!1}),n.push({type:"dots",label:"...",active:!1});for(let i=t-e+3;i<=t;i++)n.push({type:"page",label:i.toString(),active:i===a})}else{n.push({type:"page",label:"1",active:!1}),n.push({type:"dots",label:"...",active:!1});const e=Number(a);for(let t=e-i;t<=e+i;t++)n.push({type:"page",label:t.toString(),active:t===a});n.push({type:"dots",label:"...",active:!1}),n.push({type:"page",label:t.toString(),active:!1})}return n}(this._value,this.totalPages,a);return t.map((a=>"page"===a.type?this.renderPageElement(Number(a.label)):this.renderEllipsisElement()))}renderEllipsisElement(){const a=o.block("pagination").element("nav").element("pagination-list").element("more");return i("li",{"aria-hidden":"true"},i("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("disabled").class(this.disabled))},i("span",null,"…")))}renderPageElement(a){const t=this._value===a,n=o.block("pagination").element("nav").element("pagination-list").element("dot");return i("li",null,"small"===this.interface?i("span",{role:"button","aria-current":t?"true":void 0,class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("active").class(t)),n.modifier("inactive").class(!t)),"aria-label":a,onClick:()=>this.selectPage(a)}):i("button",{class:{button:!0,"is-square":!0,"is-primary":t,"is-text":!t,"is-disabled":this.disabled,"is-small":this.isMobile||"small"===this.size},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(a),"data-testid":"bal-pagination-page-number"},a))}render(){const a=this.getItems(1),t=this.getItems(this.pageRange),e=o.block("pagination"),s=e.element("nav"),l=s.element("pagination-previous"),r=s.element("pagination-next"),p=s.element("pagination-list"),b="small"===this.interface,g=b?"is-link":"is-text",c=b||"small"===this.size||this.isMobile?"is-small":"",h=b,_=d[this.language].left,u=d[this.language].right,v=""===this.interface||b&&this.totalPages<=5;return i(n,{key:"c9f4756500a4f05b3d4756c0c568d6e7d930292c",class:Object.assign(Object.assign({},e.class()),e.modifier("is-sticky").class(this.sticky))},i("nav",{key:"463f770907d3b73651eb525c951870d53afb3147",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier(`context-${this.interface}`).class(""!==this.interface)),s.modifier(`align-${this.align}`).class(""!==this.align)),role:"navigation","aria-label":"pagination"},this.disabled?"":i("button",{class:Object.assign(Object.assign({button:!0,"is-square":!0,"is-disabled":this._value<2,"is-flat":h,[g]:!0,[c]:!0},l.class()),l.modifier(`context-${this.interface}`).class()),disabled:this._value<2,onClick:()=>this.previous(),"data-testid":"bal-pagination-controls-left",title:_},i("bal-icon",{name:"nav-go-left",size:"small",disabled:this._value<2})),this.disabled?"":i("button",{class:Object.assign(Object.assign({button:!0,"is-square":!0,"is-disabled":this._value===this.totalPages,"is-flat":h,[g]:!0,[c]:!0},r.class()),r.modifier(`context-${this.interface}`).class()),disabled:this._value===this.totalPages,onClick:()=>this.next(),"data-testid":"bal-pagination-controls-right",title:u},i("bal-icon",{name:"nav-go-right",size:"small",disabled:this._value===this.totalPages})),v&&this.isMobile?i((()=>i("ul",{key:"9b83d79dd7bb63cfeb8d98ff940f2a91c9db72c8",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},a)),null):"",v&&!this.isMobile?i((()=>i("ul",{key:"ac07986c347c110d113f46ceff2cb77ced99c5da",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},t)),null):"",v?"":i((()=>i("span",{key:"6851055924de8b04d1c2426851296fc43de9d5a8",class:Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class())},i("span",{key:"3c7b45ffc1b9844a54b05455444fc27f0947ed23"},this._value)," / "+this.totalPages)),null)))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],top:["topValueChanged"]}}};s([b(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],c.prototype,"breakpointListener",null),s([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],c.prototype,"configChanged",null),c.style=":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__more--disabled{color:var(--bal-color-text-grey)}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}.bal-pagination__nav__pagination-list button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}";export{c as bal_pagination}

package/dist/baloise-design-system/{p-1ee3f23f54.entry.js → p-1c913d4359.entry.js}

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

package/dist/baloise-design-system/{p-a7503a0c9d.entry.js → p-1f0f2e599d.entry.js}

@@ -1 +1 @@
-import{r as l,c as i,h as e,H as t,g as a}from"./p-BdVwMG9u.js";import{_ as s,a as d}from"./p-dfXERft2.js";import{d as o}from"./p-FCLKfv6B.js";import{d as n,a as r}from"./p-Ba5qjFjW.js";import{L as b}from"./p-Dvgek0Sb.js";import{B as h}from"./p-ByiN-QjD.js";import{b as f}from"./p-DmVt6SeJ.js";import{L as c}from"./p-Ere8qsaI.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-C20cwFWy.js";import"./p-MBsgW7uz.js";import"./p-C9EQ_6RZ.js";const m=class{constructor(e){l(this,e),this.balFormControlDidLoad=i(this,"balFormControlDidLoad"),this.fieldId="bal-field-"+p++,this.formControlElement=["bal-field-control"],this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"],this.formElements=[...this.formControlElement,"bal-field-label","bal-field-message"],this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0,this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.isVisible=l=>!!l&&"true"!==l.ariaHidden,this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i)&&this.isVisible(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild).filter(this.isVisible))).flat(),this.mutationObserverActive=!0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await n(this.el),await r();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),e=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]),t=Object.assign({},o);l&&(t.labelId=`${this.fieldId}-lbl`),i&&(t.messageId=`${this.fieldId}-msg`);for(let a=0;a<e.length;a++){const s=e[a];0===a?(t.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(t)),await(null==i?void 0:i.setAriaForm(t)),await(null==s?void 0:s.setAriaForm(t))):(t.controlId=`${this.fieldId}-ctrl-${a}`,await(null==s?void 0:s.setAriaForm(t)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const e=this[i];void 0!==e&&this.notifyComponents(l,(l=>l[i]=e))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return e(t,{key:"ef05b294a516d40c5089d051feeb46715f581bc1",id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},e("slot",{key:"5710d7fd141b21d699004d7982d5d5bb7238cd94"}),e("span",{key:"e1b36343cdcb60960bcdac4d938c946f40041334",class:"bal-field-hidden"}))}get el(){return a(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};s([b({subtree:!1,waitAfterFramePrint:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],m.prototype,"mutationListener",null);let p=0;m.style=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";const u=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?e("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?e("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return e(t,{key:"f2dbde868506b54d5b5e2fc14b5c29c417d42891",class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},e("slot",{key:"274cd16bccefc825d85e4b1222da7c523a1aa937"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},g=class{constructor(i){l(this,i),this.hideTitleOnDesktop=!1,this.subject="",this.closeLabel="Close",this.small=!1,this.isDesktop=f.isDesktop}breakpointListener(l){this.isDesktop=l.desktop}render(){const l=h.block("field-hint");return e(t,{key:"90dbf0da0a0c7ec498538721135e2fdefc4ac238",class:Object.assign({},l.class())},e("bal-hint",{key:"1976d07de449aa8b2897a375f61953f0c705e4ae",class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},!this.subject||this.hideTitleOnDesktop&&this.isDesktop?"":e("bal-hint-title",null,this.subject),e("bal-hint-text",{key:"ae2b48186e4f4c1adbfe7b3ed57a798a55a4cad0"},e("slot",{key:"e4a33e9e14ab86a15e78321fbd9f7325e0420ec5"}))))}};s([c(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],g.prototype,"breakpointListener",null);const y=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return e(t,{key:"6685a5711aba2152b975fe49fe114a9edb400679",class:"bal-field-label"},e("bal-label",{key:"f677ab02ba144832c6304dc99c3e2900079e38b7",multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},e("slot",{key:"687bfc73cab2cf7bef4e3e15b6a9090d5ba29d38"})))}get element(){return a(this)}},v=class{constructor(i){l(this,i),this.ariaForm=o,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1,this.noReservedSpace=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return e(t,{key:"24a1ad8e6d848841fd1e83428aa14430ed6fe5fc",id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color},style:{minHeight:this.noReservedSpace?"0":void 0}},e("slot",{key:"2cb9fb2480527f5b4ae63611f3a424fcc202bc36"}))}};export{m as bal_field,u as bal_field_control,g as bal_field_hint,y as bal_field_label,v as bal_field_message}
+import{r as l,c as i,h as e,H as t,g as a}from"./p-BdVwMG9u.js";import{_ as s,a as d}from"./p-dfXERft2.js";import{d as o}from"./p-FCLKfv6B.js";import{d as n,a as r}from"./p-Ba5qjFjW.js";import{L as b}from"./p-Dvgek0Sb.js";import{B as h}from"./p-ByiN-QjD.js";import{b as f}from"./p-BzAHSyRi.js";import{L as c}from"./p-P4eJh_wN.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-C20cwFWy.js";import"./p-MBsgW7uz.js";import"./p-DcKTia-G.js";const m=class{constructor(e){l(this,e),this.balFormControlDidLoad=i(this,"balFormControlDidLoad"),this.fieldId="bal-field-"+p++,this.formControlElement=["bal-field-control"],this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"],this.formElements=[...this.formControlElement,"bal-field-label","bal-field-message"],this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0,this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.isVisible=l=>!!l&&"true"!==l.ariaHidden,this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i)&&this.isVisible(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild).filter(this.isVisible))).flat(),this.mutationObserverActive=!0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await n(this.el),await r();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),e=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]),t=Object.assign({},o);l&&(t.labelId=`${this.fieldId}-lbl`),i&&(t.messageId=`${this.fieldId}-msg`);for(let a=0;a<e.length;a++){const s=e[a];0===a?(t.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(t)),await(null==i?void 0:i.setAriaForm(t)),await(null==s?void 0:s.setAriaForm(t))):(t.controlId=`${this.fieldId}-ctrl-${a}`,await(null==s?void 0:s.setAriaForm(t)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const e=this[i];void 0!==e&&this.notifyComponents(l,(l=>l[i]=e))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return e(t,{key:"ef05b294a516d40c5089d051feeb46715f581bc1",id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},e("slot",{key:"5710d7fd141b21d699004d7982d5d5bb7238cd94"}),e("span",{key:"e1b36343cdcb60960bcdac4d938c946f40041334",class:"bal-field-hidden"}))}get el(){return a(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};s([b({subtree:!1,waitAfterFramePrint:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],m.prototype,"mutationListener",null);let p=0;m.style=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";const u=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?e("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?e("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return e(t,{key:"f2dbde868506b54d5b5e2fc14b5c29c417d42891",class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},e("slot",{key:"274cd16bccefc825d85e4b1222da7c523a1aa937"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},g=class{constructor(i){l(this,i),this.hideTitleOnDesktop=!1,this.subject="",this.closeLabel="Close",this.small=!1,this.isDesktop=f.isDesktop}breakpointListener(l){this.isDesktop=l.desktop}render(){const l=h.block("field-hint");return e(t,{key:"90dbf0da0a0c7ec498538721135e2fdefc4ac238",class:Object.assign({},l.class())},e("bal-hint",{key:"1976d07de449aa8b2897a375f61953f0c705e4ae",class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},!this.subject||this.hideTitleOnDesktop&&this.isDesktop?"":e("bal-hint-title",null,this.subject),e("bal-hint-text",{key:"ae2b48186e4f4c1adbfe7b3ed57a798a55a4cad0"},e("slot",{key:"e4a33e9e14ab86a15e78321fbd9f7325e0420ec5"}))))}};s([c(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],g.prototype,"breakpointListener",null);const y=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return e(t,{key:"6685a5711aba2152b975fe49fe114a9edb400679",class:"bal-field-label"},e("bal-label",{key:"f677ab02ba144832c6304dc99c3e2900079e38b7",multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},e("slot",{key:"687bfc73cab2cf7bef4e3e15b6a9090d5ba29d38"})))}get element(){return a(this)}},v=class{constructor(i){l(this,i),this.ariaForm=o,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1,this.noReservedSpace=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return e(t,{key:"24a1ad8e6d848841fd1e83428aa14430ed6fe5fc",id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color},style:{minHeight:this.noReservedSpace?"0":void 0}},e("slot",{key:"2cb9fb2480527f5b4ae63611f3a424fcc202bc36"}))}};export{m as bal_field,u as bal_field_control,g as bal_field_hint,y as bal_field_label,v as bal_field_message}

package/dist/baloise-design-system/{p-44137a3d17.system.entry.js → p-213c4d93f4.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function o(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,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,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=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++;a=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(e,i)}catch(e){o=[6,e];a=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-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-D-yL3ygS.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DtlqgdI2.system.js","./p-CXAw6SMX.system.js","./p-C6x8G3mu.system.js","./p-DST0VloN.system.js","./p-bNRkwxp2.system.js","./p-BIBFYhYa.system.js","./p-m5GX4h3i.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js","./p-DDPYMMGG.system.js","./p-CE3V5D8z.system.js","./p-DdX8FaaK.system.js","./p-dEE6wNs_.system.js"],(function(e){"use strict";var t,i,n,a,r,s,o,l,c,b,m,d,u,g,h,f,v,p,_,k,y,x,w,j,O,z,C,S,D,F;return{setters:[function(e){t=e.r;i=e.c;n=e.w;a=e.h;r=e.H;s=e.g},function(e){o=e._;l=e.a},function(e){c=e.B},function(e){b=e.F},function(e){m=e.d},function(e){d=e.s},function(e){u=e.m;g=e.o;h=e.p},function(e){f=e.L},function(e){v=e.i;p=e.a;_=e.b;k=e.c;y=e.d;x=e.e;w=e.f;j=e.g},function(e){O=e.L},function(e){z=e.L},function(e){C=e.L},function(e){S=e.L},function(e){D=e.L},function(e){F=e.i},null,null,null,null,null,null],execute:function(){var I=":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-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--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}";var L=e("bal_segment",function(){function e(e){var n=this;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=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=m;this.invalid=false;this.autoInvalidOff=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.hasFocus=false;this.getSegmentItem=function(e){var t,i;var a=n.allItems.filter((function(e){return!e.disabled}));var r=a.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return a[r];case"first":return a[0];case"last":return a[a.length-1];case"next":return(t=a[r+1])!==null&&t!==void 0?t:a[0];case"previous":return(i=a[r-1])!==null&&i!==void 0?i:a[a.length-1];default:return null}};this.onPointerDown=function(){n.keyboardMode=false};this.onSlottedItemsChange=function(){n.valueChanged(n.value);n.defineWidth()};this.onClick=function(e){if(n.disabled){return}var t=e.target;var i=n.checked;if(t.tagName==="BAL-SEGMENT"){return}if(t&&t.setFocus){t.setFocus()}if(i){n.checkButton(i,t)}else{n.setCheckedClasses();n.checkButton(t,t)}if(t!==i){n.emitValueChange()}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidChanged=function(){var e=this;this.allItems.map((function(t){return t.invalid=e.invalid}))};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e);this.setCheckedClasses()};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.animationListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.visibilityListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=b.includes(e.key);var t=false;var i;if(v(e)||p(e)){d(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(_(e)||k(e)){d(e);i=this.getSegmentItem("previous")}else if(y(e)||x(e)){d(e);i=this.getSegmentItem("next")}else if(w(e)){d(e);i=this.getSegmentItem("first")}else if(j(e)){d(e);i=this.getSegmentItem("last")}if(!i){return}var n=this.checked;if(i!==n||t){this.checkButton(n,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;u((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var r=i.getBoundingClientRect();var s=a.getBoundingClientRect();var o=r.width/s.width;var l=r.left-s.left;var c="translate3d(".concat(l,"px, 0, 0) scaleX(").concat(o,")");if(this.isVertical){var b=r.height/s.height;var m=r.top-s.top;c="translate3d(0, ".concat(m,"px, 0) scaleY(").concat(b,")")}n((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",c);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var n=i+1;var a=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(n<t.length){t[n].classList.add("bal-segment-item--after-checked")}if(a<t.length&&a>=0){t[a].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,n=e.scrollable,s=e.keyboardMode,o=e.expanded,l=e.isMobile,b=e.disabled;var m=c.block("segment");return a(r,{key:"08fb99b658d704d85ab181d55d7bdbce7ee40fd8",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({},m.class()),m.modifier("invalid").class(t)),m.modifier("vertical").class(i)),m.modifier("scrollable").class(n)),m.modifier("keyboard").class(s)),m.modifier("disabled").class(b)),m.modifier("expanded").class((o||l)&&!i)),onClick:this.onClick},a("slot",{key:"432741fe51dc5c83ea241506687de13469afc149",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());o([f("bal-segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],L.prototype,"createLogger",null);o([O(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],L.prototype,"focusInListener",null);o([O(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],L.prototype,"focusOutListener",null);o([z(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],L.prototype,"animationListener",null);o([C(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],L.prototype,"visibilityListener",null);o([D(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],L.prototype,"breakpointListener",null);o([S(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],L.prototype,"windowResizeListener",null);L.style=I;var X=':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-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--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-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-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}';var A=0;var B=e("bal_segment_item",function(){function e(e){var i=this;t(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=A++;this.inputId="bal-si-".concat(this.internalId);this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=m;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId;this.updateVertical=function(e){i.isVertical=e.detail};this.updateState=function(){var e=i.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var t=i.allAvailableOptions;if(t.length>0){var n=t[0];i.checked=false;i.isFocusable=n===i.el}}else{i.checked=e.value===i.value;i.isFocusable=e.value===i.value}if(e.disabled){i.disabled=true}if(e.invalid){i.invalid=true}i.isLast=e.lastElementChild===i.el;i.isFirst=e.firstElementChild===i.el;i.calculateEmptyValue()}};this.onSlottedItemsChange=function(){i.checkSlotContent()}}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){g(t,"balSelect",this.updateState);g(t,"balVertical",this.updateVertical)}u((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){h(e,"balSelect",this.updateState);h(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,n=t.focused,s=t.segmentEl,o=t.label,l=t.isFocusable,b=t.isFirst,m=t.hasEmptyValue;var d=c.block("segment-item");var u=d.element("button");var g=d.element("indicator");var h=this.invalid||s&&s.invalid;var f=this.disabled||s&&s.disabled;var v=this.isVertical;var p=m&&b||l&&!f;var _=p&&this.ariaForm.controlId||this.inputId;var k={};if(p){k={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return a(r,{key:"54ab8ce0ab290fcbc238087789ce0bca3caedddc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("vertical").class(v)),d.modifier("disabled").class(f)),d.modifier("checked").class(i)),d.modifier("invalid").class(h)),d.modifier("last").class(this.isLast&&!i))},a("button",Object.assign({key:"be4e31f8a5b0da8cc9f70a867e546920127ba4b2",id:_,role:"radio","aria-checked":i?"true":"false"},k,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("checked").class(i)),u.modifier("invalid").class(h)),u.modifier("disabled").class(f)),u.modifier("focused").class(n)),u.modifier("vertical").class(v)),type:"button",tabIndex:p?0:-1,part:"native",disabled:f,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),a("bal-icon",{key:"f6d56f256041be2a97822dcc424d887844bacc0e",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},u.element("icon").class()),u.element("icon").modifier("animated").class(i)),u.element("icon").modifier("vertical").class(v)),color:f?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"15df166b0d0d2b6a6b9447506755b9de3581c77d",space:"x-small",layout:"horizontal"},a("bal-content",{key:"056ba7bfb5d4f456f03f70e9f86e0269bd44a78b",space:"none"},a("bal-label",{key:"055ca1dd2f698e5b3758fbc5535a221801d90642",htmlId:"bal-si-".concat(this.internalId,"-label")},o),a("span",{key:"5a4ea620046a856959a811110f9c8ec5dfefa156",part:"slot",class:Object.assign({},u.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"ceeb6506e86bde765a45497987759479b450c16f",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"7384e9bec0b8c8337191b79a54a18cf5cc89a55b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("animated").class()),g.modifier("background").class()),g.modifier("disabled").class(f)),g.modifier("invalid").class(h)),g.modifier("checked").class(i)),g.modifier("vertical").class(v))}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());B.style=X}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function o(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,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,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=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++;a=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(e,i)}catch(e){o=[6,e];a=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-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-D-yL3ygS.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DtlqgdI2.system.js","./p-CXAw6SMX.system.js","./p-C6x8G3mu.system.js","./p-DST0VloN.system.js","./p-G8UK5F7H.system.js","./p-C8LDaK6Z.system.js","./p-m5GX4h3i.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js","./p-DDPYMMGG.system.js","./p-DvahsaGu.system.js","./p-DdX8FaaK.system.js","./p-q1IO5uRR.system.js"],(function(e){"use strict";var t,i,n,a,r,s,o,l,c,b,m,d,u,g,h,f,v,p,_,k,y,x,w,j,O,z,C,D,L,S;return{setters:[function(e){t=e.r;i=e.c;n=e.w;a=e.h;r=e.H;s=e.g},function(e){o=e._;l=e.a},function(e){c=e.B},function(e){b=e.F},function(e){m=e.d},function(e){d=e.s},function(e){u=e.m;g=e.o;h=e.p},function(e){f=e.L},function(e){v=e.i;p=e.a;_=e.b;k=e.c;y=e.d;x=e.e;w=e.f;j=e.g},function(e){O=e.L},function(e){z=e.L},function(e){C=e.L},function(e){D=e.L},function(e){L=e.L},function(e){S=e.i},null,null,null,null,null,null],execute:function(){var F=":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-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--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}";var I=e("bal_segment",function(){function e(e){var n=this;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=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=m;this.invalid=false;this.autoInvalidOff=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.hasFocus=false;this.getSegmentItem=function(e){var t,i;var a=n.allItems.filter((function(e){return!e.disabled}));var r=a.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return a[r];case"first":return a[0];case"last":return a[a.length-1];case"next":return(t=a[r+1])!==null&&t!==void 0?t:a[0];case"previous":return(i=a[r-1])!==null&&i!==void 0?i:a[a.length-1];default:return null}};this.onPointerDown=function(){n.keyboardMode=false};this.onSlottedItemsChange=function(){n.valueChanged(n.value);n.defineWidth()};this.onClick=function(e){if(n.disabled){return}var t=e.target;var i=n.checked;if(t.tagName==="BAL-SEGMENT"){return}if(t&&t.setFocus){t.setFocus()}if(i){n.checkButton(i,t)}else{n.setCheckedClasses();n.checkButton(t,t)}if(t!==i){n.emitValueChange()}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidChanged=function(){var e=this;this.allItems.map((function(t){return t.invalid=e.invalid}))};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e);this.setCheckedClasses()};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.animationListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.visibilityListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=b.includes(e.key);var t=false;var i;if(v(e)||p(e)){d(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(_(e)||k(e)){d(e);i=this.getSegmentItem("previous")}else if(y(e)||x(e)){d(e);i=this.getSegmentItem("next")}else if(w(e)){d(e);i=this.getSegmentItem("first")}else if(j(e)){d(e);i=this.getSegmentItem("last")}if(!i){return}var n=this.checked;if(i!==n||t){this.checkButton(n,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;u((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var r=i.getBoundingClientRect();var s=a.getBoundingClientRect();var o=r.width/s.width;var l=r.left-s.left;var c="translate3d(".concat(l,"px, 0, 0) scaleX(").concat(o,")");if(this.isVertical){var b=r.height/s.height;var m=r.top-s.top;c="translate3d(0, ".concat(m,"px, 0) scaleY(").concat(b,")")}n((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",c);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var n=i+1;var a=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(n<t.length){t[n].classList.add("bal-segment-item--after-checked")}if(a<t.length&&a>=0){t[a].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,n=e.scrollable,s=e.keyboardMode,o=e.expanded,l=e.isMobile,b=e.disabled;var m=c.block("segment");return a(r,{key:"08fb99b658d704d85ab181d55d7bdbce7ee40fd8",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({},m.class()),m.modifier("invalid").class(t)),m.modifier("vertical").class(i)),m.modifier("scrollable").class(n)),m.modifier("keyboard").class(s)),m.modifier("disabled").class(b)),m.modifier("expanded").class((o||l)&&!i)),onClick:this.onClick},a("slot",{key:"432741fe51dc5c83ea241506687de13469afc149",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());o([f("bal-segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],I.prototype,"createLogger",null);o([O(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],I.prototype,"focusInListener",null);o([O(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],I.prototype,"focusOutListener",null);o([z(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],I.prototype,"animationListener",null);o([C(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],I.prototype,"visibilityListener",null);o([L(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],I.prototype,"breakpointListener",null);o([D(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],I.prototype,"windowResizeListener",null);I.style=F;var X=':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-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--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-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-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}';var G=0;var A=e("bal_segment_item",function(){function e(e){var i=this;t(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=G++;this.inputId="bal-si-".concat(this.internalId);this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=m;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId;this.updateVertical=function(e){i.isVertical=e.detail};this.updateState=function(){var e=i.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var t=i.allAvailableOptions;if(t.length>0){var n=t[0];i.checked=false;i.isFocusable=n===i.el}}else{i.checked=e.value===i.value;i.isFocusable=e.value===i.value}if(e.disabled){i.disabled=true}if(e.invalid){i.invalid=true}i.isLast=e.lastElementChild===i.el;i.isFirst=e.firstElementChild===i.el;i.calculateEmptyValue()}};this.onSlottedItemsChange=function(){i.checkSlotContent()}}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},S(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){g(t,"balSelect",this.updateState);g(t,"balVertical",this.updateVertical)}u((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){h(e,"balSelect",this.updateState);h(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,n=t.focused,s=t.segmentEl,o=t.label,l=t.isFocusable,b=t.isFirst,m=t.hasEmptyValue;var d=c.block("segment-item");var u=d.element("button");var g=d.element("indicator");var h=this.invalid||s&&s.invalid;var f=this.disabled||s&&s.disabled;var v=this.isVertical;var p=m&&b||l&&!f;var _=p&&this.ariaForm.controlId||this.inputId;var k={};if(p){k={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return a(r,{key:"54ab8ce0ab290fcbc238087789ce0bca3caedddc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("vertical").class(v)),d.modifier("disabled").class(f)),d.modifier("checked").class(i)),d.modifier("invalid").class(h)),d.modifier("last").class(this.isLast&&!i))},a("button",Object.assign({key:"be4e31f8a5b0da8cc9f70a867e546920127ba4b2",id:_,role:"radio","aria-checked":i?"true":"false"},k,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("checked").class(i)),u.modifier("invalid").class(h)),u.modifier("disabled").class(f)),u.modifier("focused").class(n)),u.modifier("vertical").class(v)),type:"button",tabIndex:p?0:-1,part:"native",disabled:f,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),a("bal-icon",{key:"f6d56f256041be2a97822dcc424d887844bacc0e",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},u.element("icon").class()),u.element("icon").modifier("animated").class(i)),u.element("icon").modifier("vertical").class(v)),color:f?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"15df166b0d0d2b6a6b9447506755b9de3581c77d",space:"x-small",layout:"horizontal"},a("bal-content",{key:"056ba7bfb5d4f456f03f70e9f86e0269bd44a78b",space:"none"},a("bal-label",{key:"055ca1dd2f698e5b3758fbc5535a221801d90642",htmlId:"bal-si-".concat(this.internalId,"-label")},o),a("span",{key:"5a4ea620046a856959a811110f9c8ec5dfefa156",part:"slot",class:Object.assign({},u.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"ceeb6506e86bde765a45497987759479b450c16f",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"7384e9bec0b8c8337191b79a54a18cf5cc89a55b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("animated").class()),g.modifier("background").class()),g.modifier("disabled").class(f)),g.modifier("invalid").class(h)),g.modifier("checked").class(i)),g.modifier("vertical").class(v))}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());A.style=X}}}));

package/dist/baloise-design-system/{p-7f2e1e1be7.entry.js → p-239ed27774.entry.js}

@@ -1 +1 @@
-import{r as a,h as t,H as e,g as n,c as i}from"./p-BdVwMG9u.js";import{B as l}from"./p-ByiN-QjD.js";import{_ as r,a as s}from"./p-dfXERft2.js";import{b}from"./p-B1u-Mq75.js";import{w as o,d as c}from"./p-Ba5qjFjW.js";import{B as d}from"./p-DOUIg6bI.js";import{d as m}from"./p-CBkFUwrD.js";import{L as h}from"./p-B-L34nz8.js";import{b as p}from"./p-DmVt6SeJ.js";import{L as v}from"./p-Ere8qsaI.js";import"./p-D7M-7v58.js";import"./p-D7ovid3w.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-C9EQ_6RZ.js";const g=class{constructor(t){a(this,t),this.light=!1,this.interface="app",this.container=""}interfaceHandler(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")}async toggleMenu(){const a=this.element.querySelector("bal-navbar-brand");a&&await a.toggle()}componentWillLoad(){this.interfaceHandler()}updateProps(a,t){const e=this[t];void 0!==e&&this.notifyComponents(a,(a=>a[t]=e))}notifyComponents(a,t){this.element.querySelectorAll(a.join(", ")).forEach((a=>t(a)))}render(){const a=l.block("navbar");return t(e,{key:"d21b6f612b2111ce0a70adb00e62fc7663d1b651",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class()),a.modifier("is-light").class(this.light))},t("nav",{key:"c04d357d30be897227259035bd86e2f5a7edc936",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},a.element("nav").class()),{container:!0,[`is-${this.container}`]:""!==this.container})},t("slot",{key:"48fba6d236e2dfdbf7d0ae23d76b290f63692ba6"})))}get element(){return n(this)}static get watchers(){return{interface:["interfaceHandler"]}}};g.style=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__logo--small{height:calc(100% - 2.5rem)}@media screen and (min-width: 1024px){.bal-navbar__brand__logo--small{height:calc(100% - 3.5rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";const f={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}},_=class{constructor(t){a(this,t),this.balNavigate=i(this,"balNavigate"),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.bodyScrollHandler=new d,this.language=m.language,this.isMenuActive=!1,this.href="",this.logoClickable=!1,this.target="_self",this.simple=!1,this.logoSize="",this.animated=!0,this.interface="app"}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){b.hasWindow&&window.matchMedia&&window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async configChanged(a){this.language=a.language}async resetIsMenuActive(a){a.matches&&!this.simple&&this.setIsMenuActiveAndAnimate(!1)}async toggle(){await this.setIsMenuActiveAndAnimate(!this.isMenuActive)}async setIsMenuActiveAndAnimate(a=this.isMenuActive){this.isMenuActive=a,this.balWillAnimate.emit(this.isMenuActive),b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isMenuActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable();const t=this.el.closest("bal-navbar");if(t){const a=t.querySelector("bal-navbar-menu");a&&!this.simple&&await a.toggle(this.isMenuActive)}await o(300),this.balDidAnimate.emit(this.isMenuActive)}async onClick(){this.toggle()}render(){const a=l.block("navbar").element("brand"),n=this.logo?t("img",{class:Object.assign(Object.assign({},a.element("logo").class()),a.element("logo").modifier("small").class("small"===this.logoSize)),src:this.logo,alt:"Logo"}):t("bal-logo",{animated:this.animated,color:"white",size:this.logoSize}),i=this.logoLabel?this.logoLabel:f[this.language].logoButtonLabel;return t(e,{key:"a15da2fb97dbef0b32324709d548fe38af7fa84b",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},this.href?t("a",{"aria-label":i,title:i,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.balNavigate.emit(a)},n):this.logoClickable?t("button",{"aria-label":i,title:i,onClick:a=>this.balNavigate.emit(a)},n):n,t("span",{key:"9c70804fe300d6f0b17bee14bb356078db7b587d",class:Object.assign({},a.element("title").class())},t("slot",{key:"53e5729ff4823597e8407a0f7dbacc86696d34aa"})),t("bal-button",{key:"5b0d8585d122add66365aef3f9f0a6f27e72212f",class:Object.assign(Object.assign({},a.element("burger").class()),a.element("burger").modifier("hidden").class("simple"===this.interface)),color:"light",inverted:!0,square:!0,icon:this.isMenuActive?"close":"menu-bars",onClick:()=>this.onClick()}))}get el(){return n(this)}};r([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],_.prototype,"configChanged",null);const u=class{constructor(t){a(this,t),this.isMenuActive=!1,this.isTouch=p.isTouch,this.interface="app"}breakpointListener(a){this.isTouch=a.touch}async toggle(a){this.isMenuActive=a;const t=this.element.querySelector("bal-tabs");t&&(await c(t),t.renderLine())}render(){const a=l.block("navbar").element("menu");let n="";if(this.isTouch){const a=this.element.closest("bal-navbar");a&&(n=a.container)}return t(e,{key:"e3632d31af2bf0bbd0bc416c40ff17ed7cd3a74f",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("active").class(this.isMenuActive)),a.modifier(`context-${this.interface}`).class()),{container:!0,[`is-${n}`]:""!==n})},t("slot",{key:"63897a0b6c61e222fc3f87051c1f4cf89d27be5a"}))}get element(){return n(this)}};r([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],u.prototype,"breakpointListener",null);const x=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("end");return t(e,{key:"704fe4c50701625f0160aa39a79a5fc3e2f9debb",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",{key:"05737e744803b4b62906ab835d555d1c9cc6cf98"}))}},y=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("start");return t(e,{key:"b53e1c198366eeca89e5d71bf52af297902307a8",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",{key:"3e123a521d151135d72001d1b3ac703d236a4c8f"}))}};export{g as bal_navbar,_ as bal_navbar_brand,u as bal_navbar_menu,x as bal_navbar_menu_end,y as bal_navbar_menu_start}
+import{r as a,h as t,H as e,g as n,c as i}from"./p-BdVwMG9u.js";import{B as l}from"./p-ByiN-QjD.js";import{_ as r,a as s}from"./p-dfXERft2.js";import{b}from"./p-B1u-Mq75.js";import{w as o,d as c}from"./p-Ba5qjFjW.js";import{B as d}from"./p-DOUIg6bI.js";import{d as m}from"./p-CBkFUwrD.js";import{L as h}from"./p-B-L34nz8.js";import{b as p}from"./p-BzAHSyRi.js";import{L as v}from"./p-P4eJh_wN.js";import"./p-D7M-7v58.js";import"./p-D7ovid3w.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-DcKTia-G.js";const g=class{constructor(t){a(this,t),this.light=!1,this.interface="app",this.container=""}interfaceHandler(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")}async toggleMenu(){const a=this.element.querySelector("bal-navbar-brand");a&&await a.toggle()}componentWillLoad(){this.interfaceHandler()}updateProps(a,t){const e=this[t];void 0!==e&&this.notifyComponents(a,(a=>a[t]=e))}notifyComponents(a,t){this.element.querySelectorAll(a.join(", ")).forEach((a=>t(a)))}render(){const a=l.block("navbar");return t(e,{key:"d21b6f612b2111ce0a70adb00e62fc7663d1b651",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class()),a.modifier("is-light").class(this.light))},t("nav",{key:"c04d357d30be897227259035bd86e2f5a7edc936",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},a.element("nav").class()),{container:!0,[`is-${this.container}`]:""!==this.container})},t("slot",{key:"48fba6d236e2dfdbf7d0ae23d76b290f63692ba6"})))}get element(){return n(this)}static get watchers(){return{interface:["interfaceHandler"]}}};g.style=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__logo--small{height:calc(100% - 2.5rem)}@media screen and (min-width: 1024px){.bal-navbar__brand__logo--small{height:calc(100% - 3.5rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";const f={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}},_=class{constructor(t){a(this,t),this.balNavigate=i(this,"balNavigate"),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.bodyScrollHandler=new d,this.language=m.language,this.isMenuActive=!1,this.href="",this.logoClickable=!1,this.target="_self",this.simple=!1,this.logoSize="",this.animated=!0,this.interface="app"}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){b.hasWindow&&window.matchMedia&&window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async configChanged(a){this.language=a.language}async resetIsMenuActive(a){a.matches&&!this.simple&&this.setIsMenuActiveAndAnimate(!1)}async toggle(){await this.setIsMenuActiveAndAnimate(!this.isMenuActive)}async setIsMenuActiveAndAnimate(a=this.isMenuActive){this.isMenuActive=a,this.balWillAnimate.emit(this.isMenuActive),b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isMenuActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable();const t=this.el.closest("bal-navbar");if(t){const a=t.querySelector("bal-navbar-menu");a&&!this.simple&&await a.toggle(this.isMenuActive)}await o(300),this.balDidAnimate.emit(this.isMenuActive)}async onClick(){this.toggle()}render(){const a=l.block("navbar").element("brand"),n=this.logo?t("img",{class:Object.assign(Object.assign({},a.element("logo").class()),a.element("logo").modifier("small").class("small"===this.logoSize)),src:this.logo,alt:"Logo"}):t("bal-logo",{animated:this.animated,color:"white",size:this.logoSize}),i=this.logoLabel?this.logoLabel:f[this.language].logoButtonLabel;return t(e,{key:"a15da2fb97dbef0b32324709d548fe38af7fa84b",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},this.href?t("a",{"aria-label":i,title:i,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.balNavigate.emit(a)},n):this.logoClickable?t("button",{"aria-label":i,title:i,onClick:a=>this.balNavigate.emit(a)},n):n,t("span",{key:"9c70804fe300d6f0b17bee14bb356078db7b587d",class:Object.assign({},a.element("title").class())},t("slot",{key:"53e5729ff4823597e8407a0f7dbacc86696d34aa"})),t("bal-button",{key:"5b0d8585d122add66365aef3f9f0a6f27e72212f",class:Object.assign(Object.assign({},a.element("burger").class()),a.element("burger").modifier("hidden").class("simple"===this.interface)),color:"light",inverted:!0,square:!0,icon:this.isMenuActive?"close":"menu-bars",onClick:()=>this.onClick()}))}get el(){return n(this)}};r([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],_.prototype,"configChanged",null);const u=class{constructor(t){a(this,t),this.isMenuActive=!1,this.isTouch=p.isTouch,this.interface="app"}breakpointListener(a){this.isTouch=a.touch}async toggle(a){this.isMenuActive=a;const t=this.element.querySelector("bal-tabs");t&&(await c(t),t.renderLine())}render(){const a=l.block("navbar").element("menu");let n="";if(this.isTouch){const a=this.element.closest("bal-navbar");a&&(n=a.container)}return t(e,{key:"e3632d31af2bf0bbd0bc416c40ff17ed7cd3a74f",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("active").class(this.isMenuActive)),a.modifier(`context-${this.interface}`).class()),{container:!0,[`is-${n}`]:""!==n})},t("slot",{key:"63897a0b6c61e222fc3f87051c1f4cf89d27be5a"}))}get element(){return n(this)}};r([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],u.prototype,"breakpointListener",null);const x=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("end");return t(e,{key:"704fe4c50701625f0160aa39a79a5fc3e2f9debb",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",{key:"05737e744803b4b62906ab835d555d1c9cc6cf98"}))}},y=class{constructor(t){a(this,t),this.interface="app"}render(){const a=l.block("navbar").element("menu").element("start");return t(e,{key:"b53e1c198366eeca89e5d71bf52af297902307a8",class:Object.assign(Object.assign({},a.class()),a.modifier(`context-${this.interface}`).class())},t("slot",{key:"3e123a521d151135d72001d1b3ac703d236a4c8f"}))}};export{g as bal_navbar,_ as bal_navbar_brand,u as bal_navbar_menu,x as bal_navbar_menu_end,y as bal_navbar_menu_start}

package/dist/baloise-design-system/{p-5c3f48e883.system.entry.js → p-25dce380f8.system.entry.js}

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

package/dist/baloise-design-system/{p-e9095ec856.system.entry.js → p-29defa9270.system.entry.js}

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

package/dist/baloise-design-system/{p-586de1181e.entry.js → p-340cd7b9e8.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as o,H as a,g as e}from"./p-BdVwMG9u.js";import{_ as s,a as l}from"./p-dfXERft2.js";import{B as r}from"./p-ByiN-QjD.js";import{b as n}from"./p-B1u-Mq75.js";import{b as h}from"./p-MBsgW7uz.js";import{b as p}from"./p-CI2FR64u.js";import{L as b}from"./p-D7ovid3w.js";import"./p-Ba5qjFjW.js";import"./p-D7M-7v58.js";const d=t=>{t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))},c=class{constructor(o){t(this,o),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.tooltipId="bal-to-"+m++,this.reference="",this.placement="bottom",this.offset=0,this.demo=!1,this.presented=!1}createLogger(t){this.log=t}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-tooltip-max-width"):this.el.style.setProperty("--bal-tooltip-max-width",`${this.contentWidth}px`))}componentDidLoad(){if(this.contentWidthChanged(this.contentWidth,0),!h.hasTouchScreen){let t=[],i=[];t=["mouseenter","focus"],i=["mouseleave","blur"],t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.present()))})),i.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}this.demo&&this.present()}async present(){if(!this.trigger&&n.hasDocument){const t=Array.from(document.querySelectorAll(`[id="${this.reference}"]`))[0];this.trigger=t}if(this.trigger&&this.containerEl&&this.arrowEl){this.balWillAnimate.emit();const o=this.trigger.attributes.getNamedItem("bal-tooltip-placement");this.placement=o?o.value:this.placement,(i=this.containerEl)&&d(i),(t=this.arrowEl)&&d(t),this.trigger.classList.add("bal-tooltip-trigger"),this.presented=!0;const a=await p.load();return this.cleanup=a.autoUpdate(this.trigger,this.containerEl,(()=>{this.update()}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),this.balDidAnimate.emit(),!0}var t,i;return!1}async dismiss(){return!!(this.containerEl&&this.arrowEl&&this.trigger)&&(this.balWillAnimate.emit(),this.cleanup&&this.cleanup(),this.trigger.classList.remove("bal-tooltip-trigger"),(o=this.containerEl)&&((t=o)&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))),(i=this.arrowEl)&&Object.assign(i.style,{left:"",top:"",display:"none",visibility:"hidden"}),this.presented=!1,this.balDidAnimate.emit(),!0);var t,i,o}async update(){if(this.trigger&&this.containerEl&&this.arrowEl){this.balWillAnimate.emit();let t=!1;n.hasWindow&&(t=!!window.frameElement);const i=await p.load();return i.computePosition(this.trigger,this.containerEl,{placement:this.placement,middleware:[t?void 0:i.shift(),i.flip(),i.offset(8),i.arrow({element:this.arrowEl,padding:4})]}).then((({x:t,y:i,middlewareData:o,placement:a})=>{const e={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]];if(this.containerEl&&Object.assign(this.containerEl.style,{left:`${t}px`,top:`${i}px`}),o.arrow&&this.arrowEl){const a=o.arrow;Object.assign(this.arrowEl.style,{left:null!=t&&null!=a.x?`${a.x}px`:"",top:null!=i&&null!=a.y?`${a.y}px`:"",right:"",bottom:"",[e]:"-4px"})}})),this.balDidAnimate.emit(),!0}return!1}get triggerElement(){return document.querySelector(`[id="${this.reference}"]`)}render(){const t=r.block("tooltip"),i=t.element("container"),e=t.element("arrow"),s=t.element("inner"),l=s.element("content");return o(a,{key:"44b979f559f36ccc63896081b14dab984057af90",class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`},o("div",{key:"4e96b8f99b20385490151f810f4b336af692f968",class:Object.assign({},i.class()),ref:t=>this.containerEl=t},o("div",{key:"f1f7e3f48c22e5c5187ae1c60e5fad5e95077397",class:Object.assign({},e.class()),ref:t=>this.arrowEl=t}),o("bal-stack",{key:"69727e19f5dc28bb04e7e5354ea7824b748c3fe9",layout:"vertical",class:Object.assign({},s.class())},o("div",{key:"e9ee7d561604fd046b102ef895f98c385f66cb69",class:Object.assign({},l.class()),ref:t=>this.contentEl=t,"data-testid":"bal-tooltip-content"},o("slot",{key:"4a317667331f69961a438d74d9eb07816c444153"})))))}get el(){return e(this)}static get watchers(){return{contentWidth:["contentWidthChanged"]}}};s([b("bal-tooltip"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],c.prototype,"createLogger",null);let m=0;c.style=":host{--bal-tooltip-container-background:var(--bal-color-primary-6);--bal-tooltip-max-width:auto;--bal-tooltip-radius:var(--bal-radius-normal);--bal-tooltip-shadow:var(--bal-shadow-normal);--bal-tooltip-arrow-background:var(--bal-color-primary-6);--bal-tooltip-font-family:var(--bal-font-family-text);--bal-tooltip-font-size:var(--bal-text-size-small)}:host{position:static;display:inline;z-index:var(--bal-z-index-tooltip)}.bal-tooltip__container{background-color:var(--bal-tooltip-container-background);display:none;visibility:hidden;color:#fff;padding:var(--bal-space-x-small);border-radius:var(--bal-tooltip-radius);-webkit-box-shadow:var(--bal-tooltip-shadow);box-shadow:var(--bal-tooltip-shadow);width:var(--bal-tooltip-max-width);position:absolute;top:0;left:0}.bal-tooltip__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 8rem)}.bal-tooltip__inner__content{width:100%;font-family:var(--bal-tooltip-font-family);font-size:var(--bal-tooltip-font-size)}.bal-tooltip__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:.5rem;height:.5rem;background:var(--bal-tooltip-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-tooltip-variant-popover-trigger,.bal-tooltip-permanent-trigger{z-index:calc(var(--bal-z-index-tooltip) + 1) !important;position:relative !important}";export{c as bal_tooltip}
+import{r as t,c as i,h as o,H as a,g as e}from"./p-BdVwMG9u.js";import{_ as s,a as l}from"./p-dfXERft2.js";import{B as r}from"./p-ByiN-QjD.js";import{b as n}from"./p-B1u-Mq75.js";import{b as h}from"./p-MBsgW7uz.js";import{b as p}from"./p-CAb2C8az.js";import{L as b}from"./p-D7ovid3w.js";import"./p-Ba5qjFjW.js";import"./p-D7M-7v58.js";const d=t=>{t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))},c=class{constructor(o){t(this,o),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.tooltipId="bal-to-"+m++,this.reference="",this.placement="bottom",this.offset=0,this.demo=!1,this.presented=!1}createLogger(t){this.log=t}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-tooltip-max-width"):this.el.style.setProperty("--bal-tooltip-max-width",`${this.contentWidth}px`))}componentDidLoad(){if(this.contentWidthChanged(this.contentWidth,0),!h.hasTouchScreen){let t=[],i=[];t=["mouseenter","focus"],i=["mouseleave","blur"],t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.present()))})),i.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}this.demo&&this.present()}async present(){if(!this.trigger&&n.hasDocument){const t=Array.from(document.querySelectorAll(`[id="${this.reference}"]`))[0];this.trigger=t}if(this.trigger&&this.containerEl&&this.arrowEl){this.balWillAnimate.emit();const o=this.trigger.attributes.getNamedItem("bal-tooltip-placement");this.placement=o?o.value:this.placement,(i=this.containerEl)&&d(i),(t=this.arrowEl)&&d(t),this.trigger.classList.add("bal-tooltip-trigger"),this.presented=!0;const a=await p.load();return this.cleanup=a.autoUpdate(this.trigger,this.containerEl,(()=>{this.update()}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),this.balDidAnimate.emit(),!0}var t,i;return!1}async dismiss(){return!!(this.containerEl&&this.arrowEl&&this.trigger)&&(this.balWillAnimate.emit(),this.cleanup&&this.cleanup(),this.trigger.classList.remove("bal-tooltip-trigger"),(o=this.containerEl)&&((t=o)&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))),(i=this.arrowEl)&&Object.assign(i.style,{left:"",top:"",display:"none",visibility:"hidden"}),this.presented=!1,this.balDidAnimate.emit(),!0);var t,i,o}async update(){if(this.trigger&&this.containerEl&&this.arrowEl){this.balWillAnimate.emit();let t=!1;n.hasWindow&&(t=!!window.frameElement);const i=await p.load();return i.computePosition(this.trigger,this.containerEl,{placement:this.placement,middleware:[t?void 0:i.shift(),i.flip(),i.offset(8),i.arrow({element:this.arrowEl,padding:4})]}).then((({x:t,y:i,middlewareData:o,placement:a})=>{const e={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]];if(this.containerEl&&Object.assign(this.containerEl.style,{left:`${t}px`,top:`${i}px`}),o.arrow&&this.arrowEl){const a=o.arrow;Object.assign(this.arrowEl.style,{left:null!=t&&null!=a.x?`${a.x}px`:"",top:null!=i&&null!=a.y?`${a.y}px`:"",right:"",bottom:"",[e]:"-4px"})}})),this.balDidAnimate.emit(),!0}return!1}get triggerElement(){return document.querySelector(`[id="${this.reference}"]`)}render(){const t=r.block("tooltip"),i=t.element("container"),e=t.element("arrow"),s=t.element("inner"),l=s.element("content");return o(a,{key:"44b979f559f36ccc63896081b14dab984057af90",class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`},o("div",{key:"4e96b8f99b20385490151f810f4b336af692f968",class:Object.assign({},i.class()),ref:t=>this.containerEl=t},o("div",{key:"f1f7e3f48c22e5c5187ae1c60e5fad5e95077397",class:Object.assign({},e.class()),ref:t=>this.arrowEl=t}),o("bal-stack",{key:"69727e19f5dc28bb04e7e5354ea7824b748c3fe9",layout:"vertical",class:Object.assign({},s.class())},o("div",{key:"e9ee7d561604fd046b102ef895f98c385f66cb69",class:Object.assign({},l.class()),ref:t=>this.contentEl=t,"data-testid":"bal-tooltip-content"},o("slot",{key:"4a317667331f69961a438d74d9eb07816c444153"})))))}get el(){return e(this)}static get watchers(){return{contentWidth:["contentWidthChanged"]}}};s([b("bal-tooltip"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],c.prototype,"createLogger",null);let m=0;c.style=":host{--bal-tooltip-container-background:var(--bal-color-primary-6);--bal-tooltip-max-width:auto;--bal-tooltip-radius:var(--bal-radius-normal);--bal-tooltip-shadow:var(--bal-shadow-normal);--bal-tooltip-arrow-background:var(--bal-color-primary-6);--bal-tooltip-font-family:var(--bal-font-family-text);--bal-tooltip-font-size:var(--bal-text-size-small)}:host{position:static;display:inline;z-index:var(--bal-z-index-tooltip)}.bal-tooltip__container{background-color:var(--bal-tooltip-container-background);display:none;visibility:hidden;color:#fff;padding:var(--bal-space-x-small);border-radius:var(--bal-tooltip-radius);-webkit-box-shadow:var(--bal-tooltip-shadow);box-shadow:var(--bal-tooltip-shadow);width:var(--bal-tooltip-max-width);position:absolute;top:0;left:0}.bal-tooltip__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 8rem)}.bal-tooltip__inner__content{width:100%;font-family:var(--bal-tooltip-font-family);font-size:var(--bal-tooltip-font-size)}.bal-tooltip__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:.5rem;height:.5rem;background:var(--bal-tooltip-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-tooltip-variant-popover-trigger,.bal-tooltip-permanent-trigger{z-index:calc(var(--bal-z-index-tooltip) + 1) !important;position:relative !important}";export{c as bal_tooltip}