@baloise/ds-core 19.2.0-snapshot.1741-c382bb5d2 → 19.2.0

package/dist/baloise-design-system/p-48bee822ce.entry.js

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

package/dist/baloise-design-system/{p-0c336d76f5.entry.js → p-4b3b969747.entry.js}

@@ -1 +1 @@
-import{r as a,h as i,H as s,g as t}from"./p-2ccbe55a.js";import{_ as e,a as p}from"./p-43c9f5e9.js";import{b as o}from"./p-a65354df.js";import{b as r}from"./p-96216bd1.js";import{k as c,n,m as d}from"./p-b0cf4731.js";import{L as l}from"./p-b77e3348.js";import{s as h}from"./p-d4e5093b.js";import{G as b}from"./p-3d3aa421.js";const m=class{constructor(i){a(this,i),this.debouncedNotify=c((()=>this.notifyResize()),100),this.notifyResize=async()=>{o.hasDocument&&o.hasWindow&&document.documentElement.style.setProperty("--bal-app-height",`${window.innerHeight}px`)},this.animated=!0,this.ready=!1}createLogger(a){this.log=a}connectedCallback(){!1===this.animated&&b(this.animated),o.hasWindow&&(window.addEventListener("resize",this.debouncedNotify),this.debouncedNotify())}componentDidLoad(){n((()=>{this.ready=!0,h()})),d((()=>{o.hasDocument&&o.hasWindow&&document.documentElement.classList.add("lcp-ready")}))}disconnectedCallback(){o.hasWindow&&window.removeEventListener("resize",this.debouncedNotify)}async setFocus(a){this.focusVisible&&this.focusVisible.setFocus(a)}render(){return i(s,{key:"8aa3c989125e06e500597db9773fca378e4b7467",class:{"bal-app":!0,"bal-app--safari":o.isSafari,"bal-app--touch":r.hasTouchScreen}},i("slot",{key:"c0e432a988e29f653198ed4eeead7f18fa447035"}))}get el(){return t(this)}};e([l("bal-app"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],m.prototype,"createLogger",null),m.style=":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";export{m as bal_app}
+import{r as a,h as i,H as s,g as t}from"./p-2ccbe55a.js";import{_ as e,a as p}from"./p-43c9f5e9.js";import{b as o}from"./p-a65354df.js";import{b as r}from"./p-96216bd1.js";import{k as c,n,m as d}from"./p-a255c9b3.js";import{L as l}from"./p-b77e3348.js";import{s as h}from"./p-d4e5093b.js";import{F as b}from"./p-a7be57b6.js";const m=class{constructor(i){a(this,i),this.debouncedNotify=c((()=>this.notifyResize()),100),this.notifyResize=async()=>{o.hasDocument&&o.hasWindow&&document.documentElement.style.setProperty("--bal-app-height",`${window.innerHeight}px`)},this.animated=!0,this.ready=!1}createLogger(a){this.log=a}connectedCallback(){!1===this.animated&&b(this.animated),o.hasWindow&&(window.addEventListener("resize",this.debouncedNotify),this.debouncedNotify())}componentDidLoad(){n((()=>{this.ready=!0,h()})),d((()=>{o.hasDocument&&o.hasWindow&&document.documentElement.classList.add("lcp-ready")}))}disconnectedCallback(){o.hasWindow&&window.removeEventListener("resize",this.debouncedNotify)}async setFocus(a){this.focusVisible&&this.focusVisible.setFocus(a)}render(){return i(s,{key:"8aa3c989125e06e500597db9773fca378e4b7467",class:{"bal-app":!0,"bal-app--safari":o.isSafari,"bal-app--touch":r.hasTouchScreen}},i("slot",{key:"c0e432a988e29f653198ed4eeead7f18fa447035"}))}get el(){return t(this)}};e([l("bal-app"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],m.prototype,"createLogger",null),m.style=":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";export{m as bal_app}

package/dist/baloise-design-system/{p-7ace6bb2b2.system.entry.js → p-4f49822899.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function o(t){try{c(i.next(t))}catch(t){s(t)}}function a(t){try{c(i["throw"](t))}catch(t){s(t)}}function c(t){t.done?n(t.value):r(t.value).then(o,a)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return c([t,e])}}function c(a){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(n=0)),n)try{if(i=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];r=0}finally{i=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-01cd830b.system.js","./p-23bdd8dc.system.js","./p-db0895e2.system.js","./p-eec38fbd.system.js","./p-b0471793.system.js","./p-a1f6e944.system.js","./p-2d3770e7.system.js"],(function(t,e){"use strict";var n,i,r,s,o,a,c,f,u,l,h,d;return{setters:[function(t){n=t.r;i=t.h;r=t.H;s=t.g},function(t){o=t._;a=t.a},function(t){c=t.o;f=t.m},function(t){u=t.L},function(t){l=t.B},function(t){h=t.d},function(t){d=t.L},function(){},function(){}],execute:function(){var b="bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-color-white);border-top-color:var(--bal-color-primary)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var m=b;var p=t("bal_spinner",function(){function t(t){var i=this;n(this,t);this.animate=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(!this.animated){this.destroy();return[2]}return[4,this.load()];case 1:e.sent();if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.destroy();this.currentRaf=c((function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){if(this.animationFunction){this.animationFunction(this.el,this.getColor())}return[2]}))}))}))}return[2]}}))}))};this.destroy=function(){if(i.animationItem&&i.animationItem.destroy){i.animationItem.destroy()}i.el.innerHTML=""};this.shouldAnimate=function(){if(i.variation!=="logo"){return false}if(typeof window==="undefined"){return false}if(i.animationFunction===undefined){return false}return!i.deactivated};this.load=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){return[2,new Promise((function(n,i){if(t.animationFunction){return n()}else{f((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){e.import("./p-d0537382.system.js").then((function(e){t.animationFunction=e.animate;n()})).catch(i);return[2]}))}))}))}}))]}))}))};this.animated=h.animated;this.inverted=false;this.deactivated=false;this.color="blue";this.small=false;this.variation="logo"}t.prototype.createLogger=function(t){this.log=t};t.prototype.deactivatedWatcher=function(t,e){if(t!==e){if(this.deactivated){this.destroy()}else{this.animate()}}};t.prototype.variationWatcher=function(t,e){if(t!==e){if(this.variation==="circle"){this.destroy()}else{this.animate()}}};t.prototype.componentDidLoad=function(){if(this.variation==="logo"){this.animate()}else{this.destroy()}};t.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroy()}};t.prototype.configChanged=function(t){this.animated=t.animated;if(t.animated===false){this.destroy()}};t.prototype.getColor=function(){return this.inverted||this.color==="white"?"#ffffff":"#151f6d"};t.prototype.render=function(){var t=l.block("spinner");return i(r,{key:"5604f6e34571f92e51972754c5bb6d3cc894afbf",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("circle").class(this.variation==="circle")),t.modifier("small").class(this.small)),t.modifier("animated").class(this.animated)),t.modifier("color-".concat(this.color)).class(this.variation==="circle")),role:"progressbar","aria-hidden":"true"})};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}},enumerable:false,configurable:true});return t}());o([u("bal-spinner"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],p.prototype,"createLogger",null);o([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],p.prototype,"configChanged",null);p.style=m}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function o(t){try{c(i.next(t))}catch(t){s(t)}}function a(t){try{c(i["throw"](t))}catch(t){s(t)}}function c(t){t.done?n(t.value):r(t.value).then(o,a)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return c([t,e])}}function c(a){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(n=0)),n)try{if(i=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];r=0}finally{i=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-863f4e4e.system.js","./p-23bdd8dc.system.js","./p-db0895e2.system.js","./p-6b690346.system.js","./p-fa5198a0.system.js","./p-a1f6e944.system.js","./p-ade9437f.system.js"],(function(t,e){"use strict";var n,i,r,s,o,a,c,f,u,l,h,d;return{setters:[function(t){n=t.r;i=t.h;r=t.H;s=t.g},function(t){o=t._;a=t.a},function(t){c=t.o;f=t.m},function(t){u=t.L},function(t){l=t.B},function(t){h=t.d},function(t){d=t.L},function(){},function(){}],execute:function(){var b="bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-color-white);border-top-color:var(--bal-color-primary)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var m=b;var p=t("bal_spinner",function(){function t(t){var i=this;n(this,t);this.animate=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(!this.animated){this.destroy();return[2]}return[4,this.load()];case 1:e.sent();if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.destroy();this.currentRaf=c((function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){if(this.animationFunction){this.animationFunction(this.el,this.getColor())}return[2]}))}))}))}return[2]}}))}))};this.destroy=function(){if(i.animationItem&&i.animationItem.destroy){i.animationItem.destroy()}i.el.innerHTML=""};this.shouldAnimate=function(){if(i.variation!=="logo"){return false}if(typeof window==="undefined"){return false}if(i.animationFunction===undefined){return false}return!i.deactivated};this.load=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){return[2,new Promise((function(n,i){if(t.animationFunction){return n()}else{f((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){e.import("./p-d0537382.system.js").then((function(e){t.animationFunction=e.animate;n()})).catch(i);return[2]}))}))}))}}))]}))}))};this.animated=h.animated;this.inverted=false;this.deactivated=false;this.color="blue";this.small=false;this.variation="logo"}t.prototype.createLogger=function(t){this.log=t};t.prototype.deactivatedWatcher=function(t,e){if(t!==e){if(this.deactivated){this.destroy()}else{this.animate()}}};t.prototype.variationWatcher=function(t,e){if(t!==e){if(this.variation==="circle"){this.destroy()}else{this.animate()}}};t.prototype.componentDidLoad=function(){if(this.variation==="logo"){this.animate()}else{this.destroy()}};t.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroy()}};t.prototype.configChanged=function(t){this.animated=t.animated;if(t.animated===false){this.destroy()}};t.prototype.getColor=function(){return this.inverted||this.color==="white"?"#ffffff":"#151f6d"};t.prototype.render=function(){var t=l.block("spinner");return i(r,{key:"5604f6e34571f92e51972754c5bb6d3cc894afbf",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("circle").class(this.variation==="circle")),t.modifier("small").class(this.small)),t.modifier("animated").class(this.animated)),t.modifier("color-".concat(this.color)).class(this.variation==="circle")),role:"progressbar","aria-hidden":"true"})};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}},enumerable:false,configurable:true});return t}());o([u("bal-spinner"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],p.prototype,"createLogger",null);o([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],p.prototype,"configChanged",null);p.style=m}}}));

