@baloise/ds-core 19.8.3-snapshot.1877-5fcfacefc → 19.8.4

package/dist/types/utils/dropdown/index.d.ts

@@ -6,8 +6,7 @@ export * from './filters';
 export * from './focus';
 export * from './form-submit';
 export * from './icon';
+export * from './input';
 export * from './option';
-export * from './option-list';
 export * from './popup';
 export * from './value';
-export * from './input';

package/dist/types/utils/dropdown/value.d.ts

@@ -1,4 +1,4 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
+import { FunctionalComponent, VNode } from '../../stencil-public-runtime';
 import { DropdownComponent } from './component';
 import { BalOption } from './option';
 export declare class DropdownValueUtil {
@@ -19,11 +19,8 @@ export interface DropdownValueProps {
     inlineLabel: string;
     filled: boolean;
     chips: boolean;
-    invalid: boolean;
-    disabled: boolean;
-    readonly: boolean;
     placeholder: string;
     choices: BalOption[];
-    onRemoveChip: (option: BalOption) => void;
+    renderChip: (option: BalOption) => VNode | VNode[];
 }
 export declare const DropdownValue: FunctionalComponent<DropdownValueProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "19.8.3-snapshot.1877-5fcfacefc",
+  "version": "19.8.4",
   "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
   "repository": {
     "type": "git",
@@ -28,8 +28,8 @@
     "test:ui": "vitest --ui"
   },
   "dependencies": {
-    "@baloise/ds-styles": "19.8.3-snapshot.1877-5fcfacefc",
-    "@baloise/ds-icons": "19.8.3-snapshot.1877-5fcfacefc",
+    "@baloise/ds-styles": "19.8.4",
+    "@baloise/ds-icons": "19.8.4",
     "@baloise/web-app-utils": "3.15.0",
     "@floating-ui/dom": "~1.6.3",
     "@popperjs/core": "~2.11.4",
@@ -53,9 +53,9 @@
   "devDependencies": {
     "@baloise/output-target-angular": "0.0.0",
     "@baloise/output-target-web": "0.0.0",
-    "@baloise/ds-maps": "19.8.3-snapshot.1877-5fcfacefc",
-    "@baloise/ds-brand-icons": "19.8.3-snapshot.1877-5fcfacefc",
-    "@baloise/ds-favicons": "19.8.3-snapshot.1877-5fcfacefc",
+    "@baloise/ds-maps": "19.8.4",
+    "@baloise/ds-brand-icons": "19.8.4",
+    "@baloise/ds-favicons": "19.8.4",
     "compression": "~1.7.4",
     "express": "~4.18.2",
     "serve-index": "~1.9.1"

package/dist/baloise-design-system/p-0dadba9150.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(o,t,r,e){function n(o){return o instanceof r?o:new r((function(t){t(o)}))}return new(r||(r=Promise))((function(r,i){function a(o){try{d(e.next(o))}catch(o){i(o)}}function l(o){try{d(e["throw"](o))}catch(o){i(o)}}function d(o){o.done?r(o.value):n(o.value).then(a,l)}d((e=e.apply(o,t||[])).next())}))};var __generator=this&&this.__generator||function(o,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},e,n,i,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=l(0),a["throw"]=l(1),a["return"]=l(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(o){return function(t){return d([o,t])}}function d(l){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(r=0)),r)try{if(e=1,n&&(i=l[0]&2?n["return"]:l[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,l[1])).done)return i;if(n=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;n=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(l[0]===6&&r.label<i[1]){r.label=i[1];i=l;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(l);break}if(i[2])r.ops.pop();r.trys.pop();continue}l=t.call(o,r)}catch(o){l=[6,o];n=0}finally{e=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(o,t,r){if(r||arguments.length===2)for(var e=0,n=t.length,i;e<n;e++){if(i||!(e in t)){if(!i)i=Array.prototype.slice.call(t,0,e);i[e]=t[e]}}return o.concat(i||Array.prototype.slice.call(t))};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-D7_eHNTI.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-BPUKeAhO.system.js","./p-CpWDVANq.system.js","./p-D-yL3ygS.system.js","./p-TqRS9XF1.system.js","./p-DWgCJRpS.system.js","./p-DKjTFqnu.system.js","./p-BblIE2Vz.system.js","./p-DtlqgdI2.system.js","./p-BpMXwP_q.system.js","./p-DowF7e07.system.js","./p-Dou6adza.system.js","./p-BM_oHMik.system.js","./p-lFDHYLJ4.system.js","./p-Bzy18UgU.system.js","./p-DDPYMMGG.system.js"],(function(o){"use strict";var t,r,e,n,i,a,l,d,s,c,u,p,h,b,f,_,v,w,m,g,y,x,k,j,O,z,C,F,A,D,L,S,T,I,q,B;return{setters:[function(o){t=o.h;r=o.r;e=o.c;n=o.H;i=o.g},function(o){a=o._;l=o.a},function(o){d=o.i},function(o){s=o.B},function(o){c=o.b},function(o){u=o.d},function(o){p=o.s},function(o){h=o.r;b=o.a;f=o.o;_=o.p;v=o.b;w=o.m},function(o){m=o.L},function(o){g=o.a},function(o){y=o.i},function(o){x=o.F},function(o){k=o.b},function(o){j=o.D},function(o){O=o.a},function(o){z=o.d},function(o){C=o.d;F=o.b;A=o.a;D=o.j;L=o.i},function(o){S=o.L},function(o){T=o.B;I=o.L},function(o){q=o.i;B=o.s},null,null,null,null],execute:function(){var E=function(){function o(){var o=this;this.handleAutoFill=function(t){return __awaiter(o,void 0,void 0,(function(){var o,r;return __generator(this,(function(e){switch(e.label){case 0:p(t);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;o=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(o)];case 1:r=e.sent();if(r===undefined){this.component.isAutoFilled=false;return[2]}if(!g(r,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(r,true)}e.label=2;case 2:return[2]}}))}))}}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.isAutoFillAllowed=function(){return!this.component.multiple};o.prototype.parseAutoFillValueWithOptions=function(o){return __awaiter(this,void 0,void 0,(function(){var t,r,e,n;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.component.listEl.getOptions()];case 1:t=i.sent();r=undefined;for(e=0;e<t.length;e++){n=t[e];if(n.value===o||n.label===o){return[2,[n.value]]}}return[2,r]}}))}))};return o}();var P={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"}};var H=function(){function o(){var o=this;this.handlePointerDown=function(){o.component.isKeyboardMode=false};this.handleKeydown=function(t){o.component.isKeyboardMode=x.includes(t.key)}}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.handleFocus=function(o){this.component.hasFocus=true;this.component.balFocus.emit(o)};o.prototype.handleBlur=function(o){var t=this;if(!this.component.isExpanded){this.component.hasFocus=false;h((function(){return t.component.balBlur.emit(o)}))}};o.prototype.handleClick=function(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var t=o.target;var r=t.closest("bal-close");if(r){return}}if(this.component.clearable){var t=o.target;var e=t.closest(".bal-dropdown__clear");if(e){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};o.prototype.handleOutsideClick=function(o){var t=this;var r;if(this.component.isExpanded){if(!this.component.el.contains(o.target)){this.component.isExpanded=false;(r=this.component.listEl)===null||r===void 0?void 0:r.resetFocus();this.component.hasFocus=false;h((function(){return t.component.balBlur.emit(o)}))}}};return o}();var M=function(){function o(){}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.focusOptionByLabel=function(o,t){var r=this;if(t===void 0){t={}}this.component.labelToFocus=(this.component.labelToFocus+o).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var o;(o=r.component.listEl)===null||o===void 0?void 0:o.focusByLabel(r.component.labelToFocus,t)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(o){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return o}();var W=function(){function o(){}o.prototype.connectedCallback=function(o){this.component=o;this.component.initialValue=this.component.value};o.prototype.componentDidRender=function(){var o=this;if(this.component.selectEl){var t=this.component.selectEl.querySelectorAll("option");t.forEach((function(t){if(o.component.rawValue.includes(t.value)){t.selected=true}}))}};o.prototype.handle=function(o){var t=this;var r=o.target;if(r===null||r===void 0?void 0:r.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var o=t.component.valueUtil.parseValueString(t.component.initialValue);t.component.valueUtil.updateRawValueBySelection(o)}),0)}};return o}();var G=function(o){var r=o.name,e=o.httpFormSubmit,n=o.multiple,i=o.required,a=o.disabled,l=o.rawValue,d=o.refSelectEl;var c=s.block("dropdown");return e?t("select",{class:Object.assign({},c.element("root").element("select").class()),"aria-hidden":"true",name:r,multiple:n,required:i,disabled:a,tabindex:-1,ref:d},l.map((function(o){return t("option",{key:o,value:o,selected:true},o)}))):""};var K=function(o){var r=o.size,e=o.theme,n=o.icon,i=o.language,a=o.loading,l=o.clearable,d=o.invalid,c=o.filled,u=o.expanded,p=o.disabled;var h=s.block("dropdown");if(a){return t("bal-spinner",{class:Object.assign({},h.element("rear").class()),small:true,variation:"circle",color:"white"})}else if(l&&c&&!p){return t("button",{title:P[i].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},h.element("rear").class()),h.element("clear").class()),h.element("clear").modifier("invalid").class(d)),h.element("clear").modifier("theme-purple").class(e==="purple"))},t("bal-icon",{class:Object.assign({},h.element("rear").class()),name:e==="purple"?"close":"close-circle",size:r,color:e==="purple"?"primary":"grey"}))}else{return t("bal-icon",{class:Object.assign({},h.element("rear").class()),name:n,size:r,turn:u,color:p?"grey":d?"danger":"primary"})}};var N=function(o){var r=o.inputId,e=o.isExpanded,n=o.rawOptions,i=o.isDisabled,a=o.hasPropOptions,l=o.required,d=o.filter,c=o.multiple,u=o.contentHeight,p=o.refPanelEl,h=o.refListEl;var b=s.block("dropdown");return t("div",{id:"".concat(r,"-menu"),class:Object.assign(Object.assign({},b.element("list").class()),b.element("list").modifier("expanded").class(e)),ref:p},t("bal-option-list",{multiple:c,disabled:i,filter:d,required:l,contentHeight:u,ref:h},t("slot",null),a?n.map((function(o){return t("bal-option",{key:o.value,value:o.value,label:o.label,disabled:o.disabled,multiline:o.multiline,invalid:o.invalid,hidden:o.hidden,selected:o.selected,focused:o.focused},o.label)})):""))};var R=function(){function o(){this.updatePanelPosition=function(o,t,r){return function(){o.computePosition(t,r,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((function(o){var t=o.x,e=o.y;Object.assign(r.style,{left:"".concat(t,"px"),top:"".concat(e,"px")})}))}}}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.toggleList=function(){if(!this.component.valueUtil.isDisabled()){if(this.component.isExpanded){this.collapseList()}else{this.expandList()}}};o.prototype.expandList=function(){return __awaiter(this,void 0,void 0,(function(){var o,t;return __generator(this,(function(r){switch(r.label){case 0:if(!this.component.panelEl)return[3,2];return[4,k.load()];case 1:t=r.sent();this.component.panelCleanup=t.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(t,this.component.el,this.component.panelEl));r.label=2;case 2:this.component.isExpanded=true;return[4,(o=this.component.listEl)===null||o===void 0?void 0:o.focusSelected()];case 3:r.sent();return[2]}}))}))};o.prototype.collapseList=function(){var o;this.component.isExpanded=false;(o=this.component.listEl)===null||o===void 0?void 0:o.resetFocus();if(this.component.panelCleanup){this.component.panelCleanup()}};return o}();var U=function(){function o(){}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.componentDidLoad=function(){var o=this;setTimeout((function(){return o.valueChanged(o.component.value,undefined)}),0)};o.prototype.isDisabled=function(){return this.component.disabled||this.component.readonly};o.prototype.isFilled=function(){return this.component.rawValue&&this.component.rawValue.length>0};o.prototype.valueChanged=function(o,t){var r=typeof o;var e=typeof t;if(r!==e){this.updateRawValueByValueProp(o)}if(r==="string"&&o!==t){this.updateRawValueByValueProp(o)}if(Array.isArray(o)&&Array.isArray(t)&&!g(o,t)){this.updateRawValueByValueProp(o)}};o.prototype.updateRawValueBySelection=function(o,t){if(o===void 0){o=[]}if(t===void 0){t=false}this.component.isAutoFilled=t;this.updateRawValue(o);if(this.component.multiple){this.component.balChange.emit(this.component.rawValue)}else{this.component.balChange.emit(this.component.rawValue[0])}};o.prototype.parseValueString=function(o){if(o===void 0){o=[]}var t=[];if(!y(o)&&o!==""){if(Array.isArray(o)){t=__spreadArray([],o.filter((function(o){return!y(o)})),true)}else{if(o.split("").includes(",")){t=__spreadArray([],o.split(",").filter((function(o){return o})).map((function(o){return o.trim()})),true)}else{t=[o]}}}return t};o.prototype.updateRawValueByValueProp=function(o){if(o===void 0){o=[]}var t=this.parseValueString(o);this.updateRawValue(t)};o.prototype.updateRawValue=function(){return __awaiter(this,arguments,void 0,(function(o){if(o===void 0){o=[]}return __generator(this,(function(t){switch(t.label){case 0:this.component.rawValue=o;if(!this.component.listEl)return[3,2];return[4,this.component.listEl.updateSelected(this.component.rawValue)];case 1:t.sent();t.label=2;case 2:return[4,this.updateInputContent()];case 3:t.sent();return[2]}}))}))};o.prototype.removeOption=function(o){var t=this.component.rawValue.filter((function(t){return t!==o.value}));this.updateRawValueBySelection(t)};o.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(t){switch(t.label){case 0:return[4,b()];case 1:t.sent();if(!this.component.listEl)return[3,3];o=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:o.choices=t.sent();this.component.inputLabel=this.component.choices.map((function(o){return o.label.trim()})).sort().join(",");t.label=3;case 3:return[2]}}))}))};return o}();var V=function(o){var r=o.inlineLabel,e=o.filled,n=o.chips,i=o.placeholder,a=o.choices,l=o.invalid,d=o.disabled,c=o.readonly,u=o.onRemoveChip;var p=s.block("dropdown");if(e){if(n){return t("div",{class:Object.assign({},p.element("root").element("content").element("chips").class())},a.map((function(o){return t("bal-tag",{key:o.value,"data-testid":"bal-dropdown-chip",size:"small",invalid:l,disabled:d||c,closable:!(d||c),onBalCloseClick:function(){return u(o)}},o.label)})))}else{return(r&&"".concat(r,": "))+a.map((function(o){return o.label})).join(", ")}}else{return i}};var X=function(o){var r=o.inputId,e=o.httpFormSubmit,n=o.ariaForm,i=o.rawValue,a=o.autocomplete,l=o.required,d=o.disabled,c=o.readonly,u=o.placeholder,p=o.expanded,h=o.invalid,b=o.language,f=o.inputLabel,_=o.inheritedAttributes,v=o.refInputEl,w=o.onChange,m=o.onFocus,g=o.onBlur,y=o.onKeyDown;var x=s.block("dropdown");var k=function(){return t("input",Object.assign({id:n.controlId||"".concat(r,"-ctrl"),class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:a,value:i.join(","),required:l,disabled:d,readonly:c,placeholder:u,title:p?P[b].close:P[b].open,"aria-label":p?P[b].close:P[b].open,"aria-owns":"".concat(r,"-menu"),"aria-invalid":O(h),"aria-disabled":O(d||c),"aria-labelledby":n.labelId,"aria-describedby":n.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":f,"data-value":i.join(","),ref:function(o){return v(o)},onChange:function(o){return w(o)},onFocus:function(o){return m(o)},onBlur:function(o){return g(o)},onKeyDown:function(o){return y(o)}},_))};if(e){return t(k,null)}return t("form",{novalidate:true},t(k,null))};var Y=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';var J=o("bal_dropdown",function(){function o(o){var t=this;r(this,o);this.balChange=e(this,"balChange");this.balFocus=e(this,"balFocus");this.balBlur=e(this,"balBlur");this.inputId="bal-dropdown-".concat(Z++);this.inheritedAttributes={};this.initialValue=[];this.nativeOptions=[];this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=false;this.isKeyboardMode=false;this.inputLabel="";this.ariaForm=u;this.language=z.language;this.region=z.region;this.httpFormSubmit=z.httpFormSubmit;this.labelToFocus="";this.valueUtil=new U;this.eventsUtil=new H;this.popupUtil=new R;this.optionUtil=new j;this.formSubmitUtil=new W;this.focusUtil=new M;this.autoFillUtil=new E;this.autocomplete="off";this.name=this.inputId;this.placeholder="";this.inlineLabel="";this.icon="caret-down";this.size="";this.theme="";this.disabled=false;this.readonly=false;this.multiple=false;this.chips=false;this.clearable=false;this.invalid=false;this.required=false;this.loading=false;this.filter="includes";this.contentHeight=262;this.inverted=false;this.options=[];this.value=[];this.hasConnected=false;this.listenToOptionChange=function(o){t.optionUtil.listenToOptionChange(o)};this.listenOnClickOutside=function(o){t.eventsUtil.handleOutsideClick(o)};this.resetHandler=function(o){t.formSubmitUtil.handle(o)};this.handleAutoFill=function(o){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){this.log("(handleAutoFill)",o,this.nativeEl.value);this.autoFillUtil.handleAutoFill(o);return[2]}))}))};this.handleKeyDown=function(o){var r,e,n,i,a;if(o&&o.key){if(t.isExpanded){if(C(o)){p(o);(r=t.listEl)===null||r===void 0?void 0:r.focusNext()}else if(F(o)){p(o);(e=t.listEl)===null||e===void 0?void 0:e.focusPrevious()}else if(o.key==="Home"||o.key==="PageUp"){p(o);(n=t.listEl)===null||n===void 0?void 0:n.focusFirst()}else if(o.key==="End"||o.key==="PageDown"){p(o);(i=t.listEl)===null||i===void 0?void 0:i.focusLast()}else if(A(o)){p(o);(a=t.listEl)===null||a===void 0?void 0:a.selectByFocus()}else if(o.key==="Tab"||D(o)){t.popupUtil.collapseList()}else if(o.key.length===1){t.focusUtil.focusOptionByLabel(o.key)}}else{if(A(o)||L(o)){p(o);t.popupUtil.expandList()}else if(o.key.length===1){t.focusUtil.focusOptionByLabel(o.key,{select:true})}}}else{if(t.isExpanded){t.popupUtil.collapseList()}}}}o.prototype.createLogger=function(o){this.log=o};o.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.optionUtil.optionChanged();return[2]}))}))};o.prototype.valueChanged=function(o,t){this.valueUtil.valueChanged(o,t)};o.prototype.connectedCallback=function(){if(!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)}f(this.el,"balOptionChange",this.listenToOptionChange);if(c.hasDocument){f(document,"keydown",this.eventsUtil.handleKeydown);f(document,"touchstart",this.eventsUtil.handlePointerDown);f(document,"mousedown",this.eventsUtil.handlePointerDown);f(document,"click",this.listenOnClickOutside);f(document,"reset",this.resetHandler,{capture:true})}this.hasConnected=true};o.prototype.disconnectedCallback=function(){_(this.el,"balOptionChange",this.listenToOptionChange);if(c.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:true})}};o.prototype.componentWillRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:this.inheritedAttributes=d(this.el,["tabindex","data-hj-allow"]);return[4,this.optionUtil.componentWillRender()];case 1:o.sent();return[2]}}))}))};o.prototype.componentDidRender=function(){this.formSubmitUtil.componentDidRender()};o.prototype.componentDidLoad=function(){this.valueUtil.componentDidLoad()};o.prototype.configChanged=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=o.language;this.region=o.region;this.httpFormSubmit=o.httpFormSubmit;return[2]}))}))};o.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!(this.nativeEl&&!this.valueUtil.isDisabled()))return[3,2];return[4,v()];case 1:o.sent();this.nativeEl.focus();o.label=2;case 2:return[2]}}))}))};o.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){return[2,this.rawValue]}))}))};o.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.valueUtil.updateRawValueBySelection([]);return[2]}))}))};o.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.expandList()];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};o.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.collapseList()];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};o.prototype.select=function(o){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t);return[2]}))}))};o.prototype.setAriaForm=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},o);return[2]}))}))};o.prototype.render=function(){var o=this;var r=s.block("dropdown");var e=this.valueUtil.isFilled();var i=this.size!=="";var a="size-".concat(this.size);var l=this.theme!=="";var d="theme-".concat(this.theme);var c=this.theme==="purple"?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return t(n,{key:"bbe24bccd7ec89cadd6928abbe42bc80a4838242",class:Object.assign({},r.class()),tabindex:"-1",id:"".concat(this.inputId)},t("div",{key:"8b856d3111155b392dfbcdc2784fc6dbde0e3082",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.element("root").class()),r.element("root").modifier("focused").class(c)),r.element("root").modifier("invalid").class(this.invalid)),r.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),r.element("root").modifier("autofill").class(this.isAutoFilled)),r.element("root").modifier(a).class(i)),r.element("root").modifier(d).class(l)),r.element("root").modifier(d+"-filled").class(e&&l)),r.element("root").modifier(d+"-expanded").class(this.isExpanded&&l)),"data-testid":"bal-dropdown-trigger",onClick:function(t){return o.eventsUtil.handleClick(t)}},t("span",{key:"628b8db6e6f3decd9b0b47bf430755c8c3df69a6",class:Object.assign(Object.assign(Object.assign(Object.assign({},r.element("root").element("content").class()),r.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),r.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),r.element("root").element("content").modifier(a).class(i))},t(V,{key:"acee414090bd362dc9779f525bf675646f2a7f59",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:function(t){return o.valueUtil.removeOption(t)}})),t(X,{key:"caa8f9fe8e1a421135a0a1c601376a609b64e086",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:function(t){return o.nativeEl=t},onChange:function(t){return o.handleAutoFill(t)},onFocus:function(t){return o.eventsUtil.handleFocus(t)},onBlur:function(t){return o.eventsUtil.handleBlur(t)},onKeyDown:function(t){return o.handleKeyDown(t)}}),t(G,{key:"ab3ba3955219cb2e66cc2b73df513820a472a343",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(t){return o.selectEl=t}}),t(K,{key:"09404ab01d7d474c84dfe163e294b07727ff2244",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:e,disabled:this.valueUtil.isDisabled()})),t(N,{key:"03649228dd9963668c5f17e368afb39cb0f1f4ec",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:function(t){return o.panelEl=t},refListEl:function(t){return o.listEl=t}},t("slot",{key:"15326252fb3d0815354b580eae5550ea37cc5c5c"})))};Object.defineProperty(o.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return o}());a([m("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],J.prototype,"createLogger",null);a([S(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],J.prototype,"configChanged",null);var Z=0;J.style=Y;var Q=":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 $=o("bal_option",function(){function o(o){var t=this;r(this,o);this.balOptionChange=e(this,"balOptionChange");this.balOptionFocus=e(this,"balOptionFocus");this.inputId="bal-option-".concat(oo++);this.checkbox=false;this.interactionState=T.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false;this.onClick=function(o){var r=t.el.closest("bal-option-list");if(t.disabled||r&&r.disabled){p(o)}else{if(r&&r.required&&!r.multiple){if(!t.selected){t.select(true)}}else{t.select(!t.selected)}}}}o.prototype.createLogger=function(o){this.log=o};o.prototype.componentWillRender=function(){if(this.el){var o=this.el.closest("bal-option-list");if(o){this.checkbox=!!o.multiple}}};o.prototype.listenToMouseEnter=function(){var o=this,t=o.label,r=o.value,e=o.selected,n=o.disabled,i=o.hidden;if(!i&&!n){this.balOptionFocus.emit({label:t,value:r,selected:e})}};o.prototype.elementStateListener=function(o){this.interactionChildElements.forEach((function(t){t.hovered=o.hovered;t.pressed=o.pressed}))};o.prototype.select=function(){return __awaiter(this,arguments,void 0,(function(o){var t,r,e;if(o===void 0){o=true}return __generator(this,(function(n){this.selected=o;t=this,r=t.label,e=t.value;this.balOptionChange.emit({label:r,value:e,selected:o});return[2]}))}))};Object.defineProperty(o.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-check"))},enumerable:false,configurable:true});o.prototype.render=function(){var o=s.block("option");return t(n,{key:"23668a24757ff9d58d8bb3f657bbe500e1a8de4a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("checkbox").class(this.checkbox)),o.modifier("focused").class(this.focused)),o.modifier("invalid").class(this.invalid)),o.modifier("selected").class(this.selected)),o.modifier("disabled").class(this.disabled)),o.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":O(this.hidden),"aria-selected":O(this.selected),"aria-checked":O(this.selected),"aria-disabled":O(this.disabled),"aria-invalid":O(this.invalid),tabIndex:-1,onClick:this.onClick},t("bal-stack",{key:"e82b712abed142e6a38b859b35593f54697693a6",py:"small",space:"x-small"},this.checkbox?t("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",t("div",{key:"6c853f9670f7238a6b05c7ea9999a7d759c410f3",class:Object.assign(Object.assign({},o.element("inner").class()),o.element("inner").modifier("multiline").class(this.multiline))},t("slot",{key:"537b908ffc4b406ae6a60bf34003c8a67e194984"})),this.selected&&!this.checkbox?t("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(o.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return o}());a([m("bal-option"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],$.prototype,"createLogger",null);a([I(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],$.prototype,"elementStateListener",null);var oo=0;$.style=Q;var to=".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 ro=o("bal_option_list",function(){function o(o){r(this,o);this.inputId="bal-option-list-".concat(eo++);this.inheritAttributes={};this.ariaForm=u;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.filter="includes";this.contentHeight=262}o.prototype.createLogger=function(o){this.log=o};o.prototype.contentHeightChanged=function(o){if(o===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(o,"px"))}};o.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};o.prototype.componentWillRender=function(){this.inheritAttributes=d(this.el,["aria-multiselectable","aria-labelledby"])};o.prototype.listenToMouseEnter=function(o){var t=this.options;var r=this.getOptionIndex(t,o.detail.value);if(r!==undefined){this.updateFocus(t,r)}};o.prototype.listenToOptionChange=function(o){var t=o.detail;if(!this.multiple){this.options.filter((function(o){return o.value!==t.value})).forEach((function(o){return o.selected=false}))}};o.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var o,t;return __generator(this,(function(r){switch(r.label){case 0:o=this.options;t=this.getSelectedOptionIndex(o);if(!(t>0))return[3,2];this.updateFocus(o,t);return[4,b()];case 1:r.sent();return[2,t];case 2:return[4,this.focusFirst()];case 3:return[2,r.sent()]}}))}))};o.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var o,t,r;return __generator(this,(function(e){switch(e.label){case 0:o=this.options;t=this.getFirstOptionIndex(o);this.updateFocus(o,t);r=o[t];this.updateScrollTopPosition(r);return[4,b()];case 1:e.sent();return[2,t]}}))}))};o.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var o,t,r;return __generator(this,(function(e){switch(e.label){case 0:o=this.options;t=this.getLastOptionIndex(o);this.updateFocus(o,t);r=o[t];this.updateScrollBottomPosition(r);return[4,b()];case 1:e.sent();return[2,t]}}))}))};o.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var o,t,r;return __generator(this,(function(e){switch(e.label){case 0:o=this.options;t=this.getNextOptionIndex(o);this.updateFocus(o,t);r=o[t];this.updateScrollBottomPosition(r);return[4,b()];case 1:e.sent();return[2,t]}}))}))};o.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var o,t,r;return __generator(this,(function(e){switch(e.label){case 0:o=this.options;t=this.getPreviousOptionIndex(o);this.updateFocus(o,t);r=o[t];this.updateScrollTopPosition(r);return[4,b()];case 1:e.sent();return[2,t]}}))}))};o.prototype.focusByLabel=function(o,t){return __awaiter(this,void 0,void 0,(function(){var r,e,n;return __generator(this,(function(i){switch(i.label){case 0:r=this.options;e=this.getOptionIndexByLabel(r,o);this.updateFocus(r,e);n=r[e];this.updateScrollTopPosition(n);return[4,b()];case 1:i.sent();if(!t.select)return[3,3];return[4,n.select()];case 2:i.sent();i.label=3;case 3:return[2,e]}}))}))};o.prototype.filterByContent=function(o){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:t=this.allOptions;this.filterOptions(t,o);return[4,b()];case 1:r.sent();return[2,this.focusFirst()]}}))}))};o.prototype.resetHidden=function(){return __awaiter(this,arguments,void 0,(function(o){if(o===void 0){o=false}return __generator(this,(function(t){switch(t.label){case 0:this.options.forEach((function(t){return t.hidden=o}));return[4,b()];case 1:t.sent();this.resetFocus();return[2]}}))}))};o.prototype.resetSelected=function(){return __awaiter(this,arguments,void 0,(function(o){if(o===void 0){o=false}return __generator(this,(function(t){switch(t.label){case 0:this.options.forEach((function(t){return t.selected=o}));return[4,b()];case 1:t.sent();return[2]}}))}))};o.prototype.updateSelected=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.options.forEach((function(t){return t.selected=o.includes(t.value)}));return[4,b()];case 1:t.sent();return[2]}}))}))};o.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var o,t;return __generator(this,(function(r){switch(r.label){case 0:o=this.options;t=-1;this.updateFocus(o,t);this.scrollTo(0);return[4,b()];case 1:r.sent();return[2,t]}}))}))};o.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(t){o=this.options;return[2,o.filter((function(o){return o.selected})).map((function(o){return o.value}))]}))}))};o.prototype.getSelectedOptions=function(o){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){t=this.options;if(o&&o.length>0){return[2,t.filter((function(t){return o.includes(t.value)})).map((function(o){return o}))]}return[2,t.filter((function(o){return o.selected})).map((function(o){return o}))]}))}))};o.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){return[2,this.options.map((function(o){return o.value}))]}))}))};o.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){return[2,this.options.map((function(o){return o.label}))]}))}))};o.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){return[2,this.options.filter((function(o){return!o.disabled||!o.hidden}))]}))}))};o.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var o,t;return __generator(this,(function(r){o=this.options;t=o[this.focusIndex];if(t){if(this.multiple){t.select(!t.selected)}else{t.select(true)}}return[2]}))}))};o.prototype.setAriaForm=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},o);return[2]}))}))};Object.defineProperty(o.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(o){return!o.hidden}))},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});o.prototype.filterOptions=function(o,t){var r=[];var e=this.filter==="includes"?q:B;for(var n=0;n<o.length;n++){var i=o[n];var a=i.textContent||"";if(e(a,t)){r.push(i);i.hidden=false}else{i.hidden=true}}return r};o.prototype.isOptionVisible=function(o){var t=this.el.clientHeight;var r=this.el.scrollTop;var e=r+t;var n=r<=o.offsetTop&&o.offsetTop+o.clientHeight<=e;return n};o.prototype.updateScrollTopPosition=function(o){if(o){var t=this.isOptionVisible(o);if(!t){this.scrollTo(this.getScrollTopForTopPosition(o))}}};o.prototype.updateScrollBottomPosition=function(o){if(o){var t=this.isOptionVisible(o);if(!t){this.scrollTo(this.getScrollTopForBottomPosition(o))}}};o.prototype.getScrollTopForTopPosition=function(o){var t=o.offsetTop;var r=t;if(r<0){return 0}return r};o.prototype.getScrollTopForBottomPosition=function(o){var t=this.el.clientHeight;var r=o.offsetTop+o.clientHeight;var e=r-t;if(e<0){return 0}return e};o.prototype.scrollTo=function(o){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){if(o!==undefined&&o!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=w((function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){this.el.scrollTop=o;return[2]}))}))}))}return[2]}))}))};o.prototype.updateFocus=function(o,t){this.focusIndex=t;for(var r=0;r<o.length;r++){var e=o[r];e.focused=r===t}};o.prototype.getOptionIndex=function(o,t){for(var r=0;r<o.length;r++){var e=o[r];if(e.value===t){return r}}return undefined};o.prototype.getSelectedOptionIndex=function(o){for(var t=0;t<o.length;t++){var r=o[t];if(r.selected&&!r.hidden){return t}}return this.focusIndex};o.prototype.getFirstOptionIndex=function(o){for(var t=0;t<o.length;t++){var r=o[t];if(!r.disabled&&!r.hidden){return t}}return this.focusIndex};o.prototype.getNextOptionIndex=function(o,t){if(t===void 0){t=this.focusIndex}if(t<0){return this.getFirstOptionIndex(o)}var r=this.getLength(o);var e=t;if(t<r){e=t+1;if(o[e].disabled){return this.getNextOptionIndex(o,e)}}return e};o.prototype.getPreviousOptionIndex=function(o,t){if(t===void 0){t=this.focusIndex}var r=this.getFirstOptionIndex(o);if(t<=r){return r}var e=t;e=t-1;if(o[e].disabled){return this.getPreviousOptionIndex(o,e)}return e};o.prototype.getLastOptionIndex=function(o){for(var t=o.length-1;t>=0;t--){var r=o[t];if(!r.disabled){return t}}return this.focusIndex};o.prototype.getOptionIndexByLabel=function(o,t){if(t===undefined||t===""){return this.focusIndex}var r=o.find((function(o){return B(o.label||"",t)}));if(!y(r)&&r.id){return o.indexOf(r)}return this.focusIndex};o.prototype.getLength=function(o){var t=o.map((function(o,t){return o.disabled?0:t}));var r=Math.max.apply(Math,t);return r};o.prototype.render=function(){var o=s.block("option-list");var r=this.labelledby||this.ariaForm.labelId;return t(n,{key:"5b3158027e628a55ea8555e5eb6593cc9d81c7e2",class:Object.assign({},o.class()),id:this.inputId},t("div",Object.assign({key:"679ffd4a00889cc9f7a2f886695f547a0c5f9fd7",role:"listbox","aria-labelledby":r,"aria-disabled":O(this.disabled),class:Object.assign({},o.element("container").class())},this.inheritAttributes),t("slot",{key:"514c3009d4e75d62e69ffb60f832bbf70644a19d"})))};Object.defineProperty(o.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return o}());a([m("bal-option-list"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],ro.prototype,"createLogger",null);var eo=0;ro.style=to}}}));

