@baloise/ds-core 19.8.2 → 19.8.3-nightly.20251107

package/dist/baloise-design-system/p-468e7eb1ec.entry.js

@@ -0,0 +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-B4ZUHhbx.js";import{d as p}from"./p-C_0MGoKB.js";import{L as g}from"./p-Bi93ArN4.js";import{L as b}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-BaKmS1UO.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"),g="small"===this.interface,b=g?"is-link":"is-text",c=g||"small"===this.size||this.isMobile?"is-small":"",h=g,_=d[this.language].left,u=d[this.language].right,m=""===this.interface||g&&this.totalPages<=5;return i(n,{key:"e7537b55e58f3a59c0092b6b63a9d66e37ae7fdf",class:Object.assign(Object.assign({},e.class()),e.modifier("is-sticky").class(this.sticky))},i("nav",{key:"e98779bf3ef44a0ddb9c037a557ef9c9f6120950",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,[b]:!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,[b]:!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:"1fe47c3d518b2ac04c5da482e91b581bed926f48",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:"9a53e78442f9ae97809217ca59c97ff70855968f",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:"59ca5648f4cc6cf0469b3a4238515508f742a552",class:Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class())},i("span",{key:"e8258fcfa29e3535f1b1da2dbf0e89266d6cec89"},this._value)," / "+this.totalPages)),null)))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],top:["topValueChanged"]}}};s([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],c.prototype,"breakpointListener",null),s([b(),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-6f8769f0fd.entry.js → p-469503b436.entry.js}

@@ -1 +1 @@
-import{H as t,P as s,M as i,N as e,O as a}from"./p-BgWhYta3.js";import{a as h}from"./p-C4sZQbkT.js";const r=class{constructor(i){t(this,i),this.balNavigate=s(this,"balNavigate"),this.inheritAttributes={},this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.disabled=!1,this.done=!1,this.invisible=!1,this.failed=!1,this.prevent=!1}componentWillLoad(){this.inheritAttributes=h(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{value:this.value,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,done:this.done,invisible:this.invisible,failed:this.failed,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return i(e,{key:"2c4f197cd8d47db462c0262b01080aff16e1e53f",role:"tabpanel",class:{"bal-step-item":!0,"bal-step-item--active":this.isActive}},i("slot",{key:"a4a68d86354b4c4b14c6e35362cfe5a9b7e79b77"}))}get el(){return a(this)}};export{r as bal_step_item}
+import{r as t,c as s,h as i,H as e,g as a}from"./p-BdVwMG9u.js";import{a as h}from"./p-C4sZQbkT.js";const r=class{constructor(i){t(this,i),this.balNavigate=s(this,"balNavigate"),this.inheritAttributes={},this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.disabled=!1,this.done=!1,this.invisible=!1,this.failed=!1,this.prevent=!1}componentWillLoad(){this.inheritAttributes=h(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{value:this.value,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,done:this.done,invisible:this.invisible,failed:this.failed,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return i(e,{key:"4d22b6691427503ce62c4a0846fa1bc8639654a9",role:"tabpanel",class:{"bal-step-item":!0,"bal-step-item--active":this.isActive}},i("slot",{key:"087ec315891c96985e14d4a94181563cd57b0b8f"}))}get el(){return a(this)}};export{r as bal_step_item}

package/dist/baloise-design-system/p-472cbb6492.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{l(a.next(e))}catch(e){o(e)}}function s(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):n(e.value).then(i,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=s(0),i["throw"]=s(1),i["return"]=s(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(a=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=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-DFlGJzyQ.system.js","./p-CLDmOIBx.system.js","./p-DKjTFqnu.system.js","./p-BNWt5z9B.system.js","./p-DV-2u4Pm.system.js","./p-xlS5vO33.system.js","./p-CTuoH3RE.system.js","./p-DzqBySjs.system.js","./p-BblIE2Vz.system.js","./p-DST0VloN.system.js","./p-BpMXwP_q.system.js","./p-BS3tl84b.system.js","./p-m5GX4h3i.system.js","./p-D1opIX9W.system.js","./p-DtlqgdI2.system.js","./p-DDPYMMGG.system.js","./p-D7_eHNTI.system.js","./p-BCtb7Ny9.system.js","./p-DdX8FaaK.system.js","./p-DVM5Dcpz.system.js","./p-BM_oHMik.system.js","./p-4Y53iwfN.system.js"],(function(e){"use strict";var t,r,a,n,o,i,s,l,c,u,b,d,h,p,m,f,_,g,w,v,y,k,x,j;return{setters:[function(e){t=e.h;r=e.r;a=e.c;n=e.H;o=e.g},function(e){i=e._;s=e.a},function(e){l=e.B},function(e){c=e.L},function(e){u=e.s},function(e){b=e.a},function(e){d=e.t;h=e.S},function(e){p=e.L},function(e){m=e.L},function(e){f=e.L},function(e){_=e.b},function(e){g=e.d},function(e){w=e.L},function(e){v=e.L},function(e){y=e.s},function(e){k=e.i},function(e){x=e.l;j=e.a},null,null,null,null,null,null,null,null],execute:function(){var O=function(e){var r=e.value,a=e.items,n=e.containerId,o=e.onControlChange;var i=l.block("carousel");var s=i.element("controls");return t("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",{role:"tabs"},a.map((function(e){return t("button",{class:{button:true,"is-fullwidth":true,"is-primary":r===e.value,"is-light":r!==e.value},role:"tab","aria-selected":b(r===e.value),"aria-controls":n+"-"+d(e.label),key:e.value,onClick:function(){return o(e)}},e.label)})))))};var z=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';var C=e("bal_carousel",function(){function e(e){r(this,e);this.balChange=a(this,"balChange");this.swiper=new h;this.swiperIsLastSlideVisible=false;this.hasAnimated=false;this.isMobile=_.isMobile;this.language=g.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.space="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false;this.mutationObserverActive=true}e.prototype.onValueChange=function(){this.swiper.index=this.value};e.prototype.onStepsChange=function(){this.swiper.steps=this.steps};e.prototype.onItemsPerViewChange=function(){this.swiper.itemsPerView=this.itemsPerView};e.prototype.onControlsChange=function(){this.swiper.controls=this.controls};e.prototype.onSpaceChange=function(){this.swiper.gapSpace=this.space};e.prototype.onInterFaceChange=function(){this.swiper.gapSpace=this.interface==="product"?"normal":this.space};e.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.onControlsChange();this.onItemsPerViewChange();this.onStepsChange();this.onSpaceChange();this.onInterFaceChange();this.onValueChange()};e.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};e.prototype.blockVerticalScrolling=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(!this.scrollY&&((t=this.el)===null||t===void 0?void 0:t.contains(e.target))){u(e)}return[2]}))}))};e.prototype.mutationListener=function(){this.swiper.notifyChange()};e.prototype.visibilityListener=function(){this.swiper.notifyChange()};e.prototype.swipeListener=function(e){var t=e.left,r=e.right;if(t){this.next()}else if(r){this.previous()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile;this.swiper.notifyChange()};e.prototype.resizeListener=function(){this.swiper.notifyChange()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;return[2]}))}))};e.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.previous(e);return[2]}))}))};e.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.next(e);return[2]}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.swiper.containerId]}))}))};e.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};e.prototype.swiperOnChange=function(e){this.value=e;this.balChange.emit(e)};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("inner");var o=a.element("container");return t(n,{key:"561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(this.interface!=="")),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class(this.controls==="tabs"))},this.controls==="tabs"?t(O,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",t("div",{key:"6adb9641efe5f488a940ffac297bcc7b3932c92a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),a.class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},t("div",{key:"fb4083afd4a967761c25200e8630f171b02a6c2d",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),o.class()),o.modifier("border").class(this.border)),o.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},t("slot",{key:"c46d996cc3904bcdc38951f155e3a49f73f284f8"}),this.border?t("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:function(t){return e.swiper.borderEl=t}}):"")),this.swiper.renderControls())};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}},enumerable:false,configurable:true});return e}());i([p({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"mutationListener",null);i([w(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"visibilityListener",null);i([m(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"swipeListener",null);i([c(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"breakpointListener",null);i([f(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"resizeListener",null);i([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],C.prototype,"configChanged",null);C.style=z;var D=e("bal_carousel_item",function(){function e(e){var t=this;r(this,e);this.balNavigate=a(this,"balNavigate");this.balFocus=a(this,"balFocus");this.balBlur=a(this,"balBlur");this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.containerId="";this.svgContent="";this.label="";this.svg="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.target="_self";this.generateSvgContent=function(){if(t.svg!==undefined&&t.svg.length>0){t.svgContent=y(t.svg)}};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()}}e.prototype.svgChanged=function(){this.generateSvgContent()};e.prototype.connectedCallback=function(){this.generateSvgContent()};e.prototype.componentDidLoad=function(){var e=this;x((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=k(this.el,["alt"]);this.getContainerId()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,j()];case 1:e.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.closest("bal-carousel");t=this;return[4,e.getContainerId()];case 1:t.containerId=r.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("item");var o=!!this.color&&!!this.label;var i=this.el.closest("bal-carousel");var s=i&&i.controls==="tabs"?"tabpanel":"listitem";var c="".concat(this.containerId,"-").concat(d(this.label));if(!o){return t(n,{id:c,role:s,class:Object.assign({},a.class()),"aria-label":this.label},this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",t("slot",null))}var u=a.element("button");var b=u.element("image");var h=u.element("label");var p=this,m=p.elementType,f=p.download,_=p.href,g=p.rel,w=p.target,v=p.name,y=p.value;var k=this.href===undefined?"button":"a";var x=k==="button"?{type:m,name:v,value:y}:{download:f,href:_,rel:g,target:w};return t(n,{id:c,role:s,"aria-label":this.label,class:Object.assign({},a.class())},t(k,Object.assign({},x,{class:Object.assign(Object.assign({},u.class()),u.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(t){return e.buttonEl=t}}),this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({class:Object.assign({},b.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&this.svgContent!==undefined?t("div",{class:Object.assign({},b.class()),innerHTML:this.svgContent}):"",this.label!==undefined?t("span",{class:Object.assign({},h.class())},this.label):"",t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{svg:["svgChanged"]}},enumerable:false,configurable:true});return e}())}}}));

package/dist/baloise-design-system/p-4Y53iwfN.system.js

@@ -0,0 +1 @@
+var __spreadArray=this&&this.__spreadArray||function(r,n,e){if(e||arguments.length===2)for(var t=0,a=n.length,i;t<a;t++){if(i||!(t in n)){if(!i)i=Array.prototype.slice.call(n,0,t);i[t]=n[t]}}return r.concat(i||Array.prototype.slice.call(n))};System.register(["./p-D7_eHNTI.system.js"],(function(r){"use strict";var n;return{setters:[function(r){n=r.b}],execute:function(){r("L",i);var e=r("d",{components:[],event:false,lifecycle:false,render:false,custom:false});var t=function(){var r=e;if(n.hasWindow&&window.BaloiseDesignSystem&&window.BaloiseDesignSystem.config&&window.BaloiseDesignSystem.config.logger){r=window.BaloiseDesignSystem.config.logger}return r};var a=function(r){var n=function(n,e){var a=[];for(var i=2;i<arguments.length;i++){a[i-2]=arguments[i]}var o=t();if(o.components.includes(r)&&o[n]){console.log.apply(console,__spreadArray([e],a,false))}};return{custom:function(e){var t=[];for(var a=1;a<arguments.length;a++){t[a-1]=arguments[a]}return n.apply(void 0,__spreadArray(["custom"," ➡️ [".concat(r,"] - ").concat(e)],t,false))},lifecycle:function(e){var t=[];for(var a=1;a<arguments.length;a++){t[a-1]=arguments[a]}return n.apply(void 0,__spreadArray(["lifecycle","".concat(e==="connectedCallback"?"🟢":e==="disconnectedCallback"?"🔴":e==="componentDidLoad"?"🏁":" ➡️"," [").concat(r,"] - (").concat(e,")")],t,false))},event:function(e){var t=[];for(var a=1;a<arguments.length;a++){t[a-1]=arguments[a]}return n.apply(void 0,__spreadArray(["event","🔥 [".concat(r,"] - (").concat(e,")")],t,false))},render:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}return n.apply(void 0,__spreadArray(["render","🖌️ [".concat(r,"] - (render)")],e,false))}}};function i(r){if(r===void 0){r="unknown"}return function(n,e,t){var i=n.connectedCallback,o=n.disconnectedCallback,c=n.render,f=n.componentDidLoad,s=n.createLogger;var u=a(r);n.connectedCallback=function(){var r=this;u.lifecycle("connectedCallback",this);var n=Object.keys(this).filter((function(r){return r.startsWith("bal")})).filter((function(n){return typeof r[n]==="object"}));var e=function(e){var a=n[e];var i=t[a];t[a]={emit:function(){var n;var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}u.event.apply(u,__spreadArray([a,r],e,false));return(n=i.emit).call.apply(n,__spreadArray([r],e,false))}}};var t=this;for(var a=0;a<n.length;a++){e(a)}s.call(this,u.custom);return i&&i.call(this)};n.disconnectedCallback=function(){u.lifecycle("disconnectedCallback",this);return o&&o.call(this)};n.componentDidLoad=function(){u.lifecycle("componentDidLoad",this);return f&&f.call(this)};n.render=function(){u.render(this);return c.call(this)}}}}}}));

package/dist/baloise-design-system/p-4c12fc1e8f.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function f(t){try{c(r.next(t))}catch(t){o(t)}}function s(t){try{c(r["throw"](t))}catch(t){o(t)}}function c(t){t.done?n(t.value):i(t.value).then(f,s)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,f=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return f.next=s(0),f["throw"]=s(1),f["return"]=s(2),typeof Symbol==="function"&&(f[Symbol.iterator]=function(){return this}),f;function s(t){return function(e){return c([t,e])}}function c(s){if(r)throw new TypeError("Generator is already executing.");while(f&&(f=0,s[0]&&(n=0)),n)try{if(r=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];i=0}finally{r=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-CLfE_o7e.system.js","./p-D1opIX9W.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(t){"use strict";var e,n,r,i,o,f,s;return{setters:[function(t){e=t.r;n=t.h;r=t.H;i=t.g},function(t){o=t.s},function(t){f=t.b;s=t.a},null,null],execute:function(){var c=".bal-form{display:block;position:static}";var u=t("bal_form",function(){function t(t){e(this,t);this.native=false;this.novalidate=false;this.formClass=""}t.prototype.scrollToFirstInvalidField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,f()];case 1:t.sent();return[4,s()];case 2:t.sent();o({formEl:this.el});return[2]}}))}))};t.prototype.render=function(){var t=this.native?"form":"div";var e={};if(this.native){e={novalidate:this.novalidate}}return n(r,{key:"d25c1b6664e41d72f2d2c5b2ad6532fa184d66bf"},n(t,Object.assign({key:"37eefa8920cf3fb639d235d7b21cb7a44be6bd06"},e,{class:this.formClass}),n("slot",{key:"7eff7f47f3fd4732988e17944be73373e6133e32"})))};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());u.style=c}}}));

