@baloise/ds-core 19.3.0 → 19.4.0

package/dist/baloise-design-system/p-6542d12863.entry.js

@@ -0,0 +1 @@
+import{H as a,P as l,M as r,N as t,O as e}from"./p-pkPHUz5e.js";import{i as b}from"./p-C4sZQbkT.js";import{B as o}from"./p-ByiN-QjD.js";import{a as i}from"./p-DBsOHTWj.js";const g=class{constructor(r){a(this,r),this.balCloseClick=l(this,"balCloseClick"),this.inheritedAttributes={},this.inheritedAttributesClose={},this.color="",this.size="",this.closable=!1,this.invalid=!1,this.disabled=!1,this.position="left",this.light=!1,this.transparent=!1}componentWillLoad(){this.inheritedAttributes=b(this.el,["aria-label","title"]),this.inheritedAttributesClose=b(this.el,["tabindex"])}render(){const a=o.block("tag"),l=a.element("label"),e=`is-${this.size}`,b=void 0!==this.size,g=""!==this.color,s=`is-${this.color}${this.light?"-light":""}`,n="is-disabled",c=this.disabled,d=`is-${this.position}`,u=void 0!==this.position;return r(t,Object.assign({key:"3871533f1c7f6decbaa5b4f64f76fe8f216cfff0","aria-disabled":i(this.disabled),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(e).class(b)),a.modifier(s).class(g)),a.modifier(n).class(c)),a.modifier(d).class(u)),a.modifier("is-invalid").class(this.invalid))},this.inheritedAttributes),r("span",{key:"acc42dcb6273fe49f6d094cd6a2ced41d81e8555",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(e).class(b)),l.modifier(s).class(g)),l.modifier(n).class(c)),l.modifier("is-invalid").class(this.invalid)),"data-testid":"bal-tag-label"},r("slot",{key:"2a25dd578fe0694ea90e71167ee1f98b0298dea5"})),r("bal-close",Object.assign({key:"ac645b9a82109c39e9e509b78bd856b986699e9d",class:Object.assign({},a.element("close").class()),style:{display:this.closable&&!this.disabled?"flex":"none"},size:"small"===this.size?"small":"",inverted:["blue","primary","info","success","warning","danger","red","purple","yellow","green"].includes(this.color)&&!this.light||this.invalid,"data-testid":"bal-tag-close",onClick:a=>this.balCloseClick.emit(a)},this.inheritedAttributesClose)))}get el(){return e(this)}};g.style=":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-rounded);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white);--bal-tag-size-small-font-size:var(--bal-text-size-small);--bal-tag-size-small-font-weight:var(--bal-font-weight-regular)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-tag-size-small-font-size) !important;font-weight:var(--bal-tag-size-small-font-weight) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";const s=class{constructor(l){a(this,l)}render(){return r(t,{key:"2f70efec055a3d379dd24376bd2f899b89475b0e",class:"bal-tag-group"},r("slot",{key:"1d823341b709ae48b9b706644756f9729021c78d"}))}};export{g as bal_tag,s as bal_tag_group}

package/dist/baloise-design-system/p-680fe70c1a.entry.js