package/dist/baloise-design-system/p-5298de0e.system.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var t=function(n,e){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)if(Object.prototype.hasOwnProperty.call(n,e))t[e]=n[e]};return t(n,e)};return function(n,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");t(n,e);function r(){this.constructor=n}n.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,u){function s(t){try{o(r.next(t))}catch(t){u(t)}}function f(t){try{o(r["throw"](t))}catch(t){u(t)}}function o(t){t.done?e(t.value):i(t.value).then(s,f)}o((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},r,i,u,s;return s={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function f(t){return function(n){return o([t,n])}}function o(f){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,f[0]&&(e=0)),e)try{if(r=1,i&&(u=f[0]&2?i["return"]:f[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,f[1])).done)return u;if(i=0,u)f=[f[0]&2,u.value];switch(f[0]){case 0:case 1:u=f;break;case 4:e.label++;return{value:f[1],done:false};case 5:e.label++;i=f[1];f=[0];continue;case 7:f=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(f[0]===6||f[0]===2)){e=0;continue}if(f[0]===3&&(!u||f[1]>u[0]&&f[1]<u[3])){e.label=f[1];break}if(f[0]===6&&e.label<u[1]){e.label=u[1];u=f;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(f);break}if(u[2])e.ops.pop();e.trys.pop();continue}f=n.call(t,e)}catch(t){f=[6,t];i=0}finally{r=u=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};System.register(["./p-863f4e4e.system.js","./p-eecefb0a.system.js"],(function(t){"use strict";var n,e,r,i,u;return{setters:[function(t){n=t.h;e=t.b;r=t.k},function(t){i=t.L;u=t.a}],execute:function(){t("L",o);var s=function(t){__extends(r,t);function r(n){var e=t.call(this)||this;e.tags=[];e.waitAfterFramePrint=false;e.mutationObserver=undefined;e.mutationObserverInit={childList:true,subtree:true,attributes:true,characterData:true};e.mutationCallback=function(t){if(e.tags.length===0&&t.length>0){return e.notify(undefined)}var n=t.filter((function(t){return e.tags.includes(t.target.nodeName.toLowerCase())}));var r=n.some((function(t){return Array.from(t.addedNodes).some((function(t){return e.tags.includes(t.nodeName)}))}));var i=n.some((function(t){return Array.from(t.removedNodes).some((function(t){return e.tags.includes(t.nodeName)}))}));var u=function(t){return t!=="styles"&&t!=="class"&&!t.startsWith("data-")&&!t.startsWith("aria-")};var s=n.some((function(t){return t.type==="attributes"&&u(t.attributeName)}));if(r||s||i){return e.notify(undefined)}};e.waitAfterFramePrint=n.waitAfterFramePrint||e.waitAfterFramePrint;e.tags=(n.tags||[]).map((function(t){return t.toLowerCase()}));e.mutationObserverInit={childList:n.childList===false?false:true,subtree:n.subtree===false?false:true,attributes:n.attributes===false?false:true,characterData:n.characterData===false?false:true};return e}r.prototype.connect=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:t.prototype.connect.call(this,r);if(typeof MutationObserver==="undefined"){return[2]}if(!this.waitAfterFramePrint)return[3,3];return[4,n(r)];case 1:i.sent();return[4,e()];case 2:i.sent();i.label=3;case 3:this.destroyMutationObserver();this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(r,this.mutationObserverInit);return[2]}}))}))};r.prototype.disconnect=function(){t.prototype.disconnect.call(this);this.destroyMutationObserver()};r.prototype.destroyMutationObserver=function(){if(this.mutationObserver!==undefined){this.mutationObserver.disconnect();this.mutationObserver=undefined}};return r}(i);var f=function(t){__extends(n,t);function n(n){var e=t.call(this,(function(t){if(t.mutationObserverActive){t.mutationListener()}}))||this;e.options=n;e.debouncedNotify=r((function(){return e.notify()}),50);e.listener=new s(n);return e}n.prototype.attach=function(n){var e=this;var r,i,u;t.prototype.attach.call(this,n);if(this.options.closest){var s=n.el.closest(this.options.closest);if(s){(r=this.listener)===null||r===void 0?void 0:r.connect(s)}}else{(i=this.listener)===null||i===void 0?void 0:i.connect(n.el)}(u=this.listener)===null||u===void 0?void 0:u.add((function(){return e.debouncedNotify()}))};n.prototype.detach=function(){var n;t.prototype.detach.call(this);(n=this.listener)===null||n===void 0?void 0:n.disconnect()};return n}(u);function o(t){return function(n,e,r){var i=n.connectedCallback,u=n.disconnectedCallback;n.connectedCallback=function(){if(!this._balMutationSubject){this._balMutationSubject=new f(t);this._balMutationSubject.attach(this)}return i&&i.call(this)};n.disconnectedCallback=function(){if(this._balMutationSubject){this._balMutationSubject.detach();this._balMutationSubject=undefined}return u&&u.call(this)}}}}}}));

package/dist/baloise-design-system/{p-0b2b3dbe1b.entry.js → p-5638fe223b.entry.js}

@@ -1 +1 @@
-import{h as o,r as e,c as t,H as r,g as a}from"./p-2ccbe55a.js";import{_ as d,a as l}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{L as i}from"./p-b77e3348.js";import{s as p}from"./p-f19930db.js";import{i as s}from"./p-063808d7.js";import{d as b}from"./p-5eb3fbb9.js";import{n as c,b as h,l as _,r as u,e as w}from"./p-b0cf4731.js";import{b as m}from"./p-a65354df.js";import{a as v}from"./p-00b37ea2.js";import{l as f}from"./p-9a3d9e17.js";import{F as g}from"./p-d4e5093b.js";import{b as x}from"./p-d96b1ee9.js";import{D as y}from"./p-5ed239cc.js";import{i as k,a as j,b as O,c as C,d as z}from"./p-dc98854c.js";import{a as F}from"./p-8f2e9a7f.js";import{d as L}from"./p-ec1863d2.js";import{L as A}from"./p-aae6003e.js";import"./p-3d3aa421.js";import"./p-166d571e.js";import"./p-4573c419.js";class D{constructor(){this.handleAutoFill=async o=>{if(p(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 E={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(o){this.component.isExpanded||(this.component.hasFocus=!1,c((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var e;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(e=this.component.listEl)||void 0===e||e.resetFocus(),this.component.hasFocus=!1,c((()=>this.component.balBlur.emit(o)))))}}class V{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 B{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 q=({name:e,httpFormSubmit:t,multiple:r,required:a,disabled:d,rawValue:l,refSelectEl:i})=>{const p=n.block("dropdown");return t?o("select",{class:Object.assign({},p.element("root").element("select").class()),"aria-hidden":"true",name:e,multiple:r,required:a,disabled:d,tabindex:-1,ref:i},l.map((e=>o("option",{key:e,value:e,selected:!0},e)))):""},R=({size:e,theme:t,icon:r,language:a,loading:d,clearable:l,invalid:i,filled:p,expanded:s,disabled:b})=>{const c=n.block("dropdown");return d?o("bal-spinner",{class:Object.assign({},c.element("rear").class()),small:!0,variation:"circle",color:"white"}):l&&p&&!b?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},c.element("rear").class()),c.element("clear").class()),c.element("clear").modifier("invalid").class(i)),c.element("clear").modifier("theme-purple").class("purple"===t))},o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:"purple"===t?"close":"close-circle",size:e,color:"purple"===t?"primary":"grey"})):o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:r,size:e,turn:s,color:b?"grey":i?"danger":"primary"})},T=({inputId:e,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:d,required:l,filter:i,multiple:p,contentHeight:s,refPanelEl:b,refListEl:c})=>{const h=n.block("dropdown");return o("div",{id:`${e}-menu`,class:Object.assign(Object.assign({},h.element("list").class()),h.element("list").modifier("expanded").class(t)),ref:b},o("bal-option-list",{multiple:p,disabled:a,filter:i,required:l,contentHeight:s,ref:c},o("slot",null),d?r.map((e=>o("bal-option",{key:e.value,value:e.value,label:e.label,disabled:e.disabled,multiline:e.multiline,invalid:e.invalid,hidden:e.hidden,selected:e.selected,focused:e.focused},e.label))):""))};class ${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 x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class 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 f(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!f(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 h(),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 P=({inlineLabel:e,filled:t,chips:r,placeholder:a,choices:d,invalid:l,disabled:i,readonly:p,onRemoveChip:s})=>{const b=n.block("dropdown");return t?r?o("div",{class:Object.assign({},b.element("root").element("content").element("chips").class())},d.map((e=>o("bal-tag",{key:e.value,"data-test":"bal-dropdown-chip",size:"small",invalid:l,disabled:i||p,closable:!(i||p),onBalCloseClick:()=>s(e)},e.label)))):(e&&`${e}: `)+d.map((o=>o.label)).join(", "):a},H=({inputId:e,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:d,required:l,disabled:i,readonly:p,placeholder:s,expanded:b,invalid:c,language:h,inputLabel:_,inheritedAttributes:u,refInputEl:w,onChange:m,onFocus:v,onBlur:f,onKeyDown:g})=>{const x=n.block("dropdown"),y=()=>o("input",Object.assign({id:r.controlId||`${e}-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:i,readonly:p,placeholder:s,title:b?E[h].close:E[h].open,"aria-label":b?E[h].close:E[h].open,"aria-owns":`${e}-menu`,"aria-invalid":F(c),"aria-disabled":F(i||p),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":_,"data-value":a.join(","),ref:o=>w(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>f(o),onKeyDown:o=>g(o)},u));return t?o(y,null):o("form",{novalidate:!0},o(y,null))},W=class{constructor(o){e(this,o),this.balChange=t(this,"balChange",7),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.inputId="bal-dropdown-"+K++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new I,this.eventsUtil=new S,this.popupUtil=new $,this.optionUtil=new y,this.formSubmitUtil=new B,this.focusUtil=new V,this.autoFillUtil=new D,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?k(o)?(p(o),null===(e=this.listEl)||void 0===e||e.focusNext()):j(o)?(p(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(p(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(p(o),null===(a=this.listEl)||void 0===a||a.focusLast()):O(o)?(p(o),null===(d=this.listEl)||void 0===d||d.selectByFocus()):"Tab"===o.key||C(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):O(o)||z(o)?(p(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=b,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.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=[]}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)),_(this.el,"balOptionChange",this.listenToOptionChange),m.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){u(this.el,"balOptionChange",this.listenToOptionChange),m.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=s(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await w(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const e=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(e)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const e=n.block("dropdown"),t=this.valueUtil.isFilled(),a=""!==this.size,d=`size-${this.size}`,l=""!==this.theme,i=`theme-${this.theme}`,p="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"1b075647fbe8923e1d12974c621e391e6557cc48",class:Object.assign({},e.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"a71a4bd3a2c803b6890f89a78fdfb611fbde8f5a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").class()),e.element("root").modifier("focused").class(p)),e.element("root").modifier("invalid").class(this.invalid)),e.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").modifier("autofill").class(this.isAutoFilled)),e.element("root").modifier(d).class(a)),e.element("root").modifier(i).class(l)),e.element("root").modifier(i+"-filled").class(t&&l)),e.element("root").modifier(i+"-expanded").class(this.isExpanded&&l)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"a65ae5081e4c747a9c16fe8b499c67b23763d806",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").element("content").class()),e.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),e.element("root").element("content").modifier(d).class(a))},o(P,{key:"174ce02d638806795cccbc8dc9990d07f4cfe630",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(H,{key:"e7b31122122f29e7f9dd52b4caeb797ae5584c38",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(q,{key:"86c3712230c6610e8b96280f91d5b6069d82edbf",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(R,{key:"36fdd2af649f0ccc5f7d30df90c6a1cce14eda2e",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),o(T,{key:"ba4a9e84148ea1431033da83477e7563a61e0826",inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",{key:"046f4677bcf864dcd9f6d8e5e55ff95276cd9166"})))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};d([i("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],W.prototype,"createLogger",null),d([A(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],W.prototype,"configChanged",null);let K=0;W.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{W as bal_dropdown}
+import{h as o,r as e,c as t,H as r,g as a}from"./p-2ccbe55a.js";import{_ as d,a as l}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{L as i}from"./p-b77e3348.js";import{s as p}from"./p-79f6f58b.js";import{i as s}from"./p-063808d7.js";import{d as b}from"./p-5eb3fbb9.js";import{n as c,b as h,l as _,r as u,d as w}from"./p-a255c9b3.js";import{b as m}from"./p-a65354df.js";import{a as v}from"./p-00b37ea2.js";import{l as f}from"./p-9a3d9e17.js";import{F as g}from"./p-d4e5093b.js";import{b as x}from"./p-301a6b23.js";import{D as y}from"./p-5ed239cc.js";import{i as k,a as j,b as O,c as C,d as z}from"./p-dc98854c.js";import{a as F}from"./p-8f2e9a7f.js";import{d as L}from"./p-ec375851.js";import{L as A}from"./p-20eba37f.js";import"./p-a7be57b6.js";import"./p-166d571e.js";import"./p-4573c419.js";class D{constructor(){this.handleAutoFill=async o=>{if(p(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 E={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(o){this.component.isExpanded||(this.component.hasFocus=!1,c((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var e;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(e=this.component.listEl)||void 0===e||e.resetFocus(),this.component.hasFocus=!1,c((()=>this.component.balBlur.emit(o)))))}}class V{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 B{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 q=({name:e,httpFormSubmit:t,multiple:r,required:a,disabled:d,rawValue:l,refSelectEl:i})=>{const p=n.block("dropdown");return t?o("select",{class:Object.assign({},p.element("root").element("select").class()),"aria-hidden":"true",name:e,multiple:r,required:a,disabled:d,tabindex:-1,ref:i},l.map((e=>o("option",{key:e,value:e,selected:!0},e)))):""},R=({size:e,theme:t,icon:r,language:a,loading:d,clearable:l,invalid:i,filled:p,expanded:s,disabled:b})=>{const c=n.block("dropdown");return d?o("bal-spinner",{class:Object.assign({},c.element("rear").class()),small:!0,variation:"circle",color:"white"}):l&&p&&!b?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},c.element("rear").class()),c.element("clear").class()),c.element("clear").modifier("invalid").class(i)),c.element("clear").modifier("theme-purple").class("purple"===t))},o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:"purple"===t?"close":"close-circle",size:e,color:"purple"===t?"primary":"grey"})):o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:r,size:e,turn:s,color:b?"grey":i?"danger":"primary"})},T=({inputId:e,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:d,required:l,filter:i,multiple:p,contentHeight:s,refPanelEl:b,refListEl:c})=>{const h=n.block("dropdown");return o("div",{id:`${e}-menu`,class:Object.assign(Object.assign({},h.element("list").class()),h.element("list").modifier("expanded").class(t)),ref:b},o("bal-option-list",{multiple:p,disabled:a,filter:i,required:l,contentHeight:s,ref:c},o("slot",null),d?r.map((e=>o("bal-option",{key:e.value,value:e.value,label:e.label,disabled:e.disabled,multiline:e.multiline,invalid:e.invalid,hidden:e.hidden,selected:e.selected,focused:e.focused},e.label))):""))};class ${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 x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class 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 f(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!f(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 h(),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 P=({inlineLabel:e,filled:t,chips:r,placeholder:a,choices:d,invalid:l,disabled:i,readonly:p,onRemoveChip:s})=>{const b=n.block("dropdown");return t?r?o("div",{class:Object.assign({},b.element("root").element("content").element("chips").class())},d.map((e=>o("bal-tag",{key:e.value,"data-test":"bal-dropdown-chip",size:"small",invalid:l,disabled:i||p,closable:!(i||p),onBalCloseClick:()=>s(e)},e.label)))):(e&&`${e}: `)+d.map((o=>o.label)).join(", "):a},H=({inputId:e,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:d,required:l,disabled:i,readonly:p,placeholder:s,expanded:b,invalid:c,language:h,inputLabel:_,inheritedAttributes:u,refInputEl:w,onChange:m,onFocus:v,onBlur:f,onKeyDown:g})=>{const x=n.block("dropdown"),y=()=>o("input",Object.assign({id:r.controlId||`${e}-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:i,readonly:p,placeholder:s,title:b?E[h].close:E[h].open,"aria-label":b?E[h].close:E[h].open,"aria-owns":`${e}-menu`,"aria-invalid":F(c),"aria-disabled":F(i||p),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":_,"data-value":a.join(","),ref:o=>w(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>f(o),onKeyDown:o=>g(o)},u));return t?o(y,null):o("form",{novalidate:!0},o(y,null))},W=class{constructor(o){e(this,o),this.balChange=t(this,"balChange",7),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.inputId="bal-dropdown-"+K++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new I,this.eventsUtil=new S,this.popupUtil=new $,this.optionUtil=new y,this.formSubmitUtil=new B,this.focusUtil=new V,this.autoFillUtil=new D,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?k(o)?(p(o),null===(e=this.listEl)||void 0===e||e.focusNext()):j(o)?(p(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(p(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(p(o),null===(a=this.listEl)||void 0===a||a.focusLast()):O(o)?(p(o),null===(d=this.listEl)||void 0===d||d.selectByFocus()):"Tab"===o.key||C(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):O(o)||z(o)?(p(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=b,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.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=[]}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)),_(this.el,"balOptionChange",this.listenToOptionChange),m.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){u(this.el,"balOptionChange",this.listenToOptionChange),m.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=s(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await w(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const e=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(e)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const e=n.block("dropdown"),t=this.valueUtil.isFilled(),a=""!==this.size,d=`size-${this.size}`,l=""!==this.theme,i=`theme-${this.theme}`,p="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"1b075647fbe8923e1d12974c621e391e6557cc48",class:Object.assign({},e.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"a71a4bd3a2c803b6890f89a78fdfb611fbde8f5a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").class()),e.element("root").modifier("focused").class(p)),e.element("root").modifier("invalid").class(this.invalid)),e.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").modifier("autofill").class(this.isAutoFilled)),e.element("root").modifier(d).class(a)),e.element("root").modifier(i).class(l)),e.element("root").modifier(i+"-filled").class(t&&l)),e.element("root").modifier(i+"-expanded").class(this.isExpanded&&l)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"a65ae5081e4c747a9c16fe8b499c67b23763d806",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").element("content").class()),e.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),e.element("root").element("content").modifier(d).class(a))},o(P,{key:"174ce02d638806795cccbc8dc9990d07f4cfe630",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(H,{key:"e7b31122122f29e7f9dd52b4caeb797ae5584c38",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(q,{key:"86c3712230c6610e8b96280f91d5b6069d82edbf",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(R,{key:"36fdd2af649f0ccc5f7d30df90c6a1cce14eda2e",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),o(T,{key:"ba4a9e84148ea1431033da83477e7563a61e0826",inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",{key:"046f4677bcf864dcd9f6d8e5e55ff95276cd9166"})))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};d([i("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],W.prototype,"createLogger",null),d([A(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],W.prototype,"configChanged",null);let K=0;W.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{W as bal_dropdown}