package/dist/baloise-design-system/p-4f2c501370.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-BdVwMG9u.js";import{_ as r,a as o}from"./p-dfXERft2.js";import{B as l}from"./p-ByiN-QjD.js";import{F as m}from"./p-DqCbGYzv.js";import{d as b}from"./p-FCLKfv6B.js";import{s as c}from"./p-CpDHeXfo.js";import{m as d,o as h,p as g}from"./p-Ba5qjFjW.js";import{L as p}from"./p-D7ovid3w.js";import{i as u,a as v,b as f,c as k,d as x,e as _,f as y,g as w}from"./p-BERg8BNc.js";import{L as j}from"./p-B9BMZmYk.js";import{L as O}from"./p-j851_ZaC.js";import{L as z}from"./p-Dp4edqFK.js";import{L as C}from"./p-DIIyduFe.js";import{L}from"./p-Bi93ArN4.js";import{i as F}from"./p-C4sZQbkT.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-C20cwFWy.js";import"./p-B4ZUHhbx.js";import"./p-MBsgW7uz.js";import"./p-BaKmS1UO.js";const B=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus"),this.balBlur=t(this,"balBlur"),this.balChange=t(this,"balChange"),this.balSelect=t(this,"balSelect"),this.balVertical=t(this,"balVertical"),this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=b,this.invalid=!1,this.autoInvalidOff=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())}}createLogger(e){this.log=e}invalidChanged(){this.allItems.map((e=>e.invalid=this.invalid))}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e),this.setCheckedClasses()}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}animationListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}visibilityListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=m.includes(e.key);let t,i=!1;if(u(e)||v(e)?(c(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):f(e)||k(e)?(c(e),t=this.getSegmentItem("previous")):x(e)||_(e)?(c(e),t=this.getSegmentItem("next")):y(e)?(c(e),t=this.getSegmentItem("first")):w(e)&&(c(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){d((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:m}=this,b=l.block("segment");return a(s,{key:"434850dee057a04f9d328103462b800848e3befa",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("invalid").class(e)),b.modifier("vertical").class(t)),b.modifier("scrollable").class(i)),b.modifier("keyboard").class(n)),b.modifier("disabled").class(m)),b.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{key:"e62020bdcef145f923e7f99cdc8ab0adc57703f7",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}};r([p("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],B.prototype,"createLogger",null),r([j(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"focusInListener",null),r([j(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"focusOutListener",null),r([O(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"animationListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"visibilityListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"breakpointListener",null),r([C(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"windowResizeListener",null),B.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-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}";let D=0;const E=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=D++,this.inputId=`bal-si-${this.internalId}`,this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=b,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;if(e.length>0){const t=e[0];this.checked=!1,this.isFocusable=t===this.el}}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),e.invalid&&(this.invalid=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()}}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(h(e,"balSelect",this.updateState),h(e,"balVertical",this.updateVertical)),d((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:m}=this,b=l.block("segment-item"),c=b.element("button"),d=b.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=m&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"4c8e5bfdefd09ee9fd23aa3d00b543a6db37e2f1",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("vertical").class(p)),b.modifier("disabled").class(g)),b.modifier("checked").class(e)),b.modifier("invalid").class(h)),b.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"e8185838fac69ee7d26cdc49a22c4e9898669ee4",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("checked").class(e)),c.modifier("invalid").class(h)),c.modifier("disabled").class(g)),c.modifier("focused").class(t)),c.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"b5e01c28bde95757ade654e507690de2d322a575",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},c.element("icon").class()),c.element("icon").modifier("animated").class(e)),c.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"32c41a13672bcf94b2cc39c41ddeb40a9ccb9da6",space:"x-small",layout:"horizontal"},a("bal-content",{key:"cf2b548c452e21e49e84079a63a2120e98149ff0",space:"none"},a("bal-label",{key:"978e6878136444283fb9ff2179353151c23a7ddc",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"26a568d5924f66ee51873b6f5e3e083340c56ff2",part:"slot",class:Object.assign({},c.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"f37daf19eedcdc58edd6d7ea9a4820051a3bcb01",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"6a9472725c179e4d139e5be83b3f294d9aa776fc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};E.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-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}';export{B as bal_segment,E as bal_segment_item}

package/dist/baloise-design-system/p-5439c93408.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as e,g as r}from"./p-BdVwMG9u.js";import{_ as a,a as h}from"./p-dfXERft2.js";import{i as n}from"./p-xbSOW78W.js";import{a as c}from"./p-DBsOHTWj.js";import{i as o}from"./p-C4sZQbkT.js";import{B as u}from"./p-ByiN-QjD.js";import{i as l,A as b,N as d}from"./p-xVPGsAdF.js";import{d as f}from"./p-FCLKfv6B.js";import{g as m,a as p,b as $,e as g,s as v,f as k,i as j,h as w,j as y,c as D,d as x}from"./p-CpDHeXfo.js";import{n as B}from"./p-Ba5qjFjW.js";import{L as C}from"./p-D7ovid3w.js";import"./p-BFTU3MAI.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";function F(t){if(!t)return"";const s=t.replace(/\D/g,"").trim(),i=[s.substring(0,3),s.substring(3,6),s.substring(6,9),s.substring(9,12)].filter((t=>t.length>0));switch(i.length){case 1:return`${t}`;case 2:return`${i[0]}.${i[1]}`;case 3:return`${i[0]}.${i[1]}.${i[2]}`;default:return`${i[0]}.${i[1]}.${i[2]}.${i[3]}`}}function E(t){if(!t)return"";const s=`${t}`.trim().toUpperCase(),i=[s.substring(0,2),s.substring(2,8),s.substring(8,10),s.substring(10,11)].filter((t=>t.length>0));switch(i.length){case 1:return`${t}`;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}/${i[2]}`;default:return`${i[0]}/${i[1]}/${i[2]}.${i[3]}`}}function L(t){if(!t)return"";let s=`${t}`.trim();const i=[s.substring(0,9),s.substring(9,10)].filter((t=>t.length>0));return s=M(i[0]),i[1]?`${s}-${i[1]}`:s}function M(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,2),s.substring(2,3),s.substring(3,6),s.substring(6,9)].filter((t=>t.length>0));switch(i.length){case 1:return`${s}`;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}.${i[2]}`;default:return`${i[0]}/${i[1]}.${i[2]}.${i[3]}`}}function O(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,4),s.substring(4,7),s.substring(7,10)].filter((t=>t.length>0));switch(i.length){case 1:return`${s}`;case 2:return`${i[0]}.${i[1]}`;default:return`${i[0]}.${i[1]}.${i[2]}`}}function A(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,2),s.substring(2,6),s.substring(6,10),s.substring(10,14)].filter((t=>t.length>0));switch(i.length){case 1:return`BE${s}`;case 2:return`BE${i[0]} ${i[1]}`;case 3:return`BE${i[0]} ${i[1]} ${i[2]}`;default:return`BE${i[0]} ${i[1]} ${i[2]} ${i[3]}`}}const K=class{constructor(i){t(this,i),this.balInput=s(this,"balInput"),this.balBlur=s(this,"balBlur"),this.balKeyPress=s(this,"balKeyPress"),this.balFocus=s(this,"balFocus"),this.balChange=s(this,"balChange"),this.inputId="bal-input-"+W++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue=this.value||"",this.focused=!1,this.ariaForm=f,this.name=this.inputId,this.invalid=!1,this.textAlign="left",this.type="text",this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.required=!1,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.clickable=!1,this.hasIconRight=!1,this.value=void 0,this.mask=void 0,this.autoInvalidOff=!1,this.getInputValue=()=>{var t;const s=this.nativeInput;let i="";if(s){if(this.allowedKeyPress&&s&&!this.mask){const t=new RegExp("^"+this.allowedKeyPress+"$"),i=s.value.split("").filter((s=>t.test(s))).join("");return s.value=i,i}if(s.value){if(this.mask)switch(this.mask){case"vehicle-registration-number":return i=s.value.replace(/\D/g,""),i.length>12&&(i=i.substring(0,12)),i;case"contract-number":return i=s.value.replace(/\D/g,""),"0"===i.charAt(0)&&(i=i.substring(1)),i.length>10&&(i=i.substring(0,10)),i;case"basic-contract-number":return i=s.value.replace(/\D/g,""),"0"===i.charAt(0)&&(i=i.substring(1)),i.length>9&&(i=i.substring(0,9)),i;case"offer-number":return i=s.value.replace(/\D/g,""),i.length>9&&(i=i.substring(0,9)),i;case"claim-number":{i=s.value.replace(/[^\dXx]/g,"");const e=[i.substring(0,10),i.substring(10,11),i.substring(11)].filter((t=>t.length>0));switch(e.length){case 1:i=`${e[0].replace(/\D/g,"")}`;break;case 2:i=`${e[0].replace(/\D/g,"")}${e[1]}`;break;default:i=`${e[0].replace(/\D/g,"")}${e[1]}${null===(t=e[2])||void 0===t?void 0:t.replace(/\D/g,"")}`}return i.length>11&&(i=i.substring(0,11)),i}case"be-enterprise-number":return i=s.value.replace(/\D/g,""),i.length>10&&(i=i.substring(0,10)),i;case"be-iban":return i=s.value.replace(/\D/g,""),i.length>14&&(i=i.substring(0,14)),i;default:return s.value}}else this.inputValue=s.value}return""},this.onInput=t=>{var s,i;const e=m(t),r=null===(s=t.target)||void 0===s?void 0:s.selectionStart,a=null===(i=t.target)||void 0===i?void 0:i.selectionEnd;if(this.inputValue=this.getInputValue(),e)if(e.value)switch(this.mask){case"vehicle-registration-number":e.value=F(this.inputValue),r<this.inputValue.length&&e.setSelectionRange(r,a);break;case"contract-number":case"basic-contract-number":e.value=L(this.inputValue),r<this.inputValue.length&&e.setSelectionRange(r,a);break;case"offer-number":e.value=M(this.inputValue),r<this.inputValue.length&&e.setSelectionRange(r,a);break;case"claim-number":e.value=E(this.inputValue),r<this.inputValue.length&&e.setSelectionRange(r,a);break;case"be-enterprise-number":e.value=O(this.inputValue),r<this.inputValue.length&&e.setSelectionRange(r,a);break;case"be-iban":e.value=A(this.inputValue),r<this.inputValue.length&&e.setSelectionRange(r,a);break;default:this.inputValue=e.value}else this.inputValue=e.value;this.balInput.emit(this.inputValue)},this.onFocus=t=>p(this,t),this.onBlur=t=>{$(this,t);const s=t.target;s&&(void 0===this.mask&&(s.value=this.getFormattedValue()),g(this))},this.onKeydown=t=>{if(void 0!==this.mask&&!n(t)&&!l(t)){let s=0;if(this.inputValue&&(s=this.inputValue.length),!(this.getMaskAllowedKeys().includes(t.key)||"claim-number"===this.mask&&("X"===t.key||"x"===t.key)&&s>=10))return v(t)}if(this.allowedKeyPress&&!this.mask&&!n(t)&&!l(t)&&!new RegExp("^"+this.allowedKeyPress+"$").test(t.key)&&![...b].includes(t.key))return v(t)},this.onClick=t=>k(this,t),this.handleClick=t=>j(this,t)}createLogger(t){this.log=t}debounceChanged(){this.balChange=B(this.balChange,this.debounce)}listenOnClick(t){w(this,t)}resetHandler(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&y(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentWillLoad(){this.inheritedAttributes=o(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.inputValue=this.value}async setFocus(){D(this)}async setBlur(){x(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}getRawValue(){return(this.value||"").toString()}getFormattedValue(){const t=this.getRawValue();return`${t}${void 0!==this.suffix&&void 0!==t&&""!==t?" "+this.suffix:""}`}getMaskAllowedKeys(){return[...d,...b]}render(){let t=this.focused?this.getRawValue():this.getFormattedValue();if(void 0!==this.mask)switch(this.mask){case"contract-number":case"basic-contract-number":t=L(t);break;case"claim-number":t=E(t);break;case"offer-number":t=M(t);break;case"be-enterprise-number":t=O(t);break;case"be-iban":t=A(t);break;case"vehicle-registration-number":t=F(t)}let s={};this.pattern&&(s={pattern:this.pattern});const r=u.block("input"),a=this.ariaForm.controlId||this.inputId;return i(e,{key:"d47a7009f2e7287b8a0790d260ea6d31778e25cc",onClick:this.handleClick,"aria-disabled":c(this.disabled),class:Object.assign({},r.class())},i("input",Object.assign({key:"7991d871f409abf77600aad25a72b28a5d01f2a2",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable,"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight,"has-text-centered":"center"===this.textAlign,"has-text-right":"right"===this.textAlign},"data-testid":"bal-input",ref:t=>this.nativeInput=t,id:a,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":c(this.disabled),disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,name:this.name,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:t,onFocus:this.onFocus,onInput:t=>this.onInput(t),onKeyDown:t=>this.onKeydown(t),onBlur:this.onBlur,onClick:this.onClick,onKeyPress:t=>this.balKeyPress.emit(t)},s,this.inheritedAttributes)))}get el(){return r(this)}static get watchers(){return{debounce:["debounceChanged"]}}};a([C("bal-input"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],K.prototype,"createLogger",null);let W=0;K.style=".bal-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);padding:0}";export{K as bal_input}

package/dist/baloise-design-system/p-5624ce7a29.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,i,t,l){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function r(e){try{o(l.next(e))}catch(e){a(e)}}function s(e){try{o(l["throw"](e))}catch(e){a(e)}}function o(e){e.done?t(e.value):n(e.value).then(r,s)}o((l=l.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},l,n,a,r=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return r.next=s(0),r["throw"]=s(1),r["return"]=s(2),typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(i){return o([e,i])}}function o(s){if(l)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(t=0)),t)try{if(l=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;n=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=i.call(e,t)}catch(e){s=[6,e];n=0}finally{l=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var l=0,n=i.length,a;l<n;l++){if(a||!(l in i)){if(!a)a=Array.prototype.slice.call(i,0,l);a[l]=i[l]}}return e.concat(a||Array.prototype.slice.call(i))};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-CLfE_o7e.system.js","./p-D1opIX9W.system.js","./p-DV-2u4Pm.system.js","./p-BbAtjg9Y.system.js","./p-DzqBySjs.system.js","./p-DFlGJzyQ.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js","./p-DDPYMMGG.system.js","./p-DdX8FaaK.system.js","./p-DVM5Dcpz.system.js"],(function(e){"use strict";var i,t,l,n,a,r,s,o,f,d,u,b,c,h;return{setters:[function(e){i=e.r;t=e.c;l=e.h;n=e.H;a=e.g},function(e){r=e._;s=e.a},function(e){o=e.d},function(e){f=e.d;d=e.a},function(e){u=e.L},function(e){b=e.B},function(e){c=e.b},function(e){h=e.L},null,null,null,null,null],execute:function(){var m=":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}";var p=e("bal_field",function(){function e(e){var l=this;i(this,e);this.balFormControlDidLoad=t(this,"balFormControlDidLoad");this.fieldId="bal-field-".concat(g++);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=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.required=undefined;this.horizontal=false;this.invalid=undefined;this.valid=false;this.disabled=undefined;this.readonly=undefined;this.loading=undefined;this.isDirectChild=function(e){if(!e){return false}var i=e.parentElement;if(!i){return false}if(i.nodeName.toLowerCase()==="bal-field"&&i!==l.el){return false}if(i===l.el){return true}return l.isDirectChild(i)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var i=l.el.querySelector(e);var t=l.isDirectChild(i);if(t){if(l.isVisible(i)){return i}}return undefined};this.findDirectChildren=function(e){return e.map((function(e){return Array.from(l.el.querySelectorAll(e)).filter(l.isDirectChild).filter(l.isVisible)})).flat()};this.mutationObserverActive=true}e.prototype.requiredHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),["bal-field-label"],false),"required")};e.prototype.invalidHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"invalid")};e.prototype.validHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"valid")};e.prototype.disabledHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"disabled")};e.prototype.readonlyHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"readonly")};e.prototype.loadingHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formControlElement,true),"loading")};e.prototype.connectedCallback=function(){this.triggerAllHandlers()};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.syncAriaAttributes()];case 1:e.sent();return[2]}}))}))};e.prototype.syncAriaAttributes=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,l,n,a;return __generator(this,(function(r){switch(r.label){case 0:return[4,f(this.el)];case 1:r.sent();return[4,d()];case 2:r.sent();e=this.findDirectChild("bal-field-label bal-label");i=this.findDirectChild("bal-field-message");t=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"]);l=Object.assign({},o);if(e){l.labelId="".concat(this.fieldId,"-lbl")}if(i){l.messageId="".concat(this.fieldId,"-msg")}n=0;r.label=3;case 3:if(!(n<t.length))return[3,10];a=t[n];if(!(n===0))return[3,7];l.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null||e===void 0?void 0:e.setAriaForm(l)];case 4:r.sent();return[4,i===null||i===void 0?void 0:i.setAriaForm(l)];case 5:r.sent();return[4,a===null||a===void 0?void 0:a.setAriaForm(l)];case 6:r.sent();return[3,9];case 7:l.controlId="".concat(this.fieldId,"-ctrl-").concat(n);return[4,a===null||a===void 0?void 0:a.setAriaForm(l)];case 8:r.sent();r.label=9;case 9:n++;return[3,3];case 10:return[2]}}))}))};e.prototype.mutationListener=function(){this.triggerAllHandlers();this.syncAriaAttributes()};e.prototype.triggerAllHandlers=function(){this.requiredHandler();this.invalidHandler();this.validHandler();this.readonlyHandler();this.disabledHandler();this.loadingHandler()};e.prototype.updateProps=function(e,i){var t=this[i];if(t!==undefined){this.notifyComponents(e,(function(e){return e[i]=t}))}};e.prototype.notifyComponents=function(e,i){var t=this.el.querySelectorAll(e.join(", "));t.forEach((function(e){return i(e)}))};e.prototype.render=function(){return l(n,{key:"ce893d29bd46dbe6b7646c28410a86b9171661b9",id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},l("slot",{key:"9ed0398262848664e0b6e4491bb7c0af45da341d"}),l("span",{key:"6cddb052cb69b66ccb29f3c9e2f70723557da014",class:"bal-field-hidden"}))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}},enumerable:false,configurable:true});return e}());r([u({subtree:false,waitAfterFramePrint:true}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],p.prototype,"mutationListener",null);var g=0;p.style=m;var y=e("bal_field_control",function(){function e(e){i(this,e);this.iconRight="";this.iconLeft="";this.expandedOnMobile=undefined;this.loading=false}Object.defineProperty(e.prototype,"buildIconLeftTemplate",{get:function(){if(this.iconLeft){return l("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"})}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buildIconRightTemplate",{get:function(){if(this.iconRight){return l("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"})}return""},enumerable:false,configurable:true});e.prototype.render=function(){return l(n,{key:"4aecfd6cf7bc49df8feb26cd3161af9174097fcc",class:{"bal-field-control":true,control:true,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},l("slot",{key:"b1d4c61b4ba0cbd96c11d5540e12dafcc4b2518e"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)};return e}());var v=e("bal_field_hint",function(){function e(e){i(this,e);this.hideTitleOnDesktop=false;this.subject="";this.closeLabel="Close";this.small=false;this.isDesktop=c.isDesktop}e.prototype.breakpointListener=function(e){this.isDesktop=e.desktop};e.prototype.render=function(){var e=b.block("field-hint");return l(n,{key:"a5f895c418c0dfa249da93d3bc39f5563d31b547",class:Object.assign({},e.class())},l("bal-hint",{key:"83d9c59c6fce044b361fbd471bf83780314c62e9",class:Object.assign({},e.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject&&!(this.hideTitleOnDesktop&&this.isDesktop)?l("bal-hint-title",null,this.subject):"",l("bal-hint-text",{key:"38b6ef5120c8b5adef31a05ad54f474ed55305f5"},l("slot",{key:"040d24c305badac88e0bb64d21e513a067f6e177"}))))};return e}());r([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],v.prototype,"breakpointListener",null);var _=e("bal_field_label",function(){function e(e){i(this,e);this.htmlFor=undefined;this.required=true;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="small";this.weight="bold"}e.prototype.componentDidLoad=function(){if(this.element){this.parentBalFieldElement=this.element.closest("bal-field");if(this.parentBalFieldElement){this.parentBalFieldElement.classList.add("has-label")}}};e.prototype.disconnectedCallback=function(){if(this.parentBalFieldElement){this.parentBalFieldElement.classList.remove("has-label")}};e.prototype.render=function(){return l(n,{key:"049f3e7c80126a7ffbc005e6c69a1bdc8203979b",class:"bal-field-label"},l("bal-label",{key:"269ecb6de6a5daf2f4d4504b37f3980d05b1a121",multiline:true,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},l("slot",{key:"d832133cb85456ec6b7b1a999b5459044579e783"})))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());var x=e("bal_field_message",function(){function e(e){i(this,e);this.ariaForm=o;this.color="";this.invalid=false;this.valid=false;this.disabled=false;this.readonly=false;this.noReservedSpace=false}e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e;return l(n,{key:"f0425dd945959866c1edbfe0affa56a5c325a014",id:this.ariaForm.messageId,class:(e={"bal-field-message":true,help:true,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly},e["is-".concat(this.color)]=!!this.color,e),style:{minHeight:this.noReservedSpace?"0":undefined}},l("slot",{key:"c693909e5e98a82db73d2884a4f804cf20e24ab3"}))};return e}())}}}));

package/dist/baloise-design-system/p-56535b513e.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-PNu_g_s6.system.js"],(function(t){"use strict";var e,r,i,n;return{setters:[function(t){e=t.r;r=t.h;i=t.H;n=t.g}],execute:function(){var o=t("bal_form_col",function(){function t(t){e(this,t);this.colClass="col";this.size="full"}t.prototype.render=function(){var t;return r(i,{key:"d2157c5ff125226d4d2825f97302196de41483fd",class:(t={},t["".concat(this.colClass)]=true,t["py-none"]=true,t["touch:is-12"]=true,t["is-12"]=this.size==="full"||this.size==="fullwidth"||this.size===undefined,t["is-6"]=this.size==="half",t["is-4"]=this.size==="one-third",t["is-8"]=this.size==="two-thirds",t["is-3"]=this.size==="one-quarter",t["is-9"]=this.size==="three-quarters",t)},r("slot",{key:"25c2e4928d8aee7a28bb4dd554b3fb2090dd29e2"}))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());var s=".bal-form-grid{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:.25rem}@media screen and (min-width: 1024px){.bal-form-grid{-ms-flex-direction:row;flex-direction:row}}.bal-form-grid.columns{margin-top:0 !important;margin-bottom:0 !important}";var a=t("bal_form_grid",function(){function t(t){e(this,t)}t.prototype.render=function(){return r(i,{key:"164b3b6f4a81dacf2f53d5005ec64752a7aba56d",class:"bal-form-grid grid is-multiline my-none py-none"},r("slot",{key:"dac6ae11535688ca5b0958366137edc226dc584f"}))};return t}());a.style=s}}}));

package/dist/baloise-design-system/p-5c583159db.entry.js

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

package/dist/baloise-design-system/{p-85453d4b0a.system.entry.js → p-5d95c50514.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-6JPfxkH9.system.js","./p-RzJv7e7Y.system.js","./p-BbAtjg9Y.system.js","./p-Bzy18UgU.system.js"],(function(a){"use strict";var r,l,d,b,t;return{setters:[function(a){r=a.H;l=a.M;d=a.N},function(a){b=a.i},function(a){t=a.B},null],execute:function(){var c=":root{--bal-card-background:transparent;--bal-card-background-white:var(--bal-color-white);--bal-card-background-blue:var(--bal-color-primary);--bal-card-background-primary:var(--bal-color-primary);--bal-card-background-info:var(--bal-color-primary);--bal-card-background-success:var(--bal-color-success-2);--bal-card-background-warning:var(--bal-color-warning-2);--bal-card-background-danger:var(--bal-color-danger-2);--bal-card-background-grey:var(--bal-color-grey);--bal-card-background-red:var(--bal-color-red);--bal-card-background-yellow:var(--bal-color-yellow);--bal-card-background-purple:var(--bal-color-purple);--bal-card-background-green:var(--bal-color-green);--bal-card-background-red-light:var(--bal-color-red-1);--bal-card-background-yellow-light:var(--bal-color-yellow-1);--bal-card-background-purple-light:var(--bal-color-purple-1);--bal-card-background-green-light:var(--bal-color-green-1);--bal-card-background-grey-light:var(--bal-color-grey-1);--bal-card-background-purple-1:var(--bal-color-purple-1);--bal-card-background-purple-2:var(--bal-color-purple-2);--bal-card-background-purple-3:var(--bal-color-purple);--bal-card-background-green-1:var(--bal-color-green-1);--bal-card-background-green-2:var(--bal-color-green-2);--bal-card-background-green-3:var(--bal-color-green);--bal-card-background-red-1:var(--bal-color-red-1);--bal-card-background-red-2:var(--bal-color-red-2);--bal-card-background-red-3:var(--bal-color-red);--bal-card-background-yellow-1:var(--bal-color-yellow-1);--bal-card-background-yellow-2:var(--bal-color-yellow-2);--bal-card-background-yellow-3:var(--bal-color-yellow);--bal-card-selected-background:var(--bal-color-primary-2);--bal-card-radius:var(--bal-radius-large);--bal-card-square-radius:0;--bal-card-border:var(--bal-border-width-normal) dashed var(--bal-color-grey)}.bal-card{position:relative;display:block;background:var(--bal-card-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);border-radius:var(--bal-card-radius)}.bal-card--is-white{background:var(--bal-card-background-white)}.bal-card--is-blue{background:var(--bal-card-background-blue)}.bal-card--is-primary{background:var(--bal-card-background-primary)}.bal-card--is-info{background:var(--bal-card-background-info)}.bal-card--is-success{background:var(--bal-card-background-success)}.bal-card--is-warning{background:var(--bal-card-background-warning)}.bal-card--is-danger{background:var(--bal-card-background-danger)}.bal-card--is-grey{background:var(--bal-card-background-grey)}.bal-card--is-red{background:var(--bal-card-background-red)}.bal-card--is-yellow{background:var(--bal-card-background-yellow)}.bal-card--is-purple{background:var(--bal-card-background-purple)}.bal-card--is-green{background:var(--bal-card-background-green)}.bal-card--is-red-light{background:var(--bal-card-background-red-light)}.bal-card--is-yellow-light{background:var(--bal-card-background-yellow-light)}.bal-card--is-purple-light{background:var(--bal-card-background-purple-light)}.bal-card--is-green-light{background:var(--bal-card-background-green-light)}.bal-card--is-grey-light{background:var(--bal-card-background-grey-light)}.bal-card--is-purple-1{background:var(--bal-card-background-purple-1)}.bal-card--is-purple-2{background:var(--bal-card-background-purple-2)}.bal-card--is-purple-3{background:var(--bal-card-background-purple-3)}.bal-card--is-green-1{background:var(--bal-card-background-green-1)}.bal-card--is-green-2{background:var(--bal-card-background-green-2)}.bal-card--is-green-3{background:var(--bal-card-background-green-3)}.bal-card--is-red-1{background:var(--bal-card-background-red-1)}.bal-card--is-red-2{background:var(--bal-card-background-red-2)}.bal-card--is-red-3{background:var(--bal-card-background-red-3)}.bal-card--is-yellow-1{background:var(--bal-card-background-yellow-1)}.bal-card--is-yellow-2{background:var(--bal-card-background-yellow-2)}.bal-card--is-yellow-3{background:var(--bal-card-background-yellow-3)}.bal-card--has-fullheight,.bal-card--has-fullheight .bal-card-content,.bal-card--has-fullheight .bal-card-content>.is-flex{height:100%}.bal-card--has-border{border:var(--bal-card-border)}.bal-card--is-flat{-webkit-box-shadow:none;box-shadow:none}.bal-card--is-square{border-radius:var(--bal-card-square-radius)}.bal-card--is-selected{background:var(--bal-card-selected-background)}.bal-card--is-clickable{cursor:pointer;-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out, -webkit-transform .15s ease-in-out}.bal-card--is-clickable:active,.bal-card--is-clickable:hover{-webkit-box-shadow:var(--bal-shadow-large);box-shadow:var(--bal-shadow-large);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1.5rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 769px),print{.bal-card--is-small>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card--is-small>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card--is-small>bal-badge+bal-card-title,.bal-card--is-small>bal-badge+bal-card-content,.bal-card--is-small>bal-tag+bal-card-title,.bal-card--is-small>bal-tag+bal-card-content,.bal-card--is-small>bal-card-title+bal-card-content,.bal-card--is-small>bal-card-subtitle+bal-card-content,.bal-card--is-small>bal-card-actions,.bal-card--is-small>bal-card-button{padding-top:1rem}.bal-card--is-small>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-small bal-card-title,.bal-card--is-small bal-card-subtitle,.bal-card--is-small bal-card-content,.bal-card--is-small bal-card-actions,.bal-card--is-small bal-card-button{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 769px),print{.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:1.5rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:2rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 769px),print{.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:2rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:4rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:4rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:4rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:4rem;padding-right:4rem}}.bal-card>.bal-tag{position:absolute;left:1rem;top:-1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag{left:1.5rem}}.bal-card>.bal-tag--is-left{left:1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-left{left:1.5rem}}.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.bal-card-title{display:block;position:static}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:.5rem}@media screen and (min-width: 769px),print{.bal-card-title .bal-heading h3{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-card-title .title,.bal-card-title .bal-heading__text{display:-ms-flexbox;display:flex}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:0;margin-left:.5rem;display:-ms-inline-flexbox;display:inline-flex}.bal-card-title .title .bal-tag-group .bal-tag,.bal-card-title .bal-heading__text .bal-tag-group .bal-tag{margin-top:.125rem}.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-button-group{-ms-flex:1;flex:1}}.bal-card-subtitle{display:block;position:static}.bal-card-subtitle--bold{font-weight:var(--bal-font-weight-bold)}.bal-card-subtitle--inverted{color:var(--bal-color-white)}.bal-card-subtitle--color-primary{color:var(--bal-color-text-primary)}.bal-card-subtitle--color-info{color:var(--bal-color-text-info)}.bal-card-subtitle--color-success{color:var(--bal-color-text-success)}.bal-card-subtitle--color-warning{color:var(--bal-color-text-warning)}.bal-card-subtitle--color-danger{color:var(--bal-color-text-danger)}.bal-card-subtitle--color-default{color:var(--bal-color-text-default)}.bal-card-subtitle--color-blue{color:var(--bal-color-text-blue)}.bal-card-subtitle--color-white{color:var(--bal-color-text-white)}.bal-card-content{display:block;position:static;word-break:break-word;text-align:left;font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-card-actions{display:block;position:static}.bal-card-button{display:block;position:static}.column bal-card.has-height-auto,.column bal-card.has-height-auto bal-card-content,.column bal-card.has-height-auto bal-card-content>.is-flex{height:100%}";var e=a("bal_card",function(){function a(a){r(this,a);this.border=false;this.flat=false;this.square=false;this.inverted=false;this.clickable=false;this.selected=false;this.fullheight=false;this.space="";this.color="white"}Object.defineProperty(a.prototype,"colorTypeClass",{get:function(){return b(this.color)?"":"is-".concat(this.inverted?"blue":this.color)},enumerable:false,configurable:true});a.prototype.render=function(){var a;return l(d,{key:"c96cc43fa0044fd8ac34cd617a90ed88ec7073c5",class:(a={"bal-card":true},a["bal-card--".concat(this.colorTypeClass)]=!b(this.color),a["bal-card--is-".concat(this.space)]=this.space!=="",a["bal-card--has-border"]=this.border,a["bal-card--is-flat"]=this.flat,a["bal-card--is-clickable"]=this.clickable,a["bal-card--is-selected"]=this.selected,a["bal-card--is-square"]=this.square,a["bal-card--has-fullheight"]=this.fullheight,a)},l("slot",{key:"50ade35417dafda765c509bd8f97157d7932a0b4"}))};return a}());e.style=c;var i=a("bal_card_actions",function(){function a(a){r(this,a);this.position=""}a.prototype.render=function(){return l(d,{key:"a7cfd2bf8e431e2bd0fb357e11ab28391f3a76c1",class:"bal-card-actions"},l("bal-button-group",{key:"15606e2e6831e3d3e7977b948bd9b14582c71d5d",class:"m-none",position:this.position},l("slot",{key:"384f7646c468defca583a7ef7cbe2edf93ea74fa"})))};return a}());var o=a("bal_card_button",function(){function a(a){r(this,a);this.icon="";this.elementType="button";this.disabled=false;this.target="_self";this.iconRight="";this.loading=false}a.prototype.render=function(){return l(d,{key:"3088f94353d94bf69767bcae3e714d5e3b3928d6",class:"bal-card-button"},l("bal-button",{key:"8684146c87ae36da730bd7934d6a16e0ec00fda5",color:"info",expanded:true,"bottom-rounded":true,icon:this.icon,rel:this.rel,iconRight:this.iconRight,elementType:this.elementType,disabled:this.disabled,href:this.href,target:this.target,loading:this.loading},l("slot",{key:"e325e51c8d30285fc03b6991f8d42d957721a8e1"})))};return a}());var n=a("bal_card_content",function(){function a(a){r(this,a)}a.prototype.render=function(){return l(d,{key:"63fb6b5e72ad6c3fa30ba68f6d9bdf0e1833df76",class:"bal-card-content"},l("slot",{key:"851ba08103e95a1c0536523a449d1f317543092c"}))};return a}());var s=a("bal_card_subtitle",function(){function a(a){r(this,a);this.inverted=false;this.bold=false;this.color=""}a.prototype.render=function(){var a=t.block("card-subtitle");return l(d,{key:"8cdde0f96f513fa303e73fb6934ea31b8e081b70",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("bold").class(this.bold)),a.modifier("color-".concat(this.color)).class(!this.inverted)),a.modifier("inverted").class(this.inverted))},l("span",{key:"0706b14cbe256d54016e492de7be29adef5badb5"},l("slot",{key:"22e5a11111f7b663e15e1ab1ebba3f3cafbecd01"})))};return a}());var g=a("bal_card_title",function(){function a(a){r(this,a);this.inverted=false}a.prototype.render=function(){return l(d,{key:"480825eb5bb7479126da292aaa53a4fa74a8cd95",class:"bal-card-title"},l("bal-heading",{key:"c193388a8ade59840457b375b4a8715bef3e2328",level:"h3",space:"none",inverted:this.inverted},l("slot",{key:"8c01ab5b70d5aabef47a5693b827fa8e23192c92"})))};return a}())}}}));
+System.register(["./p-PNu_g_s6.system.js","./p-RzJv7e7Y.system.js","./p-BbAtjg9Y.system.js","./p-Bzy18UgU.system.js"],(function(a){"use strict";var r,l,d,b,t;return{setters:[function(a){r=a.r;l=a.h;d=a.H},function(a){b=a.i},function(a){t=a.B},null],execute:function(){var c=":root{--bal-card-background:transparent;--bal-card-background-white:var(--bal-color-white);--bal-card-background-blue:var(--bal-color-primary);--bal-card-background-primary:var(--bal-color-primary);--bal-card-background-info:var(--bal-color-primary);--bal-card-background-success:var(--bal-color-success-2);--bal-card-background-warning:var(--bal-color-warning-2);--bal-card-background-danger:var(--bal-color-danger-2);--bal-card-background-grey:var(--bal-color-grey);--bal-card-background-red:var(--bal-color-red);--bal-card-background-yellow:var(--bal-color-yellow);--bal-card-background-purple:var(--bal-color-purple);--bal-card-background-green:var(--bal-color-green);--bal-card-background-red-light:var(--bal-color-red-1);--bal-card-background-yellow-light:var(--bal-color-yellow-1);--bal-card-background-purple-light:var(--bal-color-purple-1);--bal-card-background-green-light:var(--bal-color-green-1);--bal-card-background-grey-light:var(--bal-color-grey-1);--bal-card-background-purple-1:var(--bal-color-purple-1);--bal-card-background-purple-2:var(--bal-color-purple-2);--bal-card-background-purple-3:var(--bal-color-purple);--bal-card-background-green-1:var(--bal-color-green-1);--bal-card-background-green-2:var(--bal-color-green-2);--bal-card-background-green-3:var(--bal-color-green);--bal-card-background-red-1:var(--bal-color-red-1);--bal-card-background-red-2:var(--bal-color-red-2);--bal-card-background-red-3:var(--bal-color-red);--bal-card-background-yellow-1:var(--bal-color-yellow-1);--bal-card-background-yellow-2:var(--bal-color-yellow-2);--bal-card-background-yellow-3:var(--bal-color-yellow);--bal-card-selected-background:var(--bal-color-primary-2);--bal-card-radius:var(--bal-radius-large);--bal-card-square-radius:0;--bal-card-border:var(--bal-border-width-normal) dashed var(--bal-color-grey)}.bal-card{position:relative;display:block;background:var(--bal-card-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);border-radius:var(--bal-card-radius)}.bal-card--is-white{background:var(--bal-card-background-white)}.bal-card--is-blue{background:var(--bal-card-background-blue)}.bal-card--is-primary{background:var(--bal-card-background-primary)}.bal-card--is-info{background:var(--bal-card-background-info)}.bal-card--is-success{background:var(--bal-card-background-success)}.bal-card--is-warning{background:var(--bal-card-background-warning)}.bal-card--is-danger{background:var(--bal-card-background-danger)}.bal-card--is-grey{background:var(--bal-card-background-grey)}.bal-card--is-red{background:var(--bal-card-background-red)}.bal-card--is-yellow{background:var(--bal-card-background-yellow)}.bal-card--is-purple{background:var(--bal-card-background-purple)}.bal-card--is-green{background:var(--bal-card-background-green)}.bal-card--is-red-light{background:var(--bal-card-background-red-light)}.bal-card--is-yellow-light{background:var(--bal-card-background-yellow-light)}.bal-card--is-purple-light{background:var(--bal-card-background-purple-light)}.bal-card--is-green-light{background:var(--bal-card-background-green-light)}.bal-card--is-grey-light{background:var(--bal-card-background-grey-light)}.bal-card--is-purple-1{background:var(--bal-card-background-purple-1)}.bal-card--is-purple-2{background:var(--bal-card-background-purple-2)}.bal-card--is-purple-3{background:var(--bal-card-background-purple-3)}.bal-card--is-green-1{background:var(--bal-card-background-green-1)}.bal-card--is-green-2{background:var(--bal-card-background-green-2)}.bal-card--is-green-3{background:var(--bal-card-background-green-3)}.bal-card--is-red-1{background:var(--bal-card-background-red-1)}.bal-card--is-red-2{background:var(--bal-card-background-red-2)}.bal-card--is-red-3{background:var(--bal-card-background-red-3)}.bal-card--is-yellow-1{background:var(--bal-card-background-yellow-1)}.bal-card--is-yellow-2{background:var(--bal-card-background-yellow-2)}.bal-card--is-yellow-3{background:var(--bal-card-background-yellow-3)}.bal-card--has-fullheight,.bal-card--has-fullheight .bal-card-content,.bal-card--has-fullheight .bal-card-content>.is-flex{height:100%}.bal-card--has-border{border:var(--bal-card-border)}.bal-card--is-flat{-webkit-box-shadow:none;box-shadow:none}.bal-card--is-square{border-radius:var(--bal-card-square-radius)}.bal-card--is-selected{background:var(--bal-card-selected-background)}.bal-card--is-clickable{cursor:pointer;-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out, -webkit-transform .15s ease-in-out}.bal-card--is-clickable:active,.bal-card--is-clickable:hover{-webkit-box-shadow:var(--bal-shadow-large);box-shadow:var(--bal-shadow-large);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1.5rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 769px),print{.bal-card--is-small>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card--is-small>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card--is-small>bal-badge+bal-card-title,.bal-card--is-small>bal-badge+bal-card-content,.bal-card--is-small>bal-tag+bal-card-title,.bal-card--is-small>bal-tag+bal-card-content,.bal-card--is-small>bal-card-title+bal-card-content,.bal-card--is-small>bal-card-subtitle+bal-card-content,.bal-card--is-small>bal-card-actions,.bal-card--is-small>bal-card-button{padding-top:1rem}.bal-card--is-small>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-small bal-card-title,.bal-card--is-small bal-card-subtitle,.bal-card--is-small bal-card-content,.bal-card--is-small bal-card-actions,.bal-card--is-small bal-card-button{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 769px),print{.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:1.5rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:2rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 769px),print{.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:2rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:4rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:4rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:4rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:4rem;padding-right:4rem}}.bal-card>.bal-tag{position:absolute;left:1rem;top:-1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag{left:1.5rem}}.bal-card>.bal-tag--is-left{left:1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-left{left:1.5rem}}.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.bal-card-title{display:block;position:static}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:.5rem}@media screen and (min-width: 769px),print{.bal-card-title .bal-heading h3{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-card-title .title,.bal-card-title .bal-heading__text{display:-ms-flexbox;display:flex}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:0;margin-left:.5rem;display:-ms-inline-flexbox;display:inline-flex}.bal-card-title .title .bal-tag-group .bal-tag,.bal-card-title .bal-heading__text .bal-tag-group .bal-tag{margin-top:.125rem}.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-button-group{-ms-flex:1;flex:1}}.bal-card-subtitle{display:block;position:static}.bal-card-subtitle--bold{font-weight:var(--bal-font-weight-bold)}.bal-card-subtitle--inverted{color:var(--bal-color-white)}.bal-card-subtitle--color-primary{color:var(--bal-color-text-primary)}.bal-card-subtitle--color-info{color:var(--bal-color-text-info)}.bal-card-subtitle--color-success{color:var(--bal-color-text-success)}.bal-card-subtitle--color-warning{color:var(--bal-color-text-warning)}.bal-card-subtitle--color-danger{color:var(--bal-color-text-danger)}.bal-card-subtitle--color-default{color:var(--bal-color-text-default)}.bal-card-subtitle--color-blue{color:var(--bal-color-text-blue)}.bal-card-subtitle--color-white{color:var(--bal-color-text-white)}.bal-card-content{display:block;position:static;word-break:break-word;text-align:left;font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-card-actions{display:block;position:static}.bal-card-button{display:block;position:static}.column bal-card.has-height-auto,.column bal-card.has-height-auto bal-card-content,.column bal-card.has-height-auto bal-card-content>.is-flex{height:100%}";var e=a("bal_card",function(){function a(a){r(this,a);this.border=false;this.flat=false;this.square=false;this.inverted=false;this.clickable=false;this.selected=false;this.fullheight=false;this.space="";this.color="white"}Object.defineProperty(a.prototype,"colorTypeClass",{get:function(){return b(this.color)?"":"is-".concat(this.inverted?"blue":this.color)},enumerable:false,configurable:true});a.prototype.render=function(){var a;return l(d,{key:"c96cc43fa0044fd8ac34cd617a90ed88ec7073c5",class:(a={"bal-card":true},a["bal-card--".concat(this.colorTypeClass)]=!b(this.color),a["bal-card--is-".concat(this.space)]=this.space!=="",a["bal-card--has-border"]=this.border,a["bal-card--is-flat"]=this.flat,a["bal-card--is-clickable"]=this.clickable,a["bal-card--is-selected"]=this.selected,a["bal-card--is-square"]=this.square,a["bal-card--has-fullheight"]=this.fullheight,a)},l("slot",{key:"50ade35417dafda765c509bd8f97157d7932a0b4"}))};return a}());e.style=c;var i=a("bal_card_actions",function(){function a(a){r(this,a);this.position=""}a.prototype.render=function(){return l(d,{key:"a7cfd2bf8e431e2bd0fb357e11ab28391f3a76c1",class:"bal-card-actions"},l("bal-button-group",{key:"15606e2e6831e3d3e7977b948bd9b14582c71d5d",class:"m-none",position:this.position},l("slot",{key:"384f7646c468defca583a7ef7cbe2edf93ea74fa"})))};return a}());var o=a("bal_card_button",function(){function a(a){r(this,a);this.icon="";this.elementType="button";this.disabled=false;this.target="_self";this.iconRight="";this.loading=false}a.prototype.render=function(){return l(d,{key:"3088f94353d94bf69767bcae3e714d5e3b3928d6",class:"bal-card-button"},l("bal-button",{key:"8684146c87ae36da730bd7934d6a16e0ec00fda5",color:"info",expanded:true,"bottom-rounded":true,icon:this.icon,rel:this.rel,iconRight:this.iconRight,elementType:this.elementType,disabled:this.disabled,href:this.href,target:this.target,loading:this.loading},l("slot",{key:"e325e51c8d30285fc03b6991f8d42d957721a8e1"})))};return a}());var n=a("bal_card_content",function(){function a(a){r(this,a)}a.prototype.render=function(){return l(d,{key:"63fb6b5e72ad6c3fa30ba68f6d9bdf0e1833df76",class:"bal-card-content"},l("slot",{key:"851ba08103e95a1c0536523a449d1f317543092c"}))};return a}());var s=a("bal_card_subtitle",function(){function a(a){r(this,a);this.inverted=false;this.bold=false;this.color=""}a.prototype.render=function(){var a=t.block("card-subtitle");return l(d,{key:"8cdde0f96f513fa303e73fb6934ea31b8e081b70",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("bold").class(this.bold)),a.modifier("color-".concat(this.color)).class(!this.inverted)),a.modifier("inverted").class(this.inverted))},l("span",{key:"0706b14cbe256d54016e492de7be29adef5badb5"},l("slot",{key:"22e5a11111f7b663e15e1ab1ebba3f3cafbecd01"})))};return a}());var g=a("bal_card_title",function(){function a(a){r(this,a);this.inverted=false}a.prototype.render=function(){return l(d,{key:"480825eb5bb7479126da292aaa53a4fa74a8cd95",class:"bal-card-title"},l("bal-heading",{key:"c193388a8ade59840457b375b4a8715bef3e2328",level:"h3",space:"none",inverted:this.inverted},l("slot",{key:"8c01ab5b70d5aabef47a5693b827fa8e23192c92"})))};return a}())}}}));

package/dist/baloise-design-system/p-5e4a2342f3.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a,H as r}from"./p-BdVwMG9u.js";import{_ as o,a as t}from"./p-dfXERft2.js";import{l as n,a as i,L as l}from"./p-S5-HQnxq.js";import{B as s}from"./p-ByiN-QjD.js";import{r as _}from"./p-Ba5qjFjW.js";import{L as c}from"./p-D7ovid3w.js";import{s as p}from"./p-DUNB4kTY.js";import{e as d}from"./p-D7M-7v58.js";import{d as f}from"./p-C_0MGoKB.js";import{L as b}from"./p-B-L34nz8.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-Cj6DXhmQ.js";import"./p-CbvOgU0G.js";import"./p-B1u-Mq75.js";const g={en:{name:"English"},fr:{name:"Français"},it:{name:"Italiano"},nl:{name:"Nederlands"},es:{name:"Español"},pt:{name:"Português"},sv:{name:"Svenska"},fi:{name:"Suomi"},de:{name:"Deutsch"},pl:{name:"Polski"}},m=class{constructor(a){e(this,a),this.logoSvgContent="",this.links=[],this.socialMediaLinks=[],this.language=f.language,this.region=f.region,this.allowedLanguages=f.allowedLanguages,this.logoHref="",this.logoSvg="",this.hideLinks=!1,this.overrideLinks=void 0,this.showSocialMedia=!1,this.hideLanguageSelection=!1}createLogger(e){this.log=e}logoSvgChanged(){this.logoSvgContent=p(this.logoSvg)}connectedCallback(){this.updateFooterLinks(),this.updateSocialMediaLinks(),this.logoSvgChanged()}async configChanged(e){this.language===e.language&&this.region===e.region||(this.language=e.language,this.region=e.region,this.allowedLanguages=e.allowedLanguages,this.updateFooterLinks(),this.updateSocialMediaLinks())}changeLanguage(e){d(e)}updateFooterLinks(){if(this.overrideLinks)this.links=this.overrideLinks;else if(!this.hideLinks&&("CH"===this.region||"DE"===this.region)){const e=this.region;_((()=>{n(new l(this.language),e).then((e=>this.links=e))}))}}updateSocialMediaLinks(){if(this.showSocialMedia&&("CH"===this.region||"DE"===this.region)){const e=this.region;_((()=>{i(new l(this.language),e).then((e=>this.socialMediaLinks=e))}))}}render(){const e=s.block("footer"),o=e.element("slot"),t=e.element("inner"),n=t.element("wrapper"),i=n.element("container"),l=n.element("links-container"),_=n.element("header-container"),c=_.element("logo"),p=_.element("language"),d=p.element("wrapper"),f=l.element("legal-links"),b=l.element("social-media-links");return a(r,{key:"04ec38780841ea9902e3f465b8fd4e3561a9092e",class:Object.assign({},e.class())},a("footer",{key:"dc1fa3c156ad78d3d05d3f5d219c81801bca5044",class:Object.assign({},t.class())},a("div",{key:"e8f1144c09a1b52fb956bc03438671086e801895",class:Object.assign({},n.class())},a("div",{key:"b6d1e0c4deed43eec0e0889cc4011cc5465db527",class:Object.assign(Object.assign({container:!0},i.class()),_.class())},a("div",{key:"6102cc926e8542a0a2802b1fa8914b054a9391b4",class:Object.assign({},c.class())},this.logoHref?a("img",{src:this.logoHref,alt:"Logo"}):this.logoSvgContent?a("div",{innerHTML:this.logoSvgContent}):a("bal-logo",{color:"white"})),a("div",{key:"5cd3a29dd8d40a4704f85635e32bcca1d0af0546",class:Object.assign({},p.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},a("div",{key:"023ba95e77cc80681af23b8a0ed50b49a94b81fd",class:Object.assign({},d.class())},a("bal-icon",{key:"3c5ce093f139a07def8c73fdfbcf6060de8893b3",class:Object.assign({},d.element("icon").class()),name:"web",color:"white"}),a("select",{key:"7cd8af0cb134b8b8a9733333df37a1c9f909e9fb",class:Object.assign({},d.element("select").class()),onChange:e=>this.changeLanguage(e.target.value),"data-testid":"bal-footer-language"},this.allowedLanguages.map((e=>a("option",{key:e,value:e,selected:e===this.language},e.toLocaleUpperCase()+" - "+g[e].name))))))),a("div",{key:"017b017c8d5714e5b8568cf10e12a96a468b722e",class:Object.assign({},o.class())},a("slot",{key:"e09a963ac71e749cecfe38751ae330759e626080"})),a("div",{key:"993161e25ae9c3fccc18fd7f2b032b74b3120106",class:Object.assign(Object.assign({container:!0},i.class()),l.class())},a("div",{key:"eee88e5f349aebf4d16333462f7e18a029bfe82e",class:Object.assign({},b.class()),style:{display:this.showSocialMedia?"flex":"none"}},this.socialMediaLinks.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-inverted":!0}},a("bal-icon",{name:e.label.toLowerCase()}))))),a("div",{key:"fdd8006cd0d1ec2f6e3fa6ee418705a7d607f9c8",class:Object.assign({},f.class()),style:{display:this.hideLinks?"none":"flex"}},this.links&&this.links.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-light":!0}},e.label))))))))}static get watchers(){return{logoSvg:["logoSvgChanged"]}}};o([c("bal-footer"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],m.prototype,"createLogger",null),o([b(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",Promise)],m.prototype,"configChanged",null),m.style=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background:var(--bal-color-text-white);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-active:var(--bal-color-light-blue-3);--bal-footer-logo-image-max-height:64px}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language__wrapper{display:-ms-flexbox;display:flex;gap:1rem;cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper svg,.bal-footer__inner__wrapper__header-container__language__wrapper g,.bal-footer__inner__wrapper__header-container__language__wrapper path,.bal-footer__inner__wrapper__header-container__language__wrapper circle{fill:var(--bal-footer-language-background) !important}.bal-footer__inner__wrapper__header-container__language__wrapper select{padding-left:2px;padding-right:2px;background:rgba(0,0,0,0);-webkit-appearance:none;border:none;color:var(--bal-footer-language-color);font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title);cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select option{background:var(--bal-color-white) !important;color:var(--bal-color-primary) !important;font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover svg,.bal-footer__inner__wrapper__header-container__language__wrapper:hover g,.bal-footer__inner__wrapper__header-container__language__wrapper:hover path,.bal-footer__inner__wrapper__header-container__language__wrapper:hover circle{fill:var(--bal-footer-language-background-hover) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover select{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:active svg,.bal-footer__inner__wrapper__header-container__language__wrapper:active g,.bal-footer__inner__wrapper__header-container__language__wrapper:active path,.bal-footer__inner__wrapper__header-container__language__wrapper:active circle{fill:var(--bal-footer-language-background-active) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:active select{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__logo img{max-height:var(--bal-footer-logo-image-max-height)}.bal-footer__inner__wrapper__header-container__logo div{height:var(--bal-footer-logo-image-max-height);min-width:var(--bal-footer-logo-image-max-height)}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";export{m as bal_footer}

package/dist/baloise-design-system/p-5f8ae628c4.system.entry.js

@@ -0,0 +1 @@
+var __spreadArray=this&&this.__spreadArray||function(a,t,e){if(e||arguments.length===2)for(var l=0,i=t.length,r;l<i;l++){if(r||!(l in t)){if(!r)r=Array.prototype.slice.call(t,0,l);r[l]=t[l]}}return a.concat(r||Array.prototype.slice.call(t))};System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js","./p-CpWDVANq.system.js","./p-CLDmOIBx.system.js","./p-Bzy18UgU.system.js","./p-D1opIX9W.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(a){"use strict";var t,e,l,i,r,o,b,n;return{setters:[function(a){t=a.r;e=a.h;l=a.H;i=a.g;r=a.c},function(a){o=a.B},function(a){b=a.i},function(a){n=a.s},null,null,null,null],execute:function(){var s=":root{--bal-data-item-border-color:var(--bal-color-grey-2);--bal-data-item-border-style:solid;--bal-data-item-border-width:var(--bal-border-width-normal);--bal-data-horizontal-border-bottom-width:var(--bal-border-width-normal);--bal-data-horizontal-border-color:var(--bal-color-primary-2);--bal-data-item-border-bottom:none;--bal-data-item-text-color-disabled:var(--bal-color-text-grey-dark);--bal-data-label-text-color:var(--bal-color-text-primary)}.bal-data{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:100%;outline:none;text-decoration:none;overflow-wrap:break-word;white-space:normal}.bal-data>*{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data-item{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;min-height:3rem;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem 0}.bal-data-item.is-disabled .bal-data-label,.bal-data-item.is-disabled .bal-data-value{color:var(--bal-data-item-text-color-disabled)}.bal-data-item--has-border{border-bottom:var(--bal-data-item-border-width) var(--bal-data-item-border-style) var(--bal-data-item-border-color)}.bal-data-label{position:relative;display:block;color:var(--bal-data-label-text-color);-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-data-label .bal-hint{margin-left:.5rem;position:absolute;top:-3px;font-weight:var(--bal-font-weight-regular)}.bal-data-value{display:block;-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:.25rem;min-height:1.5rem;overflow:visible !important;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal)}.bal-data-value,.bal-data-value>div{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);line-height:1.25rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-bottom:2px}.bal-data-value>ul,.bal-data-value>div>ul{margin-bottom:0 !important;margin-left:1.5rem !important}.bal-data-value .bal-button{display:none}.bal-data-value--is-multiline,.bal-data-value--is-multiline>div{white-space:normal}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div>bal-input input.input{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value--is-editable .bal-data-value__button{display:block}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>bal-button{margin-left:.5rem}@media screen and (min-width: 769px),print{.bal-data>*{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap}.bal-data .bal-data-item{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap;padding:.5rem 0}.bal-data .bal-data-item .bal-data-label{-ms-flex-preferred-size:0;flex-basis:0}.bal-data .bal-data-item .bal-data-value{-ms-flex-preferred-size:0;flex-basis:0}.bal-data:not(.bal-data--is-horizontal) .bal-data-label{font-size:var(--bal-text-size-normal)}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{margin-top:2px}.bal-data.bal-data--is-horizontal{-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-data.bal-data--is-horizontal.has-border{border-bottom:var(--bal-data-horizontal-border-bottom-width) var(--bal-data-item-border-style) var(--bal-data-horizontal-border-color)}.bal-data.bal-data--is-horizontal>*{-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data.bal-data--is-horizontal .bal-data-item{-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:5rem;-ms-flex-align:start;align-items:flex-start;border-bottom:var(--bal-data-item-border-bottom)}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{min-height:100%}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-label,.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{-ms-flex-preferred-size:100%;flex-basis:100%;width:100%;-ms-flex-item-align:start;align-self:flex-start}}";var d=a("bal_data",function(){function a(a){t(this,a);this.border=false;this.horizontal=false;this.inputElements=["bal-data-item"]}a.prototype.borderHandler=function(){this.updateProps(__spreadArray([],this.inputElements,true),"border")};a.prototype.updateProps=function(a,t){var e=this[t];if(e!==undefined){this.notifyComponents(a,(function(a){return a[t]=e}))}};a.prototype.notifyComponents=function(a,t){var e=this.element.querySelectorAll(a.join(", "));e.forEach((function(a){return t(a)}))};a.prototype.componentWillLoad=function(){this.borderHandler()};a.prototype.render=function(){var a=o.block("data");return e(l,{key:"aa8b8920767ec213d19c0ff5bd5b020afd720736",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("has-border").class(this.border)),a.modifier("is-horizontal").class(this.horizontal))},e("slot",{key:"521ef64fdbd14bae75547ca851ae20e40d50a68f"}))};Object.defineProperty(a.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{border:["borderHandler"]}},enumerable:false,configurable:true});return a}());d.style=s;var f=a("bal_data_item",function(){function a(a){t(this,a);this.disabled=false;this.border=false}a.prototype.render=function(){var a=o.block("data-item");return e(l,{key:"407b2d982f48e77a71daa015e98acb720b369860",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("is-disabled").class(this.disabled)),a.modifier("has-border").class(this.border))},e("slot",{key:"e9d0e88af9d336879ed87b59732a583c43bd466f"}))};return a}());var m=a("bal_data_label",function(){function a(a){t(this,a);this.required=false}a.prototype.render=function(){return e(l,{key:"114f7b7b26f2cc4a0c4ba430df1d3d17f4df786a",class:Object.assign({},o.block("data-label").class())},e("slot",{key:"bba812f478c14efa78880304b42bd8a9d91a3187"}),this.required?"*":"")};return a}());var u=a("bal_data_value",function(){function a(a){var e=this;t(this,a);this.balClick=r(this,"balClick");this.balFocus=r(this,"balFocus");this.balBlur=r(this,"balBlur");this.editable=false;this.disabled=false;this.multiline=false;this.onClickHandler=function(a){var t=e.el.querySelector("bal-input");if(!b(t)){t.setFocus()}n(a);e.balClick.emit(a.detail)}}a.prototype.render=function(){var a=this;var t=o.block("data-value");var i=t.element("button");return e(l,{key:"9510a2a23f5823645d757dccb57f533c735b07b3",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("is-editable").class(this.editable)),t.modifier("is-multiline").class(this.multiline))},e("div",{key:"3b09f43f14e28b62d36aa7435a213edc1ad8dbde"},e("slot",{key:"34ac8848b363263f64e5821e66c43985930bf0a9"})),e("bal-button",{key:"1327e889226e14588eb0d62ab63b0f767fde6413",class:Object.assign({},i.class()),"data-testid":"bal-data-value-button",square:true,outlined:true,color:"text",size:"small",icon:"edit",disabled:this.disabled,onBalBlur:function(t){return a.balBlur.emit()},onBalFocus:function(t){return a.balFocus.emit()},onBalClick:function(t){return a.onClickHandler(t)}}))};Object.defineProperty(a.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return a}())}}}));