@@ -0,0 +1 @@
+import{L as t,H as e,P as i,J as o,I as s,y as l,r as a,t as r,M as n,N as c,O as h}from"./p-pkPHUz5e.js";import{_ as b,a as d}from"./p-dfXERft2.js";import{i as p}from"./p-xbSOW78W.js";import{a as u}from"./p-DBsOHTWj.js";import{a as m}from"./p-BAaDJIzy.js";import{B as f}from"./p-ByiN-QjD.js";import{d as v}from"./p-FCLKfv6B.js";import{s as g}from"./p-C8S5XlJl.js";import{d as _,i as y,a as k,b as x,c as w,k as O}from"./p-D1VPLQ5z.js";import{r as j,p as C,l as T,g as L,i as B,s as z,a as F,f as A,b as I,v as M}from"./p-BG4j3FEv.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";const P=!0,D=!1,V=class{constructor(t){e(this,t),this.balChange=i(this,"balChange"),this.balInputClick=i(this,"balInputClick"),this.balInput=i(this,"balInput"),this.balBlur=i(this,"balBlur"),this.balFocus=i(this,"balFocus"),this.balCancel=i(this,"balCancel"),this.balKeyPress=i(this,"balKeyPress"),this.didInit=!1,this.inputId="bal-select-"+E++,this.initialValue=[],this.hasFocus=!1,this.inputValue="",this.focusIndex=-1,this.isPopoverOpen=!1,this.options=new Map,this.labelToScrollTo="",this.labelToSelectTo="",this.ariaForm=v,this.name=this.inputId,this.invalid=!1,this.filter="includes",this.balTabindex=0,this.freeSolo=!1,this.multiple=!1,this.autocomplete="off",this.typeahead=!1,this.selectionOptional=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.inverted=!1,this.scrollable=250,this.loading=!1,this.remote=!1,this.autoInvalidOff=!1,this.value=[],this.rawValue=[],this.removeValue=t=>{this.disabled||(this.updateRawValue(j(this.rawValue,t),P),this.multiple&&this.typeahead&&this.setFocus(),this.fireBlur())},this.fireBlur=(t=new CustomEvent("blur"))=>{this.isPopoverOpen||this.hasFocus||o((()=>this.balBlur.emit(t)))},this.handleClick=t=>{(this.disabled||this.readonly)&&C(t)},this.handlePopoverChange=t=>{t.stopPropagation(),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.isPopoverOpen?this.updateFocus():(this.focusIndex=0,this.multiple&&this.typeahead&&this.updateInputValue(""),this.fireBlur(t)))},this.handleInputBlur=t=>{C(t);const e=t.relatedTarget;(null===e||e&&e.nodeName&&("BAL-MODAL"===e.nodeName||"INPUT"===e.nodeName||"BUTTON"===e.nodeName))&&this.validateAfterBlur(P),this.hasFocus=!1,this.fireBlur(t)},this.handleInputFocus=t=>{this.balFocus.emit(t),this.hasFocus=!0},this.handleInputClick=async(t,e=!1)=>{var i,o,s,l;g(t),this.isChipClicked(t)||(this.disabled||this.readonly?C(t):(this.focusIndex=0,this.balInputClick.emit(t),this.typeahead?this.isPopoverOpen&&e?await(null===(i=this.popoverElement)||void 0===i?void 0:i.dismiss()):await(null===(o=this.popoverElement)||void 0===o?void 0:o.present()):this.isPopoverOpen?await(null===(s=this.popoverElement)||void 0===s?void 0:s.dismiss()):await(null===(l=this.popoverElement)||void 0===l?void 0:l.present())))},this.handleKeyPress=async t=>{!this.isPopoverOpen&&_(t)&&(C(t),await this.open()),this.balKeyPress.emit(t)},this.handleInputChange=t=>{this.disabled||this.readonly||(this.inputValue=t.target.value)},this.handleInput=async t=>{this.disabled||this.readonly||(this.inputValue=t.target.value,this.isPopoverOpen||this.popoverElement.present(),this.focusIndex=0,this.updateFocus(),C(t),this.balInput.emit(this.inputValue))},this.handleOptionMouseEnter=t=>{this.focusIndex=t}}createLogger(t){this.log=t}valueWatcher(){this.syncRawValue(!1)}updateRawValue(t,e=!0){m(t,this.rawValue||[])||(this.rawValue=[...t],this.syncNativeInput(e),this.didInit&&!0===e&&(this.multiple?p(this.rawValue)?this.emitChangeEvent([]):this.emitChangeEvent([...this.rawValue]):p(this.rawValue)||0===T(this.rawValue)?this.emitChangeEvent(void 0):this.emitChangeEvent(this.rawValue[0])))}emitChangeEvent(t){this.balChange.emit(t)}connectedCallback(){const t=s((()=>this.updateOptions()),0);this.initialValue=this.value,t(),this.mutationO=(e=>{if("undefined"==typeof MutationObserver)return;const i=new MutationObserver((e=>{(e=e.filter((t=>t.target.nodeName==="bal-select-option".toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()))).length>0&&t()}));return i.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),i})(this.el)}componentWillLoad(){if(this.waitForOptionsAndThenUpdateRawValues(),this.isInsideOfFooter(),!p(this.rawValue)&&this.options.size>0&&1===T(this.rawValue)){const t=this.options.get(this.rawValue[0]);p(t)||(this.inputValue=t.label)}}componentDidLoad(){this.syncRawValue(!1),this.multiple||(this.inputElement.value=this.inputValue),this.didInit=!0}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&C(t)}resetHandler(t){const e=t.target;(null==e?void 0:e.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.value=this.initialValue,this.syncRawValue(!1),this.syncNativeInput(),this.nativeSelectEl&&Array.from(this.nativeSelectEl.options).forEach((t=>t.selected=!0))}),0))}async handleKeyDown(t){if(this.isPopoverOpen){if((y(t)||k(t))&&(C(t),this.navigateWithArrowKey(t),this.updateFocus()),x(t)&&(C(t),this.selectedFocusedOption()),w(t)&&this.cancel(),O(t)&&this.typeahead&&this.multiple&&""===this.inputElement.value&&T(this.rawValue)>0){const t=L(this.rawValue);this.removeValue(t[T(this.rawValue)-1])}this.typeahead||1!==t.key.length||this.focusOptionByLabel(t.key),_(t)&&!this.typeahead&&C(t)}else this.hasFocus&&((y(t)||k(t))&&(C(t),await this.open()),this.typeahead||1!==t.key.length||this.selectOptionByLabel(t.key))}async setFocus(){this.inputElement&&!this.disabled&&(await l(),this.inputElement.focus())}async getValue(){return this.rawValue}async clear(){this.focusIndex=0,this.inputElement&&(this.updateInputValue(""),this.updateRawValue([],P),this.value=this.multiple?[]:"")}async open(){this.disabled||this.readonly||p(this.popoverElement)||await this.popoverElement.present()}async close(){this.disabled||this.readonly||p(this.popoverElement)||this.blurSelect()}async cancel(){this.labelToScrollTo="",this.close(),this.scrollTo(0),this.balCancel.emit()}async select(t){const e=this.options.get(t);p(e)||this.optionSelected(e)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}async waitForOptionsAndThenUpdateRawValues(){clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer),await a(this.el),this.options.size>0?this.syncRawValue(D):this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((()=>this.waitForOptionsAndThenUpdateRawValues()),10)}async updateOptions(){const t=this.getChildOpts(),e=new Map;for(let i=0;i<t.length;i++){const o=t[i];e.set(o.value,{value:o.value,label:o.label,disabled:o.disabled,id:o.for,textContent:o.textContent,innerHTML:o.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue))for(let t=0;t<this.rawValue.length;t++){const i=this.rawValue[t];if(!e.has(i)){const t=j(this.rawValue,i);this.updateRawValue(t,D)}}this.options=new Map(e),this.typeahead||await this.syncNativeInput(),this.didInit&&!this.remote&&this.validateAfterBlur()}get optionArray(){const t=Array.from(this.options,(([t,e])=>e));return!this.typeahead||this.remote?t:t.filter((t=>"includes"===this.filter?B(t.textContent,this.inputValue):z(t.textContent,this.inputValue)))}hasOptions(){return this.optionArray.length>0}get inputPlaceholder(){return this.multiple?T(this.rawValue)<1?this.placeholder:void 0:!p(this.rawValue)&&T(this.rawValue)>0?void 0:this.placeholder}getChildOpts(){return Array.from(this.el.querySelectorAll("bal-select-option"))}getPopoverContent(){return this.popoverElement.querySelector(".bal-popover__content__inner")}updateFocus(){this.focusIndex<0&&(this.focusIndex=0);const t=this.optionArray;if(t.length>0){t.length<=this.focusIndex&&(this.focusIndex=t.length-1);const e=t[this.focusIndex];if(e&&e.id){const t=this.el.querySelector(`button#${e.id}`);t&&(clearTimeout(this.updateFocusTimer),this.updateFocusTimer=setTimeout((()=>{this.scrollToFocusedOption(t)}),0))}}else this.focusIndex=0}scrollToFocusedOption(t){if(t&&this.popoverElement){const e=this.getPopoverContent();if(e){const i=t.offsetTop;i<e.scrollTop&&(e.scrollTop=i),t.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight&&(e.scrollTop=e.scrollTop+t.clientHeight)}}}scrollTo(t){const e=this.getPopoverContent();e&&(e.scrollTop=t)}selectedFocusedOption(){const t=this.optionArray;if(t.length>this.focusIndex){const e=t[this.focusIndex];e&&this.optionSelected(e)}}navigateWithArrowKey(t){y(t)?this.focusIndex=this.focusIndex+1:k(t)&&(this.focusIndex=this.focusIndex-1)}focusOptionByLabel(t){this.labelToScrollTo=this.labelToScrollTo+t,clearTimeout(this.clearScrollToValue),this.clearScrollToValue=setTimeout((()=>{this.scrollToLabel(this.labelToScrollTo)}),600)}selectOptionByLabel(t){this.labelToSelectTo=this.labelToSelectTo+t,clearTimeout(this.clearSelectValue),this.clearSelectValue=setTimeout((()=>{this.selectLabel(this.labelToSelectTo),this.labelToSelectTo=""}),600)}async selectLabel(t){if(" "!==t){const e=this.optionArray.find((e=>z(e.label||"",t)));if(!p(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!p(t)){const t=this.optionArray.indexOf(e);this.focusIndex=t,this.select(e.value)}}this.labelToScrollTo=""}}async scrollToLabel(t){if(" "!==t){const e=this.optionArray.find((e=>z(e.label||"",t)));if(!p(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!p(t)){const i=this.optionArray.indexOf(e);this.focusIndex=i,this.scrollTo(t.offsetTop)}}this.labelToScrollTo=""}}syncRawValue(t=!0){let e=[];p(this.value)||""===this.value||(e=Array.isArray(this.value)?[...this.value.filter((t=>!p(t)))]:this.value.split("").includes(",")?[...this.value.split(",").filter((t=>t)).map((t=>t.trim()))]:[this.value]),this.updateRawValue(e,t)}blurSelect(){this.popoverElement.dismiss()}optionSelected(t){const e=L(this.rawValue).some((e=>e===t.value));this.updateValue(t.value,!e),this.multiple?this.typeahead&&this.setFocus():this.blurSelect()}updateValue(t,e=!0){this.multiple?this.updateRawValue(e?F(this.rawValue,t,this.multiple):j(this.rawValue,t),P):(this.updateRawValue(F(this.rawValue,t,this.multiple),P),this.rawValue&&this.rawValue.length>0&&this.updateInputValue(A(this.options,this.rawValue[0])))}validateAfterBlur(t=!1){let e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){const t=I(this.options,this.inputElement.value);e=t?[t.value]:[this.inputElement.value]}else e=M(this.rawValue,this.options,this.inputElement.value);this.updateRawValue(e,t)}}syncNativeInput(t=!0){if(!this.multiple&&T(this.rawValue)>0){const t=L(this.rawValue);let e=A(this.options,t[0]);return!this.multiple&&this.typeahead&&this.selectionOptional&&""===e&&(e=t.join(", ")),this.updateInputValue(e)}return t||0!==T(this.rawValue)?Promise.resolve():this.updateInputValue("")}updateInputValue(t){return new Promise((e=>{this.updateInputValueTimer&&clearTimeout(this.updateInputValueTimer),this.updateInputValueTimer=setTimeout((()=>{p(this.inputElement)||(this.inputElement.value=t,this.inputValue=t,e())}),0)}))}isChipClicked(t){let e=!1;if(this.multiple){const i=this.selectionEl.querySelectorAll("bal-tag"),o=t.target;i.forEach((t=>{const i=r(t,o)||t===o;i&&(e=i)}))}return e}isInsideOfFooter(){this.inverted=null!==this.el.closest("bal-footer")}render(){var t;const e=t=>n("bal-tag",{key:"69e00b5d661f1917fb6cbcf8919a8ce9670a25dd",size:"",closable:!this.disabled,disabled:this.disabled,invalid:this.invalid,tabindex:-1,onBalCloseClick:()=>this.removeValue(t.value),"data-testid":"bal-select-chip"},A(this.options,t.value)||t.value),i=L(this.rawValue),o=f.block("select"),s=o.element("native"),l=o.element("control"),a=l.element("icon"),r=l.element("selections"),h=l.element("input"),b=o.element("popover"),d=b.element("empty"),p=o.element("option"),m=p.element("content"),v=m.element("checkbox"),g=m.element("label");return n(c,{key:"3d670b9aa3467ee96c65e2b1a98beda836cac095",role:"listbox",onClick:this.handleClick,"aria-disabled":u(this.disabled),"data-value":null===(t=this.rawValue)||void 0===t?void 0:t.map((t=>A(this.options,t))).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("disabled").class(this.disabled||this.readonly)),o.modifier("inverted").class(this.inverted)),o.modifier("inverted-footer").class(this.inverted))},n("select",{key:"1d438d1034af395d0f99bed2443bb66de288bb0a",class:Object.assign({},s.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:t=>this.nativeSelectEl=t},i.map((t=>n("option",{key:t,value:t,selected:!0},t)))),n("bal-popover",{key:"8dc177324409d7bfdd75e3f375acd00c41ac11e8",onBalChange:this.handlePopoverChange,ref:t=>this.popoverElement=t},n("div",{key:"eaa30ce518119e5ced60fc093e887167c4e83c69","bal-popover-trigger":!0,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("invalid").class(this.invalid)),l.modifier("disabled").class(this.disabled||this.readonly)),l.modifier("focused").class(this.isPopoverOpen)),l.modifier("inverted-footer").class(this.inverted))},n("div",{key:"4c6b0c807a1c25712d128216909e137af0d3cbf8",class:Object.assign(Object.assign({},r.class()),r.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:t=>this.selectionEl=t},i.filter((()=>this.multiple)).map((t=>n(e,{value:t}))),n("input",{key:"1d7fb70f81b7c0ae5fad2f77089ba2a8b04da050",type:"text",class:Object.assign(Object.assign({},h.class()),{input:!0,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":!0}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":u(this.disabled),"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":"off"===this.autocomplete?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:t=>this.inputElement=t})),this.freeSolo||this.loading?"":n("bal-icon",{class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("loading").class(this.loading)),a.modifier("clickable").class(!this.disabled&&!this.readonly)),name:this.inverted?"caret-up":"caret-down",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:t=>this.handleInputClick(t,!0),size:this.inverted?"x-small":""})),n("bal-popover-content",{key:"756cb6d1ff62300a2b7b7d6c1250195da8fa3849",class:Object.assign({},b.class()),scrollable:this.scrollable,spaceless:!0,expanded:!0},this.optionArray.map(((t,e)=>n("button",{key:t.value,type:"button",role:"option",id:t.id,"data-value":t.value,"data-label":t.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},p.class()),p.modifier("selected").class(i.includes(t.value)&&!(this.typeahead&&!this.multiple))),p.modifier("focused").class(this.focusIndex===e)),p.modifier("checkbox").class(this.multiple)),p.modifier("disabled").class(!0===t.disabled)),"data-testid":"bal-select-option",disabled:t.disabled,tabIndex:-1,onMouseEnter:()=>this.handleOptionMouseEnter(e),onClick:()=>this.optionSelected(t)},n("div",{class:Object.assign({},m.class())},n("span",{class:Object.assign({},v.class()),style:{display:this.multiple?"flex":"none"}},n("bal-checkbox",{checked:i.includes(t.value),tabindex:-1,nonSubmit:!0,flat:!0,onBalChange:C})),n("span",{class:Object.assign({},g.class()),innerHTML:t.innerHTML}))))),n("div",{key:"7f49f62da3e7a1edd769f41e43fddda83a50f52b",class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(void 0===this.noDataLabel||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))}get el(){return h(this)}static get watchers(){return{value:["valueWatcher"]}}};b([t("bal-select"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],V.prototype,"createLogger",null);let E=0;V.style=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-3);--bal-select-control-input-option-background-hover:var(--bal-color-grey-3);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{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-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";const H=class{constructor(t){e(this,t),this.disabled=!1,this.for="bal-selopt-"+W++}createLogger(t){this.log=t}render(){return n(c,{key:"42c10fcd28b41d1158304ee9a7936c2fa0c52d85",style:{display:"none"}},n("slot",{key:"da6a2841c0dd48aa662bf38926151669a4525048"}))}};b([t("bal-select-option"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],H.prototype,"createLogger",null);let W=0;export{V as bal_select,H as bal_select_option}

package/dist/baloise-design-system/p-68162ab75a.entry.js

@@ -0,0 +1 @@
+import{L as t,H as s,P as i,T as e,M as r,N as a,O as h}from"./p-pkPHUz5e.js";import{_ as n,a as c}from"./p-dfXERft2.js";import{i as o}from"./p-xbSOW78W.js";import{a as u}from"./p-DBsOHTWj.js";import{i as l}from"./p-C4sZQbkT.js";import{B as b}from"./p-ByiN-QjD.js";import{i as d,A as f,N as $}from"./p-xVPGsAdF.js";import{d as m}from"./p-FCLKfv6B.js";import{g as p,a as g,b as k,e as v,s as y,f as w,i as j,h as x,j as D,c as B,d as C}from"./p-C8S5XlJl.js";import"./p-BFTU3MAI.js";function F(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 E(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=L(i[0]),i[1]?`${s}-${i[1]}`:s}function L(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 P(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 A=class{constructor(t){s(this,t),this.balInput=i(this,"balInput"),this.balBlur=i(this,"balBlur"),this.balKeyPress=i(this,"balKeyPress"),this.balFocus=i(this,"balFocus"),this.balChange=i(this,"balChange"),this.inputId="bal-input-"+K++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue=this.value||"",this.focused=!1,this.ariaForm=m,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=p(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=function(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]}`}}(this.inputValue),r<this.inputValue.length&&e.setSelectionRange(r,a);break;case"contract-number":case"basic-contract-number":e.value=E(this.inputValue),r<this.inputValue.length&&e.setSelectionRange(r,a);break;case"offer-number":e.value=L(this.inputValue),r<this.inputValue.length&&e.setSelectionRange(r,a);break;case"claim-number":e.value=F(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=P(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=>g(this,t),this.onBlur=t=>{k(this,t);const s=t.target;s&&(void 0===this.mask&&(s.value=this.getFormattedValue()),v(this))},this.onKeydown=t=>{if(void 0!==this.mask&&!o(t)&&!d(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 y(t)}if(this.allowedKeyPress&&!this.mask&&!o(t)&&!d(t)&&!new RegExp("^"+this.allowedKeyPress+"$").test(t.key)&&![...f].includes(t.key))return y(t)},this.onClick=t=>w(this,t),this.handleClick=t=>j(this,t)}createLogger(t){this.log=t}debounceChanged(){this.balChange=e(this.balChange,this.debounce)}listenOnClick(t){x(this,t)}resetHandler(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&D(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentWillLoad(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title"])}componentDidLoad(){this.inputValue=this.value}async setFocus(){B(this)}async setBlur(){C(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[...$,...f]}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=E(t);break;case"claim-number":t=F(t);break;case"offer-number":t=L(t);break;case"be-enterprise-number":t=O(t);break;case"be-iban":t=P(t)}let s={};this.pattern&&(s={pattern:this.pattern});const i=b.block("input"),e=this.ariaForm.controlId||this.inputId;return r(a,{key:"b38cc633916b8848286b2fb1f17f4b14fae5ca71",onClick:this.handleClick,"aria-disabled":u(this.disabled),class:Object.assign({},i.class())},r("input",Object.assign({key:"dc043f631ba56a767923b87ef13c370a2d93acbb",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:e,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":u(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 h(this)}static get watchers(){return{debounce:["debounceChanged"]}}};n([t("bal-input"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],A.prototype,"createLogger",null);let K=0;A.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{A as bal_input}

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

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,a,r,n){function t(e){return e instanceof r?e:new r((function(a){a(e)}))}return new(r||(r=Promise))((function(r,i){function o(e){try{s(n.next(e))}catch(e){i(e)}}function l(e){try{s(n["throw"](e))}catch(e){i(e)}}function s(e){e.done?r(e.value):t(e.value).then(o,l)}s((n=n.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,t,i,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(a){return s([e,a])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,l[0]&&(r=0)),r)try{if(n=1,t&&(i=l[0]&2?t["return"]:l[0]?t["throw"]||((i=t["return"])&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;if(t=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;t=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(l[0]===6&&r.label<i[1]){r.label=i[1];i=l;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(l);break}if(i[2])r.ops.pop();r.trys.pop();continue}l=a.call(e,r)}catch(e){l=[6,e];t=0}finally{n=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-WmWy2rJ-.system.js","./p-Cjiw70Dk.system.js","./p-CEOTg0oT.system.js","./p-DA4RmE59.system.js","./p-BbAtjg9Y.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-Dxz8zGB7.system.js","./p-Czl2AFQD.system.js"],(function(e){"use strict";var a,r,n,t,i,o,l,s,c,_,f,p,b,d;return{setters:[function(e){a=e.L;r=e.H;n=e.f;t=e.l;i=e.J;o=e.M;l=e.N},function(e){s=e._;c=e.a},function(e){_=e.l;f=e.a;p=e.L},function(e){b=e.L},function(e){d=e.B},null,null,null,null,null],execute:function(){var u={en:{name:"English"},fr:{name:"Français"},it:{name:"Italiano"},nl:{name:"Nederlands"},es:{name:"Español"},pt:{name:"Português"},sv:{name:"Svenska"},fi:{name:"Suomi"},de:{name:"Deutsch"},pl:{name:"Polski"}};var g=":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-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}.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 select{padding-left:2px;padding-right:2px;background:rgba(0,0,0,0);-webkit-appearance:none;border:none;color:var(--bal-color-white);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)}.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)}.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__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";var m=e("bal_footer",function(){function e(e){r(this,e);this.links=[];this.socialMediaLinks=[];this.language=n.language;this.region=n.region;this.allowedLanguages=n.allowedLanguages;this.hideLinks=false;this.overrideLinks=undefined;this.showSocialMedia=false;this.hideLanguageSelection=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.connectedCallback=function(){this.updateFooterLinks();this.updateSocialMediaLinks()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.language!==e.language||this.region!==e.region){this.language=e.language;this.region=e.region;this.allowedLanguages=e.allowedLanguages;this.updateFooterLinks();this.updateSocialMediaLinks()}return[2]}))}))};e.prototype.changeLanguage=function(e){t(e)};e.prototype.updateFooterLinks=function(){var e=this;if(this.overrideLinks){this.links=this.overrideLinks}else if(!this.hideLinks&&(this.region==="CH"||this.region==="DE")){var a=this.region;i((function(){_(new p(e.language),a).then((function(a){return e.links=a}))}))}};e.prototype.updateSocialMediaLinks=function(){var e=this;if(this.showSocialMedia&&(this.region==="CH"||this.region==="DE")){var a=this.region;i((function(){f(new p(e.language),a).then((function(a){return e.socialMediaLinks=a}))}))}};e.prototype.render=function(){var e=this;var a=d.block("footer");var r=a.element("slot");var n=a.element("inner");var t=n.element("wrapper");var i=t.element("container");var s=t.element("links-container");var c=t.element("header-container");var _=c.element("logo");var f=c.element("language");var p=f.element("wrapper");var b=s.element("legal-links");var g=s.element("social-media-links");return o(l,{key:"dbb10b62df792021f3ee814990225a5141906dcf",class:Object.assign({},a.class())},o("footer",{key:"9bb866cae3936c2caf1cc7e63879c4681d2ee1a8",class:Object.assign({},n.class())},o("div",{key:"aee0462f8b07cf1c546647b67434bbbd0b0ce582",class:Object.assign({},t.class())},o("div",{key:"5b9b7a54156c1eb5dba8096c7a6add4939d0626d",class:Object.assign(Object.assign({container:true},i.class()),c.class())},o("div",{key:"632b26b347fe91b95d72e725db22bebcb303facf",class:Object.assign({},_.class())},o("bal-logo",{key:"e91b5cd73918ff9fbd7910e563b29a1396299942",color:"white"})),o("div",{key:"25a3bc1c711f33114df091fe4ed4de5f2e4298f6",class:Object.assign({},f.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},o("div",{key:"0d6f3a4ef5db0a8973c2baa293d02badbf25ab8c",class:Object.assign({},p.class())},o("bal-icon",{key:"ffa4e67aa6d2210f5739c5114127e46f50e2f31b",class:Object.assign({},p.element("icon").class()),name:"web",color:"white"}),o("select",{key:"0d3061a89a4fe04aecbb5498fa03ce263e8447ab",class:Object.assign({},p.element("select").class()),onChange:function(a){return e.changeLanguage(a.target.value)},"data-testid":"bal-footer-language"},this.allowedLanguages.map((function(a){return o("option",{key:a,value:a,selected:a===e.language},a.toLocaleUpperCase()+" - "+u[a].name)})))))),o("div",{key:"ca5e0091909a9c8fd92ca69f3d8937d0b976bee2",class:Object.assign({},r.class())},o("slot",{key:"42575b0eb8ecc7e12679b28786ed27484088d01d"})),o("div",{key:"3600fe32dfeeea73ff2afac7ce8549d5e52bfb04",class:Object.assign(Object.assign({container:true},i.class()),s.class())},o("div",{key:"697a4f34081dbc8255b02425b2f2fcd0285670bf",class:Object.assign({},g.class()),style:{display:!this.showSocialMedia?"none":"flex"}},this.socialMediaLinks.map((function(e){return o("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-inverted":true}},o("bal-icon",{name:e.label.toLowerCase()}))}))),o("div",{key:"3b91222ee07a7c7d5e1995f5180398272fd6d92e",class:Object.assign({},b.class()),style:{display:this.hideLinks?"none":"flex"}},this.links.map((function(e){return o("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-light":true}},e.label)})))))))};return e}());s([a("bal-footer"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],m.prototype,"createLogger",null);s([b(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],m.prototype,"configChanged",null);m.style=g}}}));

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

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

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

@@ -0,0 +1 @@
+import{H as r,M as o,N as a}from"./p-pkPHUz5e.js";import{B as d}from"./p-ByiN-QjD.js";const i=class{constructor(o){r(this,o),this.checked=!1,this.invalid=void 0,this.disabled=void 0,this.inverted=void 0,this.hovered=!1,this.pressed=!1}render(){const r=d.block("radio-icon"),i=!!this.checked,e=!!this.disabled,c=!!this.invalid,l=!!this.inverted;return o(a,{key:"903ec682257c7182c7e611b7f950eb95aa27498e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("checked").class(i)),r.modifier("disabled").class(e)),r.modifier("invalid").class(c)),r.modifier("inverted").class(l)),r.modifier("hovered").class(this.hovered)),r.modifier("pressed").class(this.pressed))})}};i.style=':root{--bal-radio-icon-size:1.5rem;--bal-radio-icon-border-width:2px;--bal-radio-icon-border-radius:var(--bal-radius-rounded);--bal-radio-icon-color-inverted:var(--bal-color-white);--bal-radio-icon-border-color:var(--bal-color-primary);--bal-radio-icon-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-border-color-checked:var(--bal-color-primary);--bal-radio-icon-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-background:transparent;--bal-radio-icon-background-hovered:var(--bal-color-grey-2);--bal-radio-icon-background-pressed:var(--bal-color-grey-2);--bal-radio-icon-background-checked:var(--bal-color-primary);--bal-radio-icon-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-border-color-invalid:var(--bal-color-border-danger);--bal-radio-icon-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-icon-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-background-invalid:transparent;--bal-radio-icon-background-invalid-hovered:var(--bal-color-danger-1);--bal-radio-icon-background-invalid-pressed:var(--bal-color-danger-1);--bal-radio-icon-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-icon-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-background-disabled:var(--bal-color-grey-2);--bal-radio-icon-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-icon-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-radio-icon-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-radio-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--bal-radio-icon-size);max-width:var(--bal-radio-icon-size);height:var(--bal-radio-icon-size);max-height:var(--bal-radio-icon-size);border-radius:var(--bal-radio-icon-border-radius);overflow:hidden;border:var(--bal-radio-icon-border-width) solid var(--bal-radio-icon-border-color);background-color:var(--bal-radio-icon-background)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--hovered,.bal-radio-icon:hover{background:var(--bal-radio-icon-background-hovered);border-color:var(--bal-radio-icon-border-color-hovered)}}.bal-radio-icon--pressed,.bal-radio-icon:active{background:var(--bal-radio-icon-background-pressed);border-color:var(--bal-radio-icon-border-color-pressed)}.bal-radio-icon:after{display:block;content:"";background-color:rgba(0,0,0,0);border-radius:var(--bal-radio-icon-border-radius);width:.375rem;height:.375rem}.bal-radio-icon bal-icon{opacity:0}.bal-radio-icon--checked:after{background-color:#fff}.bal-radio-icon--checked{background-color:var(--bal-radio-icon-background-checked);border-color:var(--bal-radio-icon-border-color-checked)}.bal-radio-icon--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-radio-icon--checked.bal-radio-icon--hovered,.bal-radio-icon--checked:hover{background:var(--bal-radio-icon-background-checked-hovered);border-color:var(--bal-radio-icon-border-color-checked-hovered)}}.bal-radio-icon--checked.bal-radio-icon--pressed,.bal-radio-icon--checked:active{background:var(--bal-radio-icon-background-checked-pressed);border-color:var(--bal-radio-icon-border-color-checked-pressed)}.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted)}.bal-radio-icon--invalid{border-color:var(--bal-radio-icon-border-color-invalid);background-color:var(--bal-radio-icon-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--invalid.bal-radio-icon--hovered,.bal-radio-icon--invalid:hover{background-color:var(--bal-radio-icon-background-invalid-hovered);border-color:var(--bal-radio-icon-border-color-invalid-hovered)}}.bal-radio-icon--invalid.bal-radio-icon--pressed,.bal-radio-icon--invalid:active{background-color:var(--bal-radio-icon-background-invalid-pressed);border-color:var(--bal-radio-icon-border-color-invalid-pressed)}.bal-radio-icon--invalid.bal-radio-icon--checked{border-color:var(--bal-radio-icon-border-color-invalid);background:var(--bal-radio-icon-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--hovered,.bal-radio-icon--invalid.bal-radio-icon--checked:hover{background-color:var(--bal-radio-icon-background-invalid-checked-hovered);border-color:var(--bal-radio-icon-border-color-invalid-hovered)}}.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--pressed,.bal-radio-icon--invalid.bal-radio-icon--checked:active{background-color:var(--bal-radio-icon-background-invalid-checked-pressed);border-color:var(--bal-radio-icon-border-color-invalid-pressed)}.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted)}.bal-radio-icon--disabled{cursor:default !important;background:var(--bal-radio-icon-background-disabled) !important;border-color:var(--bal-radio-icon-border-color-disabled) !important}.bal-radio-icon--disabled.bal-radio-icon--checked{background-color:var(--bal-radio-icon-background-checked-disabled) !important;border-color:var(--bal-radio-icon-border-color-checked-disabled) !important}.bal-radio-icon--disabled.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted) !important}';export{i as bal_radio_icon}

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

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,a,s){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function n(e){try{i(s.next(e))}catch(e){o(e)}}function l(e){try{i(s["throw"](e))}catch(e){o(e)}}function i(e){e.done?a(e.value):r(e.value).then(n,l)}i((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,r,o,n;return n={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(e){return function(t){return i([e,t])}}function i(l){if(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(a=0)),a)try{if(s=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:a.label++;return{value:l[1],done:false};case 5:a.label++;r=l[1];l=[0];continue;case 7:l=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(l[0]===6&&a.label<o[1]){a.label=o[1];o=l;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(l);break}if(o[2])a.ops.pop();a.trys.pop();continue}l=t.call(e,a)}catch(e){l=[6,e];r=0}finally{s=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,a){if(a||arguments.length===2)for(var s=0,r=t.length,o;s<r;s++){if(o||!(s in t)){if(!o)o=Array.prototype.slice.call(t,0,s);o[s]=t[s]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-WmWy2rJ-.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-BPUKeAhO.system.js","./p-DhSS4q-R.system.js","./p-CTl0uAFp.system.js","./p-Cm94K4OH.system.js","./p-WkcLp-K_.system.js","./p-CyfydXgM.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-drmuT566.system.js","./p-BQvgbY93.system.js","./p-CFSqydrN.system.js"],(function(e){"use strict";var t,a,s,r,o,n,l,i,b,c,p,_,d,u,v,f;return{setters:[function(e){t=e.M;a=e.L;s=e.H;r=e.P;o=e.T;n=e.N;l=e.O},function(e){i=e._;b=e.a},function(e){c=e.B},function(e){p=e.a},function(e){_=e.s},function(e){d=e.n},function(e){u=e.L},function(e){v=e.b},function(e){f=e.L},null,null,null,null,null,null],execute:function(){var m=function(e){var a=e.item,s=e.isMobile;var r=c.block("steps").element("nav").element("item").element("icon");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(a.done)),r.modifier("active").class(a.active)),r.modifier("failed").class(a.failed)),r.modifier("disabled").class(a.disabled))},t("bal-icon",{style:{display:a.done?"block":"none"},size:s?"small":"",color:a.disabled?"grey":"white",name:"check"}),t("span",{style:{display:!a.done?"block":"none"}},a.failed?"!":(a.index||0)+1))};var g=function(e){var a=e.item;var s=c.block("steps").element("nav").element("item").element("label");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(a.done)),s.modifier("active").class(a.active)),s.modifier("failed").class(a.failed)),s.modifier("disabled").class(a.disabled)),"data-testid":"bal-steps-option-label"},a.label)};var h=function(e){var a=e.item,s=e.color,r=e.isMobile,o=e.clickable,n=e.onSelectTab;var l=c.block("steps").element("nav").element("item");if(a.invisible){return}if(a.href){return t("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(s)).class()),l.modifier("done").class(a.done)),l.modifier("active").class(a.active)),l.modifier("failed").class(a.failed)),l.modifier("disabled").class(a.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),href:a.href,rel:a.rel,target:a.target,onClick:function(e){return n(e,a)}},t(m,{item:a,isMobile:r}),t(g,{item:a}))}return t("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(s)).class()),l.modifier("done").class(a.done)),l.modifier("active").class(a.active)),l.modifier("failed").class(a.failed)),l.modifier("disabled").class(a.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),onClick:function(e){return n(e,a)}},t(m,{item:a,isMobile:r}),t(g,{item:a}))};var y='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var k=e("bal_steps",function(){function e(e){var t=this;s(this,e);this.balChange=r(this,"balChange");this.stepsId="bal-steps-".concat(x++);this.store=[];this.isMobile=v.isMobile;this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined;this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(d),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!p(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){_(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=o(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.swiperOnChange=function(e){};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var a=c.block("steps");var s=a.element("nav");var r=true;var o=-1;var l=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){r=false}if(!e.invisible){o=o+1}return Object.assign(Object.assign({},e),{passed:r,index:o})}));return t(n,{class:Object.assign({},a.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},t("nav",{class:Object.assign({},s.class()),role:"tablist","aria-live":"polite"},l.filter((function(e){return!e.invisible})).map((function(a){return t(h,{item:a,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!a.disabled,onSelectTab:e.onSelectTab})}))),t("div",{id:this.stepsId,class:Object.assign({},a.element("steps__content").class())},t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());i([a("bal-steps"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],k.prototype,"createLogger",null);i([u({tags:["bal-steps","bal-step-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],k.prototype,"mutationListener",null);i([f(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],k.prototype,"breakpointListener",null);var x=0;k.style=y}}}));

package/dist/baloise-design-system/{p-7632019f26.system.entry.js → p-6eeb094b9d.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-7961e095.system.js","./p-db0895e2.system.js"],(function(r){"use strict";var i,a,l,o,e;return{setters:[function(r){i=r.r;a=r.h;l=r.H;o=r.g},function(r){e=r.B}],execute:function(){var u=".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-color-grey-1)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";var t=u;var n=r("bal_input_group",function(){function r(r){i(this,r);this.invalid=false;this.disabled=false;this.readonly=false}r.prototype.render=function(){var r=e.block("input-group");var i="is-danger";var o=this.invalid;var u="is-disabled";var t=this.disabled||this.readonly;return a(l,{key:"8f4dbc85cf4f85478b35d74e150a0776ede42446",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(i).class(o)),r.modifier(u).class(t))},a("slot",{key:"d3060925b6928994bebeb78791a0028ffc6ac5ac"}))};Object.defineProperty(r.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return r}());n.style=t}}}));
+System.register(["./p-WmWy2rJ-.system.js","./p-BbAtjg9Y.system.js"],(function(r){"use strict";var i,a,l,o,u;return{setters:[function(r){i=r.H;a=r.M;l=r.N;o=r.O},function(r){u=r.B}],execute:function(){var e=".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-color-grey-1)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";var t=r("bal_input_group",function(){function r(r){i(this,r);this.invalid=false;this.disabled=false;this.readonly=false}r.prototype.render=function(){var r=u.block("input-group");var i="is-danger";var o=this.invalid;var e="is-disabled";var t=this.disabled||this.readonly;return a(l,{key:"8f4dbc85cf4f85478b35d74e150a0776ede42446",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(i).class(o)),r.modifier(e).class(t))},a("slot",{key:"d3060925b6928994bebeb78791a0028ffc6ac5ac"}))};Object.defineProperty(r.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return r}());t.style=e}}}));

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

@@ -0,0 +1 @@
+System.register(["./p-WmWy2rJ-.system.js","./p-BbAtjg9Y.system.js"],(function(e){"use strict";var t,a,l,i,r,n;return{setters:[function(e){t=e.H;a=e.a;l=e.M;i=e.N;r=e.O},function(e){n=e.B}],execute:function(){var x={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","xxxxx-large":"h1","xxxx-large":"h1","xxx-large":"h1","xx-large":"h1","x-large":"h2",large:"h3",medium:"h4",normal:"h5"};var o=["xxxxx-large","xxxx-large","xxx-large","xx-large","x-large","large","medium","normal"];var s={display:"xxxxx-large","display-2":"xxxx-large",h1:"xxx-large",h2:"xx-large",h3:"x-large",h4:"large",h5:"normal",p:"normal",span:"normal","xxxxx-large":"xxxxx-large","xxxx-large":"xxxx-large","xxx-large":"xxx-large","xx-large":"xx-large","x-large":"x-large",large:"large",medium:"medium",normal:"normal"};var h={primary:"primary",info:"primary",blue:"primary",success:"success",warning:"warning",danger:"danger",white:"white"};var b=":root{--bal-heading-color-white:var(--bal-color-text-white);--bal-heading-color-success:var(--bal-color-text-success);--bal-heading-color-warning:var(--bal-color-text-warning);--bal-heading-color-danger:var(--bal-color-text-danger)}.bal-heading{display:block;position:static;margin:0}.bal-heading:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-heading.bal-heading--level-display:not(:last-child){margin-bottom:var(--bal-space-normal)}.bal-heading--space-all,.bal-heading--space-top{margin-top:var(--bal-space-x-small)}.bal-heading--space-all,.bal-heading--space-bottom{margin-bottom:var(--bal-space-x-small)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-top{margin-top:var(--bal-space-normal)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-bottom{margin-bottom:var(--bal-space-normal)}.bal-heading--space-top,.bal-heading--space-top:not(:last-child){margin-bottom:0}.bal-heading--space-none,.bal-heading--space-none:not(:last-child){margin:0}.bal-heading__text{margin:0 !important;padding:0;font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title)}.bal-heading__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-heading__text--subtitle{font-weight:var(--bal-font-weight-light)}.bal-heading__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-heading__text--color-white{color:var(--bal-heading-color-white)}.bal-heading__text--color-success{color:var(--bal-heading-color-success)}.bal-heading__text--color-warning{color:var(--bal-heading-color-warning)}.bal-heading__text--color-danger{color:var(--bal-heading-color-danger)}.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}@media screen and (min-width: 769px),print{.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-tablet);line-height:var(--bal-line-height-tablet-normal)}}@media screen and (min-width: 1024px){.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-desktop);line-height:var(--bal-line-height-desktop-normal)}}.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-heading__text--size-large{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large);line-height:var(--bal-line-height-xxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxx-large)}}.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large);line-height:var(--bal-line-height-xxxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxxx-large)}}";var g=e("bal_heading",function(){function e(e){t(this,e);this.level="h1";this.noWrap=false;this.subtitle=false;this.color="";this.inverted=false;this.shadow=false}e.prototype.levelWatcher=function(){this.updateAutoFontSize()};e.prototype.visualLevelWatcher=function(){this.updateAutoFontSize()};e.prototype.autoLevelWatcher=function(){this.updateAutoFontSize()};e.prototype.connectedCallback=function(){this.updateAutoFontSize()};e.prototype.componentDidRender=function(){if(this.autoLevel&&this.autoFontSize){var e=this.rows;if(e>1){var t=s[this.autoLevel];if(t!==this.autoFontSize){var a=o.indexOf(this.autoFontSize)+1;this.autoFontSize=o[a]}}}};e.prototype.updateAutoFontSize=function(){this.autoFontSize=this.fontSize};Object.defineProperty(e.prototype,"rows",{get:function(){if(this.headingEl&&a.hasWindow){var e=window.getComputedStyle(this.headingEl);var t=parseInt(e.lineHeight.slice(0,-2),10);var l=this.headingEl.offsetHeight;return l/t}return 1},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fontColor",{get:function(){if(this.inverted){return"white"}return h[this.color]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fontSize",{get:function(){return s[this.visualLevel?this.visualLevel:this.level]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"tag",{get:function(){return x[this.level]},enumerable:false,configurable:true});e.prototype.render=function(){var e=this;var t=n.block("heading");var a=t.element("text");var r=this.tag;var x=this.fontColor;return l(i,{key:"0a723b1f41cbd6af93aecd84ce5ee39ef6c29d24",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("space-".concat(this.space)).class(this.space!==undefined)),t.modifier("level-".concat(this.level)).class())},l(r,{key:"16e782645408fb537c1f466ee547301f61b71b24",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("no-wrap").class(this.noWrap)),a.modifier("subtitle").class(this.subtitle)),a.modifier("shadow").class(this.shadow)),a.modifier("color-".concat(x)).class()),a.modifier("size-".concat(this.autoFontSize)).class()),ref:function(t){return e.headingEl=t},"data-testid":"bal-heading"},l("slot",{key:"c9a7f343eada2e03fe4b58f70ffb9856842b1137"})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{level:["levelWatcher"],visualLevel:["visualLevelWatcher"],autoLevel:["autoLevelWatcher"]}},enumerable:false,configurable:true});return e}());g.style=b;var d=":root{--bal-text-color-light-blue:var(--bal-color-text-light-blue);--bal-text-color-blue-dark:var(--bal-color-text-primary-dark);--bal-text-color-blue-light:var(--bal-color-text-hovered);--bal-text-color-primary-light:var(--bal-color-text-primary-light);--bal-text-color-primary-dark:var(--bal-color-text-primary-dark);--bal-text-color-white:var(--bal-color-text-white);--bal-text-color-black:var(--bal-color-text-black);--bal-text-color-grey:var(--bal-color-text-grey);--bal-text-color-primary:var(--bal-color-text-primary);--bal-text-color-blue:var(--bal-color-text-primary);--bal-text-color-info:var(--bal-color-text-info);--bal-text-color-success:var(--bal-color-text-success);--bal-text-color-warning:var(--bal-color-text-warning);--bal-text-color-danger:var(--bal-color-text-danger);--bal-text-color-danger-dark:var(--bal-color-text-danger-dark);--bal-text-color-danger-darker:var(--bal-color-text-danger-darker)}.bal-text{display:block;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word;margin:0 0 var(--bal-space-normal) 0}.bal-text--inline{display:inline;margin:0}.bal-text--space-all{margin-top:var(--bal-space-normal);margin-bottom:var(--bal-space-normal)}.bal-text--space-top{margin-top:var(--bal-space-normal);margin-bottom:0}.bal-text--space-bottom{margin-top:0;margin-bottom:var(--bal-space-normal)}.bal-text--space-none{margin:0}.bal-text__text{padding:0;margin:0}.bal-text__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-text__text--bold{font-weight:var(--bal-font-weight-bold)}.bal-text__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-text__text--heading{font-family:var(--bal-font-family-title)}.bal-text__text--size-small{font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-text__text--size-small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-text__text--size-small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-text__text--size-block{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-text__text--size-block{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-text__text--size-block{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-text__text--size-lead{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-text__text--size-lead{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-text__text--size-lead{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-text__text--color-light-blue{color:var(--bal-text-color-light-blue)}.bal-text__text--color-blue-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-blue-light{color:var(--bal-text-color-blue-light)}.bal-text__text--color-primary-light{color:var(--bal-text-color-primary-light)}.bal-text__text--color-primary-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-white{color:var(--bal-text-color-white)}.bal-text__text--color-black{color:var(--bal-text-color-black)}.bal-text__text--color-grey{color:var(--bal-text-color-grey)}.bal-text__text--color-primary{color:var(--bal-text-color-primary)}.bal-text__text--color-blue{color:var(--bal-text-color-primary)}.bal-text__text--color-info{color:var(--bal-text-color-info)}.bal-text__text--color-success{color:var(--bal-text-color-success)}.bal-text__text--color-warning{color:var(--bal-text-color-warning)}.bal-text__text--color-danger{color:var(--bal-text-color-danger)}.bal-text__text--color-danger-dark{color:var(--bal-text-color-danger-dark)}.bal-text__text--color-danger-darker{color:var(--bal-text-color-danger-darker)}";var c=e("bal_text",function(){function e(e){t(this,e);this.size="";this.heading=false;this.noWrap=false;this.bold=false;this.inline=false;this.color="";this.space="";this.inverted=false;this.shadow=false;this.disabled=undefined;this.invalid=undefined;this.hovered=false;this.pressed=false}e.prototype.parseColor=function(){if(this.disabled){return"grey"}if(this.invalid){if(this.pressed){return"danger-darker"}if(this.hovered){return"danger-dark"}return"danger"}var e=this.inverted?"white":this.color==="info"?"primary":this.color;if(this.pressed){return"primary-dark"}if(this.hovered){return"light-blue"}return e};e.prototype.render=function(){var e=this.inline?"span":"p";var t=this.parseColor();var a=n.block("text");return l(i,{key:"49275becd21961382642b6545611f8b7763d3010",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("space-".concat(this.space)).class(this.space!=="")),a.modifier("inline").class(this.inline))},l(e,{key:"554500f4a7fdb830534fad06788e1d54375fb076",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.element("text").class()),a.element("text").modifier("color-".concat(t)).class(!!t)),a.element("text").modifier("bold").class(this.bold)),a.element("text").modifier("heading").class(this.heading)),a.element("text").modifier("shadow").class(this.shadow)),a.element("text").modifier("no-wrap").class(this.noWrap)),a.element("text").modifier("size-".concat(this.size)).class(this.size!=="")),"data-testid":"bal-text"},l("slot",{key:"e508267e4a92701542dba64ecb4f9b488c4cd07a"})))};return e}());c.style=d}}}));

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

@@ -0,0 +1 @@
+import{L as e,H as a,f as r,l as n,J as t,M as o,N as l}from"./p-pkPHUz5e.js";import{_ as i,a as s}from"./p-dfXERft2.js";import{l as c,a as _,L as p}from"./p-S5-HQnxq.js";import{L as b}from"./p-Do4k83YR.js";import{B as d}from"./p-ByiN-QjD.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-Cj6DXhmQ.js";import"./p-CbvOgU0G.js";const f={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"}},g=class{constructor(e){a(this,e),this.links=[],this.socialMediaLinks=[],this.language=r.language,this.region=r.region,this.allowedLanguages=r.allowedLanguages,this.hideLinks=!1,this.overrideLinks=void 0,this.showSocialMedia=!1,this.hideLanguageSelection=!1}createLogger(e){this.log=e}connectedCallback(){this.updateFooterLinks(),this.updateSocialMediaLinks()}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){n(e)}updateFooterLinks(){if(this.overrideLinks)this.links=this.overrideLinks;else if(!this.hideLinks&&("CH"===this.region||"DE"===this.region)){const e=this.region;t((()=>{c(new p(this.language),e).then((e=>this.links=e))}))}}updateSocialMediaLinks(){if(this.showSocialMedia&&("CH"===this.region||"DE"===this.region)){const e=this.region;t((()=>{_(new p(this.language),e).then((e=>this.socialMediaLinks=e))}))}}render(){const e=d.block("footer"),a=e.element("slot"),r=e.element("inner"),n=r.element("wrapper"),t=n.element("container"),i=n.element("links-container"),s=n.element("header-container"),c=s.element("logo"),_=s.element("language"),p=_.element("wrapper"),b=i.element("legal-links"),g=i.element("social-media-links");return o(l,{key:"dbb10b62df792021f3ee814990225a5141906dcf",class:Object.assign({},e.class())},o("footer",{key:"9bb866cae3936c2caf1cc7e63879c4681d2ee1a8",class:Object.assign({},r.class())},o("div",{key:"aee0462f8b07cf1c546647b67434bbbd0b0ce582",class:Object.assign({},n.class())},o("div",{key:"5b9b7a54156c1eb5dba8096c7a6add4939d0626d",class:Object.assign(Object.assign({container:!0},t.class()),s.class())},o("div",{key:"632b26b347fe91b95d72e725db22bebcb303facf",class:Object.assign({},c.class())},o("bal-logo",{key:"e91b5cd73918ff9fbd7910e563b29a1396299942",color:"white"})),o("div",{key:"25a3bc1c711f33114df091fe4ed4de5f2e4298f6",class:Object.assign({},_.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},o("div",{key:"0d6f3a4ef5db0a8973c2baa293d02badbf25ab8c",class:Object.assign({},p.class())},o("bal-icon",{key:"ffa4e67aa6d2210f5739c5114127e46f50e2f31b",class:Object.assign({},p.element("icon").class()),name:"web",color:"white"}),o("select",{key:"0d3061a89a4fe04aecbb5498fa03ce263e8447ab",class:Object.assign({},p.element("select").class()),onChange:e=>this.changeLanguage(e.target.value),"data-testid":"bal-footer-language"},this.allowedLanguages.map((e=>o("option",{key:e,value:e,selected:e===this.language},e.toLocaleUpperCase()+" - "+f[e].name))))))),o("div",{key:"ca5e0091909a9c8fd92ca69f3d8937d0b976bee2",class:Object.assign({},a.class())},o("slot",{key:"42575b0eb8ecc7e12679b28786ed27484088d01d"})),o("div",{key:"3600fe32dfeeea73ff2afac7ce8549d5e52bfb04",class:Object.assign(Object.assign({container:!0},t.class()),i.class())},o("div",{key:"697a4f34081dbc8255b02425b2f2fcd0285670bf",class:Object.assign({},g.class()),style:{display:this.showSocialMedia?"flex":"none"}},this.socialMediaLinks.map((e=>o("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-inverted":!0}},o("bal-icon",{name:e.label.toLowerCase()}))))),o("div",{key:"3b91222ee07a7c7d5e1995f5180398272fd6d92e",class:Object.assign({},b.class()),style:{display:this.hideLinks?"none":"flex"}},this.links.map((e=>o("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-light":!0}},e.label))))))))}};i([e("bal-footer"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],g.prototype,"createLogger",null),i([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],g.prototype,"configChanged",null),g.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-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}.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 select{padding-left:2px;padding-right:2px;background:rgba(0,0,0,0);-webkit-appearance:none;border:none;color:var(--bal-color-white);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)}.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)}.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__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{g as bal_footer}

package/dist/baloise-design-system/p-74dd1a8023.entry.js

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

package/dist/baloise-design-system/p-750daedf10.system.entry.js

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

package/dist/baloise-design-system/p-7778560b6f.entry.js

@@ -0,0 +1 @@
+import{H as a,y as s,x as t,M as e,N as i,O as c}from"./p-pkPHUz5e.js";import{s as o}from"./p-FCLKfv6B.js";const r=class{constructor(s){a(this,s),this.native=!1,this.novalidate=!1,this.formClass=""}async scrollToFirstInvalidField(){await s(),await t(),o({formEl:this.el})}render(){let a={};return this.native&&(a={novalidate:this.novalidate}),e(i,{key:"ed6e199a51186247ccad8e06989ba9819e43bed2"},e(this.native?"form":"div",Object.assign({key:"de4a61e1690819e10096cd1c35eecc0371d73aae"},a,{class:this.formClass}),e("slot",{key:"f35cce725fc54ad822aada77aabaf6f0babd4141"})))}get el(){return c(this)}};r.style=".bal-form{display:block;position:static}";export{r as bal_form}

package/dist/baloise-design-system/p-7b1dff4795.entry.js

@@ -0,0 +1 @@
+import{J as o,M as e,x as t,L as r,H as a,P as d,f as l,R as n,a as i,S as p,y as s,N as b,O as c}from"./p-pkPHUz5e.js";import{_ as h,a as _}from"./p-dfXERft2.js";import{i as u,a as w,b as m,c as v,d as f}from"./p-D1VPLQ5z.js";import{B as g}from"./p-ByiN-QjD.js";import{s as x}from"./p-C8S5XlJl.js";import{i as y}from"./p-C4sZQbkT.js";import{a as k}from"./p-BAaDJIzy.js";import{F as j}from"./p-DqCbGYzv.js";import{D as O}from"./p-BLp4ll3i.js";import{b as C}from"./p-B71F7E77.js";import{i as z}from"./p-xbSOW78W.js";import{a as F}from"./p-DBsOHTWj.js";import{L}from"./p-Do4k83YR.js";import{d as B}from"./p-FCLKfv6B.js";import"./p-BnVL_HEz.js";import"./p-BFTU3MAI.js";class D{constructor(){this.handleAutoFill=async o=>{if(x(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,e=await this.parseAutoFillValueWithOptions(o);if(void 0===e)return void(this.component.isAutoFilled=!1);k(e,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(e,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const e=await this.component.listEl.getOptions();for(let t=0;t<e.length;t++){const r=e[t];if(r.value===o||r.label===o)return[r.value]}}}const A={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 E{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=j.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(e){this.component.isExpanded||(this.component.hasFocus=!1,o((()=>this.component.balBlur.emit(e))))}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(e){var t;this.component.isExpanded&&(this.component.el.contains(e.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,o((()=>this.component.balBlur.emit(e)))))}}class S{connectedCallback(o){this.component=o}focusOptionByLabel(o,e={}){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,e)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class V{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 e=o.target;(null==e?void 0:e.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 R=({name:o,httpFormSubmit:t,multiple:r,required:a,disabled:d,rawValue:l,refSelectEl:n})=>{const i=g.block("dropdown");return t?e("select",{class:Object.assign({},i.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:r,required:a,disabled:d,tabindex:-1,ref:n},l.map((o=>e("option",{key:o,value:o,selected:!0},o)))):""},T=({size:o,theme:t,icon:r,language:a,loading:d,clearable:l,invalid:n,filled:i,expanded:p,disabled:s})=>{const b=g.block("dropdown");return d?e("bal-spinner",{class:Object.assign({},b.element("rear").class()),small:!0,variation:"circle",color:"white"}):l&&i&&!s?e("button",{title:A[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},b.element("rear").class()),b.element("clear").class()),b.element("clear").modifier("invalid").class(n)),b.element("clear").modifier("theme-purple").class("purple"===t))},e("bal-icon",{class:Object.assign({},b.element("rear").class()),name:"purple"===t?"close":"close-circle",size:o,color:"purple"===t?"primary":"grey"})):e("bal-icon",{class:Object.assign({},b.element("rear").class()),name:r,size:o,turn:p,color:s?"grey":n?"danger":"primary"})},P=({inputId:o,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:d,required:l,filter:n,multiple:i,contentHeight:p,refPanelEl:s,refListEl:b})=>{const c=g.block("dropdown");return e("div",{id:`${o}-menu`,class:Object.assign(Object.assign({},c.element("list").class()),c.element("list").modifier("expanded").class(t)),ref:s},e("bal-option-list",{multiple:i,disabled:a,filter:n,required:l,contentHeight:p,ref:b},e("slot",null),d?r.map((o=>e("bal-option",{key:o.value,value:o.value,label:o.label,disabled:o.disabled,multiline:o.multiline,invalid:o.invalid,hidden:o.hidden,selected:o.selected,focused:o.focused},o.label))):""))};class q{constructor(){this.updatePanelPosition=(o,e,t)=>()=>{o.computePosition(e,t,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:e})=>{Object.assign(t.style,{left:`${o}px`,top:`${e}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 C.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 I{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,e){const t=typeof o;t!==typeof e&&this.updateRawValueByValueProp(o),"string"===t&&o!==e&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(e)&&!k(o,e)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],e=!1){this.component.isAutoFilled=e,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let e=[];return z(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!z(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),e}updateRawValueByValueProp(o=[]){const e=this.parseValueString(o);this.updateRawValue(e)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const e=this.component.rawValue.filter((e=>e!==o.value));this.updateRawValueBySelection(e)}async updateInputContent(){await t(),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 $=({inlineLabel:o,filled:t,chips:r,placeholder:a,choices:d,invalid:l,disabled:n,readonly:i,onRemoveChip:p})=>{const s=g.block("dropdown");return t?r?e("div",{class:Object.assign({},s.element("root").element("content").element("chips").class())},d.map((o=>e("bal-tag",{key:o.value,"data-test":"bal-dropdown-chip",size:"small",invalid:l,disabled:n||i,closable:!(n||i),onBalCloseClick:()=>p(o)},o.label)))):(o&&`${o}: `)+d.map((o=>o.label)).join(", "):a},H=({inputId:o,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:d,required:l,disabled:n,readonly:i,placeholder:p,expanded:s,invalid:b,language:c,inputLabel:h,inheritedAttributes:_,refInputEl:u,onChange:w,onFocus:m,onBlur:v,onKeyDown:f})=>{const x=g.block("dropdown"),y=()=>e("input",Object.assign({id:r.controlId||`${o}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:d,value:a.join(","),required:l,disabled:n,readonly:i,placeholder:p,title:s?A[c].close:A[c].open,"aria-label":s?A[c].close:A[c].open,"aria-owns":`${o}-menu`,"aria-invalid":F(b),"aria-disabled":F(n||i),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":h,"data-value":a.join(","),ref:o=>u(o),onChange:o=>w(o),onFocus:o=>m(o),onBlur:o=>v(o),onKeyDown:o=>f(o)},_));return t?e(y,null):e("form",{novalidate:!0},e(y,null))},W=class{constructor(o){a(this,o),this.balChange=d(this,"balChange"),this.balFocus=d(this,"balFocus"),this.balBlur=d(this,"balBlur"),this.inputId="bal-dropdown-"+K++,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=B,this.language=l.language,this.region=l.region,this.httpFormSubmit=l.httpFormSubmit,this.labelToFocus="",this.valueUtil=new I,this.eventsUtil=new E,this.popupUtil=new q,this.optionUtil=new O,this.formSubmitUtil=new V,this.focusUtil=new S,this.autoFillUtil=new D,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 e,t,r,a,d;o&&o.key?this.isExpanded?u(o)?(x(o),null===(e=this.listEl)||void 0===e||e.focusNext()):w(o)?(x(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(x(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(x(o),null===(a=this.listEl)||void 0===a||a.focusLast()):m(o)?(x(o),null===(d=this.listEl)||void 0===d||d.selectByFocus()):"Tab"===o.key||v(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):m(o)||f(o)?(x(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,e){this.valueUtil.valueChanged(o,e)}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)),n(this.el,"balOptionChange",this.listenToOptionChange),i.hasDocument&&(n(document,"keydown",this.eventsUtil.handleKeydown),n(document,"touchstart",this.eventsUtil.handlePointerDown),n(document,"mousedown",this.eventsUtil.handlePointerDown),n(document,"click",this.listenOnClickOutside),n(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){p(this.el,"balOptionChange",this.listenToOptionChange),i.hasDocument&&(p(document,"keydown",this.eventsUtil.handleKeydown),p(document,"touchstart",this.eventsUtil.handlePointerDown),p(document,"mousedown",this.eventsUtil.handlePointerDown),p(document,"click",this.listenOnClickOutside),p(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=y(this.el,["tabindex"]),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 s(),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 e=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(e)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const o=g.block("dropdown"),t=this.valueUtil.isFilled(),r=""!==this.size,a=`size-${this.size}`,d=""!==this.theme,l=`theme-${this.theme}`,n="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return e(b,{key:"1b075647fbe8923e1d12974c621e391e6557cc48",class:Object.assign({},o.class()),tabindex:"-1",id:`${this.inputId}`},e("div",{key:"a71a4bd3a2c803b6890f89a78fdfb611fbde8f5a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(n)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),o.element("root").modifier(a).class(r)),o.element("root").modifier(l).class(d)),o.element("root").modifier(l+"-filled").class(t&&d)),o.element("root").modifier(l+"-expanded").class(this.isExpanded&&d)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},e("span",{key:"a65ae5081e4c747a9c16fe8b499c67b23763d806",class:Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),o.element("root").element("content").modifier(a).class(r))},e($,{key:"174ce02d638806795cccbc8dc9990d07f4cfe630",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)})),e(H,{key:"e7b31122122f29e7f9dd52b4caeb797ae5584c38",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)}),e(R,{key:"86c3712230c6610e8b96280f91d5b6069d82edbf",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),e(T,{key:"36fdd2af649f0ccc5f7d30df90c6a1cce14eda2e",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:t,disabled:this.valueUtil.isDisabled()})),e(P,{key:"ba4a9e84148ea1431033da83477e7563a61e0826",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},e("slot",{key:"046f4677bcf864dcd9f6d8e5e55ff95276cd9166"})))}get el(){return c(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};h([r("bal-dropdown"),_("design:type",Function),_("design:paramtypes",[Function]),_("design:returntype",void 0)],W.prototype,"createLogger",null),h([L(),_("design:type",Function),_("design:paramtypes",[Object]),_("design:returntype",Promise)],W.prototype,"configChanged",null);let K=0;W.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);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%}';export{W as bal_dropdown}

package/dist/baloise-design-system/p-7cb21d670b.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,s){function u(t){try{f(e.next(t))}catch(t){s(t)}}function a(t){try{f(e["throw"](t))}catch(t){s(t)}}function f(t){t.done?n(t.value):r(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(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:a(0),throw:a(1),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,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=i.call(t,n)}catch(t){a=[6,t];r=0}finally{e=s=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,r=i.length,s;e<r;e++){if(s||!(e in i)){if(!s)s=Array.prototype.slice.call(i,0,e);s[e]=i[e]}}return t.concat(s||Array.prototype.slice.call(i))};System.register(["./p-WmWy2rJ-.system.js","./p-Cjiw70Dk.system.js","./p-DA4RmE59.system.js","./p-DhSS4q-R.system.js","./p-m5GX4h3i.system.js","./p-ft8ZtF1G.system.js","./p-BbAtjg9Y.system.js","./p-CLfE_o7e.system.js","./p-CpWDVANq.system.js","./p-Dd7xQwRJ.system.js","./p-Czl2AFQD.system.js","./p-RzJv7e7Y.system.js","./p-DKjTFqnu.system.js","./p-Bzy18UgU.system.js"],(function(t){"use strict";var i,n,e,r,s,u,a,f,o,h,c,l,d,v,b,y,p,m,g,_,j,w,k,F,A,x,C,D,O,K,S,I,P,q,z;return{setters:[function(t){i=t.L;n=t.H;e=t.P;r=t.f;s=t.T;u=t.M;a=t.N;f=t.O},function(t){o=t._;h=t.a},function(t){c=t.L},function(t){l=t.f;d=t.i;v=t.a;b=t.b;y=t.e;p=t.k;m=t.s;g=t.h;_=t.j;j=t.c;w=t.d},function(t){k=t.i},function(t){F=t.g;A=t.a;x=t.b;C=t.f},function(t){D=t.B},function(t){O=t.d},function(t){K=t.i},function(t){S=t.N;I=t.A},function(t){P=t.i},function(t){q=t.i},function(t){z=t.a},null],execute:function(){function B(t){return typeof t==="string"&&x()!=="."}function E(t){var i=parseFloat(t);return typeof i==="number"&&!P(i)}function G(t){return!E(t)&&t!==""&&t!==F()&&t!==A()}function R(t,i){if(i===void 0){i=0}var n=t;if(n===""||n===undefined||n===null||P(n)||n===F()||n===A()||!E(n)){return undefined}if(B(n)){n=n.split(x()).join("").split("`").join("").split("'").join("")}if(typeof n==="string"){n=n.replace(A(),".")}return i===0?parseInt(n,10):parseFloat(n)}function T(t,i){if(i===void 0){i=0}var n=t;if(K(n)){return""}if(B(n)){n=n.split(x()).join("").split("`").join("").split("'").join("")}if(n.charAt(0)===A()){n="0".concat(n)}var e=i===0?parseInt(n,10):parseFloat(n.replace(A(),"."));return P(e)?"":e.toFixed(i)}function J(t){return t.replace(".",A())}function V(t,i,n){if(i===void 0){i=0}if(n===void 0){n=""}if(K(t)){return""}if(t.charAt(0)===A()){t="0".concat(t)}var e=i===0?parseInt(t,10):parseFloat(t);var r=n!==""?" ".concat(n.trim()):"";return P(e)?"":C(e,i)+r}var W=function(t){return(t.split(A())||[]).length-1||0};function L(t){var i=t.key,n=t.ctrlKey,e=t.metaKey,r=t.selectionStart,s=t.selectionEnd,u=t.newValue,a=t.decimal;if(["a","c","v"].includes(i)&&(n||e)){return true}if(i===F()&&r&&r>0&&s&&s>0){return false}if(i===A()){if(a===0){return false}else if(W(u)>1){return false}}if(!__spreadArray(__spreadArray(__spreadArray([],S,true),I,true),[A(),F()],false).includes(i)){return false}if(a!==0&&u.includes(A())&&__spreadArray([],S,true).includes(i)){var f=u.split(A());var o=f[f.length-1];if(o.length>a){return false}}return true}var Q=".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 U=t("bal_number_input",function(){function t(t){var i=this;n(this,t);this.balInput=e(this,"balInput");this.balChange=e(this,"balChange");this.balBlur=e(this,"balBlur");this.balFocus=e(this,"balFocus");this.balKeyPress=e(this,"balKeyPress");this.inputId="bal-number-input-".concat(Y++);this.inheritedAttributes={};this.lastValue="";this.inputValue=this.value;this.initialValue=undefined;this.focused=false;this.language=r.language;this.region=r.region;this.ariaForm=O;this.nativeInputValue="";this.inputPattern=this.createPattern();this.name=this.inputId;this.invalid=false;this.decimal=0;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 l(i,t)};this.handleClick=function(t){return d(i,t)};this.onInput=function(t){var n;if(i.nativeInput){if(G(i.nativeInput.value)){i.nativeInputValue=i.lastValue||"";return}}i.lastValue=((n=i.nativeInput)===null||n===void 0?void 0:n.value)||"";i.balInput.emit(R(i.lastValue,i.decimal))};this.onFocus=function(t){v(i,t);if(i.nativeInput){i.nativeInputValue=J(i.lastValue||"");clearTimeout(i.selectTimeout);i.selectTimeout=setTimeout((function(){return i.nativeInput.select()}))}};this.onBlur=function(t){b(i,t);if(i.nativeInput){i.lastValue=T(i.lastValueGetter,i.decimal);i.nativeInputValue=V(i.lastValueGetter,i.decimal,i.suffix);i.nativeInput.value=i.nativeInputValue}i.inputValue=R(i.lastValueGetter,i.decimal);y(i)};this.onKeydown=function(t){var n=p(i,t);var e=t===null||t===void 0?void 0:t.target;if(e&&!L({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:i.decimal,newValue:n,selectionStart:e.selectionStart,selectionEnd:e.selectionEnd})){return m(t)}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=s(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,i){var n=R(t,this.decimal);if(n!==i){var e=n===""||K(n)||P(n);var r=this.exactNumber?"0":"";var s=e?r:n.toString();this.inputValue=R(T(s,this.decimal),this.decimal);this.lastValue=T(s,this.decimal);if(this.focused){this.nativeInputValue=J(this.lastValue)}else{this.nativeInputValue=V(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=k(this.el,["aria-label","tabindex","title"])};t.prototype.listenOnClick=function(t){g(this,t)};t.prototype.resetHandler=function(t){var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){_(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=J(this.lastValue)}else{this.nativeInputValue=V(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){j(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){w(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=x();var n=A();if(n===","){n="\\,"}return"-?\\d{1,3}(?:".concat(i,"\\d{3})*(?:\\").concat(n,"\\d{1,2})?(?:").concat(t,")?")};Object.defineProperty(t.prototype,"lastValueGetter",{get:function(){if(this.exactNumber&&(K(this.lastValue)||q(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 u(a,{key:"b8eed12bfcd82452d4764d316294744faff1f797",onClick:this.handleClick,"aria-disabled":z(this.disabled),class:Object.assign({},i.class())},u("input",Object.assign({key:"0f04129ed1bd55b8660e7add8f673e154bf4107b",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":z(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 f(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());o([i("bal-number-input"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],U.prototype,"createLogger",null);o([c(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",Promise)],U.prototype,"configChanged",null);var Y=0;U.style=Q}}}));