@baloise/ds-core 19.8.1 → 19.8.2-nightly.20251027

package/dist/baloise-design-system/{p-c90ec8cdb3.entry.js → p-1f0c62ec3e.entry.js}

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

package/dist/baloise-design-system/{p-76f24c46ea.entry.js → p-23b093dac9.entry.js}

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

package/dist/baloise-design-system/{p-63f29c8ce7.system.entry.js → p-23ddecc731.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,i,t,l){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function r(e){try{o(l.next(e))}catch(e){a(e)}}function s(e){try{o(l["throw"](e))}catch(e){a(e)}}function o(e){e.done?t(e.value):n(e.value).then(r,s)}o((l=l.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},l,n,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(i){return o([e,i])}}function o(s){if(l)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(t=0)),t)try{if(l=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;n=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=i.call(e,t)}catch(e){s=[6,e];n=0}finally{l=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var l=0,n=i.length,a;l<n;l++){if(a||!(l in i)){if(!a)a=Array.prototype.slice.call(i,0,l);a[l]=i[l]}}return e.concat(a||Array.prototype.slice.call(i))};System.register(["./p-6JPfxkH9.system.js","./p-Cjiw70Dk.system.js","./p-BDsO8HVR.system.js","./p-CLfE_o7e.system.js","./p-BbAtjg9Y.system.js","./p-wTePExHL.system.js","./p-DeoFxI9e.system.js","./p-BL1JHkgM.system.js","./p-DYGnSrkp.system.js","./p-BCLQO-UH.system.js","./p-D4gL5qCn.system.js","./p-C9hJ2TuZ.system.js","./p-Btbv5cUj.system.js"],(function(e){"use strict";var i,t,l,n,a,r,s,o,f,d,u,c,b,h;return{setters:[function(e){i=e.H;t=e.P;l=e.r;n=e.x;a=e.M;r=e.N;s=e.O},function(e){o=e._;f=e.a},function(e){d=e.L},function(e){u=e.d},function(e){c=e.B},null,function(e){b=e.b},function(e){h=e.L},null,null,null,null,null],execute:function(){var m=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";var p=e("bal_field",function(){function e(e){var l=this;i(this,e);this.balFormControlDidLoad=t(this,"balFormControlDidLoad");this.fieldId="bal-field-".concat(g++);this.formControlElement=["bal-field-control"];this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"];this.formElements=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.required=undefined;this.horizontal=false;this.invalid=undefined;this.valid=false;this.disabled=undefined;this.readonly=undefined;this.loading=undefined;this.isDirectChild=function(e){if(!e){return false}var i=e.parentElement;if(!i){return false}if(i.nodeName.toLowerCase()==="bal-field"&&i!==l.el){return false}if(i===l.el){return true}return l.isDirectChild(i)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var i=l.el.querySelector(e);var t=l.isDirectChild(i);if(t){if(l.isVisible(i)){return i}}return undefined};this.findDirectChildren=function(e){return e.map((function(e){return Array.from(l.el.querySelectorAll(e)).filter(l.isDirectChild).filter(l.isVisible)})).flat()};this.mutationObserverActive=true}e.prototype.requiredHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),["bal-field-label"],false),"required")};e.prototype.invalidHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"invalid")};e.prototype.validHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"valid")};e.prototype.disabledHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"disabled")};e.prototype.readonlyHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"readonly")};e.prototype.loadingHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formControlElement,true),"loading")};e.prototype.connectedCallback=function(){this.triggerAllHandlers()};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.syncAriaAttributes()];case 1:e.sent();return[2]}}))}))};e.prototype.syncAriaAttributes=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,a,r,s;return __generator(this,(function(o){switch(o.label){case 0:return[4,l(this.el)];case 1:o.sent();return[4,n()];case 2:o.sent();e=this.findDirectChild("bal-field-label bal-label");i=this.findDirectChild("bal-field-message");t=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);a=Object.assign({},u);if(e){a.labelId="".concat(this.fieldId,"-lbl")}if(i){a.messageId="".concat(this.fieldId,"-msg")}r=0;o.label=3;case 3:if(!(r<t.length))return[3,10];s=t[r];if(!(r===0))return[3,7];a.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null||e===void 0?void 0:e.setAriaForm(a)];case 4:o.sent();return[4,i===null||i===void 0?void 0:i.setAriaForm(a)];case 5:o.sent();return[4,s===null||s===void 0?void 0:s.setAriaForm(a)];case 6:o.sent();return[3,9];case 7:a.controlId="".concat(this.fieldId,"-ctrl-").concat(r);return[4,s===null||s===void 0?void 0:s.setAriaForm(a)];case 8:o.sent();o.label=9;case 9:r++;return[3,3];case 10:return[2]}}))}))};e.prototype.mutationListener=function(){this.triggerAllHandlers();this.syncAriaAttributes()};e.prototype.triggerAllHandlers=function(){this.requiredHandler();this.invalidHandler();this.validHandler();this.readonlyHandler();this.disabledHandler();this.loadingHandler()};e.prototype.updateProps=function(e,i){var t=this[i];if(t!==undefined){this.notifyComponents(e,(function(e){return e[i]=t}))}};e.prototype.notifyComponents=function(e,i){var t=this.el.querySelectorAll(e.join(", "));t.forEach((function(e){return i(e)}))};e.prototype.render=function(){return a(r,{key:"2d5f00847eed504077334ab0a99e7d8ec2d5e933",id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},a("slot",{key:"7e84f2c3b7a5070c3d44616d4f61c798ed201708"}),a("span",{key:"b7999bd90707cf04144c23ee94cf6ef5e8605ba1",class:"bal-field-hidden"}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}},enumerable:false,configurable:true});return e}());o([d({subtree:false,waitAfterFramePrint:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],p.prototype,"mutationListener",null);var g=0;p.style=m;var y=e("bal_field_control",function(){function e(e){i(this,e);this.iconRight="";this.iconLeft="";this.expandedOnMobile=undefined;this.loading=false}Object.defineProperty(e.prototype,"buildIconLeftTemplate",{get:function(){if(this.iconLeft){return a("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"})}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buildIconRightTemplate",{get:function(){if(this.iconRight){return a("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"})}return""},enumerable:false,configurable:true});e.prototype.render=function(){return a(r,{key:"4aecfd6cf7bc49df8feb26cd3161af9174097fcc",class:{"bal-field-control":true,control:true,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},a("slot",{key:"b1d4c61b4ba0cbd96c11d5540e12dafcc4b2518e"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)};return e}());var v=e("bal_field_hint",function(){function e(e){i(this,e);this.hideTitleOnDesktop=false;this.subject="";this.closeLabel="Close";this.small=false;this.isDesktop=b.isDesktop}e.prototype.breakpointListener=function(e){this.isDesktop=e.desktop};e.prototype.render=function(){var e=c.block("field-hint");return a(r,{key:"a5f895c418c0dfa249da93d3bc39f5563d31b547",class:Object.assign({},e.class())},a("bal-hint",{key:"83d9c59c6fce044b361fbd471bf83780314c62e9",class:Object.assign({},e.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject&&!(this.hideTitleOnDesktop&&this.isDesktop)?a("bal-hint-title",null,this.subject):"",a("bal-hint-text",{key:"38b6ef5120c8b5adef31a05ad54f474ed55305f5"},a("slot",{key:"040d24c305badac88e0bb64d21e513a067f6e177"}))))};return e}());o([h(),f("design:type",Function),f("design:paramtypes",[Object]),f("design:returntype",void 0)],v.prototype,"breakpointListener",null);var _=e("bal_field_label",function(){function e(e){i(this,e);this.htmlFor=undefined;this.required=true;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="small";this.weight="bold"}e.prototype.componentDidLoad=function(){if(this.element){this.parentBalFieldElement=this.element.closest("bal-field");if(this.parentBalFieldElement){this.parentBalFieldElement.classList.add("has-label")}}};e.prototype.disconnectedCallback=function(){if(this.parentBalFieldElement){this.parentBalFieldElement.classList.remove("has-label")}};e.prototype.render=function(){return a(r,{key:"049f3e7c80126a7ffbc005e6c69a1bdc8203979b",class:"bal-field-label"},a("bal-label",{key:"269ecb6de6a5daf2f4d4504b37f3980d05b1a121",multiline:true,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},a("slot",{key:"d832133cb85456ec6b7b1a999b5459044579e783"})))};Object.defineProperty(e.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());var x=e("bal_field_message",function(){function e(e){i(this,e);this.ariaForm=u;this.color="";this.invalid=false;this.valid=false;this.disabled=false;this.readonly=false;this.noReservedSpace=false}e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e;return a(r,{key:"f0425dd945959866c1edbfe0affa56a5c325a014",id:this.ariaForm.messageId,class:(e={"bal-field-message":true,help:true,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly},e["is-".concat(this.color)]=!!this.color,e),style:{minHeight:this.noReservedSpace?"0":undefined}},a("slot",{key:"c693909e5e98a82db73d2884a4f804cf20e24ab3"}))};return e}())}}}));
+var __awaiter=this&&this.__awaiter||function(e,i,t,l){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function r(e){try{o(l.next(e))}catch(e){a(e)}}function s(e){try{o(l["throw"](e))}catch(e){a(e)}}function o(e){e.done?t(e.value):n(e.value).then(r,s)}o((l=l.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},l,n,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(i){return o([e,i])}}function o(s){if(l)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(t=0)),t)try{if(l=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;n=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=i.call(e,t)}catch(e){s=[6,e];n=0}finally{l=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var l=0,n=i.length,a;l<n;l++){if(a||!(l in i)){if(!a)a=Array.prototype.slice.call(i,0,l);a[l]=i[l]}}return e.concat(a||Array.prototype.slice.call(i))};System.register(["./p-CZqZRJHG.system.js","./p-Cjiw70Dk.system.js","./p-DBqZ4THW.system.js","./p-CLfE_o7e.system.js","./p-BbAtjg9Y.system.js","./p-wTePExHL.system.js","./p-BTnsRG82.system.js","./p-DbTo_ao0.system.js","./p-D3nkvH-9.system.js","./p-8noX2Thc.system.js","./p-DI4t7K8M.system.js","./p-JndZEZsF.system.js","./p-D_JE64YA.system.js"],(function(e){"use strict";var i,t,l,n,a,r,s,o,f,d,u,c,b,h;return{setters:[function(e){i=e.H;t=e.P;l=e.r;n=e.x;a=e.M;r=e.N;s=e.O},function(e){o=e._;f=e.a},function(e){d=e.L},function(e){u=e.d},function(e){c=e.B},null,function(e){b=e.b},function(e){h=e.L},null,null,null,null,null],execute:function(){var m=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";var p=e("bal_field",function(){function e(e){var l=this;i(this,e);this.balFormControlDidLoad=t(this,"balFormControlDidLoad");this.fieldId="bal-field-".concat(g++);this.formControlElement=["bal-field-control"];this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"];this.formElements=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.required=undefined;this.horizontal=false;this.invalid=undefined;this.valid=false;this.disabled=undefined;this.readonly=undefined;this.loading=undefined;this.isDirectChild=function(e){if(!e){return false}var i=e.parentElement;if(!i){return false}if(i.nodeName.toLowerCase()==="bal-field"&&i!==l.el){return false}if(i===l.el){return true}return l.isDirectChild(i)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var i=l.el.querySelector(e);var t=l.isDirectChild(i);if(t){if(l.isVisible(i)){return i}}return undefined};this.findDirectChildren=function(e){return e.map((function(e){return Array.from(l.el.querySelectorAll(e)).filter(l.isDirectChild).filter(l.isVisible)})).flat()};this.mutationObserverActive=true}e.prototype.requiredHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),["bal-field-label"],false),"required")};e.prototype.invalidHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"invalid")};e.prototype.validHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"valid")};e.prototype.disabledHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"disabled")};e.prototype.readonlyHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"readonly")};e.prototype.loadingHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formControlElement,true),"loading")};e.prototype.connectedCallback=function(){this.triggerAllHandlers()};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.syncAriaAttributes()];case 1:e.sent();return[2]}}))}))};e.prototype.syncAriaAttributes=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,a,r,s;return __generator(this,(function(o){switch(o.label){case 0:return[4,l(this.el)];case 1:o.sent();return[4,n()];case 2:o.sent();e=this.findDirectChild("bal-field-label bal-label");i=this.findDirectChild("bal-field-message");t=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);a=Object.assign({},u);if(e){a.labelId="".concat(this.fieldId,"-lbl")}if(i){a.messageId="".concat(this.fieldId,"-msg")}r=0;o.label=3;case 3:if(!(r<t.length))return[3,10];s=t[r];if(!(r===0))return[3,7];a.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null||e===void 0?void 0:e.setAriaForm(a)];case 4:o.sent();return[4,i===null||i===void 0?void 0:i.setAriaForm(a)];case 5:o.sent();return[4,s===null||s===void 0?void 0:s.setAriaForm(a)];case 6:o.sent();return[3,9];case 7:a.controlId="".concat(this.fieldId,"-ctrl-").concat(r);return[4,s===null||s===void 0?void 0:s.setAriaForm(a)];case 8:o.sent();o.label=9;case 9:r++;return[3,3];case 10:return[2]}}))}))};e.prototype.mutationListener=function(){this.triggerAllHandlers();this.syncAriaAttributes()};e.prototype.triggerAllHandlers=function(){this.requiredHandler();this.invalidHandler();this.validHandler();this.readonlyHandler();this.disabledHandler();this.loadingHandler()};e.prototype.updateProps=function(e,i){var t=this[i];if(t!==undefined){this.notifyComponents(e,(function(e){return e[i]=t}))}};e.prototype.notifyComponents=function(e,i){var t=this.el.querySelectorAll(e.join(", "));t.forEach((function(e){return i(e)}))};e.prototype.render=function(){return a(r,{key:"2d5f00847eed504077334ab0a99e7d8ec2d5e933",id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},a("slot",{key:"7e84f2c3b7a5070c3d44616d4f61c798ed201708"}),a("span",{key:"b7999bd90707cf04144c23ee94cf6ef5e8605ba1",class:"bal-field-hidden"}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}},enumerable:false,configurable:true});return e}());o([d({subtree:false,waitAfterFramePrint:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],p.prototype,"mutationListener",null);var g=0;p.style=m;var y=e("bal_field_control",function(){function e(e){i(this,e);this.iconRight="";this.iconLeft="";this.expandedOnMobile=undefined;this.loading=false}Object.defineProperty(e.prototype,"buildIconLeftTemplate",{get:function(){if(this.iconLeft){return a("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"})}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buildIconRightTemplate",{get:function(){if(this.iconRight){return a("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"})}return""},enumerable:false,configurable:true});e.prototype.render=function(){return a(r,{key:"4aecfd6cf7bc49df8feb26cd3161af9174097fcc",class:{"bal-field-control":true,control:true,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},a("slot",{key:"b1d4c61b4ba0cbd96c11d5540e12dafcc4b2518e"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)};return e}());var v=e("bal_field_hint",function(){function e(e){i(this,e);this.hideTitleOnDesktop=false;this.subject="";this.closeLabel="Close";this.small=false;this.isDesktop=b.isDesktop}e.prototype.breakpointListener=function(e){this.isDesktop=e.desktop};e.prototype.render=function(){var e=c.block("field-hint");return a(r,{key:"a5f895c418c0dfa249da93d3bc39f5563d31b547",class:Object.assign({},e.class())},a("bal-hint",{key:"83d9c59c6fce044b361fbd471bf83780314c62e9",class:Object.assign({},e.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject&&!(this.hideTitleOnDesktop&&this.isDesktop)?a("bal-hint-title",null,this.subject):"",a("bal-hint-text",{key:"38b6ef5120c8b5adef31a05ad54f474ed55305f5"},a("slot",{key:"040d24c305badac88e0bb64d21e513a067f6e177"}))))};return e}());o([h(),f("design:type",Function),f("design:paramtypes",[Object]),f("design:returntype",void 0)],v.prototype,"breakpointListener",null);var _=e("bal_field_label",function(){function e(e){i(this,e);this.htmlFor=undefined;this.required=true;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="small";this.weight="bold"}e.prototype.componentDidLoad=function(){if(this.element){this.parentBalFieldElement=this.element.closest("bal-field");if(this.parentBalFieldElement){this.parentBalFieldElement.classList.add("has-label")}}};e.prototype.disconnectedCallback=function(){if(this.parentBalFieldElement){this.parentBalFieldElement.classList.remove("has-label")}};e.prototype.render=function(){return a(r,{key:"049f3e7c80126a7ffbc005e6c69a1bdc8203979b",class:"bal-field-label"},a("bal-label",{key:"269ecb6de6a5daf2f4d4504b37f3980d05b1a121",multiline:true,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},a("slot",{key:"d832133cb85456ec6b7b1a999b5459044579e783"})))};Object.defineProperty(e.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());var x=e("bal_field_message",function(){function e(e){i(this,e);this.ariaForm=u;this.color="";this.invalid=false;this.valid=false;this.disabled=false;this.readonly=false;this.noReservedSpace=false}e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e;return a(r,{key:"f0425dd945959866c1edbfe0affa56a5c325a014",id:this.ariaForm.messageId,class:(e={"bal-field-message":true,help:true,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly},e["is-".concat(this.color)]=!!this.color,e),style:{minHeight:this.noReservedSpace?"0":undefined}},a("slot",{key:"c693909e5e98a82db73d2884a4f804cf20e24ab3"}))};return e}())}}}));

package/dist/baloise-design-system/{p-446235d66d.entry.js → p-25cc04e80e.entry.js}

@@ -1 +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 h}from"./p-BgWhYta3.js";import{_ as c,a as _}from"./p-dfXERft2.js";import{i as u}from"./p-C4sZQbkT.js";import{B as w}from"./p-ByiN-QjD.js";import{L as m}from"./p-DrYtyUx4.js";import{a as v}from"./p-BAaDJIzy.js";import{s as f}from"./p-CzSV5e8r.js";import{F as g}from"./p-DqCbGYzv.js";import{D as x}from"./p-BLp4ll3i.js";import{b as y}from"./p-CzMY8q3l.js";import{i as k}from"./p-xbSOW78W.js";import{a as j}from"./p-DBsOHTWj.js";import{d as O}from"./p-FCLKfv6B.js";import{i as C,a as z,b as F,c as L,d as B}from"./p-D1VPLQ5z.js";import"./p-BnVL_HEz.js";import"./p-BFTU3MAI.js";class D{constructor(){this.handleAutoFill=async o=>{if(f(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);v(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 S{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=g.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 E{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 T=({name:o,httpFormSubmit:t,multiple:r,required:a,disabled:d,rawValue:l,refSelectEl:n})=>{const i=w.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)))):""},q=({size:o,theme:t,icon:r,language:a,loading:d,clearable:l,invalid:n,filled:i,expanded:p,disabled:s})=>{const b=w.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"})},R=({inputId:o,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:d,required:l,filter:n,multiple:i,contentHeight:p,refPanelEl:s,refListEl:b})=>{const h=w.block("dropdown");return e("div",{id:`${o}-menu`,class:Object.assign(Object.assign({},h.element("list").class()),h.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 I{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 y.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 P{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)&&!v(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 k(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!k(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=w.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},W=({inputId:o,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:d,required:l,disabled:n,readonly:i,placeholder:p,expanded:s,invalid:b,language:h,inputLabel:c,inheritedAttributes:_,refInputEl:u,onChange:m,onFocus:v,onBlur:f,onKeyDown:g})=>{const x=w.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[h].close:A[h].open,"aria-label":s?A[h].close:A[h].open,"aria-owns":`${o}-menu`,"aria-invalid":j(b),"aria-disabled":j(n||i),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":c,"data-value":a.join(","),ref:o=>u(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>f(o),onKeyDown:o=>g(o)},_));return t?e(y,null):e("form",{novalidate:!0},e(y,null))},H=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=O,this.language=l.language,this.region=l.region,this.httpFormSubmit=l.httpFormSubmit,this.labelToFocus="",this.valueUtil=new P,this.eventsUtil=new S,this.popupUtil=new I,this.optionUtil=new x,this.formSubmitUtil=new V,this.focusUtil=new E,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?C(o)?(f(o),null===(e=this.listEl)||void 0===e||e.focusNext()):z(o)?(f(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(f(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(f(o),null===(a=this.listEl)||void 0===a||a.focusLast()):F(o)?(f(o),null===(d=this.listEl)||void 0===d||d.selectByFocus()):"Tab"===o.key||L(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):F(o)||B(o)?(f(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=u(this.el,["tabindex","data-hj-allow"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await 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=w.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:"713d45fe75018e22e55109784c914cbf41161d66",class:Object.assign({},o.class()),tabindex:"-1",id:`${this.inputId}`},e("div",{key:"d846ee95ba439528691fc58c483b84ebc54e1b20",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:"2b385d34110fffd8272b19083601121a2520381a",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:"65df8cac6931a0a9ac49b01a93e88971e2afedf8",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(W,{key:"0a97b36e6b72f4c559403d21a368a1021537bc85",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(T,{key:"7f05f0d7538b6f82e54d184beaa86298e7d683c9",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(q,{key:"9ef218710b2e80ad73b382094074d7249a63c632",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(R,{key:"58cd4f3169991ea56176c3ae69bf808e0c81d663",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:"6196a395badb4b3f2a4caaee2490d68a7cf9a36c"})))}get el(){return h(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};c([r("bal-dropdown"),_("design:type",Function),_("design:paramtypes",[Function]),_("design:returntype",void 0)],H.prototype,"createLogger",null),c([m(),_("design:type",Function),_("design:paramtypes",[Object]),_("design:returntype",Promise)],H.prototype,"configChanged",null);let K=0;H.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{H as bal_dropdown}
+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 h}from"./p-PmQf2Yvi.js";import{_ as c,a as _}from"./p-dfXERft2.js";import{i as u}from"./p-C4sZQbkT.js";import{B as w}from"./p-ByiN-QjD.js";import{L as m}from"./p-Db4HWGqe.js";import{a as v}from"./p-BAaDJIzy.js";import{s as f}from"./p-DoMopbMR.js";import{F as g}from"./p-DqCbGYzv.js";import{D as x}from"./p-BLp4ll3i.js";import{b as y}from"./p-BvWFqTUG.js";import{i as k}from"./p-xbSOW78W.js";import{a as j}from"./p-DBsOHTWj.js";import{d as O}from"./p-FCLKfv6B.js";import{i as C,a as z,b as F,c as L,d as D}from"./p-D1VPLQ5z.js";import"./p-BnVL_HEz.js";import"./p-BFTU3MAI.js";class B{constructor(){this.handleAutoFill=async o=>{if(f(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);v(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=g.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 T{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 V=({name:o,httpFormSubmit:t,multiple:r,required:a,disabled:d,rawValue:l,refSelectEl:n})=>{const i=w.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)))):""},q=({size:o,theme:t,icon:r,language:a,loading:d,clearable:l,invalid:n,filled:i,expanded:p,disabled:s})=>{const b=w.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"})},R=({inputId:o,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:d,required:l,filter:n,multiple:i,contentHeight:p,refPanelEl:s,refListEl:b})=>{const h=w.block("dropdown");return e("div",{id:`${o}-menu`,class:Object.assign(Object.assign({},h.element("list").class()),h.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 P{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 y.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)&&!v(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 k(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!k(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 W=({inlineLabel:o,filled:t,chips:r,placeholder:a,choices:d,invalid:l,disabled:n,readonly:i,onRemoveChip:p})=>{const s=w.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},$=({inputId:o,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:d,required:l,disabled:n,readonly:i,placeholder:p,expanded:s,invalid:b,language:h,inputLabel:c,inheritedAttributes:_,refInputEl:u,onChange:m,onFocus:v,onBlur:f,onKeyDown:g})=>{const x=w.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[h].close:A[h].open,"aria-label":s?A[h].close:A[h].open,"aria-owns":`${o}-menu`,"aria-invalid":j(b),"aria-disabled":j(n||i),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":c,"data-value":a.join(","),ref:o=>u(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>f(o),onKeyDown:o=>g(o)},_));return t?e(y,null):e("form",{novalidate:!0},e(y,null))},H=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=O,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 P,this.optionUtil=new x,this.formSubmitUtil=new T,this.focusUtil=new S,this.autoFillUtil=new B,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?C(o)?(f(o),null===(e=this.listEl)||void 0===e||e.focusNext()):z(o)?(f(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(f(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(f(o),null===(a=this.listEl)||void 0===a||a.focusLast()):F(o)?(f(o),null===(d=this.listEl)||void 0===d||d.selectByFocus()):"Tab"===o.key||L(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):F(o)||D(o)?(f(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=u(this.el,["tabindex","data-hj-allow"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await 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=w.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:"713d45fe75018e22e55109784c914cbf41161d66",class:Object.assign({},o.class()),tabindex:"-1",id:`${this.inputId}`},e("div",{key:"d846ee95ba439528691fc58c483b84ebc54e1b20",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:"2b385d34110fffd8272b19083601121a2520381a",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(W,{key:"65df8cac6931a0a9ac49b01a93e88971e2afedf8",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($,{key:"0a97b36e6b72f4c559403d21a368a1021537bc85",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(V,{key:"7f05f0d7538b6f82e54d184beaa86298e7d683c9",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(q,{key:"9ef218710b2e80ad73b382094074d7249a63c632",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(R,{key:"58cd4f3169991ea56176c3ae69bf808e0c81d663",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:"6196a395badb4b3f2a4caaee2490d68a7cf9a36c"})))}get el(){return h(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};c([r("bal-dropdown"),_("design:type",Function),_("design:paramtypes",[Function]),_("design:returntype",void 0)],H.prototype,"createLogger",null),c([m(),_("design:type",Function),_("design:paramtypes",[Object]),_("design:returntype",Promise)],H.prototype,"configChanged",null);let K=0;H.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{H as bal_dropdown}

package/dist/baloise-design-system/{p-09dea19d2d.entry.js → p-27148bbd52.entry.js}

@@ -1 +1 @@
-import{H as e,M as a,N as t}from"./p-BgWhYta3.js";import{B as r}from"./p-ByiN-QjD.js";const s=class{constructor(a){e(this,a),this.containerSize=""}render(){const e=r.block("sheet"),s=e.element("container"),n=s.element("inner"),i=""!==this.containerSize?`is-${this.containerSize}`:"";return a(t,{key:"1277fe42a8e474e6e6e56524e80c172057409e68",class:Object.assign({},e.class())},a("div",{key:"489dfea1ce595b5f39871bff43f2bb2183ee2d0e",class:Object.assign(Object.assign({},s.class()),{container:!0,[i]:!0})},a("div",{key:"f8c101d9aeb9a4e95e4723c9a7d314b6117eaa99",class:Object.assign({},n.class())},a("slot",{key:"d7c4dc1e3eb207ec9c34e8b1fd92aaa9301fcd16"}))))}};s.style=":root{--bal-sheet-radius:var(--bal-radius-large);--bal-sheet-background:var(--bal-color-white);--bal-sheet-shadow:var(--bal-shadow-normal);--bal-sheet-position-bottom:.5rem}.bal-sheet{display:block;position:fixed;bottom:var(--bal-sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--bal-z-index-sticky);font-weight:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal)}.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{border-radius:var(--bal-sheet-radius);background:var(--bal-sheet-background);-webkit-box-shadow:var(--bal-sheet-shadow);box-shadow:var(--bal-sheet-shadow);padding:1rem}@media screen and (min-width: 769px),print{.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{padding:1rem 1.5rem}}";export{s as bal_sheet}
+import{H as e,M as a,N as t}from"./p-PmQf2Yvi.js";import{B as r}from"./p-ByiN-QjD.js";const s=class{constructor(a){e(this,a),this.containerSize=""}render(){const e=r.block("sheet"),s=e.element("container"),n=s.element("inner"),i=""!==this.containerSize?`is-${this.containerSize}`:"";return a(t,{key:"1277fe42a8e474e6e6e56524e80c172057409e68",class:Object.assign({},e.class())},a("div",{key:"489dfea1ce595b5f39871bff43f2bb2183ee2d0e",class:Object.assign(Object.assign({},s.class()),{container:!0,[i]:!0})},a("div",{key:"f8c101d9aeb9a4e95e4723c9a7d314b6117eaa99",class:Object.assign({},n.class())},a("slot",{key:"d7c4dc1e3eb207ec9c34e8b1fd92aaa9301fcd16"}))))}};s.style=":root{--bal-sheet-radius:var(--bal-radius-large);--bal-sheet-background:var(--bal-color-white);--bal-sheet-shadow:var(--bal-shadow-normal);--bal-sheet-position-bottom:.5rem}.bal-sheet{display:block;position:fixed;bottom:var(--bal-sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--bal-z-index-sticky);font-weight:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal)}.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{border-radius:var(--bal-sheet-radius);background:var(--bal-sheet-background);-webkit-box-shadow:var(--bal-sheet-shadow);box-shadow:var(--bal-sheet-shadow);padding:1rem}@media screen and (min-width: 769px),print{.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{padding:1rem 1.5rem}}";export{s as bal_sheet}

package/dist/baloise-design-system/{p-6f8769f0fd.entry.js → p-2882b75b4e.entry.js}

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

package/dist/baloise-design-system/{p-9f46f38337.system.entry.js → p-295396cafc.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function o(t){try{l(a.next(t))}catch(t){r(t)}}function s(t){try{l(a["throw"](t))}catch(t){r(t)}}function l(t){t.done?n(t.value):i(t.value).then(o,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(a=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];i=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-6JPfxkH9.system.js","./p-Dv-qApwY.system.js","./p-m9_QZ3Uf.system.js"],(function(t){"use strict";var e,n,a,i,r,o,s,l,d,c,u,m,f,h,b;return{setters:[function(t){e=t.d;n=t.H;a=t.P;i=t.a;r=t.r;o=t.V;s=t.w;l=t.M;d=t.N;c=t.O},function(t){u=t.p;m=t.d;f=t.e;h=t.F},function(t){b=t.B}],execute:function(){var _=this;var p=function(t,n,a,i,r){return __awaiter(_,void 0,void 0,(function(){var o;return __generator(this,(function(s){switch(s.label){case 0:if(t){return[2,t.attachViewToDom(n,a,r,i)]}if(typeof a!=="string"&&!(a instanceof HTMLElement)){throw new Error("framework delegate is missing")}o=typeof a==="string"?n.ownerDocument&&n.ownerDocument.createElement(a):a;if(i){i.forEach((function(t){return o.classList.add(t)}))}if(r){Object.assign(o,r)}n.appendChild(o);return[4,new Promise((function(t){return e(o,t)}))];case 1:s.sent();return[2,o]}}))}))};var g=function(t,e){if(e){if(t){var n=e.parentElement;return t.removeViewFromDom(n,e)}e.remove()}return Promise.resolve()};var v=function(t){var e={};w(t).forEach((function(t){return e[t]=true}));return e};var w=function(t){if(t!==undefined){var e=Array.isArray(t)?t:t.split(" ");return e.filter((function(t){return t!=null})).map((function(t){return t.trim()})).filter((function(t){return t!==""}))}return[]};var y=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";var x=t("bal_modal",function(){function t(t){n(this,t);this.didPresent=a(this,"balModalDidPresent");this.willPresent=a(this,"balModalWillPresent");this.willDismiss=a(this,"balModalWillDismiss");this.didDismiss=a(this,"balModalDidDismiss");this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.bodyScrollHandler=new b;this.presented=false;this.modalWidth=640;this.space="";this.hasBackdrop=true;this.isClosable=true;this.backdropDismiss=true;this.focusTrap=true;this.demo=false}t.prototype.connectedCallback=function(){this.bodyScrollHandler.connect();u(this);if(i.hasDocument&&this.demo){this.open()}};t.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,r(this.usersElement)];case 1:e.sent();this.setModalActiveOnBody();o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeInDown")}}));if(this.presented){return[2]}this.willPresent.emit();this.presented=true;return[4,s(150)];case 2:e.sent();o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.remove("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.remove("fadeInDown")}}));this.didPresent.emit();return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.willDismiss.emit();this.unsetModalActiveOnBody();this.presented=false;this.didDismiss.emit();return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(a){switch(a.label){case 0:this.setModalActiveOnBody();if(this.presented){return[2]}t=this.el.querySelector(".bal-modal__content");if(!t){throw new Error("container is undefined")}e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});n=this;return[4,p(this.delegate,t,this.component,[],e)];case 1:n.usersElement=a.sent();return[4,this.open()];case 2:a.sent();return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n;var a=this;return __generator(this,(function(i){switch(i.label){case 0:this.unsetModalActiveOnBody();if(!(this.delegate===undefined))return[3,2];return[4,this.close()];case 1:i.sent();return[2,true];case 2:return[4,m(this,t,e,(function(){return __awaiter(a,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeOut")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeOutUp")}}));return[4,s(140)];case 1:e.sent();return[2]}}))}))}))];case 3:n=i.sent();if(!n)return[3,5];return[4,g(this.delegate,this.usersElement)];case 4:i.sent();i.label=5;case 5:return[2,n]}}))}))};t.prototype.onDidDismiss=function(){return f(this.el,"balModalDidDismiss")};t.prototype.onWillDismiss=function(){return f(this.el,"balModalWillDismiss")};t.prototype.onClickCloseButton=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n;return __generator(this,(function(a){switch(a.label){case 0:if(!(this.isClosable&&this.presented&&t&&t.target))return[3,4];e=t.target;n=e.closest("bal-button");if(!(n&&n.hasAttribute("modal-close")))return[3,2];return[4,this.dismiss(undefined,"model-close")];case 1:a.sent();a.label=2;case 2:if(!(this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,4];return[4,this.dismiss(undefined,"model-close")];case 3:a.sent();a.label=4;case 4:return[2]}}))}))};t.prototype.onMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseDown=this.isClickedOutside(t);return[2]}))}))};t.prototype.onMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseUp=this.isClickedOutside(t);return[2]}))}))};t.prototype.handleKeyUp=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n,a;return __generator(this,(function(i){switch(i.label){case 0:e=Array.from(document.querySelectorAll("bal-modal")).filter((function(t){return t.hasAttribute("aria-presented")}));n=e.map((function(t){return t.overlayIndex})).map((function(t){return parseInt(t)})).filter((function(t){return!Number.isNaN(t)}));a=Math.max.apply(Math,n);if(!(this.overlayIndex===a))return[3,4];t.preventDefault();t.stopPropagation();if(!(this.presented&&this.isClosable))return[3,4];if(!(t.key==="Escape"||t.key==="Esc"))return[3,4];if(!this.delegate)return[3,2];return[4,this.dismiss(undefined,"model-escape")];case 1:i.sent();return[3,4];case 2:return[4,this.close()];case 3:i.sent();i.label=4;case 4:return[2]}}))}))};t.prototype.setModalActiveOnBody=function(){if(!this.demo){this.bodyScrollHandler.disable()}};t.prototype.unsetModalActiveOnBody=function(){this.bodyScrollHandler.enable()};t.prototype.isClickedOutside=function(t){if(this.isClosable&&this.presented&&t&&t.target&&this.backdropDismiss){var e=t.target;return e.classList.contains("bal-modal__container")}return false};t.prototype.render=function(){var t,e;var n=this;return l(d,{key:"b9f93570b2f131d733376175c270362d332b2f8c","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign((t={"bal-modal":true,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented},t[h]=this.focusTrap===false,t),v(this.cssClass)),style:{"--bal-width":"".concat(this.modalWidth,"px")}},l("div",{key:"3ba52aa812080ca4df440ed31550c63f247102ed",class:{"bal-modal__background":true,"is-hidden":!this.hasBackdrop},ref:function(t){return n.modalBackgroundElement=t}}),l("div",{key:"a0e32a3bdd09f2abc90f18129f0e1ecb230774b7",class:{"bal-modal__container":true},ref:function(t){return n.modalContainerElement=t}},l("div",{key:"f38d1b9a696644b23960e2769020dbd88518914f",class:(e={"bal-modal__content":true},e["bal-modal__content--has-spacing-".concat(this.space)]=true,e),ref:function(t){return n.modalContentElement=t}},l("slot",{key:"984553311791bdbc7de71bb56ea8deef8e431012"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return t}());x.style=y;var k=t("bal_modal_body",function(){function t(t){n(this,t)}t.prototype.render=function(){return l(d,{key:"4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef",class:"bal-modal__body"},l("slot",{key:"4f42e2817d50f6633e18e548f3194387802cb251"}))};return t}());var j=t("bal_modal_header",function(){function t(t){var e=this;n(this,t);this.closeHandler=function(){if(e.parentModal){e.parentModal.dismiss(undefined,"model-close")}}}Object.defineProperty(t.prototype,"parentModal",{get:function(){return this.el.closest("bal-modal")},enumerable:false,configurable:true});t.prototype.render=function(){var t;return l(d,{key:"9c524259d6f60c57d7d682e5453e7abb2432bfe0",class:"bal-modal__header"},l("div",{key:"7597f303fba32bb3a28b6bf9775b368bb92d1c43",class:"bal-modal__header__title"},l("bal-heading",{key:"a7c072e997d9a6863683a895a0b71441abbb1b46",level:"h2",space:"none"},l("slot",{key:"72f19ac646649a03f1b27c01b10dbad411c6e61d"}))),((t=this.parentModal)===null||t===void 0?void 0:t.isClosable)?l("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return t}())}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function o(t){try{l(a.next(t))}catch(t){r(t)}}function s(t){try{l(a["throw"](t))}catch(t){r(t)}}function l(t){t.done?n(t.value):i(t.value).then(o,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(a=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];i=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-CZqZRJHG.system.js","./p-CvogP0Go.system.js","./p-B6zedjBY.system.js"],(function(t){"use strict";var e,n,a,i,r,o,s,l,d,c,u,m,f,h,b;return{setters:[function(t){e=t.d;n=t.H;a=t.P;i=t.a;r=t.r;o=t.V;s=t.w;l=t.M;d=t.N;c=t.O},function(t){u=t.p;m=t.d;f=t.e;h=t.F},function(t){b=t.B}],execute:function(){var _=this;var p=function(t,n,a,i,r){return __awaiter(_,void 0,void 0,(function(){var o;return __generator(this,(function(s){switch(s.label){case 0:if(t){return[2,t.attachViewToDom(n,a,r,i)]}if(typeof a!=="string"&&!(a instanceof HTMLElement)){throw new Error("framework delegate is missing")}o=typeof a==="string"?n.ownerDocument&&n.ownerDocument.createElement(a):a;if(i){i.forEach((function(t){return o.classList.add(t)}))}if(r){Object.assign(o,r)}n.appendChild(o);return[4,new Promise((function(t){return e(o,t)}))];case 1:s.sent();return[2,o]}}))}))};var g=function(t,e){if(e){if(t){var n=e.parentElement;return t.removeViewFromDom(n,e)}e.remove()}return Promise.resolve()};var v=function(t){var e={};w(t).forEach((function(t){return e[t]=true}));return e};var w=function(t){if(t!==undefined){var e=Array.isArray(t)?t:t.split(" ");return e.filter((function(t){return t!=null})).map((function(t){return t.trim()})).filter((function(t){return t!==""}))}return[]};var y=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";var x=t("bal_modal",function(){function t(t){n(this,t);this.didPresent=a(this,"balModalDidPresent");this.willPresent=a(this,"balModalWillPresent");this.willDismiss=a(this,"balModalWillDismiss");this.didDismiss=a(this,"balModalDidDismiss");this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.bodyScrollHandler=new b;this.presented=false;this.modalWidth=640;this.space="";this.hasBackdrop=true;this.isClosable=true;this.backdropDismiss=true;this.focusTrap=true;this.demo=false}t.prototype.connectedCallback=function(){this.bodyScrollHandler.connect();u(this);if(i.hasDocument&&this.demo){this.open()}};t.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,r(this.usersElement)];case 1:e.sent();this.setModalActiveOnBody();o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeInDown")}}));if(this.presented){return[2]}this.willPresent.emit();this.presented=true;return[4,s(150)];case 2:e.sent();o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.remove("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.remove("fadeInDown")}}));this.didPresent.emit();return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.willDismiss.emit();this.unsetModalActiveOnBody();this.presented=false;this.didDismiss.emit();return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(a){switch(a.label){case 0:this.setModalActiveOnBody();if(this.presented){return[2]}t=this.el.querySelector(".bal-modal__content");if(!t){throw new Error("container is undefined")}e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});n=this;return[4,p(this.delegate,t,this.component,[],e)];case 1:n.usersElement=a.sent();return[4,this.open()];case 2:a.sent();return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n;var a=this;return __generator(this,(function(i){switch(i.label){case 0:this.unsetModalActiveOnBody();if(!(this.delegate===undefined))return[3,2];return[4,this.close()];case 1:i.sent();return[2,true];case 2:return[4,m(this,t,e,(function(){return __awaiter(a,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeOut")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeOutUp")}}));return[4,s(140)];case 1:e.sent();return[2]}}))}))}))];case 3:n=i.sent();if(!n)return[3,5];return[4,g(this.delegate,this.usersElement)];case 4:i.sent();i.label=5;case 5:return[2,n]}}))}))};t.prototype.onDidDismiss=function(){return f(this.el,"balModalDidDismiss")};t.prototype.onWillDismiss=function(){return f(this.el,"balModalWillDismiss")};t.prototype.onClickCloseButton=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n;return __generator(this,(function(a){switch(a.label){case 0:if(!(this.isClosable&&this.presented&&t&&t.target))return[3,4];e=t.target;n=e.closest("bal-button");if(!(n&&n.hasAttribute("modal-close")))return[3,2];return[4,this.dismiss(undefined,"model-close")];case 1:a.sent();a.label=2;case 2:if(!(this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,4];return[4,this.dismiss(undefined,"model-close")];case 3:a.sent();a.label=4;case 4:return[2]}}))}))};t.prototype.onMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseDown=this.isClickedOutside(t);return[2]}))}))};t.prototype.onMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseUp=this.isClickedOutside(t);return[2]}))}))};t.prototype.handleKeyUp=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n,a;return __generator(this,(function(i){switch(i.label){case 0:e=Array.from(document.querySelectorAll("bal-modal")).filter((function(t){return t.hasAttribute("aria-presented")}));n=e.map((function(t){return t.overlayIndex})).map((function(t){return parseInt(t)})).filter((function(t){return!Number.isNaN(t)}));a=Math.max.apply(Math,n);if(!(this.overlayIndex===a))return[3,4];t.preventDefault();t.stopPropagation();if(!(this.presented&&this.isClosable))return[3,4];if(!(t.key==="Escape"||t.key==="Esc"))return[3,4];if(!this.delegate)return[3,2];return[4,this.dismiss(undefined,"model-escape")];case 1:i.sent();return[3,4];case 2:return[4,this.close()];case 3:i.sent();i.label=4;case 4:return[2]}}))}))};t.prototype.setModalActiveOnBody=function(){if(!this.demo){this.bodyScrollHandler.disable()}};t.prototype.unsetModalActiveOnBody=function(){this.bodyScrollHandler.enable()};t.prototype.isClickedOutside=function(t){if(this.isClosable&&this.presented&&t&&t.target&&this.backdropDismiss){var e=t.target;return e.classList.contains("bal-modal__container")}return false};t.prototype.render=function(){var t,e;var n=this;return l(d,{key:"b9f93570b2f131d733376175c270362d332b2f8c","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign((t={"bal-modal":true,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented},t[h]=this.focusTrap===false,t),v(this.cssClass)),style:{"--bal-width":"".concat(this.modalWidth,"px")}},l("div",{key:"3ba52aa812080ca4df440ed31550c63f247102ed",class:{"bal-modal__background":true,"is-hidden":!this.hasBackdrop},ref:function(t){return n.modalBackgroundElement=t}}),l("div",{key:"a0e32a3bdd09f2abc90f18129f0e1ecb230774b7",class:{"bal-modal__container":true},ref:function(t){return n.modalContainerElement=t}},l("div",{key:"f38d1b9a696644b23960e2769020dbd88518914f",class:(e={"bal-modal__content":true},e["bal-modal__content--has-spacing-".concat(this.space)]=true,e),ref:function(t){return n.modalContentElement=t}},l("slot",{key:"984553311791bdbc7de71bb56ea8deef8e431012"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return t}());x.style=y;var k=t("bal_modal_body",function(){function t(t){n(this,t)}t.prototype.render=function(){return l(d,{key:"4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef",class:"bal-modal__body"},l("slot",{key:"4f42e2817d50f6633e18e548f3194387802cb251"}))};return t}());var j=t("bal_modal_header",function(){function t(t){var e=this;n(this,t);this.closeHandler=function(){if(e.parentModal){e.parentModal.dismiss(undefined,"model-close")}}}Object.defineProperty(t.prototype,"parentModal",{get:function(){return this.el.closest("bal-modal")},enumerable:false,configurable:true});t.prototype.render=function(){var t;return l(d,{key:"9c524259d6f60c57d7d682e5453e7abb2432bfe0",class:"bal-modal__header"},l("div",{key:"7597f303fba32bb3a28b6bf9775b368bb92d1c43",class:"bal-modal__header__title"},l("bal-heading",{key:"a7c072e997d9a6863683a895a0b71441abbb1b46",level:"h2",space:"none"},l("slot",{key:"72f19ac646649a03f1b27c01b10dbad411c6e61d"}))),((t=this.parentModal)===null||t===void 0?void 0:t.isClosable)?l("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return t}())}}}));