package/dist/baloise-design-system/p-17fb47d0d4.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as a,g as i}from"./p-BdVwMG9u.js";import{s as r}from"./p-FCLKfv6B.js";import{b as e,a as o}from"./p-Ba5qjFjW.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";const f=class{constructor(t){s(this,t),this.native=!1,this.novalidate=!1,this.formClass=""}async scrollToFirstInvalidField(){await e(),await o(),r({formEl:this.el})}render(){let s={};return this.native&&(s={novalidate:this.novalidate}),t(a,{key:"d25c1b6664e41d72f2d2c5b2ad6532fa184d66bf"},t(this.native?"form":"div",Object.assign({key:"37eefa8920cf3fb639d235d7b21cb7a44be6bd06"},s,{class:this.formClass}),t("slot",{key:"7eff7f47f3fd4732988e17944be73373e6133e32"})))}get el(){return i(this)}};f.style=".bal-form{display:block;position:static}";export{f as bal_form}

package/dist/baloise-design-system/p-1f011724dd.entry.js

@@ -1 +0,0 @@
-import{r as i,h as r,H as s,g as t}from"./p-BdVwMG9u.js";const e=class{constructor(r){i(this,r),this.colClass="col",this.size="full"}render(){return r(s,{key:"d2157c5ff125226d4d2825f97302196de41483fd",class:{[`${this.colClass}`]:!0,"py-none":!0,"touch:is-12":!0,"is-12":"full"===this.size||"fullwidth"===this.size||void 0===this.size,"is-6":"half"===this.size,"is-4":"one-third"===this.size,"is-8":"two-thirds"===this.size,"is-3":"one-quarter"===this.size,"is-9":"three-quarters"===this.size}},r("slot",{key:"25c2e4928d8aee7a28bb4dd554b3fb2090dd29e2"}))}get el(){return t(this)}},o=class{constructor(r){i(this,r)}render(){return r(s,{key:"164b3b6f4a81dacf2f53d5005ec64752a7aba56d",class:"bal-form-grid grid is-multiline my-none py-none"},r("slot",{key:"dac6ae11535688ca5b0958366137edc226dc584f"}))}};o.style=".bal-form-grid{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:.25rem}@media screen and (min-width: 1024px){.bal-form-grid{-ms-flex-direction:row;flex-direction:row}}.bal-form-grid.columns{margin-top:0 !important;margin-bottom:0 !important}";export{e as bal_form_col,o as bal_form_grid}

