@baloise/ds-core 18.3.0 → 19.0.0-nightly.20250509

package/dist/baloise-design-system/{p-50e3e41042.entry.js → p-ac25ede4f4.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-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-ca119357.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:"d542547c9ea4d8c0e93404f06bba38f2a24a2b0c",class:Object.assign({},e.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"dd8a54fb503ce4b10e274eb6cf04f2a483be4bb6",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:"72806d82158ce264fefb0575073ffd87d5b361d8",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:"00d613402a9e7aff5f331ea7d8489963cf8a7601",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:"2eb879e6afc9f0839229783af4e85aeaa03ad1ee",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:"4a9e1f1df0bc46ecdb55e6f5677341649881e676",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:"069802867ebe29c43b3089f6318e27f86c96fa2e",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:"1f38d9f77dd291b6584062e593abf7d1ca31cfd4",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:"76808a4794198ca8a25696fcbe43830dab6369e0"})))}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-ca119357.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}

package/dist/baloise-design-system/{p-190cd62ab2.system.entry.js → p-afe7f75fcf.system.entry.js}

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

package/dist/baloise-design-system/p-b5b4c144a0.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):r(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(e=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-2da669b4.system.js","./p-db0895e2.system.js","./p-abd6896e.system.js","./p-c43a56b7.system.js","./p-23bdd8dc.system.js","./p-6913b916.system.js","./p-7720b262.system.js","./p-863f4e4e.system.js","./p-b79d8942.system.js","./p-907368ff.system.js","./p-eecefb0a.system.js","./p-a1f6e944.system.js","./p-ade9437f.system.js"],(function(t){"use strict";var i,n,e,r,o,a,s,u,c,l,h,f,d,b,v,p,g,_,m,y;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;o=t.g},function(t){a=t._;s=t.a},function(t){u=t.a},function(t){c=t.B},function(t){l=t.B;h=t.L},function(t){f=t.s},function(t){d=t.L},function(t){b=t.l},function(t){v=t.i},function(t){p=t.b;g=t.o},function(t){_=t.s;m=t.i},function(t){y=t.d},function(){},function(){},function(){}],execute:function(){var w=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-3);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-check-size:1.25rem}";var k=w;var j=t("bal_option",function(){function t(t){var e=this;i(this,t);this.balOptionChange=n(this,"balOptionChange",7);this.balOptionFocus=n(this,"balOptionFocus",7);this.inputId="bal-option-".concat(x++);this.onClick=function(t){var i=e.el.closest("bal-option-list");if(e.disabled||i&&i.disabled){f(t)}else{if(i&&i.required&&!i.multiple){if(!e.selected){e.select(true)}}else{e.select(!e.selected)}}};this.checkbox=false;this.interactionState=l.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.componentWillRender=function(){if(this.el){var t=this.el.closest("bal-option-list");if(t){this.checkbox=!!t.multiple}}};t.prototype.listenToMouseEnter=function(){var t=this,i=t.label,n=t.value,e=t.selected,r=t.disabled,o=t.hidden;if(!o&&!r){this.balOptionFocus.emit({label:i,value:n,selected:e})}};t.prototype.elementStateListener=function(t){this.interactionChildElements.forEach((function(i){i.hovered=t.hovered;i.pressed=t.pressed}))};t.prototype.select=function(){return __awaiter(this,arguments,void 0,(function(t){var i,n,e;if(t===void 0){t=true}return __generator(this,(function(r){this.selected=t;i=this,n=i.label,e=i.value;this.balOptionChange.emit({label:n,value:e,selected:t});return[2]}))}))};Object.defineProperty(t.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-check"))},enumerable:false,configurable:true});t.prototype.render=function(){var t=c.block("option");return e(r,{key:"a9b567396356b31dc5dacf1115b538eb6f0229e9",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":u(this.hidden),"aria-selected":u(this.selected),"aria-checked":u(this.selected),"aria-disabled":u(this.disabled),"aria-invalid":u(this.invalid),tabIndex:-1,onClick:this.onClick},e("bal-stack",{key:"bc7b02be2431b89e05a16df87b2ef5e7e828577a",py:"small",space:"x-small"},this.checkbox?e("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",e("div",{key:"dd0f4a8143bcff57bcfd578073fc5c13fc947b64",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},e("slot",{key:"49d60c90205cc0181cfc61eac50e2de14bc1dc80"})),this.selected&&!this.checkbox?e("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());a([d("bal-option"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],j.prototype,"createLogger",null);a([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],j.prototype,"elementStateListener",null);var x=0;j.style=k;var O=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";var F=O;var z=t("bal_option_list",function(){function t(t){i(this,t);this.inputId="bal-option-list-".concat(A++);this.inheritAttributes={};this.ariaForm=y;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.labelledby=undefined;this.filter="includes";this.contentHeight=262}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentHeightChanged=function(t){if(t===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(t,"px"))}};t.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};t.prototype.componentWillRender=function(){this.inheritAttributes=v(this.el,["aria-multiselectable","aria-labelledby"])};t.prototype.listenToMouseEnter=function(t){var i=this.options;var n=this.getOptionIndex(i,t.detail.value);if(n!==undefined){this.updateFocus(i,n)}};t.prototype.listenToOptionChange=function(t){var i=t.detail;if(!this.multiple){this.options.filter((function(t){return t.value!==i.value})).forEach((function(t){return t.selected=false}))}};t.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getSelectedOptionIndex(t);if(!(i>0))return[3,2];this.updateFocus(t,i);return[4,p()];case 1:n.sent();return[2,i];case 2:return[4,this.focusFirst()];case 3:return[2,n.sent()]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getFirstOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getLastOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getNextOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getPreviousOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusByLabel=function(t,i){return __awaiter(this,void 0,void 0,(function(){var n,e,r;return __generator(this,(function(o){switch(o.label){case 0:n=this.options;e=this.getOptionIndexByLabel(n,t);this.updateFocus(n,e);r=n[e];this.updateScrollTopPosition(r);return[4,p()];case 1:o.sent();if(!i.select)return[3,3];return[4,r.select()];case 2:o.sent();o.label=3;case 3:return[2,e]}}))}))};t.prototype.filterByContent=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:i=this.allOptions;this.filterOptions(i,t);return[4,p()];case 1:n.sent();return[2,this.focusFirst()]}}))}))};t.prototype.resetHidden=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.hidden=t}));return[4,p()];case 1:i.sent();this.resetFocus();return[2]}}))}))};t.prototype.resetSelected=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t}));return[4,p()];case 1:i.sent();return[2]}}))}))};t.prototype.updateSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t.includes(i.value)}));return[4,p()];case 1:i.sent();return[2]}}))}))};t.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=-1;this.updateFocus(t,i);this.scrollTo(0);return[4,p()];case 1:n.sent();return[2,i]}}))}))};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.options;return[2,t.filter((function(t){return t.selected})).map((function(t){return t.value}))]}))}))};t.prototype.getSelectedOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){i=this.options;if(t&&t.length>0){return[2,i.filter((function(i){return t.includes(i.value)})).map((function(t){return t}))]}return[2,i.filter((function(t){return t.selected})).map((function(t){return t}))]}))}))};t.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.value}))]}))}))};t.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.label}))]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.filter((function(t){return!t.disabled||!t.hidden}))]}))}))};t.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){t=this.options;i=t[this.focusIndex];if(i){if(this.multiple){i.select(!i.selected)}else{i.select(true)}}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(t){return!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t,i){var n=[];var e=this.filter==="includes"?m:_;for(var r=0;r<t.length;r++){var o=t[r];var a=o.textContent||"";if(e(a,i)){n.push(o);o.hidden=false}else{o.hidden=true}}return n};t.prototype.isOptionVisible=function(t){var i=this.el.clientHeight;var n=this.el.scrollTop;var e=n+i;var r=n<=t.offsetTop&&t.offsetTop+t.clientHeight<=e;return r};t.prototype.updateScrollTopPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForTopPosition(t))}}};t.prototype.updateScrollBottomPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForBottomPosition(t))}}};t.prototype.getScrollTopForTopPosition=function(t){var i=t.offsetTop;var n=i;if(n<0){return 0}return n};t.prototype.getScrollTopForBottomPosition=function(t){var i=this.el.clientHeight;var n=t.offsetTop+t.clientHeight;var e=n-i;if(e<0){return 0}return e};t.prototype.scrollTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(n){if(t!==undefined&&t!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=g((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){this.el.scrollTop=t;return[2]}))}))}))}return[2]}))}))};t.prototype.updateFocus=function(t,i){this.focusIndex=i;for(var n=0;n<t.length;n++){var e=t[n];e.focused=n===i}};t.prototype.getOptionIndex=function(t,i){for(var n=0;n<t.length;n++){var e=t[n];if(e.value===i){return n}}return undefined};t.prototype.getSelectedOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(n.selected&&!n.hidden){return i}}return this.focusIndex};t.prototype.getFirstOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(!n.disabled&&!n.hidden){return i}}return this.focusIndex};t.prototype.getNextOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}if(i<0){return this.getFirstOptionIndex(t)}var n=this.getLength(t);var e=i;if(i<n){e=i+1;if(t[e].disabled){return this.getNextOptionIndex(t,e)}}return e};t.prototype.getPreviousOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}var n=this.getFirstOptionIndex(t);if(i<=n){return n}var e=i;e=i-1;if(t[e].disabled){return this.getPreviousOptionIndex(t,e)}return e};t.prototype.getLastOptionIndex=function(t){for(var i=t.length-1;i>=0;i--){var n=t[i];if(!n.disabled){return i}}return this.focusIndex};t.prototype.getOptionIndexByLabel=function(t,i){if(i===undefined||i===""){return this.focusIndex}var n=t.find((function(t){return _(t.label||"",i)}));if(!b(n)&&n.id){return t.indexOf(n)}return this.focusIndex};t.prototype.getLength=function(t){var i=t.map((function(t,i){return t.disabled?0:i}));var n=Math.max.apply(Math,i);return n};t.prototype.render=function(){var t=c.block("option-list");var i=this.labelledby||this.ariaForm.labelId;return e(r,{key:"934c509e0703b3d7435028ad7bff05290d6a855b",class:Object.assign({},t.class()),id:this.inputId},e("div",Object.assign({key:"4d6b39d94ea7f7abacd128ca65e0f9f985ae3165",role:"listbox","aria-labelledby":i,"aria-disabled":u(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),e("slot",{key:"0ad6401208e35316c7eb892d0b8ffba1476a8611"})))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return t}());a([d("bal-option-list"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],z.prototype,"createLogger",null);var A=0;z.style=F}}}));

