npm - @baloise/ds-core - Versions diffs - 17.2.4 → 17.2.5-nightly.20250116 - Mend

@baloise/ds-core 17.2.4 → 17.2.5-nightly.20250116

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (406) hide show

package/dist/esm-es5/bal-dropdown.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as stopEventBubbling}from"./form-input-1f3d8337.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{n as rIC,b as waitAfterFramePaint,l as addEventListener,r as removeEventListener,d as waitAfterIdleCallback}from"./helpers-32d9e1cc.js";import{b as balBrowser}from"./browser-a8073d92.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{l as lodash_isnil}from"./index-82aff103.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{b as balFloatingUi}from"./floating-ui-922202fe.js";import{D as DropdownOptionUtil}from"./option-367a5341.js";import{i as isArrowDownKey,a as isArrowUpKey,b as isEnterKey,c as isEscapeKey,d as isSpaceKey}from"./keyboard.helpers-159e517d.js";import{a as ariaBooleanToString}from"./aria-d5877698.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";var DropdownAutoFillUtil=function(){function o(){var o=this;this.handleAutoFill=function(r){return __awaiter(o,void 0,void 0,(function(){var o,e;return __generator(this,(function(t){switch(t.label){case 0:stopEventBubbling(r);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;o=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(o)];case 1:e=t.sent();if(e===undefined){this.component.isAutoFilled=false;return[2]}if(!areArraysEqual(e,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(e,true)}t.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 r,e,t,n;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.component.listEl.getOptions()];case 1:r=i.sent();e=undefined;for(t=0;t<r.length;t++){n=r[t];if(n.value===o\|\|n.label===o){return[2,[n.value]]}}return[2,e]}}))}))};return o}();var i18nBalDropdown={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 DropdownEventsUtil=function(){function o(){var o=this;this.handlePointerDown=function(){o.component.isKeyboardMode=false};this.handleKeydown=function(r){o.component.isKeyboardMode=FOCUS_KEYS.includes(r.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 r=this;if(!this.component.isExpanded){this.component.hasFocus=false;rIC((function(){return r.component.balBlur.emit(o)}))}};o.prototype.handleClick=function(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var r=o.target;var e=r.closest("bal-close");if(e){return}}if(this.component.clearable){var r=o.target;var t=r.closest(".bal-dropdown__clear");if(t){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};o.prototype.handleOutsideClick=function(o){var r=this;var e;if(this.component.isExpanded){if(!this.component.el.contains(o.target)){this.component.isExpanded=false;(e=this.component.listEl)===null\|\|e===void 0?void 0:e.resetFocus();this.component.hasFocus=false;rIC((function(){return r.component.balBlur.emit(o)}))}}};return o}();var DropdownFocusUtil=function(){function o(){}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.focusOptionByLabel=function(o,r){var e=this;if(r===void 0){r={}}this.component.labelToFocus=(this.component.labelToFocus+o).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var o;(o=e.component.listEl)===null\|\|o===void 0?void 0:o.focusByLabel(e.component.labelToFocus,r)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(o){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return o}();var DropdownFormSubmitUtil=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 r=this.component.selectEl.querySelectorAll("option");r.forEach((function(r){if(o.component.rawValue.includes(r.value)){r.selected=true}}))}};o.prototype.handle=function(o){var r=this;var e=o.target;if(e===null\|\|e===void 0?void 0:e.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var o=r.component.valueUtil.parseValueString(r.component.initialValue);r.component.valueUtil.updateRawValueBySelection(o)}),0)}};return o}();var DropdownNativeSelect=function(o){var r=o.name,e=o.httpFormSubmit,t=o.multiple,n=o.required,i=o.disabled,a=o.rawValue,l=o.refSelectEl;var d=BEM.block("dropdown");return e?h("select",{class:Object.assign({},d.element("root").element("select").class()),"aria-hidden":"true",name:r,multiple:t,required:n,disabled:i,tabindex:-1,ref:l},a.map((function(o){return h("option",{key:o,value:o,selected:true},o)}))):""};var DropdownIcon=function(o){var r=o.size,e=o.theme,t=o.icon,n=o.language,i=o.loading,a=o.clearable,l=o.invalid,d=o.filled,s=o.expanded,p=o.disabled;var c=BEM.block("dropdown");if(i){return h("bal-spinner",{class:Object.assign({},c.element("rear").class()),small:true,variation:"circle"})}else if(a&&d&&!p){return h("button",{title:i18nBalDropdown[n].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},c.element("rear").class()),c.element("clear").class()),c.element("clear").modifier("invalid").class(l)),c.element("clear").modifier("theme-purple").class(e==="purple"))},h("bal-icon",{class:Object.assign({},c.element("rear").class()),name:e==="purple"?"close":"close-circle",size:r,color:e==="purple"?"primary":"grey"}))}else{return h("bal-icon",{class:Object.assign({},c.element("rear").class()),name:t,size:r,turn:s,color:p?"grey":l?"danger":!d&&e==="purple"?"primary-light":"primary"})}};var DropdownOptionList=function(o){var r=o.inputId,e=o.isExpanded,t=o.rawOptions,n=o.isDisabled,i=o.hasPropOptions,a=o.required,l=o.filter,d=o.multiple,s=o.contentHeight,p=o.refPanelEl,c=o.refListEl;var u=BEM.block("dropdown");return h("div",{id:"".concat(r,"-menu"),class:Object.assign(Object.assign({},u.element("list").class()),u.element("list").modifier("expanded").class(e)),ref:p},h("bal-option-list",{multiple:d,disabled:n,filter:l,required:a,contentHeight:s,ref:c},h("slot",null),i?t.map((function(o){return h("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 DropdownPopupUtil=function(){function o(){this.updatePanelPosition=function(o,r,e){return function(){o.computePosition(r,e,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((function(o){var r=o.x,t=o.y;Object.assign(e.style,{left:"".concat(r,"px"),top:"".concat(t,"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,r;return __generator(this,(function(e){switch(e.label){case 0:if(!this.component.panelEl)return[3,2];return[4,balFloatingUi.load()];case 1:r=e.sent();this.component.panelCleanup=r.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(r,this.component.el,this.component.panelEl));e.label=2;case 2:this.component.isExpanded=true;return[4,(o=this.component.listEl)===null\|\|o===void 0?void 0:o.focusSelected()];case 3:e.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 DropdownValueUtil=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,r){var e=typeof o;var t=typeof r;if(e!==t){this.updateRawValueByValueProp(o)}if(e==="string"&&o!==r){this.updateRawValueByValueProp(o)}if(Array.isArray(o)&&Array.isArray(r)&&!areArraysEqual(o,r)){this.updateRawValueByValueProp(o)}};o.prototype.updateRawValueBySelection=function(o,r){if(o===void 0){o=[]}if(r===void 0){r=false}this.component.isAutoFilled=r;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 r=[];if(!lodash_isnil(o)&&o!==""){if(Array.isArray(o)){r=__spreadArray([],o.filter((function(o){return!lodash_isnil(o)})),true)}else{if(o.split("").includes(",")){r=__spreadArray([],o.split(",").filter((function(o){return o})).map((function(o){return o.trim()})),true)}else{r=[o]}}}return r};o.prototype.updateRawValueByValueProp=function(o){if(o===void 0){o=[]}var r=this.parseValueString(o);this.updateRawValue(r)};o.prototype.updateRawValue=function(){return __awaiter(this,arguments,void 0,(function(o){if(o===void 0){o=[]}return __generator(this,(function(r){switch(r.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:r.sent();r.label=2;case 2:return[4,this.updateInputContent()];case 3:r.sent();return[2]}}))}))};o.prototype.removeOption=function(o){var r=this.component.rawValue.filter((function(r){return r!==o.value}));this.updateRawValueBySelection(r)};o.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){switch(r.label){case 0:return[4,waitAfterFramePaint()];case 1:r.sent();if(!this.component.listEl)return[3,3];o=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:o.choices=r.sent();this.component.inputLabel=this.component.choices.map((function(o){return o.label.trim()})).sort().join(",");r.label=3;case 3:return[2]}}))}))};return o}();var DropdownValue=function(o){var r=o.inlineLabel,e=o.filled,t=o.chips,n=o.placeholder,i=o.choices,a=o.invalid,l=o.disabled,d=o.readonly,s=o.onRemoveChip;var p=BEM.block("dropdown");if(e){if(t){return h("div",{class:Object.assign({},p.element("root").element("content").element("chips").class())},i.map((function(o){return h("bal-tag",{key:o.value,"data-test":"bal-dropdown-chip",size:"small",invalid:a,disabled:l\|\|d,closable:!(l\|\|d),onBalCloseClick:function(){return s(o)}},o.label)})))}else{return(r&&"".concat(r,": "))+i.map((function(o){return o.label})).join(", ")}}else{return n}};var DropdownInput=function(o){var r=o.name,e=o.inputId,t=o.httpFormSubmit,n=o.ariaForm,i=o.rawValue,a=o.autocomplete,l=o.required,d=o.disabled,s=o.readonly,p=o.placeholder,c=o.expanded,u=o.invalid,b=o.language,_=o.inputLabel,f=o.inheritedAttributes,v=o.refInputEl,w=o.onChange,m=o.onFocus,g=o.onBlur,x=o.onKeyDown;var y=BEM.block("dropdown");var k=function(){return h("input",Object.assign({id:n.controlId\|\|"".concat(e,"-ctrl"),class:Object.assign({},y.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:r,autoComplete:a,value:i.join(","),required:l,disabled:d,readonly:s,placeholder:p,title:c?i18nBalDropdown[b].close:i18nBalDropdown[b].open,"aria-label":c?i18nBalDropdown[b].close:i18nBalDropdown[b].open,"aria-owns":"".concat(e,"-menu"),"aria-invalid":ariaBooleanToString(u),"aria-disabled":ariaBooleanToString(d\|\|s),"aria-labelledby":n.labelId,"aria-describedby":n.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":_,"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 x(o)}},f))};if(t){return h(k,null)}return h("form",{novalidate:true},h(k,null))};var balDropdownCss=':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-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--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:.5rem;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:block;visibility:hidden;opacity:0;min-width:100%;width:100%;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)}.bal-dropdown__list--expanded{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--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):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):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):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):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):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):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):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded,.bal-dropdown__root--theme-purple-expanded:hover,.bal-dropdown__root--theme-purple-expanded:active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';var BalDropdownStyle0=balDropdownCss;var Dropdown=function(){function o(o){var r=this;registerInstance(this,o);this.balChange=createEvent(this,"balChange",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.inputId="bal-dropdown-".concat(balDropdownIds++);this.inheritedAttributes={};this.initialValue=[];this.nativeOptions=[];this.valueUtil=new DropdownValueUtil;this.eventsUtil=new DropdownEventsUtil;this.popupUtil=new DropdownPopupUtil;this.optionUtil=new DropdownOptionUtil;this.formSubmitUtil=new DropdownFormSubmitUtil;this.focusUtil=new DropdownFocusUtil;this.autoFillUtil=new DropdownAutoFillUtil;this.hasConnected=false;this.listenToOptionChange=function(o){r.optionUtil.listenToOptionChange(o)};this.listenOnClickOutside=function(o){r.eventsUtil.handleOutsideClick(o)};this.resetHandler=function(o){r.formSubmitUtil.handle(o)};this.handleAutoFill=function(o){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(r){this.log("(handleAutoFill)",o,this.nativeEl.value);this.autoFillUtil.handleAutoFill(o);return[2]}))}))};this.handleKeyDown=function(o){var e,t,n,i,a;if(o&&o.key){if(r.isExpanded){if(isArrowDownKey(o)){stopEventBubbling(o);(e=r.listEl)===null\|\|e===void 0?void 0:e.focusNext()}else if(isArrowUpKey(o)){stopEventBubbling(o);(t=r.listEl)===null\|\|t===void 0?void 0:t.focusPrevious()}else if(o.key==="Home"\|\|o.key==="PageUp"){stopEventBubbling(o);(n=r.listEl)===null\|\|n===void 0?void 0:n.focusFirst()}else if(o.key==="End"\|\|o.key==="PageDown"){stopEventBubbling(o);(i=r.listEl)===null\|\|i===void 0?void 0:i.focusLast()}else if(isEnterKey(o)){stopEventBubbling(o);(a=r.listEl)===null\|\|a===void 0?void 0:a.selectByFocus()}else if(o.key==="Tab"\|\|isEscapeKey(o)){r.popupUtil.collapseList()}else if(o.key.length===1){r.focusUtil.focusOptionByLabel(o.key)}}else{if(isEnterKey(o)\|\|isSpaceKey(o)){stopEventBubbling(o);r.popupUtil.expandList()}else if(o.key.length===1){r.focusUtil.focusOptionByLabel(o.key,{select:true})}}}else{if(r.isExpanded){r.popupUtil.collapseList()}}};this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=false;this.isKeyboardMode=false;this.inputLabel="";this.ariaForm=defaultBalAriaForm;this.language=defaultConfig.language;this.region=defaultConfig.region;this.httpFormSubmit=defaultConfig.httpFormSubmit;this.labelToFocus="";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=[]}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,r){this.valueUtil.valueChanged(o,r)};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)}addEventListener(this.el,"balOptionChange",this.listenToOptionChange);if(balBrowser.hasDocument){addEventListener(document,"keydown",this.eventsUtil.handleKeydown);addEventListener(document,"touchstart",this.eventsUtil.handlePointerDown);addEventListener(document,"mousedown",this.eventsUtil.handlePointerDown);addEventListener(document,"click",this.listenOnClickOutside);addEventListener(document,"reset",this.resetHandler,{capture:true})}this.hasConnected=true};o.prototype.disconnectedCallback=function(){removeEventListener(this.el,"balOptionChange",this.listenToOptionChange);if(balBrowser.hasDocument){removeEventListener(document,"keydown",this.eventsUtil.handleKeydown);removeEventListener(document,"touchstart",this.eventsUtil.handlePointerDown);removeEventListener(document,"mousedown",this.eventsUtil.handlePointerDown);removeEventListener(document,"click",this.listenOnClickOutside);removeEventListener(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=inheritAttributes(this.el,["tabindex"]);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(r){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,waitAfterIdleCallback()];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 r;return __generator(this,(function(e){r=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(r);return[2]}))}))};o.prototype.setAriaForm=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},o);return[2]}))}))};o.prototype.render=function(){var o=this;var r=BEM.block("dropdown");var e=this.valueUtil.isFilled();var t=this.size!=="";var n="size-".concat(this.size);var i=this.theme!=="";var a="theme-".concat(this.theme);var l=this.theme==="purple"?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return h(Host,{key:"76447733642f7e5cfafaee1d23b7db1d458fea13",class:Object.assign({},r.class()),tabindex:"-1",id:"".concat(this.inputId)},h("div",{key:"f15d237a0aa27c7bc6d578b107547c2ba7b36ad3",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(l)),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(n).class(t)),r.element("root").modifier(a).class(i)),r.element("root").modifier(a+"-filled").class(e&&i)),r.element("root").modifier(a+"-expanded").class(this.isExpanded&&i)),"data-test":"bal-dropdown-trigger",onClick:function(r){return o.eventsUtil.handleClick(r)}},h("span",{key:"8cd1f403f473212d52bb1d992e506e0db483ad11",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(n).class(t))},h(DropdownValue,{key:"5e58e0734c37d2827515449e5fe61f3fe489ad01",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(r){return o.valueUtil.removeOption(r)}})),h(DropdownInput,{key:"f289ba14f7120bfad09dfdfc2f034bdacaf52d74",name:this.name,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(r){return o.nativeEl=r},onChange:function(r){return o.handleAutoFill(r)},onFocus:function(r){return o.eventsUtil.handleFocus(r)},onBlur:function(r){return o.eventsUtil.handleBlur(r)},onKeyDown:function(r){return o.handleKeyDown(r)}}),h(DropdownNativeSelect,{key:"c32cb85f707db22ed5774d0a6bbd904bc63ea69c",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(r){return o.selectEl=r}}),h(DropdownIcon,{key:"b263377bf16e268d3f555242e15325ba36d2b91f",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()})),h(DropdownOptionList,{key:"cdfb11f2ef449f82ddf32f944cea8faea9027372",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(r){return o.panelEl=r},refListEl:function(r){return o.listEl=r}},h("slot",{key:"0a281eed8eea22ec5a345d8a1db295ad85b874ed"})))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return o}();__decorate([Logger("bal-dropdown"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Dropdown.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Dropdown.prototype,"configChanged",null);var balDropdownIds=0;Dropdown.style=BalDropdownStyle0;export{Dropdown as bal_dropdown};
1	+ import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as stopEventBubbling}from"./form-input-a5a2b129.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{n as rIC,b as waitAfterFramePaint,l as addEventListener,r as removeEventListener,d as waitAfterIdleCallback}from"./helpers-21ff73ef.js";import{b as balBrowser}from"./browser-a8073d92.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{l as lodash_isnil}from"./index-82aff103.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{b as balFloatingUi}from"./floating-ui-f930810d.js";import{D as DropdownOptionUtil}from"./option-367a5341.js";import{i as isArrowDownKey,a as isArrowUpKey,b as isEnterKey,c as isEscapeKey,d as isSpaceKey}from"./keyboard.helpers-159e517d.js";import{a as ariaBooleanToString}from"./aria-d5877698.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";var DropdownAutoFillUtil=function(){function o(){var o=this;this.handleAutoFill=function(r){return __awaiter(o,void 0,void 0,(function(){var o,e;return __generator(this,(function(t){switch(t.label){case 0:stopEventBubbling(r);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;o=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(o)];case 1:e=t.sent();if(e===undefined){this.component.isAutoFilled=false;return[2]}if(!areArraysEqual(e,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(e,true)}t.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 r,e,t,n;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.component.listEl.getOptions()];case 1:r=i.sent();e=undefined;for(t=0;t<r.length;t++){n=r[t];if(n.value===o\|\|n.label===o){return[2,[n.value]]}}return[2,e]}}))}))};return o}();var i18nBalDropdown={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 DropdownEventsUtil=function(){function o(){var o=this;this.handlePointerDown=function(){o.component.isKeyboardMode=false};this.handleKeydown=function(r){o.component.isKeyboardMode=FOCUS_KEYS.includes(r.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 r=this;if(!this.component.isExpanded){this.component.hasFocus=false;rIC((function(){return r.component.balBlur.emit(o)}))}};o.prototype.handleClick=function(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var r=o.target;var e=r.closest("bal-close");if(e){return}}if(this.component.clearable){var r=o.target;var t=r.closest(".bal-dropdown__clear");if(t){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};o.prototype.handleOutsideClick=function(o){var r=this;var e;if(this.component.isExpanded){if(!this.component.el.contains(o.target)){this.component.isExpanded=false;(e=this.component.listEl)===null\|\|e===void 0?void 0:e.resetFocus();this.component.hasFocus=false;rIC((function(){return r.component.balBlur.emit(o)}))}}};return o}();var DropdownFocusUtil=function(){function o(){}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.focusOptionByLabel=function(o,r){var e=this;if(r===void 0){r={}}this.component.labelToFocus=(this.component.labelToFocus+o).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var o;(o=e.component.listEl)===null\|\|o===void 0?void 0:o.focusByLabel(e.component.labelToFocus,r)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(o){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return o}();var DropdownFormSubmitUtil=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 r=this.component.selectEl.querySelectorAll("option");r.forEach((function(r){if(o.component.rawValue.includes(r.value)){r.selected=true}}))}};o.prototype.handle=function(o){var r=this;var e=o.target;if(e===null\|\|e===void 0?void 0:e.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var o=r.component.valueUtil.parseValueString(r.component.initialValue);r.component.valueUtil.updateRawValueBySelection(o)}),0)}};return o}();var DropdownNativeSelect=function(o){var r=o.name,e=o.httpFormSubmit,t=o.multiple,n=o.required,i=o.disabled,a=o.rawValue,l=o.refSelectEl;var d=BEM.block("dropdown");return e?h("select",{class:Object.assign({},d.element("root").element("select").class()),"aria-hidden":"true",name:r,multiple:t,required:n,disabled:i,tabindex:-1,ref:l},a.map((function(o){return h("option",{key:o,value:o,selected:true},o)}))):""};var DropdownIcon=function(o){var r=o.size,e=o.theme,t=o.icon,n=o.language,i=o.loading,a=o.clearable,l=o.invalid,d=o.filled,s=o.expanded,p=o.disabled;var c=BEM.block("dropdown");if(i){return h("bal-spinner",{class:Object.assign({},c.element("rear").class()),small:true,variation:"circle"})}else if(a&&d&&!p){return h("button",{title:i18nBalDropdown[n].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},c.element("rear").class()),c.element("clear").class()),c.element("clear").modifier("invalid").class(l)),c.element("clear").modifier("theme-purple").class(e==="purple"))},h("bal-icon",{class:Object.assign({},c.element("rear").class()),name:e==="purple"?"close":"close-circle",size:r,color:e==="purple"?"primary":"grey"}))}else{return h("bal-icon",{class:Object.assign({},c.element("rear").class()),name:t,size:r,turn:s,color:p?"grey":l?"danger":!d&&e==="purple"?"primary-light":"primary"})}};var DropdownOptionList=function(o){var r=o.inputId,e=o.isExpanded,t=o.rawOptions,n=o.isDisabled,i=o.hasPropOptions,a=o.required,l=o.filter,d=o.multiple,s=o.contentHeight,p=o.refPanelEl,c=o.refListEl;var u=BEM.block("dropdown");return h("div",{id:"".concat(r,"-menu"),class:Object.assign(Object.assign({},u.element("list").class()),u.element("list").modifier("expanded").class(e)),ref:p},h("bal-option-list",{multiple:d,disabled:n,filter:l,required:a,contentHeight:s,ref:c},h("slot",null),i?t.map((function(o){return h("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 DropdownPopupUtil=function(){function o(){this.updatePanelPosition=function(o,r,e){return function(){o.computePosition(r,e,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((function(o){var r=o.x,t=o.y;Object.assign(e.style,{left:"".concat(r,"px"),top:"".concat(t,"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,r;return __generator(this,(function(e){switch(e.label){case 0:if(!this.component.panelEl)return[3,2];return[4,balFloatingUi.load()];case 1:r=e.sent();this.component.panelCleanup=r.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(r,this.component.el,this.component.panelEl));e.label=2;case 2:this.component.isExpanded=true;return[4,(o=this.component.listEl)===null\|\|o===void 0?void 0:o.focusSelected()];case 3:e.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 DropdownValueUtil=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,r){var e=typeof o;var t=typeof r;if(e!==t){this.updateRawValueByValueProp(o)}if(e==="string"&&o!==r){this.updateRawValueByValueProp(o)}if(Array.isArray(o)&&Array.isArray(r)&&!areArraysEqual(o,r)){this.updateRawValueByValueProp(o)}};o.prototype.updateRawValueBySelection=function(o,r){if(o===void 0){o=[]}if(r===void 0){r=false}this.component.isAutoFilled=r;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 r=[];if(!lodash_isnil(o)&&o!==""){if(Array.isArray(o)){r=__spreadArray([],o.filter((function(o){return!lodash_isnil(o)})),true)}else{if(o.split("").includes(",")){r=__spreadArray([],o.split(",").filter((function(o){return o})).map((function(o){return o.trim()})),true)}else{r=[o]}}}return r};o.prototype.updateRawValueByValueProp=function(o){if(o===void 0){o=[]}var r=this.parseValueString(o);this.updateRawValue(r)};o.prototype.updateRawValue=function(){return __awaiter(this,arguments,void 0,(function(o){if(o===void 0){o=[]}return __generator(this,(function(r){switch(r.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:r.sent();r.label=2;case 2:return[4,this.updateInputContent()];case 3:r.sent();return[2]}}))}))};o.prototype.removeOption=function(o){var r=this.component.rawValue.filter((function(r){return r!==o.value}));this.updateRawValueBySelection(r)};o.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){switch(r.label){case 0:return[4,waitAfterFramePaint()];case 1:r.sent();if(!this.component.listEl)return[3,3];o=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:o.choices=r.sent();this.component.inputLabel=this.component.choices.map((function(o){return o.label.trim()})).sort().join(",");r.label=3;case 3:return[2]}}))}))};return o}();var DropdownValue=function(o){var r=o.inlineLabel,e=o.filled,t=o.chips,n=o.placeholder,i=o.choices,a=o.invalid,l=o.disabled,d=o.readonly,s=o.onRemoveChip;var p=BEM.block("dropdown");if(e){if(t){return h("div",{class:Object.assign({},p.element("root").element("content").element("chips").class())},i.map((function(o){return h("bal-tag",{key:o.value,"data-test":"bal-dropdown-chip",size:"small",invalid:a,disabled:l\|\|d,closable:!(l\|\|d),onBalCloseClick:function(){return s(o)}},o.label)})))}else{return(r&&"".concat(r,": "))+i.map((function(o){return o.label})).join(", ")}}else{return n}};var DropdownInput=function(o){var r=o.name,e=o.inputId,t=o.httpFormSubmit,n=o.ariaForm,i=o.rawValue,a=o.autocomplete,l=o.required,d=o.disabled,s=o.readonly,p=o.placeholder,c=o.expanded,u=o.invalid,b=o.language,_=o.inputLabel,f=o.inheritedAttributes,v=o.refInputEl,w=o.onChange,m=o.onFocus,g=o.onBlur,x=o.onKeyDown;var y=BEM.block("dropdown");var k=function(){return h("input",Object.assign({id:n.controlId\|\|"".concat(e,"-ctrl"),class:Object.assign({},y.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:r,autoComplete:a,value:i.join(","),required:l,disabled:d,readonly:s,placeholder:p,title:c?i18nBalDropdown[b].close:i18nBalDropdown[b].open,"aria-label":c?i18nBalDropdown[b].close:i18nBalDropdown[b].open,"aria-owns":"".concat(e,"-menu"),"aria-invalid":ariaBooleanToString(u),"aria-disabled":ariaBooleanToString(d\|\|s),"aria-labelledby":n.labelId,"aria-describedby":n.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":_,"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 x(o)}},f))};if(t){return h(k,null)}return h("form",{novalidate:true},h(k,null))};var balDropdownCss=':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-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--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:.5rem;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:block;visibility:hidden;opacity:0;min-width:100%;width:100%;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)}.bal-dropdown__list--expanded{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--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):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):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):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):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):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):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):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded,.bal-dropdown__root--theme-purple-expanded:hover,.bal-dropdown__root--theme-purple-expanded:active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';var BalDropdownStyle0=balDropdownCss;var Dropdown=function(){function o(o){var r=this;registerInstance(this,o);this.balChange=createEvent(this,"balChange",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.inputId="bal-dropdown-".concat(balDropdownIds++);this.inheritedAttributes={};this.initialValue=[];this.nativeOptions=[];this.valueUtil=new DropdownValueUtil;this.eventsUtil=new DropdownEventsUtil;this.popupUtil=new DropdownPopupUtil;this.optionUtil=new DropdownOptionUtil;this.formSubmitUtil=new DropdownFormSubmitUtil;this.focusUtil=new DropdownFocusUtil;this.autoFillUtil=new DropdownAutoFillUtil;this.hasConnected=false;this.listenToOptionChange=function(o){r.optionUtil.listenToOptionChange(o)};this.listenOnClickOutside=function(o){r.eventsUtil.handleOutsideClick(o)};this.resetHandler=function(o){r.formSubmitUtil.handle(o)};this.handleAutoFill=function(o){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(r){this.log("(handleAutoFill)",o,this.nativeEl.value);this.autoFillUtil.handleAutoFill(o);return[2]}))}))};this.handleKeyDown=function(o){var e,t,n,i,a;if(o&&o.key){if(r.isExpanded){if(isArrowDownKey(o)){stopEventBubbling(o);(e=r.listEl)===null\|\|e===void 0?void 0:e.focusNext()}else if(isArrowUpKey(o)){stopEventBubbling(o);(t=r.listEl)===null\|\|t===void 0?void 0:t.focusPrevious()}else if(o.key==="Home"\|\|o.key==="PageUp"){stopEventBubbling(o);(n=r.listEl)===null\|\|n===void 0?void 0:n.focusFirst()}else if(o.key==="End"\|\|o.key==="PageDown"){stopEventBubbling(o);(i=r.listEl)===null\|\|i===void 0?void 0:i.focusLast()}else if(isEnterKey(o)){stopEventBubbling(o);(a=r.listEl)===null\|\|a===void 0?void 0:a.selectByFocus()}else if(o.key==="Tab"\|\|isEscapeKey(o)){r.popupUtil.collapseList()}else if(o.key.length===1){r.focusUtil.focusOptionByLabel(o.key)}}else{if(isEnterKey(o)\|\|isSpaceKey(o)){stopEventBubbling(o);r.popupUtil.expandList()}else if(o.key.length===1){r.focusUtil.focusOptionByLabel(o.key,{select:true})}}}else{if(r.isExpanded){r.popupUtil.collapseList()}}};this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=false;this.isKeyboardMode=false;this.inputLabel="";this.ariaForm=defaultBalAriaForm;this.language=defaultConfig.language;this.region=defaultConfig.region;this.httpFormSubmit=defaultConfig.httpFormSubmit;this.labelToFocus="";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=[]}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,r){this.valueUtil.valueChanged(o,r)};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)}addEventListener(this.el,"balOptionChange",this.listenToOptionChange);if(balBrowser.hasDocument){addEventListener(document,"keydown",this.eventsUtil.handleKeydown);addEventListener(document,"touchstart",this.eventsUtil.handlePointerDown);addEventListener(document,"mousedown",this.eventsUtil.handlePointerDown);addEventListener(document,"click",this.listenOnClickOutside);addEventListener(document,"reset",this.resetHandler,{capture:true})}this.hasConnected=true};o.prototype.disconnectedCallback=function(){removeEventListener(this.el,"balOptionChange",this.listenToOptionChange);if(balBrowser.hasDocument){removeEventListener(document,"keydown",this.eventsUtil.handleKeydown);removeEventListener(document,"touchstart",this.eventsUtil.handlePointerDown);removeEventListener(document,"mousedown",this.eventsUtil.handlePointerDown);removeEventListener(document,"click",this.listenOnClickOutside);removeEventListener(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=inheritAttributes(this.el,["tabindex"]);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(r){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,waitAfterIdleCallback()];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 r;return __generator(this,(function(e){r=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(r);return[2]}))}))};o.prototype.setAriaForm=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},o);return[2]}))}))};o.prototype.render=function(){var o=this;var r=BEM.block("dropdown");var e=this.valueUtil.isFilled();var t=this.size!=="";var n="size-".concat(this.size);var i=this.theme!=="";var a="theme-".concat(this.theme);var l=this.theme==="purple"?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return h(Host,{key:"76447733642f7e5cfafaee1d23b7db1d458fea13",class:Object.assign({},r.class()),tabindex:"-1",id:"".concat(this.inputId)},h("div",{key:"f15d237a0aa27c7bc6d578b107547c2ba7b36ad3",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(l)),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(n).class(t)),r.element("root").modifier(a).class(i)),r.element("root").modifier(a+"-filled").class(e&&i)),r.element("root").modifier(a+"-expanded").class(this.isExpanded&&i)),"data-test":"bal-dropdown-trigger",onClick:function(r){return o.eventsUtil.handleClick(r)}},h("span",{key:"8cd1f403f473212d52bb1d992e506e0db483ad11",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(n).class(t))},h(DropdownValue,{key:"5e58e0734c37d2827515449e5fe61f3fe489ad01",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(r){return o.valueUtil.removeOption(r)}})),h(DropdownInput,{key:"f289ba14f7120bfad09dfdfc2f034bdacaf52d74",name:this.name,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(r){return o.nativeEl=r},onChange:function(r){return o.handleAutoFill(r)},onFocus:function(r){return o.eventsUtil.handleFocus(r)},onBlur:function(r){return o.eventsUtil.handleBlur(r)},onKeyDown:function(r){return o.handleKeyDown(r)}}),h(DropdownNativeSelect,{key:"c32cb85f707db22ed5774d0a6bbd904bc63ea69c",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(r){return o.selectEl=r}}),h(DropdownIcon,{key:"b263377bf16e268d3f555242e15325ba36d2b91f",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()})),h(DropdownOptionList,{key:"cdfb11f2ef449f82ddf32f944cea8faea9027372",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(r){return o.panelEl=r},refListEl:function(r){return o.listEl=r}},h("slot",{key:"0a281eed8eea22ec5a345d8a1db295ad85b874ed"})))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return o}();__decorate([Logger("bal-dropdown"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Dropdown.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Dropdown.prototype,"configChanged",null);var balDropdownIds=0;Dropdown.style=BalDropdownStyle0;export{Dropdown as bal_dropdown};

package/dist/esm-es5/bal-field_5.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{h as deepReady,b as waitAfterFramePaint}from"./helpers-32d9e1cc.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{L as ListenToMutation}from"./mutation.decorator-0c202bed.js";import{B as BEM}from"./bem-8c7d2eb0.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";var balFieldCss=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-control{padding-bottom:1.375rem}.bal-field-control+.bal-field-message{margin-top:-1.5rem !important}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";var BalFieldStyle0=balFieldCss;var Field=function(){function e(e){var i=this;registerInstance(this,e);this.balFormControlDidLoad=createEvent(this,"balFormControlDidLoad",7);this.fieldId="bal-field-".concat(FieldIds++);this.formControlElement=["bal-field-control"];this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"];this.formElements=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.isDirectChild=function(e){if(!e){return false}var t=e.parentElement;if(!t){return false}if(t.nodeName.toLowerCase()==="bal-field"&&t!==i.el){return false}if(t===i.el){return true}return i.isDirectChild(t)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var t=i.el.querySelector(e);var l=i.isDirectChild(t);if(l){if(i.isVisible(t)){return t}}return undefined};this.findDirectChildren=function(e){return e.map((function(e){return Array.from(i.el.querySelectorAll(e)).filter(i.isDirectChild).filter(i.isVisible)})).flat()};this.mutationObserverActive=true;this.required=undefined;this.horizontal=false;this.invalid=undefined;this.valid=false;this.disabled=undefined;this.readonly=undefined;this.loading=undefined}e.prototype.requiredHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),["bal-field-label"],false),"required")};e.prototype.invalidHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"invalid")};e.prototype.validHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"valid")};e.prototype.disabledHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"disabled")};e.prototype.readonlyHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"readonly")};e.prototype.loadingHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formControlElement,true),"loading")};e.prototype.connectedCallback=function(){this.triggerAllHandlers()};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.syncAriaAttributes()];case 1:e.sent();return[2]}}))}))};e.prototype.syncAriaAttributes=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,l,a,n;return __generator(this,(function(r){switch(r.label){case 0:return[4,deepReady(this.el)];case 1:r.sent();return[4,waitAfterFramePaint()];case 2:r.sent();e=this.findDirectChild("bal-field-label bal-label");i=this.findDirectChild("bal-field-message");t=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);l=defaultBalAriaForm;if(e){l.labelId="".concat(this.fieldId,"-lbl")}if(i){l.messageId="".concat(this.fieldId,"-msg")}a=0;r.label=3;case 3:if(!(a<t.length))return[3,10];n=t[a];if(!(a===0))return[3,7];l.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null\|\|e===void 0?void 0:e.setAriaForm(l)];case 4:r.sent();return[4,i===null\|\|i===void 0?void 0:i.setAriaForm(l)];case 5:r.sent();return[4,n===null\|\|n===void 0?void 0:n.setAriaForm(l)];case 6:r.sent();return[3,9];case 7:l.controlId="".concat(this.fieldId,"-ctrl-").concat(a);return[4,n===null\|\|n===void 0?void 0:n.setAriaForm(l)];case 8:r.sent();r.label=9;case 9:a++;return[3,3];case 10:return[2]}}))}))};e.prototype.mutationListener=function(){this.triggerAllHandlers();this.syncAriaAttributes()};e.prototype.triggerAllHandlers=function(){this.requiredHandler();this.invalidHandler();this.validHandler();this.readonlyHandler();this.disabledHandler();this.loadingHandler()};e.prototype.updateProps=function(e,i){var t=this[i];if(t!==undefined){this.notifyComponents(e,(function(e){return e[i]=t}))}};e.prototype.notifyComponents=function(e,i){var t=this.el.querySelectorAll(e.join(", "));t.forEach((function(e){return i(e)}))};e.prototype.render=function(){return h(Host,{key:"61d8be020fb71526ad0175d75880eb155cb15623",id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},h("slot",{key:"b174f1bdd65a1fb7b63b833c3bf8532e1733d708"}),h("span",{key:"570886a9234a9e3a2ef941a419d35d5451d0227a",class:"bal-field-hidden"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}},enumerable:false,configurable:true});return e}();__decorate([ListenToMutation({subtree:false,waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Field.prototype,"mutationListener",null);var FieldIds=0;Field.style=BalFieldStyle0;var FieldControl=function(){function e(e){registerInstance(this,e);this.iconRight="";this.iconLeft="";this.expandedOnMobile=undefined;this.loading=false}Object.defineProperty(e.prototype,"buildIconLeftTemplate",{get:function(){if(this.iconLeft){return h("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"})}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buildIconRightTemplate",{get:function(){if(this.iconRight){return h("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"})}return""},enumerable:false,configurable:true});e.prototype.render=function(){return h(Host,{key:"bcb91952d67d6c7d2677845d6f9167ed5fe1bcff",class:{"bal-field-control":true,control:true,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},h("slot",{key:"0d4aca610ab427ed32a31542ae81223b4d656dfa"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)};return e}();var FieldHint=function(){function e(e){registerInstance(this,e);this.subject="";this.closeLabel="Close";this.small=false}e.prototype.render=function(){var e=BEM.block("field-hint");return h(Host,{key:"9c47fdbb402b9b7f4012d2f2160fe99356f58b99",class:Object.assign({},e.class())},h("bal-hint",{key:"8cea3277913207cca651bcad4cb22fa9b8fad2f4",class:Object.assign({},e.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?h("bal-hint-title",null,this.subject):"",h("bal-hint-text",{key:"1523a364269414bb277bba0d0bcc1c8ba946a2cd"},h("slot",{key:"952fa5ac1cb907233cc9ea4c179c859991ed7c4b"}))))};return e}();var FieldLabel=function(){function e(e){registerInstance(this,e);this.htmlFor=undefined;this.required=true;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="small";this.weight="bold"}e.prototype.componentDidLoad=function(){if(this.element){this.parentBalFieldElement=this.element.closest("bal-field");if(this.parentBalFieldElement){this.parentBalFieldElement.classList.add("has-label")}}};e.prototype.disconnectedCallback=function(){if(this.parentBalFieldElement){this.parentBalFieldElement.classList.remove("has-label")}};e.prototype.render=function(){return h(Host,{key:"b1ed98ad14b6cb6e3e4642a04d71d93fe6c97e83",class:"bal-field-label"},h("bal-label",{key:"fdec2d6fd449841320b4646e925c09c05c39739c",multiline:true,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},h("slot",{key:"04b0fb018f316044503e8ffa540441c0e1624807"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var FieldMessage=function(){function e(e){registerInstance(this,e);this.ariaForm=defaultBalAriaForm;this.color="";this.invalid=false;this.valid=false;this.disabled=false;this.readonly=false}e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e;return h(Host,{key:"962c48c52992d5689c6de2ce866863bdd8436a68",id:this.ariaForm.messageId,class:(e={"bal-field-message":true,help:true,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled\|\|this.readonly},e["is-".concat(this.color)]=!!this.color,e)},h("slot",{key:"e82266f5abc43308bf05401fd24f581e2138c3c4"}))};return e}();export{Field as bal_field,FieldControl as bal_field_control,FieldHint as bal_field_hint,FieldLabel as bal_field_label,FieldMessage as bal_field_message};
1	+ import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{h as deepReady,b as waitAfterFramePaint}from"./helpers-21ff73ef.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{L as ListenToMutation}from"./mutation.decorator-07d5ba75.js";import{B as BEM}from"./bem-8c7d2eb0.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";var balFieldCss=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-control{padding-bottom:1.375rem}.bal-field-control+.bal-field-message{margin-top:-1.5rem !important}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";var BalFieldStyle0=balFieldCss;var Field=function(){function e(e){var i=this;registerInstance(this,e);this.balFormControlDidLoad=createEvent(this,"balFormControlDidLoad",7);this.fieldId="bal-field-".concat(FieldIds++);this.formControlElement=["bal-field-control"];this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"];this.formElements=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.isDirectChild=function(e){if(!e){return false}var t=e.parentElement;if(!t){return false}if(t.nodeName.toLowerCase()==="bal-field"&&t!==i.el){return false}if(t===i.el){return true}return i.isDirectChild(t)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var t=i.el.querySelector(e);var l=i.isDirectChild(t);if(l){if(i.isVisible(t)){return t}}return undefined};this.findDirectChildren=function(e){return e.map((function(e){return Array.from(i.el.querySelectorAll(e)).filter(i.isDirectChild).filter(i.isVisible)})).flat()};this.mutationObserverActive=true;this.required=undefined;this.horizontal=false;this.invalid=undefined;this.valid=false;this.disabled=undefined;this.readonly=undefined;this.loading=undefined}e.prototype.requiredHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),["bal-field-label"],false),"required")};e.prototype.invalidHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"invalid")};e.prototype.validHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"valid")};e.prototype.disabledHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"disabled")};e.prototype.readonlyHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"readonly")};e.prototype.loadingHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formControlElement,true),"loading")};e.prototype.connectedCallback=function(){this.triggerAllHandlers()};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.syncAriaAttributes()];case 1:e.sent();return[2]}}))}))};e.prototype.syncAriaAttributes=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,l,a,n;return __generator(this,(function(r){switch(r.label){case 0:return[4,deepReady(this.el)];case 1:r.sent();return[4,waitAfterFramePaint()];case 2:r.sent();e=this.findDirectChild("bal-field-label bal-label");i=this.findDirectChild("bal-field-message");t=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);l=defaultBalAriaForm;if(e){l.labelId="".concat(this.fieldId,"-lbl")}if(i){l.messageId="".concat(this.fieldId,"-msg")}a=0;r.label=3;case 3:if(!(a<t.length))return[3,10];n=t[a];if(!(a===0))return[3,7];l.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null\|\|e===void 0?void 0:e.setAriaForm(l)];case 4:r.sent();return[4,i===null\|\|i===void 0?void 0:i.setAriaForm(l)];case 5:r.sent();return[4,n===null\|\|n===void 0?void 0:n.setAriaForm(l)];case 6:r.sent();return[3,9];case 7:l.controlId="".concat(this.fieldId,"-ctrl-").concat(a);return[4,n===null\|\|n===void 0?void 0:n.setAriaForm(l)];case 8:r.sent();r.label=9;case 9:a++;return[3,3];case 10:return[2]}}))}))};e.prototype.mutationListener=function(){this.triggerAllHandlers();this.syncAriaAttributes()};e.prototype.triggerAllHandlers=function(){this.requiredHandler();this.invalidHandler();this.validHandler();this.readonlyHandler();this.disabledHandler();this.loadingHandler()};e.prototype.updateProps=function(e,i){var t=this[i];if(t!==undefined){this.notifyComponents(e,(function(e){return e[i]=t}))}};e.prototype.notifyComponents=function(e,i){var t=this.el.querySelectorAll(e.join(", "));t.forEach((function(e){return i(e)}))};e.prototype.render=function(){return h(Host,{key:"61d8be020fb71526ad0175d75880eb155cb15623",id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},h("slot",{key:"b174f1bdd65a1fb7b63b833c3bf8532e1733d708"}),h("span",{key:"570886a9234a9e3a2ef941a419d35d5451d0227a",class:"bal-field-hidden"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}},enumerable:false,configurable:true});return e}();__decorate([ListenToMutation({subtree:false,waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Field.prototype,"mutationListener",null);var FieldIds=0;Field.style=BalFieldStyle0;var FieldControl=function(){function e(e){registerInstance(this,e);this.iconRight="";this.iconLeft="";this.expandedOnMobile=undefined;this.loading=false}Object.defineProperty(e.prototype,"buildIconLeftTemplate",{get:function(){if(this.iconLeft){return h("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"})}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buildIconRightTemplate",{get:function(){if(this.iconRight){return h("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"})}return""},enumerable:false,configurable:true});e.prototype.render=function(){return h(Host,{key:"bcb91952d67d6c7d2677845d6f9167ed5fe1bcff",class:{"bal-field-control":true,control:true,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},h("slot",{key:"0d4aca610ab427ed32a31542ae81223b4d656dfa"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)};return e}();var FieldHint=function(){function e(e){registerInstance(this,e);this.subject="";this.closeLabel="Close";this.small=false}e.prototype.render=function(){var e=BEM.block("field-hint");return h(Host,{key:"9c47fdbb402b9b7f4012d2f2160fe99356f58b99",class:Object.assign({},e.class())},h("bal-hint",{key:"8cea3277913207cca651bcad4cb22fa9b8fad2f4",class:Object.assign({},e.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?h("bal-hint-title",null,this.subject):"",h("bal-hint-text",{key:"1523a364269414bb277bba0d0bcc1c8ba946a2cd"},h("slot",{key:"952fa5ac1cb907233cc9ea4c179c859991ed7c4b"}))))};return e}();var FieldLabel=function(){function e(e){registerInstance(this,e);this.htmlFor=undefined;this.required=true;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="small";this.weight="bold"}e.prototype.componentDidLoad=function(){if(this.element){this.parentBalFieldElement=this.element.closest("bal-field");if(this.parentBalFieldElement){this.parentBalFieldElement.classList.add("has-label")}}};e.prototype.disconnectedCallback=function(){if(this.parentBalFieldElement){this.parentBalFieldElement.classList.remove("has-label")}};e.prototype.render=function(){return h(Host,{key:"b1ed98ad14b6cb6e3e4642a04d71d93fe6c97e83",class:"bal-field-label"},h("bal-label",{key:"fdec2d6fd449841320b4646e925c09c05c39739c",multiline:true,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},h("slot",{key:"04b0fb018f316044503e8ffa540441c0e1624807"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var FieldMessage=function(){function e(e){registerInstance(this,e);this.ariaForm=defaultBalAriaForm;this.color="";this.invalid=false;this.valid=false;this.disabled=false;this.readonly=false}e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e;return h(Host,{key:"962c48c52992d5689c6de2ce866863bdd8436a68",id:this.ariaForm.messageId,class:(e={"bal-field-message":true,help:true,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled\|\|this.readonly},e["is-".concat(this.color)]=!!this.color,e)},h("slot",{key:"e82266f5abc43308bf05401fd24f581e2138c3c4"}))};return e}();export{Field as bal_field,FieldControl as bal_field_control,FieldHint as bal_field_hint,FieldLabel as bal_field_label,FieldMessage as bal_field_message};

package/dist/esm-es5/bal-file-upload.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{s as stopEventBubbling,i as inputHandleHostClick,a as inputHandleFocus,b as inputHandleBlur,c as inputSetFocus,d as inputSetBlur}from"./form-input-1f3d8337.js";import{L as Logger}from"./log-dfd1c19f.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{F as FileUploadRejectionReason}from"./bal-file-upload.type-2a70f4ec.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./helpers-32d9e1cc.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var lib={};var spec={};Object.defineProperty(spec,"__esModule",{value:true});var si={radix:1e3,unit:["b","kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]};var iec={radix:1024,unit:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"]};var jedec={radix:1024,unit:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]};spec.SPECS={si:si,iec:iec,jedec:jedec};Object.defineProperty(lib,"__esModule",{value:true});var spec_1=spec;function default_1(i,e,t){if(e===void 0){e=1}i=Math.abs(i);var a=spec_1.SPECS[t]\|\|spec_1.SPECS["jedec"],s=a.radix,r=a.unit;var n=0;while(i>=s){i/=s;++n}return i.toFixed(e)+" "+r[n]}var _default=lib.default=default_1;var bemListEl=BEM.block("file-upload").element("list");var FileListComponent=function(i){var e=i.files,t=i.disabled,a=i.subTitle,s=i.onRemoveFile;return h("bal-card",{class:Object.assign({},bemListEl.class()),flat:true},h("bal-list",{disabled:t,border:true,size:"large"},e.map((function(i,e){return h("bal-list-item",{key:i.name,disabled:t},h("bal-list-item-icon",null,h("bal-icon",{name:"document"})),h("bal-list-item-content",null,h("bal-list-item-title",null,i.name),h("bal-list-item-subtitle",null,a?a(i):_default(i.size))),h("bal-list-item-icon",{right:true,class:{"file-remove":true,"is-clickable":!t},onClick:function(i){return s(i,e)}},h("bal-icon",{name:"trash",color:t?"grey":"danger"})))}))))};var toFileArray=function(i){return Array.from(i?i:[])};var toFileList=function(i){var e=new DataTransfer;if(i&&i.length>0){i.forEach((function(i){return e.items.add(i)}))}return e.files};var validateFileArray=function(i,e,t){var a=[];var s=__spreadArray([],i,true);var r=[];var n=function(n){var l=e[n];if(l){var o=[];if(t.accept&&t.accept.split(" ").join("").split(",").indexOf(l.type)===-1){o.push(FileUploadRejectionReason.BAD_EXTENSION)}if(t.maxFileSize!==undefined&&l.size>t.maxFileSize){o.push(FileUploadRejectionReason.FILE_TOO_BIG)}var u=s.map((function(i){return i.size})).reduce((function(i,e){return i+e}),0);var d=u+l.size;if(t.maxBundleSize!==undefined&&d>t.maxBundleSize){o.push(FileUploadRejectionReason.FILE_SIZE_SUM_TOO_BIG)}var c=s.length+1;if(t.maxFiles!==undefined&&c>t.maxFiles){o.push(FileUploadRejectionReason.TOO_MANY_FILES)}var f=function(i,e){return i.size===e.size&&i.name===e.name&&i.type===e.type&&i.lastModified===e.lastModified};var h=i.filter((function(i){return f(i,l)}));if(h.length>0){o.push(FileUploadRejectionReason.DUPLICATED_FILE)}if(o.length>0){r.push({file:l,reasons:o})}else{s.push(l);a.push(l)}}};for(var l=0;l<e.length;l++){n(l)}return{validFiles:a,invalidFiles:r}};var balFileUploadCss=".bal-file-upload{display:block;position:static;width:100%}.bal-file-upload .file-label{word-break:break-word;white-space:normal}.bal-file-upload .bal-heading{word-break:break-all}.bal-file-upload__card{margin-top:var(--bal-space-normal)}.bal-file-upload__list{padding:0 !important}";var BalFileUploadStyle0=balFileUploadCss;var FileUpload=function(){function i(i){var e=this;registerInstance(this,i);this.balChange=createEvent(this,"balChange",7);this.balFilesAdded=createEvent(this,"balFilesAdded",7);this.balFilesRemoved=createEvent(this,"balFilesRemoved",7);this.balRejectedFile=createEvent(this,"balRejectedFile",7);this.balInputClick=createEvent(this,"balInputClick",7);this.balBlur=createEvent(this,"balBlur",7);this.balFocus=createEvent(this,"balFocus",7);this.fileUploadId="bal-file-upload-".concat(FileUploadIds++);this.initialValue=this.value\|\|[];this.addEventListenerDragAndDrop=function(){if(e.labelEl){e.labelEl.addEventListener("dragenter",e.onDragenter,false);e.labelEl.addEventListener("dragover",e.onDragover,false);e.labelEl.addEventListener("drop",e.onDrop,false)}};this.removeEventListenerDragAndDrop=function(){if(e.labelEl){e.labelEl.removeEventListener("dragenter",e.onDragenter,false);e.labelEl.removeEventListener("dragover",e.onDragover,false);e.labelEl.removeEventListener("drop",e.onDrop,false)}};this.handleFiles=function(i){var t=toFileArray(i);var a=validateFileArray(e.files,t,{accept:e.accept,maxFileSize:e.maxFileSize,maxBundleSize:e.maxBundleSize,maxFiles:e.maxFiles});if(a.invalidFiles.length>0){e.balRejectedFile.emit(a.invalidFiles[0])}if(a.validFiles.length>0){e.files=__spreadArray(__spreadArray([],e.files,true),a.validFiles,true);e.balChange.emit(e.files);e.balFilesAdded.emit(a.validFiles)}e.updateFileInput()};this.updateFileInput=function(){var i;if((i=e.nativeInput)===null\|\|i===void 0?void 0:i.files){e.nativeInput.files=toFileList(e.files)}};this.onDragenter=function(i){stopEventBubbling(i)};this.onDragover=function(i){stopEventBubbling(i)};this.onDrop=function(i){stopEventBubbling(i);if(!e.disabled&&!e.readonly&&!e.loading){var t=i.dataTransfer;if(t){e.handleFiles(t.files)}}};this.onInputChange=function(){var i;if(!e.disabled&&!e.readonly&&!e.loading){if((i=e.nativeInput)===null\|\|i===void 0?void 0:i.files){e.handleFiles(e.nativeInput.files)}}};this.onRemoveFile=function(i,t){stopEventBubbling(i);if(t>=0&&t<e.files.length){var a=e.files;var s=a.splice(t,1);e.balFilesRemoved.emit(s);e.files=__spreadArray([],a,true);e.balChange.emit(e.files);e.updateFileInput()}};this.onHostClick=function(i){return inputHandleHostClick(e,i)};this.onInputFocus=function(i){return inputHandleFocus(e,i)};this.onInputBlur=function(i){return inputHandleBlur(e,i)};this.onInputClick=function(i){if(e.nativeInput&&!e.disabled&&!e.readonly&&!e.loading){e.nativeInput.value=""}e.balInputClick.emit(i)};this.files=[];this.focused=false;this.ariaForm=defaultBalAriaForm;this.name=this.fileUploadId;this.value=[];this.label="Choose or drop a file...";this.multiple=true;this.disabled=false;this.readonly=false;this.loading=false;this.required=false;this.accept=undefined;this.maxFiles=undefined;this.maxFileSize=undefined;this.maxBundleSize=undefined;this.hasFileList=true;this.invalid=false;this.subTitle=undefined;this.autoInvalidOff=false}i.prototype.createLogger=function(i){this.log=i};i.prototype.onValueChange=function(){if(!areArraysEqual(this.files,this.value)){this.files=this.value}};i.prototype.componentWillLoad=function(){this.onValueChange()};i.prototype.connectedCallback=function(){this.initialValue=this.value\|\|[];this.addEventListenerDragAndDrop()};i.prototype.componentDidLoad=function(){this.addEventListenerDragAndDrop()};i.prototype.disconnectedCallback=function(){this.removeEventListenerDragAndDrop()};i.prototype.resetHandler=function(i){var e=this;var t=i.target;if(t===null\|\|t===void 0?void 0:t.contains(this.el)){this.files=__spreadArray([],this.initialValue,true);clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(e.nativeInput){e.nativeInput.files=toFileList(e.initialValue)}}))}};i.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.files=[];this.updateFileInput();return[2]}))}))};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){inputSetFocus(this);return[2]}))}))};i.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){inputSetBlur(this);return[2]}))}))};i.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};i.prototype.setAriaForm=function(i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},i);return[2]}))}))};i.prototype.render=function(){var i=this;var e=this.ariaForm.controlId\|\|this.fileUploadId;return h(Host,{key:"e1924e378256a4e5f9ef14cb5dec531d1b71ed5b",onClick:this.onHostClick,"aria-disabled":this.disabled?"true":null,class:{"bal-file-upload":true}},h("div",{key:"5eea726388bf34b30d52ef057be0d02ce55a4a32",class:{file:true,"is-disabled":this.disabled\|\|this.readonly\|\|this.loading,"is-danger":this.invalid}},h("label",{key:"3db76968c7413f788b37eba41df11f398517b2c4",htmlFor:e,ref:function(e){return i.labelEl=e},class:{"file-label":true,"is-disabled":this.disabled\|\|this.loading\|\|this.readonly}},h("input",{key:"5e1c43e583d684ca778836c0a209c7ad87e9fa7d",class:"file-input",type:"file",id:e,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,multiple:this.multiple,disabled:this.disabled\|\|this.loading\|\|this.readonly,readonly:this.readonly,required:this.required,accept:this.accept,onClick:this.onInputClick,onChange:this.onInputChange,onFocus:this.onInputFocus,onBlur:this.onInputBlur,ref:function(e){return i.nativeInput=e},"data-testid":"bal-file-upload-input"}),this.loading?h("span",{class:"file-cta"},h("bal-spinner",null)):h("span",{class:"file-cta"},h("span",{class:"file-icon"},h("bal-icon",{name:"upload",size:"medium",color:this.disabled\|\|this.loading\|\|this.readonly?"grey-light":this.invalid?"danger":"blue"})),h("span",{class:"file-label","data-testid":"bal-file-upload-label"},this.label)))),this.hasFileList&&this.files.length>0?h(FileListComponent,{files:this.files,disabled:this.disabled\|\|this.readonly\|\|this.loading,subTitle:this.subTitle,onRemoveFile:this.onRemoveFile}):"")};Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{value:["onValueChange"]}},enumerable:false,configurable:true});return i}();__decorate([Logger("bal-file-upload"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],FileUpload.prototype,"createLogger",null);var FileUploadIds=0;FileUpload.style=BalFileUploadStyle0;export{FileUpload as bal_file_upload};
1	+ import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{a as areArraysEqual}from"./array-4c09dfe3.js";import{s as stopEventBubbling,i as inputHandleHostClick,a as inputHandleFocus,b as inputHandleBlur,c as inputSetFocus,d as inputSetBlur}from"./form-input-a5a2b129.js";import{L as Logger}from"./log-dfd1c19f.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{F as FileUploadRejectionReason}from"./bal-file-upload.type-2a70f4ec.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import"./index-82aff103.js";import"./index-95ee0c4b.js";import"./_commonjsHelpers-1c8beb5f.js";import"./helpers-21ff73ef.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var lib={};var spec={};Object.defineProperty(spec,"__esModule",{value:true});var si={radix:1e3,unit:["b","kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]};var iec={radix:1024,unit:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"]};var jedec={radix:1024,unit:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]};spec.SPECS={si:si,iec:iec,jedec:jedec};Object.defineProperty(lib,"__esModule",{value:true});var spec_1=spec;function default_1(i,e,t){if(e===void 0){e=1}i=Math.abs(i);var a=spec_1.SPECS[t]\|\|spec_1.SPECS["jedec"],s=a.radix,r=a.unit;var n=0;while(i>=s){i/=s;++n}return i.toFixed(e)+" "+r[n]}var _default=lib.default=default_1;var bemListEl=BEM.block("file-upload").element("list");var FileListComponent=function(i){var e=i.files,t=i.disabled,a=i.subTitle,s=i.onRemoveFile;return h("bal-card",{class:Object.assign({},bemListEl.class()),flat:true},h("bal-list",{disabled:t,border:true,size:"large"},e.map((function(i,e){return h("bal-list-item",{key:i.name,disabled:t},h("bal-list-item-icon",null,h("bal-icon",{name:"document"})),h("bal-list-item-content",null,h("bal-list-item-title",null,i.name),h("bal-list-item-subtitle",null,a?a(i):_default(i.size))),h("bal-list-item-icon",{right:true,class:{"file-remove":true,"is-clickable":!t},onClick:function(i){return s(i,e)}},h("bal-icon",{name:"trash",color:t?"grey":"danger"})))}))))};var toFileArray=function(i){return Array.from(i?i:[])};var toFileList=function(i){var e=new DataTransfer;if(i&&i.length>0){i.forEach((function(i){return e.items.add(i)}))}return e.files};var validateFileArray=function(i,e,t){var a=[];var s=__spreadArray([],i,true);var r=[];var n=function(n){var l=e[n];if(l){var o=[];if(t.accept&&t.accept.split(" ").join("").split(",").indexOf(l.type)===-1){o.push(FileUploadRejectionReason.BAD_EXTENSION)}if(t.maxFileSize!==undefined&&l.size>t.maxFileSize){o.push(FileUploadRejectionReason.FILE_TOO_BIG)}var u=s.map((function(i){return i.size})).reduce((function(i,e){return i+e}),0);var d=u+l.size;if(t.maxBundleSize!==undefined&&d>t.maxBundleSize){o.push(FileUploadRejectionReason.FILE_SIZE_SUM_TOO_BIG)}var f=s.length+1;if(t.maxFiles!==undefined&&f>t.maxFiles){o.push(FileUploadRejectionReason.TOO_MANY_FILES)}var c=function(i,e){return i.size===e.size&&i.name===e.name&&i.type===e.type&&i.lastModified===e.lastModified};var h=i.filter((function(i){return c(i,l)}));if(h.length>0){o.push(FileUploadRejectionReason.DUPLICATED_FILE)}if(o.length>0){r.push({file:l,reasons:o})}else{s.push(l);a.push(l)}}};for(var l=0;l<e.length;l++){n(l)}return{validFiles:a,invalidFiles:r}};var balFileUploadCss=".bal-file-upload{display:block;position:static;width:100%}.bal-file-upload .file-label{word-break:break-word;white-space:normal}.bal-file-upload .bal-heading{word-break:break-all}.bal-file-upload__card{margin-top:var(--bal-space-normal)}.bal-file-upload__list{padding:0 !important}";var BalFileUploadStyle0=balFileUploadCss;var FileUpload=function(){function i(i){var e=this;registerInstance(this,i);this.balChange=createEvent(this,"balChange",7);this.balFilesAdded=createEvent(this,"balFilesAdded",7);this.balFilesRemoved=createEvent(this,"balFilesRemoved",7);this.balRejectedFile=createEvent(this,"balRejectedFile",7);this.balInputClick=createEvent(this,"balInputClick",7);this.balBlur=createEvent(this,"balBlur",7);this.balFocus=createEvent(this,"balFocus",7);this.fileUploadId="bal-file-upload-".concat(FileUploadIds++);this.initialValue=this.value\|\|[];this.addEventListenerDragAndDrop=function(){if(e.labelEl){e.labelEl.addEventListener("dragenter",e.onDragenter,false);e.labelEl.addEventListener("dragover",e.onDragover,false);e.labelEl.addEventListener("drop",e.onDrop,false)}};this.removeEventListenerDragAndDrop=function(){if(e.labelEl){e.labelEl.removeEventListener("dragenter",e.onDragenter,false);e.labelEl.removeEventListener("dragover",e.onDragover,false);e.labelEl.removeEventListener("drop",e.onDrop,false)}};this.handleFiles=function(i){var t=toFileArray(i);var a=validateFileArray(e.files,t,{accept:e.accept,maxFileSize:e.maxFileSize,maxBundleSize:e.maxBundleSize,maxFiles:e.maxFiles});if(a.invalidFiles.length>0){e.balRejectedFile.emit(a.invalidFiles[0])}if(a.validFiles.length>0){e.files=__spreadArray(__spreadArray([],e.files,true),a.validFiles,true);e.balChange.emit(e.files);e.balFilesAdded.emit(a.validFiles)}e.updateFileInput()};this.updateFileInput=function(){var i;if((i=e.nativeInput)===null\|\|i===void 0?void 0:i.files){e.nativeInput.files=toFileList(e.files)}};this.onDragenter=function(i){stopEventBubbling(i)};this.onDragover=function(i){stopEventBubbling(i)};this.onDrop=function(i){stopEventBubbling(i);if(!e.disabled&&!e.readonly&&!e.loading){var t=i.dataTransfer;if(t){e.handleFiles(t.files)}}};this.onInputChange=function(){var i;if(!e.disabled&&!e.readonly&&!e.loading){if((i=e.nativeInput)===null\|\|i===void 0?void 0:i.files){e.handleFiles(e.nativeInput.files)}}};this.onRemoveFile=function(i,t){stopEventBubbling(i);if(t>=0&&t<e.files.length){var a=e.files;var s=a.splice(t,1);e.balFilesRemoved.emit(s);e.files=__spreadArray([],a,true);e.balChange.emit(e.files);e.updateFileInput()}};this.onHostClick=function(i){return inputHandleHostClick(e,i)};this.onInputFocus=function(i){return inputHandleFocus(e,i)};this.onInputBlur=function(i){return inputHandleBlur(e,i)};this.onInputClick=function(i){if(e.nativeInput&&!e.disabled&&!e.readonly&&!e.loading){e.nativeInput.value=""}e.balInputClick.emit(i)};this.files=[];this.focused=false;this.ariaForm=defaultBalAriaForm;this.name=this.fileUploadId;this.value=[];this.label="Choose or drop a file...";this.multiple=true;this.disabled=false;this.readonly=false;this.loading=false;this.required=false;this.accept=undefined;this.maxFiles=undefined;this.maxFileSize=undefined;this.maxBundleSize=undefined;this.hasFileList=true;this.invalid=false;this.subTitle=undefined;this.autoInvalidOff=false}i.prototype.createLogger=function(i){this.log=i};i.prototype.onValueChange=function(){if(!areArraysEqual(this.files,this.value)){this.files=this.value}};i.prototype.componentWillLoad=function(){this.onValueChange()};i.prototype.connectedCallback=function(){this.initialValue=this.value\|\|[];this.addEventListenerDragAndDrop()};i.prototype.componentDidLoad=function(){this.addEventListenerDragAndDrop()};i.prototype.disconnectedCallback=function(){this.removeEventListenerDragAndDrop()};i.prototype.resetHandler=function(i){var e=this;var t=i.target;if(t===null\|\|t===void 0?void 0:t.contains(this.el)){this.files=__spreadArray([],this.initialValue,true);clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(e.nativeInput){e.nativeInput.files=toFileList(e.initialValue)}}))}};i.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.files=[];this.updateFileInput();return[2]}))}))};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){inputSetFocus(this);return[2]}))}))};i.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){inputSetBlur(this);return[2]}))}))};i.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};i.prototype.setAriaForm=function(i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},i);return[2]}))}))};i.prototype.render=function(){var i=this;var e=this.ariaForm.controlId\|\|this.fileUploadId;return h(Host,{key:"e1924e378256a4e5f9ef14cb5dec531d1b71ed5b",onClick:this.onHostClick,"aria-disabled":this.disabled?"true":null,class:{"bal-file-upload":true}},h("div",{key:"5eea726388bf34b30d52ef057be0d02ce55a4a32",class:{file:true,"is-disabled":this.disabled\|\|this.readonly\|\|this.loading,"is-danger":this.invalid}},h("label",{key:"3db76968c7413f788b37eba41df11f398517b2c4",htmlFor:e,ref:function(e){return i.labelEl=e},class:{"file-label":true,"is-disabled":this.disabled\|\|this.loading\|\|this.readonly}},h("input",{key:"5e1c43e583d684ca778836c0a209c7ad87e9fa7d",class:"file-input",type:"file",id:e,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,multiple:this.multiple,disabled:this.disabled\|\|this.loading\|\|this.readonly,readonly:this.readonly,required:this.required,accept:this.accept,onClick:this.onInputClick,onChange:this.onInputChange,onFocus:this.onInputFocus,onBlur:this.onInputBlur,ref:function(e){return i.nativeInput=e},"data-testid":"bal-file-upload-input"}),this.loading?h("span",{class:"file-cta"},h("bal-spinner",null)):h("span",{class:"file-cta"},h("span",{class:"file-icon"},h("bal-icon",{name:"upload",size:"medium",color:this.disabled\|\|this.loading\|\|this.readonly?"grey-light":this.invalid?"danger":"blue"})),h("span",{class:"file-label","data-testid":"bal-file-upload-label"},this.label)))),this.hasFileList&&this.files.length>0?h(FileListComponent,{files:this.files,disabled:this.disabled\|\|this.readonly\|\|this.loading,subTitle:this.subTitle,onRemoveFile:this.onRemoveFile}):"")};Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{value:["onValueChange"]}},enumerable:false,configurable:true});return i}();__decorate([Logger("bal-file-upload"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],FileUpload.prototype,"createLogger",null);var FileUploadIds=0;FileUpload.style=BalFileUploadStyle0;export{FileUpload as bal_file_upload};

package/dist/esm-es5/bal-footer.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import"./index-95ee0c4b.js";import"./index-bba06972.js";import{c as commonjsGlobal}from"./_commonjsHelpers-1c8beb5f.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{n as rIC}from"./helpers-32d9e1cc.js";import{e as updateBalLanguage}from"./config.utils-6ac6c9bd.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";var lodash_isdate={exports:{}};(function(e,a){var r="[object Date]";var n=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal;var o=a&&!a.nodeType&&a;var t=o&&"object"=="object"&&e&&!e.nodeType&&e;var i=t&&t.exports===o;var l=i&&n.process;var _=function(){try{return l&&l.binding("util")}catch(e){}}();var c=_&&_.isDate;function s(e){return function(a){return e(a)}}var d=Object.prototype;var p=d.toString;function f(e){return g(e)&&p.call(e)==r}var b=c?s(c):f;function g(e){return!!e&&typeof e=="object"}e.exports=b})(lodash_isdate,lodash_isdate.exports);var RequestState;(function(e){e[e["INIT"]=0]="INIT";e[e["RUNNING"]=1]="RUNNING";e[e["SUCCESS"]=2]="SUCCESS";e[e["ERROR"]=3]="ERROR"})(RequestState\|\|(RequestState={}));var Language=function(){function e(e){this.key=e}return e}();new Language("de");new Language("fr");new Language("it");new Language("en");new Language("nl");new Language("lb");var INTEGRATION_BASE_URL="https://www.baloise.ch";var INTEGRATION_BASE_PATH="/app-integration";var getIntegrationBaseUrl=function(){var e=getHost();if(e&&e.indexOf("www.baloise.ch")>=0){return"https://".concat(e)}return INTEGRATION_BASE_URL};var getIntegrationUrl=function(e,a,r,n){if(a===void 0){a="CH"}if(r===void 0){r=IntegrationType.FOOTER}if(n===void 0){n="v2"}var o=e.key;if(r===IntegrationType.ONETRUST){o="all"}else{if(a==="DE"){o="de"}}return"".concat(getIntegrationBaseUrl()).concat(INTEGRATION_BASE_PATH,"/").concat(n,"/").concat(a.toLowerCase(),"/").concat(r,"/").concat(o,".json")};var getHost=function(){var e;return((e=window===null\|\|window===void 0?void 0:window.location)===null\|\|e===void 0?void 0:e.host)\|\|undefined};var IntegrationType;(function(e){e["FOOTER"]="footer";e["SOCIAL_MEDIA"]="socialmediachannels";e["ONETRUST"]="onetrust"})(IntegrationType\|\|(IntegrationType={}));var loadFooterLinks=function(e,a){if(a===void 0){a="CH"}var r=getIntegrationUrl(e,a,IntegrationType.FOOTER);return fetch(r).then((function(e){return e.json()})).then((function(e){return e}))};var loadSocialMediaLinks=function(e,a){if(a===void 0){a="CH"}var r=getIntegrationUrl(e,a,IntegrationType.SOCIAL_MEDIA,"v1");return fetch(r).then((function(e){return e.json()})).then((function(e){return e}))};var i18nBalFooter={en:{name:"English"},fr:{name:"Français"},it:{name:"Italiano"},nl:{name:"Nederlands"},es:{name:"Español"},pt:{name:"Português"},sv:{name:"Svenska"},fi:{name:"Suomi"},de:{name:"Deutsch"},pl:{name:"Polski"}};var balFooterCss=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__list{min-width:105%;right:0 !important;left:auto !important}.bal-footer__inner__wrapper__header-container__language bal-icon,.bal-footer__inner__wrapper__header-container__language .input{cursor:pointer;min-width:auto !important}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear{position:absolute;left:0}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear circle{fill:var(--bal-color-white)}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__native{background:rgba(0,0,0,0);color:var(--bal-color-white);border:none;font-weight:var(--bal-font-weight-bold);cursor:pointer;padding-left:1.5rem}.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language:hover .input,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__native,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__root__content{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language:active .input,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__native,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__root__content{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group{background:rgba(0,0,0,0);border:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group:hover{background:rgba(0,0,0,0) !important}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group bal-dropdown{min-width:5rem}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";var BalFooterStyle0=balFooterCss;var Footer=function(){function e(e){registerInstance(this,e);this.links=[];this.socialMediaLinks=[];this.language=defaultConfig.language;this.region=defaultConfig.region;this.allowedLanguages=defaultConfig.allowedLanguages;this.hideLinks=false;this.overrideLinks=undefined;this.showSocialMedia=false;this.hideLanguageSelection=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.connectedCallback=function(){this.updateFooterLinks();this.updateSocialMediaLinks()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.language!==e.language\|\|this.region!==e.region){this.language=e.language;this.region=e.region;this.allowedLanguages=e.allowedLanguages;this.updateFooterLinks();this.updateSocialMediaLinks()}return[2]}))}))};e.prototype.changeLanguage=function(e){updateBalLanguage(e)};e.prototype.updateFooterLinks=function(){var e=this;if(this.overrideLinks){this.links=this.overrideLinks}else if(!this.hideLinks&&(this.region==="CH"\|\|this.region==="DE")){var a=this.region;rIC((function(){loadFooterLinks(new Language(e.language),a).then((function(a){return e.links=a}))}))}};e.prototype.updateSocialMediaLinks=function(){var e=this;if(this.showSocialMedia&&(this.region==="CH"\|\|this.region==="DE")){var a=this.region;rIC((function(){loadSocialMediaLinks(new Language(e.language),a).then((function(a){return e.socialMediaLinks=a}))}))}};e.prototype.render=function(){var e=this;var a=BEM.block("footer");var r=a.element("slot");var n=a.element("inner");var o=n.element("wrapper");var t=o.element("container");var i=o.element("links-container");var l=o.element("header-container");var _=l.element("logo");var c=l.element("language");var s=c.element("wrapper");var d=i.element("legal-links");var p=i.element("social-media-links");return h(Host,{key:"d9fcf2b0c58a8c8b2ec81256a94a5555281f275e",class:Object.assign({},a.class())},h("footer",{key:"24691e174da80b7b0837d6ef7093abf1e0671207",class:Object.assign({},n.class())},h("div",{key:"80a0395ec6f83fed9b67687f9f0169550e1e8a6e",class:Object.assign({},o.class())},h("div",{key:"1d5656c103792e725267aee630f5c89717cddcd4",class:Object.assign(Object.assign({container:true},t.class()),l.class())},h("div",{key:"91d7235ce53fb56712375194709d70d32a40aad3",class:Object.assign({},_.class())},h("bal-logo",{key:"9f20c92b2fca4660daec9d5faa74303e4027c81e",color:"white"})),h("div",{key:"e395ba338e3dcd7fffd8f07d6ba3ab0e26d5cb85",class:Object.assign({},c.class()),style:{display:this.hideLanguageSelection\|\|this.allowedLanguages.length<=1?"none":"flex"}},h("div",{key:"dfc805fd51ea9b5625de046a94129df428e7d2d0",class:Object.assign({},s.class())},h("bal-input-group",{key:"0d203884c1f437669690a70df96fc703427f751b"},h("bal-icon",{key:"9551ba6bc1fc1b36d67542fe40d841dee78d3daa",class:"bal-dropdown__rear",name:"web",color:"white"}),h("select",{key:"721a9a291639d6d4357f179b302870cf6f2852af",id:"bubu",class:"bal-dropdown__native",onChange:function(a){return e.changeLanguage(a.target.value)},"data-testid":"bal-footer-language"},this.allowedLanguages.map((function(a){return h("option",{key:a,value:a,selected:a===e.language},a.toLocaleUpperCase()+" - "+i18nBalFooter[a].name)}))))))),h("div",{key:"26575b69cba20d83a8124bca1697b9cc7ee38246",class:Object.assign({},r.class())},h("slot",{key:"48e62b90d62825693e73b522ed454da7846457d2"})),h("div",{key:"8fdf21a11da23eb1489c95d21f6726ab53136ffc",class:Object.assign(Object.assign({container:true},t.class()),i.class())},h("div",{key:"591b9f51cb1ff3d4dee431daaca23ad38bcbac7e",class:Object.assign({},p.class()),style:{display:!this.showSocialMedia?"none":"flex"}},this.socialMediaLinks.map((function(e){return h("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-inverted":true}},h("bal-icon",{name:e.label.toLowerCase()}))}))),h("div",{key:"6496b1f14bedc754c4ba873c6ead58e1476c76ff",class:Object.assign({},d.class()),style:{display:this.hideLinks?"none":"flex"}},this.links.map((function(e){return h("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-light":true}},e.label)})))))))};return e}();__decorate([Logger("bal-footer"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Footer.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Footer.prototype,"configChanged",null);Footer.style=BalFooterStyle0;export{Footer as bal_footer};
1	+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import"./index-95ee0c4b.js";import"./index-bba06972.js";import{c as commonjsGlobal}from"./_commonjsHelpers-1c8beb5f.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{n as rIC}from"./helpers-21ff73ef.js";import{e as updateBalLanguage}from"./config.utils-6ac6c9bd.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";var lodash_isdate={exports:{}};(function(e,a){var r="[object Date]";var n=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal;var o=a&&!a.nodeType&&a;var t=o&&"object"=="object"&&e&&!e.nodeType&&e;var i=t&&t.exports===o;var l=i&&n.process;var _=function(){try{return l&&l.binding("util")}catch(e){}}();var c=_&&_.isDate;function s(e){return function(a){return e(a)}}var d=Object.prototype;var p=d.toString;function f(e){return g(e)&&p.call(e)==r}var b=c?s(c):f;function g(e){return!!e&&typeof e=="object"}e.exports=b})(lodash_isdate,lodash_isdate.exports);var RequestState;(function(e){e[e["INIT"]=0]="INIT";e[e["RUNNING"]=1]="RUNNING";e[e["SUCCESS"]=2]="SUCCESS";e[e["ERROR"]=3]="ERROR"})(RequestState\|\|(RequestState={}));var Language=function(){function e(e){this.key=e}return e}();new Language("de");new Language("fr");new Language("it");new Language("en");new Language("nl");new Language("lb");var INTEGRATION_BASE_URL="https://www.baloise.ch";var INTEGRATION_BASE_PATH="/app-integration";var getIntegrationBaseUrl=function(){var e=getHost();if(e&&e.indexOf("www.baloise.ch")>=0){return"https://".concat(e)}return INTEGRATION_BASE_URL};var getIntegrationUrl=function(e,a,r,n){if(a===void 0){a="CH"}if(r===void 0){r=IntegrationType.FOOTER}if(n===void 0){n="v2"}var o=e.key;if(r===IntegrationType.ONETRUST){o="all"}else{if(a==="DE"){o="de"}}return"".concat(getIntegrationBaseUrl()).concat(INTEGRATION_BASE_PATH,"/").concat(n,"/").concat(a.toLowerCase(),"/").concat(r,"/").concat(o,".json")};var getHost=function(){var e;return((e=window===null\|\|window===void 0?void 0:window.location)===null\|\|e===void 0?void 0:e.host)\|\|undefined};var IntegrationType;(function(e){e["FOOTER"]="footer";e["SOCIAL_MEDIA"]="socialmediachannels";e["ONETRUST"]="onetrust"})(IntegrationType\|\|(IntegrationType={}));var loadFooterLinks=function(e,a){if(a===void 0){a="CH"}var r=getIntegrationUrl(e,a,IntegrationType.FOOTER);return fetch(r).then((function(e){return e.json()})).then((function(e){return e}))};var loadSocialMediaLinks=function(e,a){if(a===void 0){a="CH"}var r=getIntegrationUrl(e,a,IntegrationType.SOCIAL_MEDIA,"v1");return fetch(r).then((function(e){return e.json()})).then((function(e){return e}))};var i18nBalFooter={en:{name:"English"},fr:{name:"Français"},it:{name:"Italiano"},nl:{name:"Nederlands"},es:{name:"Español"},pt:{name:"Português"},sv:{name:"Svenska"},fi:{name:"Suomi"},de:{name:"Deutsch"},pl:{name:"Polski"}};var balFooterCss=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__list{min-width:105%;right:0 !important;left:auto !important}.bal-footer__inner__wrapper__header-container__language bal-icon,.bal-footer__inner__wrapper__header-container__language .input{cursor:pointer;min-width:auto !important}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear{position:absolute;left:0}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear circle{fill:var(--bal-color-white)}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__native{background:rgba(0,0,0,0);color:var(--bal-color-white);border:none;font-weight:var(--bal-font-weight-bold);cursor:pointer;padding-left:1.5rem}.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language:hover .input,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__native,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__root__content{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language:active .input,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__native,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__root__content{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group{background:rgba(0,0,0,0);border:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group:hover{background:rgba(0,0,0,0) !important}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group bal-dropdown{min-width:5rem}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";var BalFooterStyle0=balFooterCss;var Footer=function(){function e(e){registerInstance(this,e);this.links=[];this.socialMediaLinks=[];this.language=defaultConfig.language;this.region=defaultConfig.region;this.allowedLanguages=defaultConfig.allowedLanguages;this.hideLinks=false;this.overrideLinks=undefined;this.showSocialMedia=false;this.hideLanguageSelection=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.connectedCallback=function(){this.updateFooterLinks();this.updateSocialMediaLinks()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.language!==e.language\|\|this.region!==e.region){this.language=e.language;this.region=e.region;this.allowedLanguages=e.allowedLanguages;this.updateFooterLinks();this.updateSocialMediaLinks()}return[2]}))}))};e.prototype.changeLanguage=function(e){updateBalLanguage(e)};e.prototype.updateFooterLinks=function(){var e=this;if(this.overrideLinks){this.links=this.overrideLinks}else if(!this.hideLinks&&(this.region==="CH"\|\|this.region==="DE")){var a=this.region;rIC((function(){loadFooterLinks(new Language(e.language),a).then((function(a){return e.links=a}))}))}};e.prototype.updateSocialMediaLinks=function(){var e=this;if(this.showSocialMedia&&(this.region==="CH"\|\|this.region==="DE")){var a=this.region;rIC((function(){loadSocialMediaLinks(new Language(e.language),a).then((function(a){return e.socialMediaLinks=a}))}))}};e.prototype.render=function(){var e=this;var a=BEM.block("footer");var r=a.element("slot");var n=a.element("inner");var o=n.element("wrapper");var t=o.element("container");var i=o.element("links-container");var l=o.element("header-container");var _=l.element("logo");var c=l.element("language");var s=c.element("wrapper");var d=i.element("legal-links");var p=i.element("social-media-links");return h(Host,{key:"d9fcf2b0c58a8c8b2ec81256a94a5555281f275e",class:Object.assign({},a.class())},h("footer",{key:"24691e174da80b7b0837d6ef7093abf1e0671207",class:Object.assign({},n.class())},h("div",{key:"80a0395ec6f83fed9b67687f9f0169550e1e8a6e",class:Object.assign({},o.class())},h("div",{key:"1d5656c103792e725267aee630f5c89717cddcd4",class:Object.assign(Object.assign({container:true},t.class()),l.class())},h("div",{key:"91d7235ce53fb56712375194709d70d32a40aad3",class:Object.assign({},_.class())},h("bal-logo",{key:"9f20c92b2fca4660daec9d5faa74303e4027c81e",color:"white"})),h("div",{key:"e395ba338e3dcd7fffd8f07d6ba3ab0e26d5cb85",class:Object.assign({},c.class()),style:{display:this.hideLanguageSelection\|\|this.allowedLanguages.length<=1?"none":"flex"}},h("div",{key:"dfc805fd51ea9b5625de046a94129df428e7d2d0",class:Object.assign({},s.class())},h("bal-input-group",{key:"0d203884c1f437669690a70df96fc703427f751b"},h("bal-icon",{key:"9551ba6bc1fc1b36d67542fe40d841dee78d3daa",class:"bal-dropdown__rear",name:"web",color:"white"}),h("select",{key:"721a9a291639d6d4357f179b302870cf6f2852af",id:"bubu",class:"bal-dropdown__native",onChange:function(a){return e.changeLanguage(a.target.value)},"data-testid":"bal-footer-language"},this.allowedLanguages.map((function(a){return h("option",{key:a,value:a,selected:a===e.language},a.toLocaleUpperCase()+" - "+i18nBalFooter[a].name)}))))))),h("div",{key:"26575b69cba20d83a8124bca1697b9cc7ee38246",class:Object.assign({},r.class())},h("slot",{key:"48e62b90d62825693e73b522ed454da7846457d2"})),h("div",{key:"8fdf21a11da23eb1489c95d21f6726ab53136ffc",class:Object.assign(Object.assign({container:true},t.class()),i.class())},h("div",{key:"591b9f51cb1ff3d4dee431daaca23ad38bcbac7e",class:Object.assign({},p.class()),style:{display:!this.showSocialMedia?"none":"flex"}},this.socialMediaLinks.map((function(e){return h("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-inverted":true}},h("bal-icon",{name:e.label.toLowerCase()}))}))),h("div",{key:"6496b1f14bedc754c4ba873c6ead58e1476c76ff",class:Object.assign({},d.class()),style:{display:this.hideLinks?"none":"flex"}},this.links.map((function(e){return h("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-light":true}},e.label)})))))))};return e}();__decorate([Logger("bal-footer"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Footer.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Footer.prototype,"configChanged",null);Footer.style=BalFooterStyle0;export{Footer as bal_footer};

package/dist/esm-es5/bal-form.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{s as scrollToFirstInvalidField}from"./form-fb8dd9f5.js";import{d as waitAfterIdleCallback,b as waitAfterFramePaint}from"./helpers-~~32d9e1cc~~.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balFormCss=".bal-form{display:block;position:static}";var BalFormStyle0=balFormCss;var Form=function(){function t(t){registerInstance(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,waitAfterIdleCallback()];case 1:t.sent();return[4,waitAfterFramePaint()];case 2:t.sent();scrollToFirstInvalidField({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 h(Host,{key:"6e18df8ae00274664abd91bce9318de7c9fbd1e3"},h(t,Object.assign({key:"48bee97b1a0e11629d70a562ff7020cb753a258a"},e,{class:this.formClass}),h("slot",{key:"8dae2c5837fead69d624ae443934bb7fa6f7dfe8"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Form.style=BalFormStyle0;export{Form as bal_form};
1	+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{s as scrollToFirstInvalidField}from"./form-fb8dd9f5.js";import{d as waitAfterIdleCallback,b as waitAfterFramePaint}from"./helpers-21ff73ef.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balFormCss=".bal-form{display:block;position:static}";var BalFormStyle0=balFormCss;var Form=function(){function t(t){registerInstance(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,waitAfterIdleCallback()];case 1:t.sent();return[4,waitAfterFramePaint()];case 2:t.sent();scrollToFirstInvalidField({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 h(Host,{key:"6e18df8ae00274664abd91bce9318de7c9fbd1e3"},h(t,Object.assign({key:"48bee97b1a0e11629d70a562ff7020cb753a258a"},e,{class:this.formClass}),h("slot",{key:"8dae2c5837fead69d624ae443934bb7fa6f7dfe8"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Form.style=BalFormStyle0;export{Form as bal_form};