package/dist/baloise-design-system/p-2d57df519d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as a}from"./p-BdVwMG9u.js";import{a as h}from"./p-DBsOHTWj.js";import{i as n}from"./p-C4sZQbkT.js";import{B as o}from"./p-ByiN-QjD.js";import{d as r}from"./p-FCLKfv6B.js";import{g as l,a as d,b as c,e as b,f as p,i as f,h as m,j as u,c as x,d as g}from"./p-CpDHeXfo.js";import{n as y}from"./p-Ba5qjFjW.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";const j=class{constructor(s){t(this,s),this.balChange=i(this,"balChange"),this.balInput=i(this,"balInput"),this.balBlur=i(this,"balBlur"),this.balKeyPress=i(this,"balKeyPress"),this.balFocus=i(this,"balFocus"),this.inputId="bal-textarea-"+k++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue=this.value||"",this.focused=!1,this.ariaForm=r,this.name=this.inputId,this.invalid=!1,this.autocapitalize="none",this.autocomplete="off",this.autofocus=!1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.clickable=!1,this.value="",this.autoInvalidOff=!1,this.onInput=t=>{const i=l(t);i&&(this.inputValue=i.value),this.balInput.emit(this.inputValue)},this.onFocus=t=>d(this,t),this.onBlur=t=>{c(this,t);const i=t.target;i&&(i.value=this.getValue()),b(this)},this.onClick=t=>p(this,t),this.handleClick=t=>f(this,t)}debounceChanged(){this.balChange=y(this.balChange,this.debounce)}listenOnClick(t){m(this,t)}resetHandler(t){const i=t.target;(null==i?void 0:i.contains(this.el))&&u(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=n(this.el,["aria-label","tabindex","title","data-hj-allow"])}async setFocus(){x(this)}async setBlur(){g(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}getValue(){return this.value||""}render(){const t=this.getValue(),i=o.block("textarea"),a=i.element("native");return s(e,{key:"d89d5925e65ffcf37caf62fdb8aef42361ceea7f",onClick:this.handleClick,"aria-disabled":h(this.disabled),class:Object.assign({},i.class())},s("textarea",Object.assign({key:"20f02fa458fd85ff4c7c880b11522011052ff2e4",class:Object.assign(Object.assign({},a.class()),{textarea:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,clickable:this.clickable}),"data-testid":"bal-textarea-input",ref:t=>this.nativeInput=t,name:this.name,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":h(this.disabled),disabled:this.disabled,readonly:this.readonly,required:this.required,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autoFocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder,inputMode:this.inputmode,value:this.value,cols:this.cols,rows:this.rows,wrap:this.wrap,onFocus:this.onFocus,onInput:t=>this.onInput(t),onBlur:this.onBlur,onClick:this.onClick,onKeyPress:t=>this.balKeyPress.emit(t)},this.inheritedAttributes),t,s("slot",{key:"dfbd0670d3a5428b393bbdfb4778dbd4de5fddcc"})))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"]}}};let k=0;j.style=".bal-textarea{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;width:100%;font-family:var(--bal-font-family-text);white-space:pre-wrap;-webkit-box-sizing:border-box;box-sizing:border-box}.bal-textarea__native{margin:0;display:block;width:100%;max-width:100%;max-height:100%;outline:none;background:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:calc(.75em - 2px)}.bal-textarea__native::-webkit-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-moz-placeholder{padding:0;font-family:inherit}.bal-textarea__native:-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::placeholder{padding:0;font-family:inherit}";export{j as bal_textarea}

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

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

package/dist/baloise-design-system/p-60ab46a87c.entry.js

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

package/dist/baloise-design-system/p-80cae9282e.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js"],(function(e){"use strict";var t,a,l,b,s;return{setters:[function(e){t=e.r;a=e.h;l=e.H;b=e.g},function(e){s=e.B}],execute:function(){var c=".bal-table{display:block;position:static}.bal-table--is-fullwidth{display:-ms-flexbox;display:flex;width:100%}bal-checkbox .bal-checkbox__label::before{top:0}bal-checkbox .bal-checkbox__label::after{margin-top:0px}";var i=e("bal_table",function(){function e(e){t(this,e);this.expanded=false}e.prototype.render=function(){var e=s.block("table");var t="is-fullwidth";var b=this.expanded;return a(l,{key:"02a18be55045376f238aeaaf4fdf0d1abd97788a",class:Object.assign(Object.assign(Object.assign({},e.class()),{"ag-theme-alpine":true}),e.modifier(t).class(b))},a("slot",{key:"33860f7409dc7b8ef772327022bed7978513a94a"}))};Object.defineProperty(e.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});return e}());i.style=c}}}));

package/dist/baloise-design-system/p-8670cb3845.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as e,g as h}from"./p-BdVwMG9u.js";import{_ as n,a as r}from"./p-dfXERft2.js";import{i as a}from"./p-jv0tWyso.js";import{i as o}from"./p-CbvOgU0G.js";import{i as l}from"./p-xbSOW78W.js";import{a as u}from"./p-DBsOHTWj.js";import{i as c}from"./p-C4sZQbkT.js";import{B as d}from"./p-ByiN-QjD.js";import{d as p}from"./p-FCLKfv6B.js";import{f as m,i as f,a as b,b as y,e as g,k as j,s as v,h as C,j as F,c as k,d as B}from"./p-CpDHeXfo.js";import{n as x}from"./p-Ba5qjFjW.js";import{L as w}from"./p-D7ovid3w.js";import{g as K,a as D,b as L,f as O}from"./p-DsxGYykr.js";import{N as P,A as $}from"./p-xVPGsAdF.js";import{d as I}from"./p-C_0MGoKB.js";import{L as G}from"./p-B-L34nz8.js";import"./p-BFTU3MAI.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";function W(t){return"string"==typeof t&&"."!==L()}function M(t){const s=parseFloat(t);return"number"==typeof s&&!o(s)}function T(t,s=0){let i=t;if(""!==i&&null!=i&&!o(i)&&i!==K()&&i!==D()&&M(i))return W(i)&&(i=i.split(L()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(D(),".")),0===s?parseInt(i,10):parseFloat(i)}function V(t,s=0){let i=t;if(l(i))return"";W(i)&&(i=i.split(L()).join("").split("`").join("").split("'").join("")),i.charAt(0)===D()&&(i=`0${i}`);const e=0===s?parseInt(i,10):parseFloat(i.replace(D(),"."));return o(e)?"":e.toFixed(s)}function A(t){return t.replace(".",D())}function E(t,s=0,i=""){if(l(t))return"";t.charAt(0)===D()&&(t=`0${t}`);const e=0===s?parseInt(t,10):parseFloat(t),h=""!==i?` ${i.trim()}`:"";return o(e)?"":O(e,s)+h}const H=class{constructor(i){t(this,i),this.balInput=s(this,"balInput"),this.balChange=s(this,"balChange"),this.balBlur=s(this,"balBlur"),this.balFocus=s(this,"balFocus"),this.balKeyPress=s(this,"balKeyPress"),this.inputId="bal-number-input-"+_++,this.inheritedAttributes={},this.lastValue="",this.inputValue=this.value,this.initialValue=void 0,this.focused=!1,this.language=I.language,this.region=I.region,this.ariaForm=p,this.nativeInputValue="",this.inputPattern=this.createPattern(),this.name=this.inputId,this.invalid=!1,this.decimal=0,this.onlyPositive=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.exactNumber=!1,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1,this.onClick=t=>m(this,t),this.handleClick=t=>f(this,t),this.onInput=()=>{var t,s;!this.nativeInput||M(s=this.nativeInput.value)||""===s||s===K()||s===D()?(this.lastValue=(null===(t=this.nativeInput)||void 0===t?void 0:t.value)||"",this.balInput.emit(T(this.lastValue,this.decimal))):this.nativeInputValue=this.lastValue||""},this.onFocus=t=>{b(this,t),this.nativeInput&&(this.nativeInputValue=A(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>this.nativeInput.select())))},this.onBlur=t=>{y(this,t),this.nativeInput&&(this.lastValue=V(this.lastValueGetter,this.decimal),this.nativeInputValue=E(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput.value=this.nativeInputValue),this.inputValue=T(this.lastValueGetter,this.decimal),g(this)},this.onKeydown=t=>{const s=j(this,t),i=null==t?void 0:t.target;if(i&&!function({key:t,ctrlKey:s,metaKey:i,selectionStart:e,selectionEnd:h,newValue:n,decimal:r,onlyPositive:a}){if(["a","c","v"].includes(t)&&(s||i))return!0;if(t===K()){if(a)return!1;if(e&&e>0&&h&&h>0)return!1}if(t===D()){if(0===r)return!1;if(((n.split(D())||[]).length-1||0)>1)return!1}if(![...P,...$,D(),K()].includes(t))return!1;if(0!==r&&n.includes(D())&&[...P].includes(t)){const t=n.split(D());if(t[t.length-1].length>r)return!1}return!0}({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:this.decimal,newValue:s,selectionStart:i.selectionStart,selectionEnd:i.selectionEnd,onlyPositive:this.onlyPositive}))return v(t)}}createLogger(t){this.log=t}debounceChanged(){this.balChange=x(this.balChange,this.debounce)}valueChanged(t,s){const i=T(t,this.decimal);if(i!==s){const t=""===i||l(i)||o(i)?this.exactNumber?"0":"":i.toString();this.inputValue=T(V(t,this.decimal),this.decimal),this.lastValue=V(t,this.decimal),this.nativeInputValue=this.focused?A(this.lastValue):E(this.lastValue,this.decimal,this.suffix)}}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||0,void 0!==this.value&&this.valueChanged(this.value,void 0)}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])}listenOnClick(t){C(this,t)}resetHandler(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&F(this,this.initialValue,this.resetHandlerTimer)}async configChanged(t){this.language=t.language,this.region=t.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?A(this.lastValue):E(this.lastValue,this.decimal,this.suffix))}async setFocus(){k(this)}async setBlur(){B(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}createPattern(){if(this.pattern)return this.pattern;let t=this.suffix||"";""!==t&&(t=` ${t}`);const s=L();let i=D();","===i&&(i="\\,");let e="-";return this.onlyPositive&&(e=""),`${e}?\\d{1,3}(?:${s}\\d{3})*(?:\\${i}\\d{1,2})?(?:${t})?`}get lastValueGetter(){return this.exactNumber&&(l(this.lastValue)||a(this.lastValue))?"0":this.lastValue}render(){const t=d.block("number-input");return i(e,{key:"05aefde81132346bdb2130d043eca23d147de546",onClick:this.handleClick,"aria-disabled":u(this.disabled),class:Object.assign({},t.class())},i("input",Object.assign({key:"28ee794cc826e50003d8485c8dda1ba2e083481b",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:t=>this.nativeInput=t,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":u(this.disabled),name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:t=>this.onInput(t),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),onClick:this.onClick,onKeyDown:t=>this.onKeydown(t),onKeyPress:t=>this.balKeyPress.emit(t)},this.inheritedAttributes)))}get el(){return h(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};n([w("bal-number-input"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],H.prototype,"createLogger",null),n([G(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],H.prototype,"configChanged",null);let _=0;H.style=".bal-number-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}";export{H as bal_number_input}

package/dist/baloise-design-system/p-B-QBxqhr.system.js

@@ -1 +0,0 @@
-System.register(["./p-yVWmRk4o.system.js"],(function(t){"use strict";var n;return{setters:[function(t){n=t.a}],execute:function(){t("L",u);function u(){return function(t,u,e){var i=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){n.attach(this);return i&&i.call(this)};t.disconnectedCallback=function(){n.detach(this);return r&&r.call(this)}}}}}}));

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

@@ -1 +0,0 @@
-import{r as a,h as e,H as t,g as l}from"./p-BdVwMG9u.js";import{B as b}from"./p-ByiN-QjD.js";const s=class{constructor(e){a(this,e),this.expanded=!1}render(){const a=b.block("table"),l=this.expanded;return e(t,{key:"02a18be55045376f238aeaaf4fdf0d1abd97788a",class:Object.assign(Object.assign(Object.assign({},a.class()),{"ag-theme-alpine":!0}),a.modifier("is-fullwidth").class(l))},e("slot",{key:"33860f7409dc7b8ef772327022bed7978513a94a"}))}get el(){return l(this)}};s.style=".bal-table{display:block;position:static}.bal-table--is-fullwidth{display:-ms-flexbox;display:flex;width:100%}bal-checkbox .bal-checkbox__label::before{top:0}bal-checkbox .bal-checkbox__label::after{margin-top:0px}";export{s as bal_table}

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

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

package/dist/collection/utils/dropdown/option-list.js

@@ -1,8 +0,0 @@
-import { h } from "@stencil/core";
-import { BEM } from "../bem";
-export const DropdownOptionList = ({ inputId, isExpanded, rawOptions, isDisabled, hasPropOptions, required, filter, multiple, contentHeight, refPanelEl, refListEl, }) => {
-    const block = BEM.block('dropdown');
-    return (h("div", { id: `${inputId}-menu`, class: Object.assign(Object.assign({}, block.element('list').class()), block.element('list').modifier('expanded').class(isExpanded)), ref: refPanelEl }, h("bal-option-list", { multiple: multiple, disabled: isDisabled, filter: filter, required: required, contentHeight: contentHeight, ref: refListEl }, h("slot", null), hasPropOptions
-        ? rawOptions.map(option => (h("bal-option", { key: option.value, value: option.value, label: option.label, disabled: option.disabled, multiline: option.multiline, invalid: option.invalid, hidden: option.hidden, selected: option.selected, focused: option.focused }, option.label)))
-        : '')));
-};

package/dist/esm-es5/breakpoints.decorator-C53gt7tV.js

@@ -1 +0,0 @@
-import{a as balBreakpointSubject}from"./breakpoints.subject-BjroUbV7.js";function ListenToBreakpoints(){return function(t,n,i){var r=t.connectedCallback,e=t.disconnectedCallback;t.connectedCallback=function(){balBreakpointSubject.attach(this);return r&&r.call(this)};t.disconnectedCallback=function(){balBreakpointSubject.detach(this);return e&&e.call(this)}}}export{ListenToBreakpoints as L};

package/dist/types/utils/dropdown/option-list.d.ts

@@ -1,17 +0,0 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
-import { BalOption } from './option';
-export interface DropdownOptionListProps {
-    inputId: string;
-    block: string;
-    filter: BalProps.BalOptionListFilter;
-    required: boolean;
-    isExpanded: boolean;
-    isDisabled: boolean;
-    hasPropOptions: boolean;
-    multiple: boolean;
-    contentHeight: number;
-    rawOptions: BalOption[];
-    refPanelEl: (el: HTMLDivElement) => void;
-    refListEl: (el: HTMLBalOptionListElement) => void;
-}
-export declare const DropdownOptionList: FunctionalComponent<DropdownOptionListProps>;