package/dist/baloise-design-system/p-63cf9eadee.entry.js

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

package/dist/baloise-design-system/p-6da83fc08c.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,i,n,e){function s(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,r){function u(t){try{f(e.next(t))}catch(t){r(t)}}function a(t){try{f(e["throw"](t))}catch(t){r(t)}}function f(t){t.done?n(t.value):s(t.value).then(u,a)}f((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},e,s,r,u=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return u.next=a(0),u["throw"]=a(1),u["return"]=a(2),typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(i){return f([t,i])}}function f(a){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(n=0)),n)try{if(e=1,s&&(r=a[0]&2?s["return"]:a[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,a[1])).done)return r;if(s=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;s=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){n.label=a[1];break}if(a[0]===6&&n.label<r[1]){n.label=r[1];r=a;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(a);break}if(r[2])n.ops.pop();n.trys.pop();continue}a=i.call(t,n)}catch(t){a=[6,t];s=0}finally{e=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,i,n){if(n||arguments.length===2)for(var e=0,s=i.length,r;e<s;e++){if(r||!(e in i)){if(!r)r=Array.prototype.slice.call(i,0,e);r[e]=i[e]}}return t.concat(r||Array.prototype.slice.call(i))};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-RzJv7e7Y.system.js","./p-Czl2AFQD.system.js","./p-CpWDVANq.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-wAfnccKA.system.js","./p-Dd7xQwRJ.system.js","./p-BblIE2Vz.system.js","./p-BpMXwP_q.system.js","./p-Bzy18UgU.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(t){"use strict";var i,n,e,s,r,u,a,f,o,h,c,l,d,v,p,y,b,m,_,g,j,w,k,A,C,F,I,x,O,D,B,P,K,z,T;return{setters:[function(t){i=t.r;n=t.c;e=t.h;s=t.H;r=t.g},function(t){u=t._;a=t.a},function(t){f=t.i},function(t){o=t.i},function(t){h=t.i},function(t){c=t.a},function(t){l=t.i},function(t){d=t.B},function(t){v=t.d},function(t){p=t.f;y=t.i;b=t.a;m=t.b;_=t.e;g=t.k;j=t.s;w=t.h;k=t.j;A=t.c;C=t.d},function(t){F=t.n},function(t){I=t.L},function(t){x=t.g;O=t.a;D=t.b;B=t.f},function(t){P=t.N;K=t.A},function(t){z=t.d},function(t){T=t.L},null,null,null],execute:function(){function q(t){return typeof t==="string"&&D()!=="."}function E(t){var i=parseFloat(t);return typeof i==="number"&&!o(i)}function N(t){return!E(t)&&t!==""&&t!==x()&&t!==O()}function S(t,i){if(i===void 0){i=0}var n=t;if(n===""||n===undefined||n===null||o(n)||n===x()||n===O()||!E(n)){return undefined}if(q(n)){n=n.split(D()).join("").split("`").join("").split("'").join("")}if(typeof n==="string"){n=n.replace(O(),".")}return i===0?parseInt(n,10):parseFloat(n)}function V(t,i){if(i===void 0){i=0}var n=t;if(h(n)){return""}if(q(n)){n=n.split(D()).join("").split("`").join("").split("'").join("")}if(n.charAt(0)===O()){n="0".concat(n)}var e=i===0?parseInt(n,10):parseFloat(n.replace(O(),"."));return o(e)?"":e.toFixed(i)}function G(t){return t.replace(".",O())}function L(t,i,n){if(i===void 0){i=0}if(n===void 0){n=""}if(h(t)){return""}if(t.charAt(0)===O()){t="0".concat(t)}var e=i===0?parseInt(t,10):parseFloat(t);var s=n!==""?" ".concat(n.trim()):"";return o(e)?"":B(e,i)+s}var M=function(t){return(t.split(O())||[]).length-1||0};function X(t){var i=t.key,n=t.ctrlKey,e=t.metaKey,s=t.selectionStart,r=t.selectionEnd,u=t.newValue,a=t.decimal,f=t.onlyPositive;if(["a","c","v"].includes(i)&&(n||e)){return true}if(i===x()){if(f){return false}else{if(s&&s>0&&r&&r>0){return false}}}if(i===O()){if(a===0){return false}else if(M(u)>1){return false}}if(!__spreadArray(__spreadArray(__spreadArray([],P,true),K,true),[O(),x()],false).includes(i)){return false}if(a!==0&&u.includes(O())&&__spreadArray([],P,true).includes(i)){var o=u.split(O());var h=o[o.length-1];if(h.length>a){return false}}return true}var Y=".bal-number-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}";var H=t("bal_number_input",function(){function t(t){var e=this;i(this,t);this.balInput=n(this,"balInput");this.balChange=n(this,"balChange");this.balBlur=n(this,"balBlur");this.balFocus=n(this,"balFocus");this.balKeyPress=n(this,"balKeyPress");this.inputId="bal-number-input-".concat(J++);this.inheritedAttributes={};this.lastValue="";this.inputValue=this.value;this.initialValue=undefined;this.focused=false;this.language=z.language;this.region=z.region;this.ariaForm=v;this.nativeInputValue="";this.inputPattern=this.createPattern();this.name=this.inputId;this.invalid=false;this.decimal=0;this.onlyPositive=false;this.required=false;this.disabled=false;this.readonly=false;this.exactNumber=false;this.debounce=0;this.value=undefined;this.autoInvalidOff=false;this.onClick=function(t){return p(e,t)};this.handleClick=function(t){return y(e,t)};this.onInput=function(t){var i;if(e.nativeInput){if(N(e.nativeInput.value)){e.nativeInputValue=e.lastValue||"";return}}e.lastValue=((i=e.nativeInput)===null||i===void 0?void 0:i.value)||"";e.balInput.emit(S(e.lastValue,e.decimal))};this.onFocus=function(t){b(e,t);if(e.nativeInput){e.nativeInputValue=G(e.lastValue||"");clearTimeout(e.selectTimeout);e.selectTimeout=setTimeout((function(){return e.nativeInput.select()}))}};this.onBlur=function(t){m(e,t);if(e.nativeInput){e.lastValue=V(e.lastValueGetter,e.decimal);e.nativeInputValue=L(e.lastValueGetter,e.decimal,e.suffix);e.nativeInput.value=e.nativeInputValue}e.inputValue=S(e.lastValueGetter,e.decimal);_(e)};this.onKeydown=function(t){var i=g(e,t);var n=t===null||t===void 0?void 0:t.target;if(n&&!X({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:e.decimal,newValue:i,selectionStart:n.selectionStart,selectionEnd:n.selectionEnd,onlyPositive:e.onlyPositive})){return j(t)}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=F(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,i){var n=S(t,this.decimal);if(n!==i){var e=n===""||h(n)||o(n);var s=this.exactNumber?"0":"";var r=e?s:n.toString();this.inputValue=S(V(r,this.decimal),this.decimal);this.lastValue=V(r,this.decimal);if(this.focused){this.nativeInputValue=G(this.lastValue)}else{this.nativeInputValue=L(this.lastValue,this.decimal,this.suffix)}}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||0;if(this.value!==undefined){this.valueChanged(this.value,undefined)}};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title"])};t.prototype.listenOnClick=function(t){w(this,t)};t.prototype.resetHandler=function(t){var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){k(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;this.region=t.region;this.inputPattern=this.createPattern();if(this.nativeInput){if(this.focused){this.nativeInputValue=G(this.lastValue)}else{this.nativeInputValue=L(this.lastValue,this.decimal,this.suffix)}}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){A(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){C(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.createPattern=function(){if(this.pattern){return this.pattern}var t=this.suffix||"";if(t!==""){t=" ".concat(t)}var i=D();var n=O();if(n===","){n="\\,"}var e="-";if(this.onlyPositive){e=""}return"".concat(e,"?\\d{1,3}(?:").concat(i,"\\d{3})*(?:\\").concat(n,"\\d{1,2})?(?:").concat(t,")?")};Object.defineProperty(t.prototype,"lastValueGetter",{get:function(){if(this.exactNumber&&(h(this.lastValue)||f(this.lastValue))){return"0"}return this.lastValue},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var i=d.block("number-input");return e(s,{key:"05aefde81132346bdb2130d043eca23d147de546",onClick:this.handleClick,"aria-disabled":c(this.disabled),class:Object.assign({},i.class())},e("input",Object.assign({key:"28ee794cc826e50003d8485c8dda1ba2e083481b",class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:function(i){return t.nativeInput=i},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":c(this.disabled),name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:function(i){return t.onInput(i)},onFocus:function(i){return t.onFocus(i)},onBlur:function(i){return t.onBlur(i)},onClick:this.onClick,onKeyDown:function(i){return t.onKeydown(i)},onKeyPress:function(i){return t.balKeyPress.emit(i)}},this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());u([I("bal-number-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],H.prototype,"createLogger",null);u([T(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],H.prototype,"configChanged",null);var J=0;H.style=Y}}}));