package/dist/baloise-design-system/p-b794110da2.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(i,e,t,r){function n(i){return i instanceof t?i:new t((function(e){e(i)}))}return new(t||(t=Promise))((function(t,a){function s(i){try{u(r.next(i))}catch(i){a(i)}}function o(i){try{u(r["throw"](i))}catch(i){a(i)}}function u(i){i.done?t(i.value):n(i.value).then(s,o)}u((r=r.apply(i,e||[])).next())}))};var __generator=this&&this.__generator||function(i,e){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(i){return function(e){return u([i,e])}}function u(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(t=0)),t)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=e.call(i,t)}catch(i){o=[6,i];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6913b916.system.js","./p-863f4e4e.system.js","./p-c43a56b7.system.js","./p-db0895e2.system.js","./p-907368ff.system.js","./p-2da669b4.system.js","./p-a1f6e944.system.js","./p-ade9437f.system.js"],(function(i){"use strict";var e,t,r,n,a,s,o,u,d,l,b;return{setters:[function(i){e=i.r;t=i.c;r=i.h;n=i.H;a=i.g},function(i){s=i.l},function(i){o=i.p},function(i){u=i.s},function(i){d=i.B},function(i){l=i.d},function(i){b=i.a},function(){},function(){}],execute:function(){var c=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);-webkit-box-shadow:0 0 0 .75rem rgba(255,255,255,.3);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native:focus-visible::-moz-range-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";var h=c;var f=i("bal_input_slider",function(){function i(i){var r=this;e(this,i);this.balInput=t(this,"balInput",7);this.balBlur=t(this,"balBlur",7);this.balKeyPress=t(this,"balKeyPress",7);this.balFocus=t(this,"balFocus",7);this.balChange=t(this,"balChange",7);this.inputId="bal-input-slider-".concat(p++);this.didInit=false;this.hasFocus=false;this.initialValue="";this.onInput=function(i){var e=i.target;if(e){r.value=e.value||""}r.balInput.emit(r.value)};this.handleClick=function(i){if(r.disabled||r.readonly){i.preventDefault();i.stopPropagation()}};this.onFocus=function(i){r.hasFocus=true;r.balFocus.emit(i)};this.onBlur=function(i){r.hasFocus=false;r.balBlur.emit(i);r.balChange.emit(r.value)};this.ariaForm=l;this.name=this.inputId;this.step=0;this.min=0;this.max=100;this.invalid=false;this.balTabindex=0;this.disabled=false;this.readonly=false;this.required=false;this.hasTicks=false;this.debounce=0;this.value="";this.autoInvalidOff=false}i.prototype.debounceChanged=function(){this.balChange=o(this.balChange,this.debounce)};i.prototype.listenOnClick=function(i){if((this.disabled||this.readonly)&&i.target&&i.target===this.el){u(i)}};i.prototype.resetHandler=function(i){var e=this;var t=i.target;if(t===null||t===void 0?void 0:t.contains(this.el)){this.value=this.initialValue;clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(e.nativeInput){e.nativeInput.value=e.initialValue}}),0)}};i.prototype.valueChanged=function(i,e){if(this.didInit&&!this.hasFocus&&i!==e){this.balChange.emit(this.value)}};i.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};i.prototype.componentDidLoad=function(){this.didInit=true;if(!s(this.value)&&this.value!==""){this.valueChanged(this.value,undefined)}};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(e){clearTimeout(this.setFocusTimer);this.setFocusTimer=setTimeout((function(){if(i.nativeInput){i.nativeInput.focus()}}));return[2]}))}))};i.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};i.prototype.setAriaForm=function(i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},i);return[2]}))}))};Object.defineProperty(i.prototype,"numberOfSteps",{get:function(){var i=this.max-this.min;if(this.step<=0||this.step>=i){return 0}return~~(i/this.step)+1},enumerable:false,configurable:true});i.prototype.cssWidth=function(i){if(i===void 0){i=false}var e=this.value===""?0:Math.round(Number(this.value)/this.step)*this.step;var t=100/this.max*e;if(!i){return"".concat(100-t,"%")}return"".concat(t,"%")};i.prototype.getNumberOfSteps=function(){var i=[];for(var e=0;e<this.numberOfSteps;e++){i.push(e)}return i};i.prototype.render=function(){var i=this;var e=d.block("input-slider");var t=e.element("background");var a=t.element("upper");var s=a.element("inner");var o=t.element("lower");var u=o.element("inner");var l=e.element("input");var c=l.element("native");var h=l.element("value");var f=h.modifier("left");var p=h.modifier("right");var _=e.element("steps");var v=_.element("item");return r(n,{key:"ced88f04a8412d9c00f64f4a588259083d9986b2",class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":b(this.disabled||this.readonly)},r("div",{key:"ec99e4442438f51fb47e6ee7da080649c4ec9ebb",class:Object.assign(Object.assign({},t.class()),t.modifier("disabled").class(this.disabled||this.readonly))},r("div",{key:"4afda06efc6af4a027ef6291b4ad5cc3af3a1c70",class:Object.assign({},a.class()),style:{width:this.cssWidth()}},r("div",{key:"1cdfcacd60179c9b7cb2a4cb2f8cc265b9ff3bf9",class:Object.assign({},s.class())})),r("div",{key:"b78eb2d0286cccd8394bcb460f7fd9cbc66124fc",class:Object.assign({},o.class()),style:{width:this.cssWidth(true)}},r("div",{key:"bf7c89eeeb25df825521a0462e070dccd65df7dc",class:Object.assign({},u.class())}))),r("div",{key:"f3d7033c33b696170c85a1bc6a4f0557eed2a45f",class:Object.assign({},l.class())},r("div",{key:"237300025fdb1ea927bf9ba2d79f908735b7b0d5",class:Object.assign(Object.assign({},h.class()),f.class())}),r("input",{key:"7437e049efcf5cac5fb2d1d107b9696afd745ed8",type:"range",class:Object.assign(Object.assign({},c.class()),c.modifier("disabled").class(this.disabled||this.readonly)),ref:function(e){return i.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":b(this.disabled),"aria-invalid":this.invalid===true?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:this.value!==""&&this.value!==undefined?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:function(e){return i.balKeyPress.emit(e)},"data-testid":"bal-input-slider"}),r("div",{key:"17bdbd21ccb347ab53f9fb117156a0b1cc881791",class:Object.assign(Object.assign({},h.class()),p.class())})),r("div",{key:"d4f74ee7793bf63c96bd272774bcbbdef0bdcaeb",class:Object.assign({},_.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((function(e){return r("div",{key:e,class:Object.assign(Object.assign({},v.class()),v.modifier("disabled").class(i.disabled||i.readonly)),"data-step-id":e})}))))};Object.defineProperty(i.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return i}());var p=0;f.style=h}}}));

package/dist/baloise-design-system/{p-ca80a03f51.entry.js → p-b80f4f2be5.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i,g as r}from"./p-2ccbe55a.js";import{_ as s,a}from"./p-43c9f5e9.js";import{o as n,m as o}from"./p-a255c9b3.js";import{L as c}from"./p-b77e3348.js";import{B as h}from"./p-ae86d0a0.js";import{d as l}from"./p-ec375851.js";import{L as d}from"./p-20eba37f.js";import"./p-a65354df.js";import"./p-a7be57b6.js";const p=class{constructor(e){t(this,e),this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=n((async()=>{this.animationFunction&&this.animationFunction(this.el,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.el.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((t,e)=>{if(this.animationFunction)return t();o((async()=>{import("./p-53e09ecb.js").then((e=>{this.animationFunction=e.animate,t()})).catch(e)}))})),this.animated=l.animated,this.inverted=!1,this.deactivated=!1,this.color="blue",this.small=!1,this.variation="logo"}createLogger(t){this.log=t}deactivatedWatcher(t,e){t!==e&&(this.deactivated?this.destroy():this.animate())}variationWatcher(t,e){t!==e&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroy()}configChanged(t){this.animated=t.animated,!1===t.animated&&this.destroy()}getColor(){return this.inverted||"white"===this.color?"#ffffff":"#151f6d"}render(){const t=h.block("spinner");return e(i,{key:"61330569cf09ee4964ef809792f354d060419b62",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("circle").class("circle"===this.variation)),t.modifier("small").class(this.small)),t.modifier("animated").class(this.animated)),t.modifier(`color-${this.color}`).class("circle"===this.variation)),role:"progressbar","aria-hidden":"true"})}get el(){return r(this)}static get watchers(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}}};s([c("bal-spinner"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],p.prototype,"createLogger",null),s([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],p.prototype,"configChanged",null),p.style="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)}}";export{p as bal_spinner}
+import{r as t,h as e,H as i,g as r}from"./p-2ccbe55a.js";import{_ as s,a}from"./p-43c9f5e9.js";import{o as n,m as o}from"./p-a255c9b3.js";import{L as c}from"./p-b77e3348.js";import{B as h}from"./p-ae86d0a0.js";import{d as l}from"./p-ec375851.js";import{L as d}from"./p-20eba37f.js";import"./p-a65354df.js";import"./p-a7be57b6.js";const p=class{constructor(e){t(this,e),this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=n((async()=>{this.animationFunction&&this.animationFunction(this.el,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.el.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((t,e)=>{if(this.animationFunction)return t();o((async()=>{import("./p-53e09ecb.js").then((e=>{this.animationFunction=e.animate,t()})).catch(e)}))})),this.animated=l.animated,this.inverted=!1,this.deactivated=!1,this.color="blue",this.small=!1,this.variation="logo"}createLogger(t){this.log=t}deactivatedWatcher(t,e){t!==e&&(this.deactivated?this.destroy():this.animate())}variationWatcher(t,e){t!==e&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroy()}configChanged(t){this.animated=t.animated,!1===t.animated&&this.destroy()}getColor(){return this.inverted||"white"===this.color?"#ffffff":"#151f6d"}render(){const t=h.block("spinner");return e(i,{key:"5604f6e34571f92e51972754c5bb6d3cc894afbf",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("circle").class("circle"===this.variation)),t.modifier("small").class(this.small)),t.modifier("animated").class(this.animated)),t.modifier(`color-${this.color}`).class("circle"===this.variation)),role:"progressbar","aria-hidden":"true"})}get el(){return r(this)}static get watchers(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}}};s([c("bal-spinner"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],p.prototype,"createLogger",null),s([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],p.prototype,"configChanged",null),p.style="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)}}";export{p as bal_spinner}

package/dist/baloise-design-system/{p-57b6f2900e.entry.js → p-bb0bea1a12.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,g as a}from"./p-2ccbe55a.js";import{a as h}from"./p-063808d7.js";const r=class{constructor(i){t(this,i),this.balNavigate=s(this,"balNavigate",7),this.inheritAttributes={},this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.rel=void 0,this.target="_self",this.disabled=!1,this.done=!1,this.invisible=!1,this.failed=!1,this.prevent=!1}componentWillLoad(){this.inheritAttributes=h(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{value:this.value,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,done:this.done,invisible:this.invisible,failed:this.failed,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return i(e,{key:"2345808b69d02adaa4c8398e9826accb724f0571",role:"tabpanel",class:{"bal-step-item":!0,"bal-step-item--active":this.isActive}},i("slot",{key:"a79cdedd49fdac1b556a92e5c905b124a9583128"}))}get el(){return a(this)}};export{r as bal_step_item}
+import{r as t,c as s,h as i,H as e,g as a}from"./p-2ccbe55a.js";import{a as h}from"./p-063808d7.js";const r=class{constructor(i){t(this,i),this.balNavigate=s(this,"balNavigate",7),this.inheritAttributes={},this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.rel=void 0,this.target="_self",this.disabled=!1,this.done=!1,this.invisible=!1,this.failed=!1,this.prevent=!1}componentWillLoad(){this.inheritAttributes=h(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{value:this.value,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,done:this.done,invisible:this.invisible,failed:this.failed,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return i(e,{key:"1aafa11a4ca3f70e99d4ae73ae57b5a97044a757",role:"tabpanel",class:{"bal-step-item":!0,"bal-step-item--active":this.isActive}},i("slot",{key:"bed7fb1b783d7ab29c32d49c29e5143bbf1f0147"}))}get el(){return a(this)}};export{r as bal_step_item}

package/dist/baloise-design-system/{p-c0c4b24075.entry.js → p-bc43872fb6.entry.js}

@@ -1 +1 @@
-import{r,h as a,H as e,g as o}from"./p-2ccbe55a.js";import{_ as s,a as b}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{o as n}from"./p-a255c9b3.js";import{b as i}from"./p-c2c574cb.js";import{L as t}from"./p-ade97788.js";import{L as g}from"./p-60c0b0fb.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-c8c2e2d9.js";const p=class{constructor(a){r(this,a),this.animated=!0,this.isTouch=i.isTouch,this.value=0,this.background="white",this.color="primary"}componentDidRender(){this.updateProgress()}breakpointListener(r){this.updateProgress()}windowResizeListener(){this.updateProgress()}async configChanged(r){this.animated=r.animated}updateProgress(){this.lineEl&&n((()=>{const r=this.el.clientWidth,a=Math.max(0,Math.min(100,this.value));this.lineEl.style.width=r/100*a+"px",100===a?this.lineEl.classList.add("bal-progress-bar__line--full"):this.lineEl.classList.remove("bal-progress-bar__line--full")}))}render(){const r=l.block("progress-bar"),o=r.element("line");return a(e,{key:"1df789d0a33beb7a7bdcf2802d41f91312091e84","aria-hidden":"true",class:Object.assign(Object.assign({},r.class()),r.modifier(`background-${this.background}-of-${this.color}`).class())},a("div",{key:"27f99d214e02805e016e5d082941530b23c1ee22",class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier(`color-${this.color}`).class()),o.modifier("animated").class(this.animated)),ref:r=>this.lineEl=r}))}get el(){return o(this)}};s([t(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],p.prototype,"breakpointListener",null),s([g(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],p.prototype,"windowResizeListener",null),p.style=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";export{p as bal_progress_bar}
+import{r,h as a,H as e,g as o}from"./p-2ccbe55a.js";import{_ as s,a as b}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{o as n}from"./p-a255c9b3.js";import{b as i}from"./p-5324a7ab.js";import{L as t}from"./p-6c11a4c3.js";import{L as g}from"./p-7da7cd7c.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-023ed22f.js";const p=class{constructor(a){r(this,a),this.animated=!0,this.isTouch=i.isTouch,this.value=0,this.background="white",this.color="primary"}componentDidRender(){this.updateProgress()}breakpointListener(r){this.updateProgress()}windowResizeListener(){this.updateProgress()}async configChanged(r){this.animated=r.animated}updateProgress(){this.lineEl&&n((()=>{const r=this.el.clientWidth,a=Math.max(0,Math.min(100,this.value));this.lineEl.style.width=r/100*a+"px",100===a?this.lineEl.classList.add("bal-progress-bar__line--full"):this.lineEl.classList.remove("bal-progress-bar__line--full")}))}render(){const r=l.block("progress-bar"),o=r.element("line");return a(e,{key:"d024ab4ad15f9a04b2db9b5923785cc9eecbae74","aria-hidden":"true",class:Object.assign(Object.assign({},r.class()),r.modifier(`background-${this.background}-of-${this.color}`).class())},a("div",{key:"8ed29c4d19bc1e5e57990b5c91d95134a7fc482d",class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier(`color-${this.color}`).class()),o.modifier("animated").class(this.animated)),ref:r=>this.lineEl=r}))}get el(){return o(this)}};s([t(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],p.prototype,"breakpointListener",null),s([g(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],p.prototype,"windowResizeListener",null),p.style=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";export{p as bal_progress_bar}

package/dist/baloise-design-system/{p-ef911c2b87.entry.js → p-c1181d7258.entry.js}

@@ -1 +1 @@
-import{r as i,c as e,h as t,H as r,g as a}from"./p-2ccbe55a.js";import{l as s}from"./p-9a3d9e17.js";import{p as d}from"./p-a255c9b3.js";import{s as n}from"./p-79f6f58b.js";import{B as o}from"./p-ae86d0a0.js";import{d as b}from"./p-5eb3fbb9.js";import{a as l}from"./p-8f2e9a7f.js";import"./p-a65354df.js";import"./p-a7be57b6.js";const u=class{constructor(t){i(this,t),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balKeyPress=e(this,"balKeyPress",7),this.balFocus=e(this,"balFocus",7),this.balChange=e(this,"balChange",7),this.inputId="bal-input-slider-"+h++,this.didInit=!1,this.hasFocus=!1,this.initialValue="",this.onInput=i=>{const e=i.target;e&&(this.value=e.value||""),this.balInput.emit(this.value)},this.handleClick=i=>{(this.disabled||this.readonly)&&(i.preventDefault(),i.stopPropagation())},this.onFocus=i=>{this.hasFocus=!0,this.balFocus.emit(i)},this.onBlur=i=>{this.hasFocus=!1,this.balBlur.emit(i),this.balChange.emit(this.value)},this.ariaForm=b,this.name=this.inputId,this.step=0,this.min=0,this.max=100,this.invalid=!1,this.balTabindex=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.hasTicks=!1,this.debounce=0,this.value="",this.autoInvalidOff=!1}debounceChanged(){this.balChange=d(this.balChange,this.debounce)}listenOnClick(i){(this.disabled||this.readonly)&&i.target&&i.target===this.el&&n(i)}resetHandler(i){const e=i.target;(null==e?void 0:e.contains(this.el))&&(this.value=this.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput&&(this.nativeInput.value=this.initialValue)}),0))}valueChanged(i,e){this.didInit&&!this.hasFocus&&i!==e&&this.balChange.emit(this.value)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentDidLoad(){this.didInit=!0,s(this.value)||""===this.value||this.valueChanged(this.value,void 0)}async setFocus(){clearTimeout(this.setFocusTimer),this.setFocusTimer=setTimeout((()=>{this.nativeInput&&this.nativeInput.focus()}))}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(i){this.ariaForm=Object.assign({},i)}get numberOfSteps(){const i=this.max-this.min;return this.step<=0||this.step>=i?0:1+~~(i/this.step)}cssWidth(i=!1){const e=""===this.value?0:Math.round(Number(this.value)/this.step)*this.step,t=100/this.max*e;return i?`${t}%`:100-t+"%"}getNumberOfSteps(){const i=[];for(let e=0;e<this.numberOfSteps;e++)i.push(e);return i}render(){const i=o.block("input-slider"),e=i.element("background"),a=e.element("upper"),s=a.element("inner"),d=e.element("lower"),n=d.element("inner"),b=i.element("input"),u=b.element("native"),h=b.element("value"),c=h.modifier("left"),p=h.modifier("right"),_=i.element("steps"),m=_.element("item");return t(r,{key:"76a874cb519b6bd4533c90c5cee0373d91d2a788",class:Object.assign(Object.assign({},i.class()),i.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":l(this.disabled||this.readonly)},t("div",{key:"96acc0eac152e6210127e7bb32ebb44bccbe7983",class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},t("div",{key:"d1d1bab7ca84c5c958bb0a758cdf021f45d0fab6",class:Object.assign({},a.class()),style:{width:this.cssWidth()}},t("div",{key:"7022454f465e51e0d51d558adb171a04125ba582",class:Object.assign({},s.class())})),t("div",{key:"472ab3557e08aad85269135dbdfe08343dec88bd",class:Object.assign({},d.class()),style:{width:this.cssWidth(!0)}},t("div",{key:"460bb1a8e2365ba86716907242f25ea556c004d6",class:Object.assign({},n.class())}))),t("div",{key:"35f2bcd367d3e87e05aad0eaa56b63df2b527600",class:Object.assign({},b.class())},t("div",{key:"19970b7d9e3d4afc88f0c27bd7611e20e8027534",class:Object.assign(Object.assign({},h.class()),c.class())}),t("input",{key:"ce79d94c762e757792fad5a4579353e49d98430a",type:"range",class:Object.assign(Object.assign({},u.class()),u.modifier("disabled").class(this.disabled||this.readonly)),ref:i=>this.nativeInput=i,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":l(this.disabled),"aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:""!==this.value&&void 0!==this.value?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:i=>this.balKeyPress.emit(i),"data-testid":"bal-input-slider"}),t("div",{key:"d8ed5d39304aea0b6fdc356cf170709b7edb1d29",class:Object.assign(Object.assign({},h.class()),p.class())})),t("div",{key:"d7e74cad2baa2019ed915e50e1852e733dc14328",class:Object.assign({},_.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((i=>t("div",{key:i,class:Object.assign(Object.assign({},m.class()),m.modifier("disabled").class(this.disabled||this.readonly)),"data-step-id":i})))))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};let h=0;u.style=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb,.bal-input-slider__input__native:focus-visible::-moz-range-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);-webkit-box-shadow:0 0 0 .75rem rgba(255,255,255,.3);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";export{u as bal_input_slider}
+import{r as i,c as e,h as t,H as r,g as s}from"./p-2ccbe55a.js";import{l as a}from"./p-9a3d9e17.js";import{p as d}from"./p-a255c9b3.js";import{s as o}from"./p-79f6f58b.js";import{B as n}from"./p-ae86d0a0.js";import{d as b}from"./p-5eb3fbb9.js";import{a as l}from"./p-8f2e9a7f.js";import"./p-a65354df.js";import"./p-a7be57b6.js";const u=class{constructor(t){i(this,t),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balKeyPress=e(this,"balKeyPress",7),this.balFocus=e(this,"balFocus",7),this.balChange=e(this,"balChange",7),this.inputId="bal-input-slider-"+h++,this.didInit=!1,this.hasFocus=!1,this.initialValue="",this.onInput=i=>{const e=i.target;e&&(this.value=e.value||""),this.balInput.emit(this.value)},this.handleClick=i=>{(this.disabled||this.readonly)&&(i.preventDefault(),i.stopPropagation())},this.onFocus=i=>{this.hasFocus=!0,this.balFocus.emit(i)},this.onBlur=i=>{this.hasFocus=!1,this.balBlur.emit(i),this.balChange.emit(this.value)},this.ariaForm=b,this.name=this.inputId,this.step=0,this.min=0,this.max=100,this.invalid=!1,this.balTabindex=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.hasTicks=!1,this.debounce=0,this.value="",this.autoInvalidOff=!1}debounceChanged(){this.balChange=d(this.balChange,this.debounce)}listenOnClick(i){(this.disabled||this.readonly)&&i.target&&i.target===this.el&&o(i)}resetHandler(i){const e=i.target;(null==e?void 0:e.contains(this.el))&&(this.value=this.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput&&(this.nativeInput.value=this.initialValue)}),0))}valueChanged(i,e){this.didInit&&!this.hasFocus&&i!==e&&this.balChange.emit(this.value)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentDidLoad(){this.didInit=!0,a(this.value)||""===this.value||this.valueChanged(this.value,void 0)}async setFocus(){clearTimeout(this.setFocusTimer),this.setFocusTimer=setTimeout((()=>{this.nativeInput&&this.nativeInput.focus()}))}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(i){this.ariaForm=Object.assign({},i)}get numberOfSteps(){const i=this.max-this.min;return this.step<=0||this.step>=i?0:1+~~(i/this.step)}cssWidth(i=!1){const e=""===this.value?0:Math.round(Number(this.value)/this.step)*this.step,t=100/this.max*e;return i?`${t}%`:100-t+"%"}getNumberOfSteps(){const i=[];for(let e=0;e<this.numberOfSteps;e++)i.push(e);return i}render(){const i=n.block("input-slider"),e=i.element("background"),s=e.element("upper"),a=s.element("inner"),d=e.element("lower"),o=d.element("inner"),b=i.element("input"),u=b.element("native"),h=b.element("value"),c=h.modifier("left"),p=h.modifier("right"),_=i.element("steps"),m=_.element("item");return t(r,{key:"ced88f04a8412d9c00f64f4a588259083d9986b2",class:Object.assign(Object.assign({},i.class()),i.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":l(this.disabled||this.readonly)},t("div",{key:"ec99e4442438f51fb47e6ee7da080649c4ec9ebb",class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},t("div",{key:"4afda06efc6af4a027ef6291b4ad5cc3af3a1c70",class:Object.assign({},s.class()),style:{width:this.cssWidth()}},t("div",{key:"1cdfcacd60179c9b7cb2a4cb2f8cc265b9ff3bf9",class:Object.assign({},a.class())})),t("div",{key:"b78eb2d0286cccd8394bcb460f7fd9cbc66124fc",class:Object.assign({},d.class()),style:{width:this.cssWidth(!0)}},t("div",{key:"bf7c89eeeb25df825521a0462e070dccd65df7dc",class:Object.assign({},o.class())}))),t("div",{key:"f3d7033c33b696170c85a1bc6a4f0557eed2a45f",class:Object.assign({},b.class())},t("div",{key:"237300025fdb1ea927bf9ba2d79f908735b7b0d5",class:Object.assign(Object.assign({},h.class()),c.class())}),t("input",{key:"7437e049efcf5cac5fb2d1d107b9696afd745ed8",type:"range",class:Object.assign(Object.assign({},u.class()),u.modifier("disabled").class(this.disabled||this.readonly)),ref:i=>this.nativeInput=i,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":l(this.disabled),"aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:""!==this.value&&void 0!==this.value?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:i=>this.balKeyPress.emit(i),"data-testid":"bal-input-slider"}),t("div",{key:"17bdbd21ccb347ab53f9fb117156a0b1cc881791",class:Object.assign(Object.assign({},h.class()),p.class())})),t("div",{key:"d4f74ee7793bf63c96bd272774bcbbdef0bdcaeb",class:Object.assign({},_.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((i=>t("div",{key:i,class:Object.assign(Object.assign({},m.class()),m.modifier("disabled").class(this.disabled||this.readonly)),"data-step-id":i})))))}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};let h=0;u.style=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);-webkit-box-shadow:0 0 0 .75rem rgba(255,255,255,.3);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native:focus-visible::-moz-range-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";export{u as bal_input_slider}