@baloise/ds-core 16.5.0 → 16.5.1

package/dist/esm-es5/bal-date.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{e as isSpaceKey}from"./index.esm-76abd8e3.js";import{a as autoUpdate,c as computePosition,o as offset,f as flip}from"./floating-ui.dom.esm-f1cf1077.js";import{B as BalDate,i as i18nBalDate}from"./date-aba2d404.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{s as stopEventBubbling}from"./form-input-28a08ec5.js";import{m as debounceEvent}from"./helpers-c201154e.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./config.utils-6ac6c9bd.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";var balDateCss=":root{--bal-date-popup-z-index:var(--bal-z-index-tooltip);--bal-date-popup-shadow:var(--bal-shadow-normal);--bal-date-popup-radius:var(--bal-radius-normal)}:root{--bal-z-index-tooltip:1300}.bal-date{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-date__icon--clickable{cursor:pointer}.bal-date__popup{display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:var(--bal-date-popup-z-index);-webkit-box-shadow:var(--bal-date-popup-shadow);box-shadow:var(--bal-date-popup-shadow);border-radius:var(--bal-date-popup-radius)}.bal-date__popup--visible{display:block}";var BalDateStyle0=balDateCss;var Date=function(){function t(t){var i=this;registerInstance(this,t);this.balInput=createEvent(this,"balInput",7);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.balBlur=createEvent(this,"balBlur",7);this.balFocus=createEvent(this,"balFocus",7);this.balInputClick=createEvent(this,"balInputClick",7);this.balIconClick=createEvent(this,"balIconClick",7);this.balPopoverPrepare=createEvent(this,"balPopoverPrepare",7);this.inputId="bal-da-".concat(dateIds++);this.inheritedAttributes={};this.onIconClick=function(t){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.triggerIcon)return[3,2];return[4,this.toggle()];case 1:t.sent();return[3,4];case 2:return[4,this.open()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};this.onInputClick=function(t){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!!this.triggerIcon)return[3,2];return[4,this.open()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.onCalendarChange=function(t){stopEventBubbling(t);i.value=t.detail;i.balChange.emit(i.value);if(i.closeOnSelect){i.close()}};this.onInputInput=function(t){stopEventBubbling(t);i.balInput.emit(t.detail);if(t.detail){var e=BalDate.fromAnyFormat(t.detail);if(e.isValid){i.calendarValue=e.toISODate()}}};this.onInputChange=function(t){stopEventBubbling(t);i.value=t.detail;i.balChange.emit(i.value)};this.onInputFocus=function(t){stopEventBubbling(t);i.balFocus.emit(t.detail)};this.onInputBlur=function(t){stopEventBubbling(t);i.balBlur.emit(t.detail)};this.onKeyPress=function(t){var e=t.detail;return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(isSpaceKey(e)&&!this.triggerIcon))return[3,4];if(!this.isExpanded)return[3,2];return[4,this.close()];case 1:t.sent();return[3,4];case 2:return[4,this.open()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};this.isExpanded=false;this.language=defaultConfig.language;this.calendarValue=undefined;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.freeSolo=false;this.placeholder=undefined;this.triggerIcon=false;this.closeOnSelect=true;this.value=undefined;this.min=undefined;this.max=undefined;this.minYearProp=undefined;this.maxYearProp=undefined;this.defaultDate=undefined;this.allowedDates=undefined;this.allowInvalidValue=false;this.debounce=0;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueChanged=function(){this.calendarValue=this.value};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){this.valueChanged()};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};t.prototype.listenToKeydown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.isExpanded&&(t.key==="Escape"||t.key==="Esc")))return[3,2];t.preventDefault();return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnKeyup=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(t.key==="Tab"&&!this.el.contains(document.activeElement)&&this.isExpanded))return[3,2];return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnclick=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.isExpanded&&!this.el.contains(t.target)))return[3,2];return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnPopoverPrepare=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.inputId!==t.detail))return[3,2];return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isExpanded){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=BalDate.fromISO(t);if(i.isValid){this.value=i.toISODate();this.calendarValue=this.value}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.inputEl)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.inputEl)===null||t===void 0?void 0:t.setBlur();return[2]}))}))};t.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){return[2,(t=this.inputEl)===null||t===void 0?void 0:t.getInputElement()]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){this.ariaForm=Object.assign({},t);(i=this.inputEl)===null||i===void 0?void 0:i.setAriaForm(t);return[2]}))}))};t.prototype.expand=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.referenceEl&&this.floatingEl){this.balPopoverPrepare.emit(this.inputId);this.balWillAnimate.emit();this.isExpanded=true;this.popupCleanup=autoUpdate(this.referenceEl,this.floatingEl,(function(){t.updatePosition(t.referenceEl,t.floatingEl)}))}return[2,this.isExpanded]}))}))};t.prototype.collapse=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.floatingEl){this.balWillAnimate.emit();this.isExpanded=false;if(this.popupCleanup){this.popupCleanup()}this.balDidAnimate.emit()}return[2,this.isExpanded]}))}))};t.prototype.updatePosition=function(t,i){var e=this;computePosition(t,i,{placement:"bottom-start",middleware:[offset(4),flip({crossAxis:false})]}).then((function(t){var n=t.x,r=t.y;Object.assign(i.style,{left:"".concat(n,"px"),top:"".concat(r,"px")});e.balDidAnimate.emit()}))};t.prototype.render=function(){var t=this;var i=BEM.block("date");var e=i.element("icon");var n=i.element("popup");return h(Host,{id:this.inputId,class:Object.assign({},i.class())},h("bal-input-group",{invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,ref:function(i){return t.referenceEl=i}},h("bal-input-date",Object.assign({name:this.name,required:this.required,placeholder:this.placeholder,value:this.value,min:this.min,max:this.max,invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,allowInvalidValue:this.allowInvalidValue,onClick:this.onInputClick,onBalInput:this.onInputInput,onBalChange:this.onInputChange,onBalFocus:this.onInputFocus,onBalBlur:this.onInputBlur,onBalKeyPress:this.onKeyPress,ref:function(i){return t.inputEl=i}},this.inheritedAttributes)),!this.freeSolo?h("bal-icon",{name:"date",role:"button",tabindex:-1,class:Object.assign(Object.assign({},e.class()),e.modifier("clickable").class(!this.disabled&&!this.readonly)),"is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",onClick:this.onIconClick,"aria-label":i18nBalDate[this.language].toggleDatepicker,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false"}):""),h("div",{role:"dialog",class:Object.assign(Object.assign({},n.class()),n.modifier("visible").class(this.isExpanded)),ref:function(i){return t.floatingEl=i},"aria-hidden":"".concat(this.isExpanded!==true),"aria-presented":"".concat(this.isExpanded===true)},h("bal-date-calendar",{value:this.calendarValue,min:this.min,max:this.max,minYearProp:this.minYearProp,maxYearProp:this.maxYearProp,defaultDate:this.defaultDate,allowedDates:this.allowedDates,onBalChange:this.onCalendarChange})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-date"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Date.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Date.prototype,"configChanged",null);var dateIds=0;Date.style=BalDateStyle0;export{Date as bal_date};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{e as isSpaceKey}from"./index.esm-cc299511.js";import{a as autoUpdate,c as computePosition,o as offset,f as flip}from"./floating-ui.dom.esm-f1cf1077.js";import{B as BalDate,i as i18nBalDate}from"./date-6e8f5617.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{m as debounceEvent}from"./helpers-c201154e.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./config.utils-6ac6c9bd.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";var balDateCss=":root{--bal-date-popup-z-index:var(--bal-z-index-tooltip);--bal-date-popup-shadow:var(--bal-shadow-normal);--bal-date-popup-radius:var(--bal-radius-normal)}:root{--bal-z-index-tooltip:1300}.bal-date{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-date__icon--clickable{cursor:pointer}.bal-date__popup{display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:var(--bal-date-popup-z-index);-webkit-box-shadow:var(--bal-date-popup-shadow);box-shadow:var(--bal-date-popup-shadow);border-radius:var(--bal-date-popup-radius)}.bal-date__popup--visible{display:block}";var BalDateStyle0=balDateCss;var Date=function(){function t(t){var i=this;registerInstance(this,t);this.balInput=createEvent(this,"balInput",7);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.balBlur=createEvent(this,"balBlur",7);this.balFocus=createEvent(this,"balFocus",7);this.balInputClick=createEvent(this,"balInputClick",7);this.balIconClick=createEvent(this,"balIconClick",7);this.balPopoverPrepare=createEvent(this,"balPopoverPrepare",7);this.inputId="bal-da-".concat(dateIds++);this.inheritedAttributes={};this.onIconClick=function(t){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.triggerIcon)return[3,2];return[4,this.toggle()];case 1:t.sent();return[3,4];case 2:return[4,this.open()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};this.onInputClick=function(t){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!!this.triggerIcon)return[3,2];return[4,this.open()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.onCalendarChange=function(t){stopEventBubbling(t);i.value=t.detail;i.balChange.emit(i.value);if(i.closeOnSelect){i.close()}};this.onInputInput=function(t){stopEventBubbling(t);i.balInput.emit(t.detail);if(t.detail){var e=BalDate.fromAnyFormat(t.detail);if(e.isValid){i.calendarValue=e.toISODate()}}};this.onInputChange=function(t){stopEventBubbling(t);i.value=t.detail;i.balChange.emit(i.value)};this.onInputFocus=function(t){stopEventBubbling(t);i.balFocus.emit(t.detail)};this.onInputBlur=function(t){stopEventBubbling(t);i.balBlur.emit(t.detail)};this.onKeyPress=function(t){var e=t.detail;return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(isSpaceKey(e)&&!this.triggerIcon))return[3,4];if(!this.isExpanded)return[3,2];return[4,this.close()];case 1:t.sent();return[3,4];case 2:return[4,this.open()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};this.isExpanded=false;this.language=defaultConfig.language;this.calendarValue=undefined;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.freeSolo=false;this.placeholder=undefined;this.triggerIcon=false;this.closeOnSelect=true;this.value=undefined;this.min=undefined;this.max=undefined;this.minYearProp=undefined;this.maxYearProp=undefined;this.defaultDate=undefined;this.allowedDates=undefined;this.allowInvalidValue=false;this.debounce=0;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueChanged=function(){this.calendarValue=this.value};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){this.valueChanged()};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};t.prototype.listenToKeydown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.isExpanded&&(t.key==="Escape"||t.key==="Esc")))return[3,2];t.preventDefault();return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnKeyup=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(t.key==="Tab"&&!this.el.contains(document.activeElement)&&this.isExpanded))return[3,2];return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnclick=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.isExpanded&&!this.el.contains(t.target)))return[3,2];return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnPopoverPrepare=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.inputId!==t.detail))return[3,2];return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isExpanded){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=BalDate.fromISO(t);if(i.isValid){this.value=i.toISODate();this.calendarValue=this.value}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.inputEl)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.inputEl)===null||t===void 0?void 0:t.setBlur();return[2]}))}))};t.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){return[2,(t=this.inputEl)===null||t===void 0?void 0:t.getInputElement()]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){this.ariaForm=Object.assign({},t);(i=this.inputEl)===null||i===void 0?void 0:i.setAriaForm(t);return[2]}))}))};t.prototype.expand=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.referenceEl&&this.floatingEl){this.balPopoverPrepare.emit(this.inputId);this.balWillAnimate.emit();this.isExpanded=true;this.popupCleanup=autoUpdate(this.referenceEl,this.floatingEl,(function(){t.updatePosition(t.referenceEl,t.floatingEl)}))}return[2,this.isExpanded]}))}))};t.prototype.collapse=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.floatingEl){this.balWillAnimate.emit();this.isExpanded=false;if(this.popupCleanup){this.popupCleanup()}this.balDidAnimate.emit()}return[2,this.isExpanded]}))}))};t.prototype.updatePosition=function(t,i){var e=this;computePosition(t,i,{placement:"bottom-start",middleware:[offset(4),flip({crossAxis:false})]}).then((function(t){var n=t.x,r=t.y;Object.assign(i.style,{left:"".concat(n,"px"),top:"".concat(r,"px")});e.balDidAnimate.emit()}))};t.prototype.render=function(){var t=this;var i=BEM.block("date");var e=i.element("icon");var n=i.element("popup");return h(Host,{id:this.inputId,class:Object.assign({},i.class())},h("bal-input-group",{invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,ref:function(i){return t.referenceEl=i}},h("bal-input-date",Object.assign({name:this.name,required:this.required,placeholder:this.placeholder,value:this.value,min:this.min,max:this.max,invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,allowInvalidValue:this.allowInvalidValue,onClick:this.onInputClick,onBalInput:this.onInputInput,onBalChange:this.onInputChange,onBalFocus:this.onInputFocus,onBalBlur:this.onInputBlur,onBalKeyPress:this.onKeyPress,ref:function(i){return t.inputEl=i}},this.inheritedAttributes)),!this.freeSolo?h("bal-icon",{name:"date",role:"button",tabindex:-1,class:Object.assign(Object.assign({},e.class()),e.modifier("clickable").class(!this.disabled&&!this.readonly)),"is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",onClick:this.onIconClick,"aria-label":i18nBalDate[this.language].toggleDatepicker,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false"}):""),h("div",{role:"dialog",class:Object.assign(Object.assign({},n.class()),n.modifier("visible").class(this.isExpanded)),ref:function(i){return t.floatingEl=i},"aria-hidden":"".concat(this.isExpanded!==true),"aria-presented":"".concat(this.isExpanded===true)},h("bal-date-calendar",{value:this.calendarValue,min:this.min,max:this.max,minYearProp:this.minYearProp,maxYearProp:this.maxYearProp,defaultDate:this.defaultDate,allowedDates:this.allowedDates,onBalChange:this.onCalendarChange})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-date"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Date.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Date.prototype,"configChanged",null);var dateIds=0;Date.style=BalDateStyle0;export{Date as bal_date};

package/dist/esm-es5/bal-datepicker.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{k as rIC,m as debounceEvent}from"./helpers-c201154e.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{r as requiredArgs,t as toDate,b as toInteger,g as getDefaultOptions,p as parse,f as formatDateString,i as isValidIsoString,c as format,e as isSpaceKey,h as isEnterKey,d as dateSeparator,j as getYear,n as now,k as getMonth,m as getDate}from"./index.esm-76abd8e3.js";import{l as lodash_isnil}from"./index-82aff103.js";import{N as NUMBER_KEYS,A as ACTION_KEYS,i as isCtrlOrCommandKey}from"./keys.constant-0eb059e0.js";import{i as i18nBalDatepicker}from"./bal-datepicker.i18n-63a3cb67.js";import{s as stopEventBubbling,g as getInputTarget,i as inputHandleFocus,a as inputHandleHostClick,b as inputListenOnClick,c as inputSetFocus,d as inputSetBlur}from"./form-input-28a08ec5.js";import{p as preventDefault}from"./utils-9fbab1d3.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{d as defaultConfig,a as defaultLocale}from"./config.default-7efdc82d.js";import{b as balBreakpoints}from"./breakpoints.subject-3605e395.js";import{g as useBalConfig}from"./config.utils-6ac6c9bd.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-f2ac9963.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./_commonjsHelpers-1c8beb5f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-337782ae.js";function addDays(t,e){requiredArgs(2,arguments);var i=toDate(t);var a=toInteger(e);if(isNaN(a)){return new Date(NaN)}if(!a){return i}i.setDate(i.getDate()+a);return i}function addMonths(t,e){requiredArgs(2,arguments);var i=toDate(t);var a=toInteger(e);if(isNaN(a)){return new Date(NaN)}if(!a){return i}var r=i.getDate();var n=new Date(i.getTime());n.setMonth(i.getMonth()+a+1,0);var s=n.getDate();if(r>=s){return n}else{i.setFullYear(n.getFullYear(),n.getMonth(),r);return i}}function startOfWeek(t,e){var i,a,r,n,s,o,l,d;requiredArgs(1,arguments);var c=getDefaultOptions();var u=toInteger((i=(a=(r=(n=e===null||e===void 0?void 0:e.weekStartsOn)!==null&&n!==void 0?n:e===null||e===void 0?void 0:(s=e.locale)===null||s===void 0?void 0:(o=s.options)===null||o===void 0?void 0:o.weekStartsOn)!==null&&r!==void 0?r:c.weekStartsOn)!==null&&a!==void 0?a:(l=c.locale)===null||l===void 0?void 0:(d=l.options)===null||d===void 0?void 0:d.weekStartsOn)!==null&&i!==void 0?i:0);if(!(u>=0&&u<=6)){throw new RangeError("weekStartsOn must be between 0 and 6 inclusively")}var h=toDate(t);var f=h.getDay();var p=(f<u?7:0)+f-u;h.setDate(h.getDate()-p);h.setHours(0,0,0,0);return h}function startOfDay(t){requiredArgs(1,arguments);var e=toDate(t);e.setHours(0,0,0,0);return e}function addYears(t,e){requiredArgs(2,arguments);var i=toInteger(e);return addMonths(t,i*12)}function isSameDay(t,e){requiredArgs(2,arguments);var i=startOfDay(t);var a=startOfDay(e);return i.getTime()===a.getTime()}function lastDayOfMonth(t){requiredArgs(1,arguments);var e=toDate(t);var i=e.getMonth();e.setFullYear(e.getFullYear(),i+1,0);e.setHours(0,0,0,0);return e}function isAfter(t,e){requiredArgs(2,arguments);var i=toDate(t);var a=toDate(e);return i.getTime()>a.getTime()}function isBefore(t,e){requiredArgs(2,arguments);var i=toDate(t);var a=toDate(e);return i.getTime()<a.getTime()}function isSameWeek(t,e,i){requiredArgs(2,arguments);var a=startOfWeek(t,i);var r=startOfWeek(e,i);return a.getTime()===r.getTime()}function isSameMonth(t,e){requiredArgs(2,arguments);var i=toDate(t);var a=toDate(e);return i.getFullYear()===a.getFullYear()&&i.getMonth()===a.getMonth()}function isWithinInterval(t,e){requiredArgs(2,arguments);var i=toDate(t).getTime();var a=toDate(e.start).getTime();var r=toDate(e.end).getTime();if(!(a<=r)){throw new RangeError("Invalid interval")}return i>=a&&i<=r}function subDays(t,e){requiredArgs(2,arguments);var i=toInteger(e);return addDays(t,-i)}function subYears(t,e){requiredArgs(2,arguments);var i=toInteger(e);return addYears(t,-i)}var balDatepickerCss=':root{--bal-datepicker-popover-background:var(--bal-color-grey-2);--bal-datepicker-cell-background:var(--bal-color-white);--bal-datepicker-cell-selected-background:var(--bal-color-primary);--bal-datepicker-cell-selected-today-background:var(--bal-color-white);--bal-datepicker-cell-today-background:var(--bal-color-primary);--bal-datepicker-cell-today-radius:var(--bal-radius-rounded)}.bal-datepicker{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-datepicker__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-datepicker__popup{padding:1rem;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-datepicker-popover-background)}@media screen and (min-width: 769px),print{.bal-datepicker__popup{max-width:24.5rem}}.bal-datepicker__popup__body{max-width:22.5rem;margin:0 auto 0 auto;margin-top:.75rem}.bal-datepicker-pagination{max-width:22.5rem;margin:0 auto 0 auto}.bal-datepicker-pagination__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-datepicker-pagination__month-and-year{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:.5rem}.bal-datepicker-pagination__month-and-year__select{-ms-flex:1;flex:1}.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{padding-top:0 !important;padding-bottom:0 !important;text-align:center !important;min-height:2rem !important;height:2rem !important}@media screen and (min-width: 769px),print{.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{min-height:3rem !important;height:3rem !important}}.bal-datepicker-grid{display:table;border-collapse:collapse;width:100%;table-layout:fixed}.bal-datepicker-grid__body{display:table-row-group}.bal-datepicker-grid__row{display:table-row}.bal-datepicker-grid__row .bal-datepicker-grid__cell{margin-bottom:.25rem;margin-right:.25rem}.bal-datepicker-grid__row:last-child .bal-datepicker-grid__cell{margin-bottom:0}.bal-datepicker-grid__header{display:-ms-flexbox;display:flex;max-width:22.5rem;margin:0 auto 0 auto;gap:.25rem}.bal-datepicker-grid__header .bal-datepicker-grid__cell{background:rgba(0,0,0,0)}.bal-datepicker-grid__header .bal-datepicker-grid__cell span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}.bal-datepicker-grid__cell{position:relative;text-align:center;vertical-align:middle;display:table-cell;width:13%;padding:0 !important;height:3rem;min-height:3rem;min-width:2.25rem;-webkit-appearance:auto !important;-moz-appearance:auto !important;appearance:auto !important;background:var(--bal-datepicker-cell-background)}.bal-datepicker-grid__cell--selected{background:var(--bal-datepicker-cell-selected-background) !important}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)>span{font-weight:var(--bal-font-weight-bold)}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)::after{content:"";position:absolute;display:block;width:.25rem;height:.25rem;background:var(--bal-datepicker-cell-today-background);border-radius:var(--bal-datepicker-cell-today-radius);margin-left:-2px;left:50%;bottom:.375rem}.bal-datepicker-grid__cell--today.bal-datepicker-grid__cell--selected:not(.bal-datepicker-grid__cell--outdated)::after{background:var(--bal-datepicker-cell-selected-today-background)}.bal-datepicker-grid__cell:last-child{margin-right:0}.bal-datepicker-grid__cell>span{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular)}@media screen and (min-width: 769px),print{.bal-datepicker-grid__cell{min-width:3rem !important}}.bal-datepicker-grid__cell--disabled{border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}.bal-datepicker-grid__cell--header>span{border:none;background:rgba(0,0,0,0);color:var(--bal-color-text-primary);font-weight:var(--bal-font-weight-bold);cursor:default}';var BalDatepickerStyle0=balDatepickerCss;var Datepicker=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balInput=createEvent(this,"balInput",7);this.balBlur=createEvent(this,"balBlur",7);this.balFocus=createEvent(this,"balFocus",7);this.balInputClick=createEvent(this,"balInputClick",7);this.balIconClick=createEvent(this,"balIconClick",7);this.inputId="bal-dp-".concat(datepickerIds++);this.inheritedAttributes={};this.inputValue=this.value;this.onIconClick=function(t){if(!e.disabled&&!e.readonly){e.popoverElement.toggle()}stopEventBubbling(t);e.balIconClick.emit(t)};this.onInputClick=function(t){if(!e.triggerIcon&&!e.disabled&&!e.readonly){e.popoverElement.toggle()}stopEventBubbling(t);if(!e.triggerIcon){e.balInputClick.emit(t)}};this.onPopoverChange=function(t){stopEventBubbling(t);if(e.isPopoverOpen!==t.detail){e.isPopoverOpen=t.detail;e.fireBlur(t)}};this.onInput=function(t){var i=getInputTarget(t);if(i){e.inputValue=i.value;if(i.value){e.nativeInput.value=e.formatDate(e.inputValue)}if(e.inputValue&&e.inputValue.length>=6){var a=parse(e.inputValue,e.getLocale());var r=formatDateString(a);if(isValidIsoString(r)){e.selectedDate=r;e.updatePointerDates()}}}e.balInput.emit(e.inputValue)};this.onInputChange=function(t){var i=t.target.value;var a=parse(i,e.getLocale());var r=formatDateString(a);var n=format(e.getLocale(),a);e.nativeInput.value=n;e.updateValue(r);e.updatePointerDates()};this.onClickDateCell=function(t){if(!t.isDisabled){e.select(t.dateString)}};this.onInputKeyUp=function(t){if(isSpaceKey(t)&&!e.triggerIcon){if(e.isPopoverOpen){e.close()}else{e.open()}}if(isEnterKey(t)&&!e.triggerIcon){var i=parse(e.nativeInput.value,e.getLocale());var a=formatDateString(i);if(e.isPopoverOpen){if(e.value===a){e.close()}}}};this.onInputKeyDown=function(t){var i=dateSeparator(e.getLocale());var a=__spreadArray(__spreadArray(__spreadArray([],NUMBER_KEYS,true),[i],false),ACTION_KEYS,true);if(!isCtrlOrCommandKey(t)&&a.indexOf(t.key)<0){t.preventDefault();t.stopPropagation()}if(t.key==="Tab"){e.close()}};this.onMonthSelect=function(t){var i=t.target.value;e.pointerDate=Object.assign(Object.assign({},e.pointerDate),{day:1,month:parseInt(i,10)})};this.onYearSelect=function(t){var i=t.target.value;var a=parseInt(i,10);var r=undefined;if(e.defaultDate){var n=parse(e.defaultDate);if(e.max){var s=parse(e.max);if(n.getMonth()>s.getMonth()){r=s.getMonth()}}if(e.min){var o=parse(e.min);if(n.getMonth()<o.getMonth()){r=o.getMonth()}}}e.pointerDate={day:1,year:a,month:r!==undefined?r:e.pointerDate.month}};this.onInputFocus=function(t){return inputHandleFocus(e,t)};this.onInputBlur=function(t){preventDefault(t);e.focused=false;e.fireBlur(t)};this.fireBlur=function(t){if(!e.isPopoverOpen&&!e.focused){rIC((function(){return e.balBlur.emit(t)}))}};this.handleClick=function(t){return inputHandleHostClick(e,t)};this.language=defaultConfig.language;this.region=defaultConfig.region;this.isMobile=balBreakpoints.isMobile;this.focused=false;this.isPopoverOpen=false;this.selectedDate="";this.pointerDate={year:getYear(now()),month:getMonth(now()),day:getDate(now())};this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.loading=false;this.placeholder=undefined;this.min=undefined;this.max=undefined;this.closeOnSelect=true;this.triggerIcon=false;this.minYearProp=undefined;this.maxYearProp=undefined;this.debounce=0;this.defaultDate=undefined;this.value=undefined;this.allowedDates=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.valueChanged=function(){this.selectedDate=this.value;this.updatePointerDates()};t.prototype.listenOnClick=function(t){inputListenOnClick(this,t)};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){if(e.initialValue){e.nativeInput.value=format(e.getLocale(),parse(e.initialValue))}else{e.nativeInput.value=""}e.selectedDate=e.initialValue;e.updateValue(e.initialValue,false);e.updatePointerDates()}),0)}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"]);this.selectedDate=this.value;this.updatePointerDates();this.updateValue(this.value,false)};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.region=t.region;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.present()}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.dismiss()}return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:this.nativeInput.value=format(this.getLocale(),parse(t));this.updateValue(t);this.updatePointerDates();if(!this.closeOnSelect)return[3,2];return[4,(e=this.popoverElement)===null||e===void 0?void 0:e.toggle()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetFocus(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetBlur(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.updatePointerDates=function(){var t=now();t.setDate(1);if(this.selectedDate){t=parse(this.selectedDate)}else{if(this.defaultDate){t=parse(this.defaultDate)}}if(this.min){var e=parse(this.min);if(e&&t<e){t=e}}if(this.max){var i=parse(this.max);if(i&&t>i){t=i}}this.pointerDate={year:getYear(t),month:getMonth(t),day:getDate(t)}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(!isValidIsoString(t)){this.selectedDate=undefined;this.value=undefined;if(this.nativeInput){this.nativeInput.value=""}}if(this.value!==t){this.value=t;if(e&&(this.isDateInRange(parse(this.value))||this.value==="")){this.balChange.emit(this.value)}}};Object.defineProperty(t.prototype,"minYear",{get:function(){if(this.min){return parseInt(this.min.substring(0,4),10)}return this.minYearProp?this.minYearProp:getYear(subYears(now(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"maxYear",{get:function(){if(this.max){return parseInt(this.max.substring(0,4),10)}return this.maxYearProp?this.maxYearProp:getYear(addYears(now(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"years",{get:function(){var t=this;var e=Array.from({length:this.maxYear-this.minYear+1},(function(e,i){return t.minYear+i}));if(this.min&&this.pointerDate.month===getMonth(parse(this.min))){var i=getYear(parse(this.min));e=e.filter((function(t){return t>=i}))}if(this.max&&this.pointerDate.month===getMonth(parse(this.max))){var a=getYear(parse(this.max));e=e.filter((function(t){return t<=a}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"months",{get:function(){var t=i18nBalDatepicker[this.language].monthsShort;var e=t.map((function(t,e){return{name:t,index:e}}));if(this.min&&this.pointerDate.year===getYear(parse(this.min))){var i=parseInt(this.min.substring(5,7),10)-1;e=e.filter((function(t){return t.index>=i}))}if(this.max&&this.pointerDate.year===getYear(parse(this.max))){var a=parseInt(this.max.substring(5,7),10)-1;e=e.filter((function(t){return t.index<=a}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"weekDays",{get:function(){var t=__spreadArray([],i18nBalDatepicker[this.language].weekdaysMin,true);t.push(t.shift()||"");return t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"firstDateOfBox",{get:function(){var t=new Date(this.pointerDate.year,this.pointerDate.month,1);return startOfWeek(t,{weekStartsOn:1})},enumerable:false,configurable:true});t.prototype.getLocale=function(){var t=useBalConfig();return t&&t.locale||defaultLocale};Object.defineProperty(t.prototype,"calendarGrid",{get:function(){var t=this.firstDateOfBox;var e=this.firstDateOfBox;var i=[];do{var a=[];do{a=__spreadArray(__spreadArray([],a,true),[{date:new Date(e),display:format(this.getLocale(),e),dateString:formatDateString(e),label:getDate(e).toString(),isToday:isSameDay(e,now()),isSelected:parse(this.selectedDate)!==undefined&&isSameDay(e,parse(this.selectedDate)),isDisabled:!this.getAllowedDates(e)||!this.isDateInRange(e),isOutdated:this.pointerDate.month!==e.getMonth()||!this.isDateInRange(e)}],false);e.setDate(e.getDate()+1)}while(isSameWeek(e,t,{weekStartsOn:1}));i=__spreadArray(__spreadArray([],i,true),[a],false);t.setDate(t.getDate()+7)}while(isSameMonth(new Date(this.pointerDate.year,this.pointerDate.month,this.pointerDate.day),e));return i},enumerable:false,configurable:true});t.prototype.getAllowedDates=function(t){if(lodash_isnil(this.allowedDates)){return true}return this.allowedDates(formatDateString(t))};t.prototype.formatDate=function(t){var e=dateSeparator(this.getLocale());var i=t.length;var a=t.charAt(i-1);var r=t.charAt(i-2);if(a===e){if(i===1||r===e||t.split(e).filter((function(t){return t.length>0})).length>=3){return t.substring(0,i-1)}}if(i===5){if(t.split(e)[0].split("").length===1&&r!==e&&a!==e){return t.substring(0,i-1)+e+t.substring(i-1,i)}}if(i===3||i===6){if(a!==e&&r!==e&&t.split(e).length<=2){return t.substring(0,i-1)+e+t.substring(i-1,i)}}return t};t.prototype.render=function(){var t=this;var e=BEM.block("datepicker");var i=e.element("native");var a=e.element("popup");var r=a.element("body");var n=a.element("footer");return h(Host,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},h("input",{type:"date",class:Object.assign({},i.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}),h("bal-popover",{onBalChange:this.onPopoverChange,ref:function(e){return t.popoverElement=e}},this.renderInput(),h("bal-popover-content",{spaceless:true,contentMinWidth:392},h("div",{class:Object.assign({},a.class())},this.renderHeader(),h("div",{class:Object.assign({},r.class())},this.renderGrid()),h("div",{class:Object.assign({},n.class())},h("slot",null))))))};t.prototype.renderInput=function(){var t=this;return h("div",{"bal-popover-trigger":true,class:"control"},h("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},h("input",Object.assign({class:{input:true,"data-test-input":true,"is-clickable":!this.disabled&&!this.triggerIcon&&!this.readonly,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-datepicker-input",ref:function(e){return t.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,type:"text",maxlength:"10",autoComplete:"off",value:format(this.getLocale(),parse(this.value||"")),required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,onKeyDown:function(e){return t.onInputKeyDown(e)},onKeyUp:function(e){return t.onInputKeyUp(e)},onInput:this.onInput,onClick:this.onInputClick,onChange:this.onInputChange,onBlur:this.onInputBlur,onFocus:this.onInputFocus},this.inheritedAttributes)),!this.loading?h("bal-icon",{class:{"datepicker-trigger-icon":true,"is-clickable":!this.disabled&&!this.readonly},"is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"date",onClick:this.onIconClick}):""))};t.prototype.renderGrid=function(){var t=this;var e=BEM.block("datepicker-grid");var i=e.element("row");var a=e.element("cell");return h("div",null,this.renderWeekDayHeader(),h("div",{class:Object.assign({},e.class())},this.calendarGrid.map((function(e,r){return h("div",{key:r,class:Object.assign({},i.class())},e.map((function(e){return h("button",{key:e.dateString,type:"button","data-date":e.dateString,onClick:function(){return t.onClickDateCell(e)},disabled:e.isDisabled,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),{button:true,"is-text":!e.isDisabled&&!e.isSelected,"is-primary":e.isSelected&&e.isSelected,"is-disabled":e.isDisabled||e.isOutdated}),a.modifier("today").class(e.isToday)),a.modifier("selectable").class(!e.isDisabled&&!e.isOutdated)),a.modifier("disabled").class(e.isDisabled||e.isOutdated)),a.modifier("outdated").class(e.isOutdated)),a.modifier("selected").class(e.isSelected))},h("span",null,e.label))})))}))))};t.prototype.renderWeekDayHeader=function(){var t=BEM.block("datepicker-grid");var e=t.element("header");var i=t.element("cell");return h("header",{class:Object.assign({},e.class())},this.weekDays.map((function(t){return h("div",{key:t,class:Object.assign(Object.assign({},i.class()),i.modifier("header").class())},h("span",null,t))})))};t.prototype.renderHeader=function(){var t=this;var e=BEM.block("datepicker-pagination");var i=e.element("inner");var a=e.element("month-and-year");var r=a.element("select");return h("header",{class:Object.assign({},e.class())},h("div",{class:Object.assign({},i.class())},h("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-left",disabled:this.isPreviousMonthDisabled,onClick:function(){return t.previousMonth()}}),h("div",{class:Object.assign({},a.class())},h("div",{class:Object.assign(Object.assign({},r.class()),r.modifier("month").class())},h("div",{class:"select"},h("select",{onInput:this.onMonthSelect},this.months.map((function(e){return h("option",{key:e.index,value:e.index,selected:t.pointerDate.month===e.index},e.name)}))))),h("div",{class:Object.assign(Object.assign({},r.class()),r.modifier("year").class())},h("div",{class:"select"},h("select",{onInput:this.onYearSelect},this.years.map((function(e){return h("option",{key:e,value:e,selected:t.pointerDate.year===e},e)})))))),h("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-right",disabled:this.isNextMonthDisabled,onClick:function(){return t.nextMonth()}})))};t.prototype.previousMonth=function(){if(!this.isPreviousMonthDisabled){if(this.pointerDate.year===this.minYear&&this.pointerDate.month===0){return}this.pointerDate=this.calcPreviousMonth()}};t.prototype.nextMonth=function(){if(!this.isNextMonthDisabled){if(this.pointerDate.year===this.maxYear&&this.pointerDate.month===11){return}this.pointerDate=this.calcNextMonth()}};t.prototype.calcPreviousMonth=function(){if(this.pointerDate.month===0){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1,month:11,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month-1,day:1})}};t.prototype.calcNextMonth=function(){if(this.pointerDate.month===11){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1,month:0,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month+1,day:1})}};t.prototype.lastDayOfMonth=function(t,e){var i=new Date(t,e+1,0);return getDate(i)};Object.defineProperty(t.prototype,"isPreviousMonthDisabled",{get:function(){if(this.min){var t=parse(this.min);var e=this.lastDayOfMonth(this.calcPreviousMonth().year,this.calcPreviousMonth().month);var i=new Date(this.calcPreviousMonth().year,this.calcPreviousMonth().month,e);return isBefore(i,subDays(t,1))}return false},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isNextMonthDisabled",{get:function(){if(this.max){var t=parse(this.max);var e=new Date(this.calcNextMonth().year,this.calcNextMonth().month,1);return isAfter(e,lastDayOfMonth(t)?t:addDays(t,1))}return false},enumerable:false,configurable:true});t.prototype.isDateInRange=function(t){var e=parse(formatDateString(t));if(this.min&&this.max&&this.max>this.min){return isWithinInterval(e,{start:parse(this.min),end:parse(this.max)})}if(this.min){return isAfter(e,parse(this.min))||isSameDay(e,parse(this.min))}if(this.max){return isBefore(e,addDays(parse(this.max),1))||isSameDay(e,parse(this.max))}return true};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-datepicker"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Datepicker.prototype,"createLogger",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Datepicker.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Datepicker.prototype,"configChanged",null);var datepickerIds=0;Datepicker.style=BalDatepickerStyle0;export{Datepicker as bal_datepicker};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{k as rIC,m as debounceEvent}from"./helpers-c201154e.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{r as requiredArgs,t as toDate,b as toInteger,g as getDefaultOptions,p as parse,f as formatDateString,i as isValidIsoString,c as format,e as isSpaceKey,h as isEnterKey,d as dateSeparator,j as getYear,n as now,k as getMonth,m as getDate}from"./index.esm-cc299511.js";import{l as lodash_isnil}from"./index-82aff103.js";import{N as NUMBER_KEYS,A as ACTION_KEYS,i as isCtrlOrCommandKey}from"./keys.constant-0eb059e0.js";import{i as i18nBalDatepicker}from"./bal-datepicker.i18n-63a3cb67.js";import{s as stopEventBubbling,g as getInputTarget,i as inputHandleFocus,a as inputHandleHostClick,b as inputListenOnClick,c as inputSetFocus,d as inputSetBlur}from"./form-input-a8fdaaef.js";import{p as preventDefault}from"./utils-9fbab1d3.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{d as defaultConfig,a as defaultLocale}from"./config.default-7efdc82d.js";import{b as balBreakpoints}from"./breakpoints.subject-e3538fe7.js";import{g as useBalConfig}from"./config.utils-6ac6c9bd.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-8a50482f.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./_commonjsHelpers-1c8beb5f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-7cf87670.js";function addDays(t,e){requiredArgs(2,arguments);var i=toDate(t);var a=toInteger(e);if(isNaN(a)){return new Date(NaN)}if(!a){return i}i.setDate(i.getDate()+a);return i}function addMonths(t,e){requiredArgs(2,arguments);var i=toDate(t);var a=toInteger(e);if(isNaN(a)){return new Date(NaN)}if(!a){return i}var r=i.getDate();var n=new Date(i.getTime());n.setMonth(i.getMonth()+a+1,0);var s=n.getDate();if(r>=s){return n}else{i.setFullYear(n.getFullYear(),n.getMonth(),r);return i}}function startOfWeek(t,e){var i,a,r,n,s,o,l,d;requiredArgs(1,arguments);var c=getDefaultOptions();var u=toInteger((i=(a=(r=(n=e===null||e===void 0?void 0:e.weekStartsOn)!==null&&n!==void 0?n:e===null||e===void 0?void 0:(s=e.locale)===null||s===void 0?void 0:(o=s.options)===null||o===void 0?void 0:o.weekStartsOn)!==null&&r!==void 0?r:c.weekStartsOn)!==null&&a!==void 0?a:(l=c.locale)===null||l===void 0?void 0:(d=l.options)===null||d===void 0?void 0:d.weekStartsOn)!==null&&i!==void 0?i:0);if(!(u>=0&&u<=6)){throw new RangeError("weekStartsOn must be between 0 and 6 inclusively")}var h=toDate(t);var f=h.getDay();var p=(f<u?7:0)+f-u;h.setDate(h.getDate()-p);h.setHours(0,0,0,0);return h}function startOfDay(t){requiredArgs(1,arguments);var e=toDate(t);e.setHours(0,0,0,0);return e}function addYears(t,e){requiredArgs(2,arguments);var i=toInteger(e);return addMonths(t,i*12)}function isSameDay(t,e){requiredArgs(2,arguments);var i=startOfDay(t);var a=startOfDay(e);return i.getTime()===a.getTime()}function lastDayOfMonth(t){requiredArgs(1,arguments);var e=toDate(t);var i=e.getMonth();e.setFullYear(e.getFullYear(),i+1,0);e.setHours(0,0,0,0);return e}function isAfter(t,e){requiredArgs(2,arguments);var i=toDate(t);var a=toDate(e);return i.getTime()>a.getTime()}function isBefore(t,e){requiredArgs(2,arguments);var i=toDate(t);var a=toDate(e);return i.getTime()<a.getTime()}function isSameWeek(t,e,i){requiredArgs(2,arguments);var a=startOfWeek(t,i);var r=startOfWeek(e,i);return a.getTime()===r.getTime()}function isSameMonth(t,e){requiredArgs(2,arguments);var i=toDate(t);var a=toDate(e);return i.getFullYear()===a.getFullYear()&&i.getMonth()===a.getMonth()}function isWithinInterval(t,e){requiredArgs(2,arguments);var i=toDate(t).getTime();var a=toDate(e.start).getTime();var r=toDate(e.end).getTime();if(!(a<=r)){throw new RangeError("Invalid interval")}return i>=a&&i<=r}function subDays(t,e){requiredArgs(2,arguments);var i=toInteger(e);return addDays(t,-i)}function subYears(t,e){requiredArgs(2,arguments);var i=toInteger(e);return addYears(t,-i)}var balDatepickerCss=':root{--bal-datepicker-popover-background:var(--bal-color-grey-2);--bal-datepicker-cell-background:var(--bal-color-white);--bal-datepicker-cell-selected-background:var(--bal-color-primary);--bal-datepicker-cell-selected-today-background:var(--bal-color-white);--bal-datepicker-cell-today-background:var(--bal-color-primary);--bal-datepicker-cell-today-radius:var(--bal-radius-rounded)}.bal-datepicker{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-datepicker__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-datepicker__popup{padding:1rem;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-datepicker-popover-background)}@media screen and (min-width: 769px),print{.bal-datepicker__popup{max-width:24.5rem}}.bal-datepicker__popup__body{max-width:22.5rem;margin:0 auto 0 auto;margin-top:.75rem}.bal-datepicker-pagination{max-width:22.5rem;margin:0 auto 0 auto}.bal-datepicker-pagination__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-datepicker-pagination__month-and-year{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:.5rem}.bal-datepicker-pagination__month-and-year__select{-ms-flex:1;flex:1}.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{padding-top:0 !important;padding-bottom:0 !important;text-align:center !important;min-height:2rem !important;height:2rem !important}@media screen and (min-width: 769px),print{.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{min-height:3rem !important;height:3rem !important}}.bal-datepicker-grid{display:table;border-collapse:collapse;width:100%;table-layout:fixed}.bal-datepicker-grid__body{display:table-row-group}.bal-datepicker-grid__row{display:table-row}.bal-datepicker-grid__row .bal-datepicker-grid__cell{margin-bottom:.25rem;margin-right:.25rem}.bal-datepicker-grid__row:last-child .bal-datepicker-grid__cell{margin-bottom:0}.bal-datepicker-grid__header{display:-ms-flexbox;display:flex;max-width:22.5rem;margin:0 auto 0 auto;gap:.25rem}.bal-datepicker-grid__header .bal-datepicker-grid__cell{background:rgba(0,0,0,0)}.bal-datepicker-grid__header .bal-datepicker-grid__cell span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}.bal-datepicker-grid__cell{position:relative;text-align:center;vertical-align:middle;display:table-cell;width:13%;padding:0 !important;height:3rem;min-height:3rem;min-width:2.25rem;-webkit-appearance:auto !important;-moz-appearance:auto !important;appearance:auto !important;background:var(--bal-datepicker-cell-background)}.bal-datepicker-grid__cell--selected{background:var(--bal-datepicker-cell-selected-background) !important}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)>span{font-weight:var(--bal-font-weight-bold)}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)::after{content:"";position:absolute;display:block;width:.25rem;height:.25rem;background:var(--bal-datepicker-cell-today-background);border-radius:var(--bal-datepicker-cell-today-radius);margin-left:-2px;left:50%;bottom:.375rem}.bal-datepicker-grid__cell--today.bal-datepicker-grid__cell--selected:not(.bal-datepicker-grid__cell--outdated)::after{background:var(--bal-datepicker-cell-selected-today-background)}.bal-datepicker-grid__cell:last-child{margin-right:0}.bal-datepicker-grid__cell>span{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular)}@media screen and (min-width: 769px),print{.bal-datepicker-grid__cell{min-width:3rem !important}}.bal-datepicker-grid__cell--disabled{border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}.bal-datepicker-grid__cell--header>span{border:none;background:rgba(0,0,0,0);color:var(--bal-color-text-primary);font-weight:var(--bal-font-weight-bold);cursor:default}';var BalDatepickerStyle0=balDatepickerCss;var Datepicker=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balInput=createEvent(this,"balInput",7);this.balBlur=createEvent(this,"balBlur",7);this.balFocus=createEvent(this,"balFocus",7);this.balInputClick=createEvent(this,"balInputClick",7);this.balIconClick=createEvent(this,"balIconClick",7);this.inputId="bal-dp-".concat(datepickerIds++);this.inheritedAttributes={};this.inputValue=this.value;this.onIconClick=function(t){if(!e.disabled&&!e.readonly){e.popoverElement.toggle()}stopEventBubbling(t);e.balIconClick.emit(t)};this.onInputClick=function(t){if(!e.triggerIcon&&!e.disabled&&!e.readonly){e.popoverElement.toggle()}stopEventBubbling(t);if(!e.triggerIcon){e.balInputClick.emit(t)}};this.onPopoverChange=function(t){stopEventBubbling(t);if(e.isPopoverOpen!==t.detail){e.isPopoverOpen=t.detail;e.fireBlur(t)}};this.onInput=function(t){var i=getInputTarget(t);if(i){e.inputValue=i.value;if(i.value){e.nativeInput.value=e.formatDate(e.inputValue)}if(e.inputValue&&e.inputValue.length>=6){var a=parse(e.inputValue,e.getLocale());var r=formatDateString(a);if(isValidIsoString(r)){e.selectedDate=r;e.updatePointerDates()}}}e.balInput.emit(e.inputValue)};this.onInputChange=function(t){var i=t.target.value;var a=parse(i,e.getLocale());var r=formatDateString(a);var n=format(e.getLocale(),a);e.nativeInput.value=n;e.updateValue(r);e.updatePointerDates()};this.onClickDateCell=function(t){if(!t.isDisabled){e.select(t.dateString)}};this.onInputKeyUp=function(t){if(isSpaceKey(t)&&!e.triggerIcon){if(e.isPopoverOpen){e.close()}else{e.open()}}if(isEnterKey(t)&&!e.triggerIcon){var i=parse(e.nativeInput.value,e.getLocale());var a=formatDateString(i);if(e.isPopoverOpen){if(e.value===a){e.close()}}}};this.onInputKeyDown=function(t){var i=dateSeparator(e.getLocale());var a=__spreadArray(__spreadArray(__spreadArray([],NUMBER_KEYS,true),[i],false),ACTION_KEYS,true);if(!isCtrlOrCommandKey(t)&&a.indexOf(t.key)<0){t.preventDefault();t.stopPropagation()}if(t.key==="Tab"){e.close()}};this.onMonthSelect=function(t){var i=t.target.value;e.pointerDate=Object.assign(Object.assign({},e.pointerDate),{day:1,month:parseInt(i,10)})};this.onYearSelect=function(t){var i=t.target.value;var a=parseInt(i,10);var r=undefined;if(e.defaultDate){var n=parse(e.defaultDate);if(e.max){var s=parse(e.max);if(n.getMonth()>s.getMonth()){r=s.getMonth()}}if(e.min){var o=parse(e.min);if(n.getMonth()<o.getMonth()){r=o.getMonth()}}}e.pointerDate={day:1,year:a,month:r!==undefined?r:e.pointerDate.month}};this.onInputFocus=function(t){return inputHandleFocus(e,t)};this.onInputBlur=function(t){preventDefault(t);e.focused=false;e.fireBlur(t)};this.fireBlur=function(t){if(!e.isPopoverOpen&&!e.focused){rIC((function(){return e.balBlur.emit(t)}))}};this.handleClick=function(t){return inputHandleHostClick(e,t)};this.language=defaultConfig.language;this.region=defaultConfig.region;this.isMobile=balBreakpoints.isMobile;this.focused=false;this.isPopoverOpen=false;this.selectedDate="";this.pointerDate={year:getYear(now()),month:getMonth(now()),day:getDate(now())};this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.loading=false;this.placeholder=undefined;this.min=undefined;this.max=undefined;this.closeOnSelect=true;this.triggerIcon=false;this.minYearProp=undefined;this.maxYearProp=undefined;this.debounce=0;this.defaultDate=undefined;this.value=undefined;this.allowedDates=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.valueChanged=function(){this.selectedDate=this.value;this.updatePointerDates()};t.prototype.listenOnClick=function(t){inputListenOnClick(this,t)};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){if(e.initialValue){e.nativeInput.value=format(e.getLocale(),parse(e.initialValue))}else{e.nativeInput.value=""}e.selectedDate=e.initialValue;e.updateValue(e.initialValue,false);e.updatePointerDates()}),0)}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"]);this.selectedDate=this.value;this.updatePointerDates();this.updateValue(this.value,false)};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.region=t.region;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.present()}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.dismiss()}return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:this.nativeInput.value=format(this.getLocale(),parse(t));this.updateValue(t);this.updatePointerDates();if(!this.closeOnSelect)return[3,2];return[4,(e=this.popoverElement)===null||e===void 0?void 0:e.toggle()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetFocus(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetBlur(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.updatePointerDates=function(){var t=now();t.setDate(1);if(this.selectedDate){t=parse(this.selectedDate)}else{if(this.defaultDate){t=parse(this.defaultDate)}}if(this.min){var e=parse(this.min);if(e&&t<e){t=e}}if(this.max){var i=parse(this.max);if(i&&t>i){t=i}}this.pointerDate={year:getYear(t),month:getMonth(t),day:getDate(t)}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(!isValidIsoString(t)){this.selectedDate=undefined;this.value=undefined;if(this.nativeInput){this.nativeInput.value=""}}if(this.value!==t){this.value=t;if(e&&(this.isDateInRange(parse(this.value))||this.value==="")){this.balChange.emit(this.value)}}};Object.defineProperty(t.prototype,"minYear",{get:function(){if(this.min){return parseInt(this.min.substring(0,4),10)}return this.minYearProp?this.minYearProp:getYear(subYears(now(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"maxYear",{get:function(){if(this.max){return parseInt(this.max.substring(0,4),10)}return this.maxYearProp?this.maxYearProp:getYear(addYears(now(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"years",{get:function(){var t=this;var e=Array.from({length:this.maxYear-this.minYear+1},(function(e,i){return t.minYear+i}));if(this.min&&this.pointerDate.month===getMonth(parse(this.min))){var i=getYear(parse(this.min));e=e.filter((function(t){return t>=i}))}if(this.max&&this.pointerDate.month===getMonth(parse(this.max))){var a=getYear(parse(this.max));e=e.filter((function(t){return t<=a}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"months",{get:function(){var t=i18nBalDatepicker[this.language].monthsShort;var e=t.map((function(t,e){return{name:t,index:e}}));if(this.min&&this.pointerDate.year===getYear(parse(this.min))){var i=parseInt(this.min.substring(5,7),10)-1;e=e.filter((function(t){return t.index>=i}))}if(this.max&&this.pointerDate.year===getYear(parse(this.max))){var a=parseInt(this.max.substring(5,7),10)-1;e=e.filter((function(t){return t.index<=a}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"weekDays",{get:function(){var t=__spreadArray([],i18nBalDatepicker[this.language].weekdaysMin,true);t.push(t.shift()||"");return t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"firstDateOfBox",{get:function(){var t=new Date(this.pointerDate.year,this.pointerDate.month,1);return startOfWeek(t,{weekStartsOn:1})},enumerable:false,configurable:true});t.prototype.getLocale=function(){var t=useBalConfig();return t&&t.locale||defaultLocale};Object.defineProperty(t.prototype,"calendarGrid",{get:function(){var t=this.firstDateOfBox;var e=this.firstDateOfBox;var i=[];do{var a=[];do{a=__spreadArray(__spreadArray([],a,true),[{date:new Date(e),display:format(this.getLocale(),e),dateString:formatDateString(e),label:getDate(e).toString(),isToday:isSameDay(e,now()),isSelected:parse(this.selectedDate)!==undefined&&isSameDay(e,parse(this.selectedDate)),isDisabled:!this.getAllowedDates(e)||!this.isDateInRange(e),isOutdated:this.pointerDate.month!==e.getMonth()||!this.isDateInRange(e)}],false);e.setDate(e.getDate()+1)}while(isSameWeek(e,t,{weekStartsOn:1}));i=__spreadArray(__spreadArray([],i,true),[a],false);t.setDate(t.getDate()+7)}while(isSameMonth(new Date(this.pointerDate.year,this.pointerDate.month,this.pointerDate.day),e));return i},enumerable:false,configurable:true});t.prototype.getAllowedDates=function(t){if(lodash_isnil(this.allowedDates)){return true}return this.allowedDates(formatDateString(t))};t.prototype.formatDate=function(t){var e=dateSeparator(this.getLocale());var i=t.length;var a=t.charAt(i-1);var r=t.charAt(i-2);if(a===e){if(i===1||r===e||t.split(e).filter((function(t){return t.length>0})).length>=3){return t.substring(0,i-1)}}if(i===5){if(t.split(e)[0].split("").length===1&&r!==e&&a!==e){return t.substring(0,i-1)+e+t.substring(i-1,i)}}if(i===3||i===6){if(a!==e&&r!==e&&t.split(e).length<=2){return t.substring(0,i-1)+e+t.substring(i-1,i)}}return t};t.prototype.render=function(){var t=this;var e=BEM.block("datepicker");var i=e.element("native");var a=e.element("popup");var r=a.element("body");var n=a.element("footer");return h(Host,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},h("input",{type:"date",class:Object.assign({},i.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}),h("bal-popover",{onBalChange:this.onPopoverChange,ref:function(e){return t.popoverElement=e}},this.renderInput(),h("bal-popover-content",{spaceless:true,contentMinWidth:392},h("div",{class:Object.assign({},a.class())},this.renderHeader(),h("div",{class:Object.assign({},r.class())},this.renderGrid()),h("div",{class:Object.assign({},n.class())},h("slot",null))))))};t.prototype.renderInput=function(){var t=this;return h("div",{"bal-popover-trigger":true,class:"control"},h("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},h("input",Object.assign({class:{input:true,"data-test-input":true,"is-clickable":!this.disabled&&!this.triggerIcon&&!this.readonly,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-datepicker-input",ref:function(e){return t.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,type:"text",maxlength:"10",autoComplete:"off",value:format(this.getLocale(),parse(this.value||"")),required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,onKeyDown:function(e){return t.onInputKeyDown(e)},onKeyUp:function(e){return t.onInputKeyUp(e)},onInput:this.onInput,onClick:this.onInputClick,onChange:this.onInputChange,onBlur:this.onInputBlur,onFocus:this.onInputFocus},this.inheritedAttributes)),!this.loading?h("bal-icon",{class:{"datepicker-trigger-icon":true,"is-clickable":!this.disabled&&!this.readonly},"is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"date",onClick:this.onIconClick}):""))};t.prototype.renderGrid=function(){var t=this;var e=BEM.block("datepicker-grid");var i=e.element("row");var a=e.element("cell");return h("div",null,this.renderWeekDayHeader(),h("div",{class:Object.assign({},e.class())},this.calendarGrid.map((function(e,r){return h("div",{key:r,class:Object.assign({},i.class())},e.map((function(e){return h("button",{key:e.dateString,type:"button","data-date":e.dateString,onClick:function(){return t.onClickDateCell(e)},disabled:e.isDisabled,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),{button:true,"is-text":!e.isDisabled&&!e.isSelected,"is-primary":e.isSelected&&e.isSelected,"is-disabled":e.isDisabled||e.isOutdated}),a.modifier("today").class(e.isToday)),a.modifier("selectable").class(!e.isDisabled&&!e.isOutdated)),a.modifier("disabled").class(e.isDisabled||e.isOutdated)),a.modifier("outdated").class(e.isOutdated)),a.modifier("selected").class(e.isSelected))},h("span",null,e.label))})))}))))};t.prototype.renderWeekDayHeader=function(){var t=BEM.block("datepicker-grid");var e=t.element("header");var i=t.element("cell");return h("header",{class:Object.assign({},e.class())},this.weekDays.map((function(t){return h("div",{key:t,class:Object.assign(Object.assign({},i.class()),i.modifier("header").class())},h("span",null,t))})))};t.prototype.renderHeader=function(){var t=this;var e=BEM.block("datepicker-pagination");var i=e.element("inner");var a=e.element("month-and-year");var r=a.element("select");return h("header",{class:Object.assign({},e.class())},h("div",{class:Object.assign({},i.class())},h("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-left",disabled:this.isPreviousMonthDisabled,onClick:function(){return t.previousMonth()}}),h("div",{class:Object.assign({},a.class())},h("div",{class:Object.assign(Object.assign({},r.class()),r.modifier("month").class())},h("div",{class:"select"},h("select",{onInput:this.onMonthSelect},this.months.map((function(e){return h("option",{key:e.index,value:e.index,selected:t.pointerDate.month===e.index},e.name)}))))),h("div",{class:Object.assign(Object.assign({},r.class()),r.modifier("year").class())},h("div",{class:"select"},h("select",{onInput:this.onYearSelect},this.years.map((function(e){return h("option",{key:e,value:e,selected:t.pointerDate.year===e},e)})))))),h("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-right",disabled:this.isNextMonthDisabled,onClick:function(){return t.nextMonth()}})))};t.prototype.previousMonth=function(){if(!this.isPreviousMonthDisabled){if(this.pointerDate.year===this.minYear&&this.pointerDate.month===0){return}this.pointerDate=this.calcPreviousMonth()}};t.prototype.nextMonth=function(){if(!this.isNextMonthDisabled){if(this.pointerDate.year===this.maxYear&&this.pointerDate.month===11){return}this.pointerDate=this.calcNextMonth()}};t.prototype.calcPreviousMonth=function(){if(this.pointerDate.month===0){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1,month:11,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month-1,day:1})}};t.prototype.calcNextMonth=function(){if(this.pointerDate.month===11){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1,month:0,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month+1,day:1})}};t.prototype.lastDayOfMonth=function(t,e){var i=new Date(t,e+1,0);return getDate(i)};Object.defineProperty(t.prototype,"isPreviousMonthDisabled",{get:function(){if(this.min){var t=parse(this.min);var e=this.lastDayOfMonth(this.calcPreviousMonth().year,this.calcPreviousMonth().month);var i=new Date(this.calcPreviousMonth().year,this.calcPreviousMonth().month,e);return isBefore(i,subDays(t,1))}return false},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isNextMonthDisabled",{get:function(){if(this.max){var t=parse(this.max);var e=new Date(this.calcNextMonth().year,this.calcNextMonth().month,1);return isAfter(e,lastDayOfMonth(t)?t:addDays(t,1))}return false},enumerable:false,configurable:true});t.prototype.isDateInRange=function(t){var e=parse(formatDateString(t));if(this.min&&this.max&&this.max>this.min){return isWithinInterval(e,{start:parse(this.min),end:parse(this.max)})}if(this.min){return isAfter(e,parse(this.min))||isSameDay(e,parse(this.min))}if(this.max){return isBefore(e,addDays(parse(this.max),1))||isSameDay(e,parse(this.max))}return true};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-datepicker"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Datepicker.prototype,"createLogger",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Datepicker.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Datepicker.prototype,"configChanged",null);var datepickerIds=0;Datepicker.style=BalDatepickerStyle0;export{Datepicker as bal_datepicker};

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

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as areArraysEqual,q as isArrowDownKey,s as isArrowUpKey,h as isEnterKey,u as isEscapeKey,e as isSpaceKey}from"./index.esm-76abd8e3.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as stopEventBubbling}from"./form-input-28a08ec5.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{k as rIC,b as waitAfterFramePaint,d as waitAfterIdleCallback}from"./helpers-c201154e.js";import{l as lodash_isnil}from"./index-82aff103.js";import{c as computePosition,a as autoUpdate,f as flip,s as shift}from"./floating-ui.dom.esm-f1cf1077.js";import{D as DropdownOptionUtil}from"./option-01553dab.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"./_commonjsHelpers-1c8beb5f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var DropdownAutoFillUtil=function(){function t(){var t=this;this.handleAutoFill=function(o){return __awaiter(t,void 0,void 0,(function(){var t,r;return __generator(this,(function(i){switch(i.label){case 0:stopEventBubbling(o);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;t=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(t)];case 1:r=i.sent();if(r===undefined){this.component.isAutoFilled=false;return[2]}if(!areArraysEqual(r,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(r,true)}i.label=2;case 2:return[2]}}))}))}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.isAutoFillAllowed=function(){return!this.component.multiple};t.prototype.parseAutoFillValueWithOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var o,r,i,n;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.component.listEl.getOptions()];case 1:o=e.sent();r=undefined;for(i=0;i<o.length;i++){n=o[i];if(n.value===t||n.label===t){return[2,[n.value]]}}return[2,r]}}))}))};return t}();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 t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.handleFocus=function(t){this.component.hasFocus=true;this.component.balFocus.emit(t)};t.prototype.handleBlur=function(t){var o=this;if(!this.component.isExpanded){this.component.hasFocus=false;rIC((function(){return o.component.balBlur.emit(t)}))}};t.prototype.handleClick=function(t){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var o=t.target;var r=o.closest("bal-close");if(r){return}}if(this.component.clearable){var o=t.target;var i=o.closest(".bal-dropdown__clear");if(i){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};t.prototype.handleOutsideClick=function(t){var o=this;var r;if(this.component.isExpanded){if(!this.component.el.contains(t.target)){this.component.isExpanded=false;(r=this.component.listEl)===null||r===void 0?void 0:r.resetFocus();this.component.hasFocus=false;rIC((function(){return o.component.balBlur.emit(t)}))}}};return t}();var DropdownFocusUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.focusOptionByLabel=function(t,o){var r=this;if(o===void 0){o={}}this.component.labelToFocus=(this.component.labelToFocus+t).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var t;(t=r.component.listEl)===null||t===void 0?void 0:t.focusByLabel(r.component.labelToFocus,o)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(t){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return t}();var DropdownFormSubmitUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t;this.component.initialValue=this.component.value};t.prototype.componentDidRender=function(){var t=this;if(this.component.selectEl){var o=this.component.selectEl.querySelectorAll("option");o.forEach((function(o){if(t.component.rawValue.includes(o.value)){o.selected=true}}))}};t.prototype.handle=function(t){var o=this;var r=t.target;if(r===null||r===void 0?void 0:r.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var t=o.component.valueUtil.parseValueString(o.component.initialValue);o.component.valueUtil.updateRawValueBySelection(t)}),0)}};return t}();var DropdownNativeSelect=function(t){var o=t.name,r=t.httpFormSubmit,i=t.multiple,n=t.required,e=t.disabled,a=t.rawValue,l=t.refSelectEl;var s=BEM.block("dropdown");return r?h("select",{class:Object.assign({},s.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:i,required:n,disabled:e,tabindex:-1,ref:l},a.map((function(t){return h("option",{key:t,value:t,selected:true},t)}))):""};var DropdownIcon=function(t){var o=t.icon,r=t.language,i=t.loading,n=t.clearable,e=t.invalid,a=t.filled,l=t.expanded,s=t.disabled;var d=BEM.block("dropdown");if(i){return h("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:true,variation:"circle"})}else if(n&&a&&!s){return h("button",{title:i18nBalDropdown[r].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(e))},h("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"}))}else{return h("bal-icon",{class:Object.assign({},d.element("rear").class()),name:o,turn:l,color:s?"grey":e?"danger":"primary"})}};var DropdownOptionList=function(t){var o=t.inputId,r=t.isExpanded,i=t.rawOptions,n=t.isDisabled,e=t.hasPropOptions,a=t.required,l=t.filter,s=t.multiple,d=t.contentHeight,c=t.refPanelEl,u=t.refListEl;var f=BEM.block("dropdown");return h("div",{id:"".concat(o,"-menu"),class:Object.assign(Object.assign({},f.element("list").class()),f.element("list").modifier("expanded").class(r)),ref:c},h("bal-option-list",{multiple:s,disabled:n,filter:l,required:a,contentHeight:d,ref:u},h("slot",null),e?i.map((function(t){return h("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label)})):""))};var DropdownPopupUtil=function(){function t(){this.updatePanelPosition=function(t,o){return function(){computePosition(t,o,{placement:"bottom-start",middleware:[flip(),shift()]}).then((function(t){var r=t.x,i=t.y;Object.assign(o.style,{left:"".concat(r,"px"),top:"".concat(i,"px")})}))}}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.toggleList=function(){if(!this.component.valueUtil.isDisabled()){if(this.component.isExpanded){this.collapseList()}else{this.expandList()}}};t.prototype.expandList=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:if(this.component.panelEl){this.component.panelCleanup=autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))}this.component.isExpanded=true;return[4,(t=this.component.listEl)===null||t===void 0?void 0:t.focusSelected()];case 1:o.sent();return[2]}}))}))};t.prototype.collapseList=function(){var t;this.component.isExpanded=false;(t=this.component.listEl)===null||t===void 0?void 0:t.resetFocus();if(this.component.panelCleanup){this.component.panelCleanup()}};return t}();var DropdownValueUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.componentDidLoad=function(){var t=this;setTimeout((function(){return t.valueChanged(t.component.value,undefined)}),0)};t.prototype.isDisabled=function(){return this.component.disabled||this.component.readonly};t.prototype.isFilled=function(){return this.component.rawValue&&this.component.rawValue.length>0};t.prototype.valueChanged=function(t,o){var r=typeof t;var i=typeof o;if(r!==i){this.updateRawValueByValueProp(t)}if(r==="string"&&t!==o){this.updateRawValueByValueProp(t)}if(Array.isArray(t)&&Array.isArray(o)&&!areArraysEqual(t,o)){this.updateRawValueByValueProp(t)}};t.prototype.updateRawValueBySelection=function(t,o){if(t===void 0){t=[]}if(o===void 0){o=false}this.component.isAutoFilled=o;this.updateRawValue(t);if(this.component.multiple){this.component.balChange.emit(this.component.rawValue)}else{this.component.balChange.emit(this.component.rawValue[0])}};t.prototype.parseValueString=function(t){if(t===void 0){t=[]}var o=[];if(!lodash_isnil(t)&&t!==""){if(Array.isArray(t)){o=__spreadArray([],t.filter((function(t){return!lodash_isnil(t)})),true)}else{if(t.split("").includes(",")){o=__spreadArray([],t.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{o=[t]}}}return o};t.prototype.updateRawValueByValueProp=function(t){if(t===void 0){t=[]}var o=this.parseValueString(t);this.updateRawValue(o)};t.prototype.updateRawValue=function(t){if(t===void 0){t=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:this.component.rawValue=t;if(!this.component.listEl)return[3,2];return[4,this.component.listEl.updateSelected(this.component.rawValue)];case 1:o.sent();o.label=2;case 2:return[4,this.updateInputContent()];case 3:o.sent();return[2]}}))}))};t.prototype.removeOption=function(t){var o=this.component.rawValue.filter((function(o){return o!==t.value}));this.updateRawValueBySelection(o)};t.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:return[4,waitAfterFramePaint()];case 1:o.sent();if(!this.component.listEl)return[3,3];t=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:t.choices=o.sent();this.component.inputLabel=this.component.choices.map((function(t){return t.label.trim()})).sort().join(",");o.label=3;case 3:return[2]}}))}))};return t}();var DropdownValue=function(t){var o=t.filled,r=t.chips,i=t.placeholder,n=t.choices,e=t.invalid,a=t.disabled,l=t.readonly,s=t.onRemoveChip;var d=BEM.block("dropdown");if(o){if(r){return h("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},n.map((function(t){return h("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:e,disabled:a||l,closable:!(a||l),onBalCloseClick:function(){return s(t)}},t.label)})))}else{return n.map((function(t){return t.label})).join(", ")}}else{return i}};var DropdownInput=function(t){var o=t.name,r=t.inputId,i=t.httpFormSubmit,n=t.ariaForm,e=t.rawValue,a=t.autocomplete,l=t.required,s=t.disabled,d=t.readonly,c=t.placeholder,u=t.expanded,f=t.invalid,p=t.language,b=t.inputLabel,v=t.inheritedAttributes,w=t.refInputEl,_=t.onChange,m=t.onFocus,g=t.onBlur,y=t.onKeyDown;var x=BEM.block("dropdown");var j=function(){return h("input",Object.assign({id:n.controlId||"".concat(r,"-ctrl"),class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:o,autoComplete:a,value:e.join(","),required:l,disabled:s,readonly:d,placeholder:c,title:u?i18nBalDropdown[p].close:i18nBalDropdown[p].open,"aria-label":u?i18nBalDropdown[p].close:i18nBalDropdown[p].open,"aria-owns":"".concat(r,"-menu"),"aria-invalid":ariaBooleanToString(f),"aria-disabled":ariaBooleanToString(s||d),"aria-labelledby":n.labelId,"aria-describedby":n.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":b,"data-value":e.join(","),ref:function(t){return w(t)},onChange:function(t){return _(t)},onFocus:function(t){return m(t)},onBlur:function(t){return g(t)},onKeyDown:function(t){return y(t)}},v))};if(i){return h(j,null)}return h("form",{novalidate:true},h(j,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}.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-size:var(--bal-weight-regular);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)}.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__rear{z-index:1}";var BalDropdownStyle0=balDropdownCss;var Dropdown=function(){function t(t){var o=this;registerInstance(this,t);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.handleAutoFill=function(t){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){this.log("(handleAutoFill)",t,this.nativeEl.value);this.autoFillUtil.handleAutoFill(t);return[2]}))}))};this.handleKeyDown=function(t){var r,i,n,e,a;if(t&&t.key){if(o.isExpanded){if(isArrowDownKey(t)){stopEventBubbling(t);(r=o.listEl)===null||r===void 0?void 0:r.focusNext()}else if(isArrowUpKey(t)){stopEventBubbling(t);(i=o.listEl)===null||i===void 0?void 0:i.focusPrevious()}else if(t.key==="Home"||t.key==="PageUp"){stopEventBubbling(t);(n=o.listEl)===null||n===void 0?void 0:n.focusFirst()}else if(t.key==="End"||t.key==="PageDown"){stopEventBubbling(t);(e=o.listEl)===null||e===void 0?void 0:e.focusLast()}else if(isEnterKey(t)){stopEventBubbling(t);(a=o.listEl)===null||a===void 0?void 0:a.selectByFocus()}else if(t.key==="Tab"||isEscapeKey(t)){o.popupUtil.collapseList()}else if(t.key.length===1){o.focusUtil.focusOptionByLabel(t.key)}}else{if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);o.popupUtil.expandList()}else if(t.key.length===1){o.focusUtil.focusOptionByLabel(t.key,{select:true})}}}else{if(o.isExpanded){o.popupUtil.collapseList()}}};this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=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.icon="caret-down";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=[]}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.optionUtil.optionChanged();return[2]}))}))};t.prototype.valueChanged=function(t,o){this.valueUtil.valueChanged(t,o)};t.prototype.connectedCallback=function(){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)};t.prototype.componentWillRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.inheritedAttributes=inheritAttributes(this.el,["tabindex"]);return[4,this.optionUtil.componentWillRender()];case 1:t.sent();return[2]}}))}))};t.prototype.componentDidRender=function(){this.formSubmitUtil.componentDidRender()};t.prototype.componentDidLoad=function(){this.valueUtil.componentDidLoad()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.language=t.language;this.region=t.region;this.httpFormSubmit=t.httpFormSubmit;return[2]}))}))};t.prototype.listenToOptionChange=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.optionUtil.listenToOptionChange(t);return[2]}))}))};t.prototype.listenOnClickOutside=function(t){this.eventsUtil.handleOutsideClick(t)};t.prototype.resetHandler=function(t){this.formSubmitUtil.handle(t)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.nativeEl&&!this.valueUtil.isDisabled()))return[3,2];return[4,waitAfterIdleCallback()];case 1:t.sent();this.nativeEl.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.valueUtil.updateRawValueBySelection([]);return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.expandList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.collapseList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){o=this.valueUtil.parseValueString(t);this.valueUtil.updateRawValueBySelection(o);return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.render=function(){var t=this;var o=BEM.block("dropdown");return h(Host,{class:Object.assign({},o.class()),tabindex:"-1",id:"".concat(this.inputId)},h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(this.hasFocus)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:function(o){return t.eventsUtil.handleClick(o)}},h("span",{class:Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},h(DropdownValue,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:function(o){return t.valueUtil.removeOption(o)}})),h(DropdownInput,{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(o){return t.nativeEl=o},onChange:function(o){return t.handleAutoFill(o)},onFocus:function(o){return t.eventsUtil.handleFocus(o)},onBlur:function(o){return t.eventsUtil.handleBlur(o)},onKeyDown:function(o){return t.handleKeyDown(o)}}),h(DropdownNativeSelect,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(o){return t.selectEl=o}}),h(DropdownIcon,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),h(DropdownOptionList,{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(o){return t.panelEl=o},refListEl:function(o){return t.listEl=o}},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__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};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as areArraysEqual,q as isArrowDownKey,s as isArrowUpKey,h as isEnterKey,u as isEscapeKey,e as isSpaceKey}from"./index.esm-cc299511.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{k as rIC,b as waitAfterFramePaint,d as waitAfterIdleCallback}from"./helpers-c201154e.js";import{l as lodash_isnil}from"./index-82aff103.js";import{c as computePosition,a as autoUpdate,f as flip,s as shift}from"./floating-ui.dom.esm-f1cf1077.js";import{D as DropdownOptionUtil}from"./option-01553dab.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"./_commonjsHelpers-1c8beb5f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var DropdownAutoFillUtil=function(){function t(){var t=this;this.handleAutoFill=function(o){return __awaiter(t,void 0,void 0,(function(){var t,r;return __generator(this,(function(i){switch(i.label){case 0:stopEventBubbling(o);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;t=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(t)];case 1:r=i.sent();if(r===undefined){this.component.isAutoFilled=false;return[2]}if(!areArraysEqual(r,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(r,true)}i.label=2;case 2:return[2]}}))}))}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.isAutoFillAllowed=function(){return!this.component.multiple};t.prototype.parseAutoFillValueWithOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var o,r,i,n;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.component.listEl.getOptions()];case 1:o=e.sent();r=undefined;for(i=0;i<o.length;i++){n=o[i];if(n.value===t||n.label===t){return[2,[n.value]]}}return[2,r]}}))}))};return t}();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 t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.handleFocus=function(t){this.component.hasFocus=true;this.component.balFocus.emit(t)};t.prototype.handleBlur=function(t){var o=this;if(!this.component.isExpanded){this.component.hasFocus=false;rIC((function(){return o.component.balBlur.emit(t)}))}};t.prototype.handleClick=function(t){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var o=t.target;var r=o.closest("bal-close");if(r){return}}if(this.component.clearable){var o=t.target;var i=o.closest(".bal-dropdown__clear");if(i){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};t.prototype.handleOutsideClick=function(t){var o=this;var r;if(this.component.isExpanded){if(!this.component.el.contains(t.target)){this.component.isExpanded=false;(r=this.component.listEl)===null||r===void 0?void 0:r.resetFocus();this.component.hasFocus=false;rIC((function(){return o.component.balBlur.emit(t)}))}}};return t}();var DropdownFocusUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.focusOptionByLabel=function(t,o){var r=this;if(o===void 0){o={}}this.component.labelToFocus=(this.component.labelToFocus+t).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var t;(t=r.component.listEl)===null||t===void 0?void 0:t.focusByLabel(r.component.labelToFocus,o)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(t){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return t}();var DropdownFormSubmitUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t;this.component.initialValue=this.component.value};t.prototype.componentDidRender=function(){var t=this;if(this.component.selectEl){var o=this.component.selectEl.querySelectorAll("option");o.forEach((function(o){if(t.component.rawValue.includes(o.value)){o.selected=true}}))}};t.prototype.handle=function(t){var o=this;var r=t.target;if(r===null||r===void 0?void 0:r.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var t=o.component.valueUtil.parseValueString(o.component.initialValue);o.component.valueUtil.updateRawValueBySelection(t)}),0)}};return t}();var DropdownNativeSelect=function(t){var o=t.name,r=t.httpFormSubmit,i=t.multiple,n=t.required,e=t.disabled,a=t.rawValue,l=t.refSelectEl;var s=BEM.block("dropdown");return r?h("select",{class:Object.assign({},s.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:i,required:n,disabled:e,tabindex:-1,ref:l},a.map((function(t){return h("option",{key:t,value:t,selected:true},t)}))):""};var DropdownIcon=function(t){var o=t.icon,r=t.language,i=t.loading,n=t.clearable,e=t.invalid,a=t.filled,l=t.expanded,s=t.disabled;var d=BEM.block("dropdown");if(i){return h("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:true,variation:"circle"})}else if(n&&a&&!s){return h("button",{title:i18nBalDropdown[r].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(e))},h("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"}))}else{return h("bal-icon",{class:Object.assign({},d.element("rear").class()),name:o,turn:l,color:s?"grey":e?"danger":"primary"})}};var DropdownOptionList=function(t){var o=t.inputId,r=t.isExpanded,i=t.rawOptions,n=t.isDisabled,e=t.hasPropOptions,a=t.required,l=t.filter,s=t.multiple,d=t.contentHeight,c=t.refPanelEl,u=t.refListEl;var f=BEM.block("dropdown");return h("div",{id:"".concat(o,"-menu"),class:Object.assign(Object.assign({},f.element("list").class()),f.element("list").modifier("expanded").class(r)),ref:c},h("bal-option-list",{multiple:s,disabled:n,filter:l,required:a,contentHeight:d,ref:u},h("slot",null),e?i.map((function(t){return h("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label)})):""))};var DropdownPopupUtil=function(){function t(){this.updatePanelPosition=function(t,o){return function(){computePosition(t,o,{placement:"bottom-start",middleware:[flip(),shift()]}).then((function(t){var r=t.x,i=t.y;Object.assign(o.style,{left:"".concat(r,"px"),top:"".concat(i,"px")})}))}}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.toggleList=function(){if(!this.component.valueUtil.isDisabled()){if(this.component.isExpanded){this.collapseList()}else{this.expandList()}}};t.prototype.expandList=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:if(this.component.panelEl){this.component.panelCleanup=autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))}this.component.isExpanded=true;return[4,(t=this.component.listEl)===null||t===void 0?void 0:t.focusSelected()];case 1:o.sent();return[2]}}))}))};t.prototype.collapseList=function(){var t;this.component.isExpanded=false;(t=this.component.listEl)===null||t===void 0?void 0:t.resetFocus();if(this.component.panelCleanup){this.component.panelCleanup()}};return t}();var DropdownValueUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.componentDidLoad=function(){var t=this;setTimeout((function(){return t.valueChanged(t.component.value,undefined)}),0)};t.prototype.isDisabled=function(){return this.component.disabled||this.component.readonly};t.prototype.isFilled=function(){return this.component.rawValue&&this.component.rawValue.length>0};t.prototype.valueChanged=function(t,o){var r=typeof t;var i=typeof o;if(r!==i){this.updateRawValueByValueProp(t)}if(r==="string"&&t!==o){this.updateRawValueByValueProp(t)}if(Array.isArray(t)&&Array.isArray(o)&&!areArraysEqual(t,o)){this.updateRawValueByValueProp(t)}};t.prototype.updateRawValueBySelection=function(t,o){if(t===void 0){t=[]}if(o===void 0){o=false}this.component.isAutoFilled=o;this.updateRawValue(t);if(this.component.multiple){this.component.balChange.emit(this.component.rawValue)}else{this.component.balChange.emit(this.component.rawValue[0])}};t.prototype.parseValueString=function(t){if(t===void 0){t=[]}var o=[];if(!lodash_isnil(t)&&t!==""){if(Array.isArray(t)){o=__spreadArray([],t.filter((function(t){return!lodash_isnil(t)})),true)}else{if(t.split("").includes(",")){o=__spreadArray([],t.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{o=[t]}}}return o};t.prototype.updateRawValueByValueProp=function(t){if(t===void 0){t=[]}var o=this.parseValueString(t);this.updateRawValue(o)};t.prototype.updateRawValue=function(t){if(t===void 0){t=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:this.component.rawValue=t;if(!this.component.listEl)return[3,2];return[4,this.component.listEl.updateSelected(this.component.rawValue)];case 1:o.sent();o.label=2;case 2:return[4,this.updateInputContent()];case 3:o.sent();return[2]}}))}))};t.prototype.removeOption=function(t){var o=this.component.rawValue.filter((function(o){return o!==t.value}));this.updateRawValueBySelection(o)};t.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:return[4,waitAfterFramePaint()];case 1:o.sent();if(!this.component.listEl)return[3,3];t=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:t.choices=o.sent();this.component.inputLabel=this.component.choices.map((function(t){return t.label.trim()})).sort().join(",");o.label=3;case 3:return[2]}}))}))};return t}();var DropdownValue=function(t){var o=t.filled,r=t.chips,i=t.placeholder,n=t.choices,e=t.invalid,a=t.disabled,l=t.readonly,s=t.onRemoveChip;var d=BEM.block("dropdown");if(o){if(r){return h("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},n.map((function(t){return h("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:e,disabled:a||l,closable:!(a||l),onBalCloseClick:function(){return s(t)}},t.label)})))}else{return n.map((function(t){return t.label})).join(", ")}}else{return i}};var DropdownInput=function(t){var o=t.name,r=t.inputId,i=t.httpFormSubmit,n=t.ariaForm,e=t.rawValue,a=t.autocomplete,l=t.required,s=t.disabled,d=t.readonly,c=t.placeholder,u=t.expanded,f=t.invalid,p=t.language,b=t.inputLabel,v=t.inheritedAttributes,w=t.refInputEl,_=t.onChange,m=t.onFocus,g=t.onBlur,y=t.onKeyDown;var x=BEM.block("dropdown");var j=function(){return h("input",Object.assign({id:n.controlId||"".concat(r,"-ctrl"),class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:o,autoComplete:a,value:e.join(","),required:l,disabled:s,readonly:d,placeholder:c,title:u?i18nBalDropdown[p].close:i18nBalDropdown[p].open,"aria-label":u?i18nBalDropdown[p].close:i18nBalDropdown[p].open,"aria-owns":"".concat(r,"-menu"),"aria-invalid":ariaBooleanToString(f),"aria-disabled":ariaBooleanToString(s||d),"aria-labelledby":n.labelId,"aria-describedby":n.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":b,"data-value":e.join(","),ref:function(t){return w(t)},onChange:function(t){return _(t)},onFocus:function(t){return m(t)},onBlur:function(t){return g(t)},onKeyDown:function(t){return y(t)}},v))};if(i){return h(j,null)}return h("form",{novalidate:true},h(j,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}.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-size:var(--bal-weight-regular);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)}.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__rear{z-index:1}";var BalDropdownStyle0=balDropdownCss;var Dropdown=function(){function t(t){var o=this;registerInstance(this,t);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.handleAutoFill=function(t){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){this.log("(handleAutoFill)",t,this.nativeEl.value);this.autoFillUtil.handleAutoFill(t);return[2]}))}))};this.handleKeyDown=function(t){var r,i,n,e,a;if(t&&t.key){if(o.isExpanded){if(isArrowDownKey(t)){stopEventBubbling(t);(r=o.listEl)===null||r===void 0?void 0:r.focusNext()}else if(isArrowUpKey(t)){stopEventBubbling(t);(i=o.listEl)===null||i===void 0?void 0:i.focusPrevious()}else if(t.key==="Home"||t.key==="PageUp"){stopEventBubbling(t);(n=o.listEl)===null||n===void 0?void 0:n.focusFirst()}else if(t.key==="End"||t.key==="PageDown"){stopEventBubbling(t);(e=o.listEl)===null||e===void 0?void 0:e.focusLast()}else if(isEnterKey(t)){stopEventBubbling(t);(a=o.listEl)===null||a===void 0?void 0:a.selectByFocus()}else if(t.key==="Tab"||isEscapeKey(t)){o.popupUtil.collapseList()}else if(t.key.length===1){o.focusUtil.focusOptionByLabel(t.key)}}else{if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);o.popupUtil.expandList()}else if(t.key.length===1){o.focusUtil.focusOptionByLabel(t.key,{select:true})}}}else{if(o.isExpanded){o.popupUtil.collapseList()}}};this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=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.icon="caret-down";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=[]}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.optionUtil.optionChanged();return[2]}))}))};t.prototype.valueChanged=function(t,o){this.valueUtil.valueChanged(t,o)};t.prototype.connectedCallback=function(){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)};t.prototype.componentWillRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.inheritedAttributes=inheritAttributes(this.el,["tabindex"]);return[4,this.optionUtil.componentWillRender()];case 1:t.sent();return[2]}}))}))};t.prototype.componentDidRender=function(){this.formSubmitUtil.componentDidRender()};t.prototype.componentDidLoad=function(){this.valueUtil.componentDidLoad()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.language=t.language;this.region=t.region;this.httpFormSubmit=t.httpFormSubmit;return[2]}))}))};t.prototype.listenToOptionChange=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.optionUtil.listenToOptionChange(t);return[2]}))}))};t.prototype.listenOnClickOutside=function(t){this.eventsUtil.handleOutsideClick(t)};t.prototype.resetHandler=function(t){this.formSubmitUtil.handle(t)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.nativeEl&&!this.valueUtil.isDisabled()))return[3,2];return[4,waitAfterIdleCallback()];case 1:t.sent();this.nativeEl.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.valueUtil.updateRawValueBySelection([]);return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.expandList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.collapseList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){o=this.valueUtil.parseValueString(t);this.valueUtil.updateRawValueBySelection(o);return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.render=function(){var t=this;var o=BEM.block("dropdown");return h(Host,{class:Object.assign({},o.class()),tabindex:"-1",id:"".concat(this.inputId)},h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(this.hasFocus)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:function(o){return t.eventsUtil.handleClick(o)}},h("span",{class:Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},h(DropdownValue,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:function(o){return t.valueUtil.removeOption(o)}})),h(DropdownInput,{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(o){return t.nativeEl=o},onChange:function(o){return t.handleAutoFill(o)},onFocus:function(o){return t.eventsUtil.handleFocus(o)},onBlur:function(o){return t.eventsUtil.handleBlur(o)},onKeyDown:function(o){return t.handleKeyDown(o)}}),h(DropdownNativeSelect,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(o){return t.selectEl=o}}),h(DropdownIcon,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),h(DropdownOptionList,{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(o){return t.panelEl=o},refListEl:function(o){return t.listEl=o}},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__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

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{e as deepReady,b as waitAfterFramePaint}from"./helpers-c201154e.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{L as ListenToMutation}from"./mutation.decorator-c7b24839.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-datepicker","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown"];this.formElements=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.isDirectChild=function(e){if(!e){return false}var l=e.parentElement;if(!l){return false}if(l.nodeName.toLowerCase()==="bal-field"&&l!==i.el){return false}if(l===i.el){return true}return i.isDirectChild(l)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var l=i.el.querySelector(e);var t=i.isDirectChild(l);if(t){if(i.isVisible(l)){return l}}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,l,t,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");l=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-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-datepicker","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);t=defaultBalAriaForm;if(e){t.labelId="".concat(this.fieldId,"-lbl")}if(i){t.messageId="".concat(this.fieldId,"-msg")}a=0;r.label=3;case 3:if(!(a<l.length))return[3,10];n=l[a];if(!(a===0))return[3,7];t.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null||e===void 0?void 0:e.setAriaForm(t)];case 4:r.sent();return[4,i===null||i===void 0?void 0:i.setAriaForm(t)];case 5:r.sent();return[4,n===null||n===void 0?void 0:n.setAriaForm(t)];case 6:r.sent();return[3,9];case 7:t.controlId="".concat(this.fieldId,"-ctrl-").concat(a);return[4,n===null||n===void 0?void 0:n.setAriaForm(t)];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 l=this[i];if(l!==undefined){this.notifyComponents(e,(function(e){return e[i]=l}))}};e.prototype.notifyComponents=function(e,i){var l=this.el.querySelectorAll(e.join(", "));l.forEach((function(e){return i(e)}))};e.prototype.render=function(){return h(Host,{id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},h("slot",null),h("span",{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,{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",null),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,{class:Object.assign({},e.class())},h("bal-hint",{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",null,h("slot",null))))};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,{class:"bal-field-label"},h("bal-label",{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",null)))};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,{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",null))};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};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{e as deepReady,b as waitAfterFramePaint}from"./helpers-c201154e.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{L as ListenToMutation}from"./mutation.decorator-c7b24839.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-datepicker","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 l=e.parentElement;if(!l){return false}if(l.nodeName.toLowerCase()==="bal-field"&&l!==i.el){return false}if(l===i.el){return true}return i.isDirectChild(l)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var l=i.el.querySelector(e);var t=i.isDirectChild(l);if(t){if(i.isVisible(l)){return l}}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,l,t,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");l=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-item","bal-field-control bal-segment","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-datepicker","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);t=defaultBalAriaForm;if(e){t.labelId="".concat(this.fieldId,"-lbl")}if(i){t.messageId="".concat(this.fieldId,"-msg")}a=0;r.label=3;case 3:if(!(a<l.length))return[3,10];n=l[a];if(!(a===0))return[3,7];t.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null||e===void 0?void 0:e.setAriaForm(t)];case 4:r.sent();return[4,i===null||i===void 0?void 0:i.setAriaForm(t)];case 5:r.sent();return[4,n===null||n===void 0?void 0:n.setAriaForm(t)];case 6:r.sent();return[3,9];case 7:t.controlId="".concat(this.fieldId,"-ctrl-").concat(a);return[4,n===null||n===void 0?void 0:n.setAriaForm(t)];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 l=this[i];if(l!==undefined){this.notifyComponents(e,(function(e){return e[i]=l}))}};e.prototype.notifyComponents=function(e,i){var l=this.el.querySelectorAll(e.join(", "));l.forEach((function(e){return i(e)}))};e.prototype.render=function(){return h(Host,{id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},h("slot",null),h("span",{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,{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",null),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,{class:Object.assign({},e.class())},h("bal-hint",{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",null,h("slot",null))))};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,{class:"bal-field-label"},h("bal-label",{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",null)))};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,{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",null))};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

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as areArraysEqual}from"./index.esm-76abd8e3.js";import{s as stopEventBubbling,a as inputHandleHostClick,i as inputHandleFocus,e as inputHandleBlur,c as inputSetFocus,d as inputSetBlur}from"./form-input-28a08ec5.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"./_commonjsHelpers-1c8beb5f.js";import"./helpers-c201154e.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,t,e){if(t===void 0){t=1}i=Math.abs(i);var a=spec_1.SPECS[e]||spec_1.SPECS["jedec"],s=a.radix,r=a.unit;var n=0;while(i>=s){i/=s;++n}return i.toFixed(t)+" "+r[n]}var _default=lib.default=default_1;var bemListEl=BEM.block("file-upload").element("list");var FileListComponent=function(i){var t=i.files,e=i.disabled,a=i.subTitle,s=i.onRemoveFile;return h("bal-card",{class:Object.assign({},bemListEl.class()),flat:true},h("bal-list",{disabled:e,border:true,size:"large"},t.map((function(i,t){return h("bal-list-item",{key:i.name,disabled:e},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":!e},onClick:function(i){return s(i,t)}},h("bal-icon",{name:"trash",color:e?"grey":"danger"})))}))))};var toFileArray=function(i){return Array.from(i?i:[])};var toFileList=function(i){var t=new DataTransfer;if(i&&i.length>0){i.forEach((function(i){return t.items.add(i)}))}return t.files};var validateFileArray=function(i,t,e){var a=[];var s=__spreadArray([],i,true);var r=[];var n=function(n){var l=t[n];if(l){var o=[];if(e.accept&&e.accept.split(" ").join("").split(",").indexOf(l.type)===-1){o.push(FileUploadRejectionReason.BAD_EXTENSION)}if(e.maxFileSize!==undefined&&l.size>e.maxFileSize){o.push(FileUploadRejectionReason.FILE_TOO_BIG)}var u=s.map((function(i){return i.size})).reduce((function(i,t){return i+t}),0);var d=u+l.size;if(e.maxBundleSize!==undefined&&d>e.maxBundleSize){o.push(FileUploadRejectionReason.FILE_SIZE_SUM_TOO_BIG)}var h=s.length+1;if(e.maxFiles!==undefined&&h>e.maxFiles){o.push(FileUploadRejectionReason.TOO_MANY_FILES)}var c=function(i,t){return i.size===t.size&&i.name===t.name&&i.type===t.type&&i.lastModified===t.lastModified};var f=i.filter((function(i){return c(i,l)}));if(f.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<t.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 t=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(t.labelEl){t.labelEl.addEventListener("dragenter",t.onDragenter,false);t.labelEl.addEventListener("dragover",t.onDragover,false);t.labelEl.addEventListener("drop",t.onDrop,false)}};this.removeEventListenerDragAndDrop=function(){if(t.labelEl){t.labelEl.removeEventListener("dragenter",t.onDragenter,false);t.labelEl.removeEventListener("dragover",t.onDragover,false);t.labelEl.removeEventListener("drop",t.onDrop,false)}};this.handleFiles=function(i){var e=toFileArray(i);var a=validateFileArray(t.files,e,{accept:t.accept,maxFileSize:t.maxFileSize,maxBundleSize:t.maxBundleSize,maxFiles:t.maxFiles});if(a.invalidFiles.length>0){t.balRejectedFile.emit(a.invalidFiles[0])}if(a.validFiles.length>0){t.files=__spreadArray(__spreadArray([],t.files,true),a.validFiles,true);t.balChange.emit(t.files);t.balFilesAdded.emit(a.validFiles)}t.updateFileInput()};this.updateFileInput=function(){var i;if((i=t.nativeInput)===null||i===void 0?void 0:i.files){t.nativeInput.files=toFileList(t.files)}};this.onDragenter=function(i){stopEventBubbling(i)};this.onDragover=function(i){stopEventBubbling(i)};this.onDrop=function(i){stopEventBubbling(i);if(!t.disabled&&!t.readonly&&!t.loading){var e=i.dataTransfer;if(e){t.handleFiles(e.files)}}};this.onInputChange=function(){var i;if(!t.disabled&&!t.readonly&&!t.loading){if((i=t.nativeInput)===null||i===void 0?void 0:i.files){t.handleFiles(t.nativeInput.files)}}};this.onRemoveFile=function(i,e){stopEventBubbling(i);if(e>=0&&e<t.files.length){var a=t.files;var s=a.splice(e,1);t.balFilesRemoved.emit(s);t.files=__spreadArray([],a,true);t.balChange.emit(t.files);t.updateFileInput()}};this.onHostClick=function(i){return inputHandleHostClick(t,i)};this.onInputFocus=function(i){return inputHandleFocus(t,i)};this.onInputBlur=function(i){return inputHandleBlur(t,i)};this.onInputClick=function(i){if(t.nativeInput&&!t.disabled&&!t.readonly&&!t.loading){t.nativeInput.value=""}t.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 t=this;var e=i.target;if(e===null||e===void 0?void 0:e.contains(this.el)){this.files=__spreadArray([],this.initialValue,true);clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(t.nativeInput){t.nativeInput.files=toFileList(t.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(t){this.ariaForm=Object.assign({},i);return[2]}))}))};i.prototype.render=function(){var i=this;var t=this.ariaForm.controlId||this.fileUploadId;return h(Host,{onClick:this.onHostClick,"aria-disabled":this.disabled?"true":null,class:{"bal-file-upload":true}},h("div",{class:{file:true,"is-disabled":this.disabled||this.readonly||this.loading,"is-danger":this.invalid}},h("label",{htmlFor:t,ref:function(t){return i.labelEl=t},class:{"file-label":true,"is-disabled":this.disabled||this.loading||this.readonly}},h("input",{class:"file-input",type:"file",id:t,"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(t){return i.nativeInput=t},"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};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as areArraysEqual}from"./index.esm-cc299511.js";import{s as stopEventBubbling,a as inputHandleHostClick,i as inputHandleFocus,e as inputHandleBlur,c as inputSetFocus,d as inputSetBlur}from"./form-input-a8fdaaef.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"./_commonjsHelpers-1c8beb5f.js";import"./helpers-c201154e.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,t,e){if(t===void 0){t=1}i=Math.abs(i);var a=spec_1.SPECS[e]||spec_1.SPECS["jedec"],s=a.radix,r=a.unit;var n=0;while(i>=s){i/=s;++n}return i.toFixed(t)+" "+r[n]}var _default=lib.default=default_1;var bemListEl=BEM.block("file-upload").element("list");var FileListComponent=function(i){var t=i.files,e=i.disabled,a=i.subTitle,s=i.onRemoveFile;return h("bal-card",{class:Object.assign({},bemListEl.class()),flat:true},h("bal-list",{disabled:e,border:true,size:"large"},t.map((function(i,t){return h("bal-list-item",{key:i.name,disabled:e},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":!e},onClick:function(i){return s(i,t)}},h("bal-icon",{name:"trash",color:e?"grey":"danger"})))}))))};var toFileArray=function(i){return Array.from(i?i:[])};var toFileList=function(i){var t=new DataTransfer;if(i&&i.length>0){i.forEach((function(i){return t.items.add(i)}))}return t.files};var validateFileArray=function(i,t,e){var a=[];var s=__spreadArray([],i,true);var r=[];var n=function(n){var l=t[n];if(l){var o=[];if(e.accept&&e.accept.split(" ").join("").split(",").indexOf(l.type)===-1){o.push(FileUploadRejectionReason.BAD_EXTENSION)}if(e.maxFileSize!==undefined&&l.size>e.maxFileSize){o.push(FileUploadRejectionReason.FILE_TOO_BIG)}var u=s.map((function(i){return i.size})).reduce((function(i,t){return i+t}),0);var d=u+l.size;if(e.maxBundleSize!==undefined&&d>e.maxBundleSize){o.push(FileUploadRejectionReason.FILE_SIZE_SUM_TOO_BIG)}var c=s.length+1;if(e.maxFiles!==undefined&&c>e.maxFiles){o.push(FileUploadRejectionReason.TOO_MANY_FILES)}var h=function(i,t){return i.size===t.size&&i.name===t.name&&i.type===t.type&&i.lastModified===t.lastModified};var f=i.filter((function(i){return h(i,l)}));if(f.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<t.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 t=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(t.labelEl){t.labelEl.addEventListener("dragenter",t.onDragenter,false);t.labelEl.addEventListener("dragover",t.onDragover,false);t.labelEl.addEventListener("drop",t.onDrop,false)}};this.removeEventListenerDragAndDrop=function(){if(t.labelEl){t.labelEl.removeEventListener("dragenter",t.onDragenter,false);t.labelEl.removeEventListener("dragover",t.onDragover,false);t.labelEl.removeEventListener("drop",t.onDrop,false)}};this.handleFiles=function(i){var e=toFileArray(i);var a=validateFileArray(t.files,e,{accept:t.accept,maxFileSize:t.maxFileSize,maxBundleSize:t.maxBundleSize,maxFiles:t.maxFiles});if(a.invalidFiles.length>0){t.balRejectedFile.emit(a.invalidFiles[0])}if(a.validFiles.length>0){t.files=__spreadArray(__spreadArray([],t.files,true),a.validFiles,true);t.balChange.emit(t.files);t.balFilesAdded.emit(a.validFiles)}t.updateFileInput()};this.updateFileInput=function(){var i;if((i=t.nativeInput)===null||i===void 0?void 0:i.files){t.nativeInput.files=toFileList(t.files)}};this.onDragenter=function(i){stopEventBubbling(i)};this.onDragover=function(i){stopEventBubbling(i)};this.onDrop=function(i){stopEventBubbling(i);if(!t.disabled&&!t.readonly&&!t.loading){var e=i.dataTransfer;if(e){t.handleFiles(e.files)}}};this.onInputChange=function(){var i;if(!t.disabled&&!t.readonly&&!t.loading){if((i=t.nativeInput)===null||i===void 0?void 0:i.files){t.handleFiles(t.nativeInput.files)}}};this.onRemoveFile=function(i,e){stopEventBubbling(i);if(e>=0&&e<t.files.length){var a=t.files;var s=a.splice(e,1);t.balFilesRemoved.emit(s);t.files=__spreadArray([],a,true);t.balChange.emit(t.files);t.updateFileInput()}};this.onHostClick=function(i){return inputHandleHostClick(t,i)};this.onInputFocus=function(i){return inputHandleFocus(t,i)};this.onInputBlur=function(i){return inputHandleBlur(t,i)};this.onInputClick=function(i){if(t.nativeInput&&!t.disabled&&!t.readonly&&!t.loading){t.nativeInput.value=""}t.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 t=this;var e=i.target;if(e===null||e===void 0?void 0:e.contains(this.el)){this.files=__spreadArray([],this.initialValue,true);clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(t.nativeInput){t.nativeInput.files=toFileList(t.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(t){this.ariaForm=Object.assign({},i);return[2]}))}))};i.prototype.render=function(){var i=this;var t=this.ariaForm.controlId||this.fileUploadId;return h(Host,{onClick:this.onHostClick,"aria-disabled":this.disabled?"true":null,class:{"bal-file-upload":true}},h("div",{class:{file:true,"is-disabled":this.disabled||this.readonly||this.loading,"is-danger":this.invalid}},h("label",{htmlFor:t,ref:function(t){return i.labelEl=t},class:{"file-label":true,"is-disabled":this.disabled||this.loading||this.readonly}},h("input",{class:"file-input",type:"file",id:t,"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(t){return i.nativeInput=t},"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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{l as loadFooterLinks,a as loadSocialMediaLinks,L as Language}from"./index.esm-76abd8e3.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{k as rIC}from"./helpers-c201154e.js";import{s as stopEventBubbling}from"./form-input-28a08ec5.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"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";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__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);color:var(--bal-footer-color);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,.bal-footer__inner p{color:var(--bal-footer-color)}.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-icon,.bal-footer__inner__wrapper__header-container__language .input{cursor:pointer}.bal-footer__inner__wrapper__header-container__language:hover bal-icon svg,.bal-footer__inner__wrapper__header-container__language:hover bal-icon g,.bal-footer__inner__wrapper__header-container__language:hover bal-icon path,.bal-footer__inner__wrapper__header-container__language:hover bal-icon circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language:hover .input{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language:active bal-icon svg,.bal-footer__inner__wrapper__header-container__language:active bal-icon g,.bal-footer__inner__wrapper__header-container__language:active bal-icon path,.bal-footer__inner__wrapper__header-container__language:active bal-icon circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language:active .input{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__language__wrapper{width:5rem}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group{background:rgba(0,0,0,0);border:none}.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-icon{min-width:.75rem !important}.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.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.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("inner");var n=r.element("wrapper");var o=n.element("container");var t=n.element("links-container");var i=n.element("header-container");var l=i.element("logo");var _=i.element("language");var s=_.element("wrapper");var c=_.element("icon");var p=t.element("legal-links");var d=t.element("social-media-links");return h(Host,{class:Object.assign({},a.class())},h("footer",{class:Object.assign({},r.class())},h("div",{class:Object.assign({},n.class())},h("div",{class:Object.assign(Object.assign({container:true},o.class()),i.class())},h("div",{class:Object.assign({},l.class())},h("bal-logo",{color:"white"})),h("div",{class:Object.assign({},_.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},h("div",{class:Object.assign({},s.class())},h("bal-input-group",null,h("bal-icon",{class:Object.assign({},c.class()),name:"web",color:"white",onClick:function(a){var r;stopEventBubbling(a);(r=e.selectEl)===null||r===void 0?void 0:r.open()}}),h("bal-select",{ref:function(a){return e.selectEl=a},value:this.language,onBalChange:function(a){return e.changeLanguage(a.detail)},"data-testid":"bal-footer-language"},this.allowedLanguages.map((function(e){return h("bal-select-option",{key:e,label:e.toLocaleUpperCase(),value:e},e.toLocaleUpperCase())}))))))),h("slot",null),h("div",{class:Object.assign(Object.assign({container:true},o.class()),t.class())},h("div",{class:Object.assign({},d.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",{class:Object.assign({},p.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};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{l as loadFooterLinks,a as loadSocialMediaLinks,L as Language}from"./index.esm-cc299511.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{k as rIC}from"./helpers-c201154e.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.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"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";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__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);color:var(--bal-footer-color);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,.bal-footer__inner p{color:var(--bal-footer-color)}.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-icon,.bal-footer__inner__wrapper__header-container__language .input{cursor:pointer}.bal-footer__inner__wrapper__header-container__language:hover bal-icon svg,.bal-footer__inner__wrapper__header-container__language:hover bal-icon g,.bal-footer__inner__wrapper__header-container__language:hover bal-icon path,.bal-footer__inner__wrapper__header-container__language:hover bal-icon circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language:hover .input{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language:active bal-icon svg,.bal-footer__inner__wrapper__header-container__language:active bal-icon g,.bal-footer__inner__wrapper__header-container__language:active bal-icon path,.bal-footer__inner__wrapper__header-container__language:active bal-icon circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language:active .input{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__language__wrapper{width:5rem}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group{background:rgba(0,0,0,0);border:none}.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-icon{min-width:.75rem !important}.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.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.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("inner");var n=r.element("wrapper");var o=n.element("container");var t=n.element("links-container");var i=n.element("header-container");var l=i.element("logo");var _=i.element("language");var s=_.element("wrapper");var c=_.element("icon");var p=t.element("legal-links");var f=t.element("social-media-links");return h(Host,{class:Object.assign({},a.class())},h("footer",{class:Object.assign({},r.class())},h("div",{class:Object.assign({},n.class())},h("div",{class:Object.assign(Object.assign({container:true},o.class()),i.class())},h("div",{class:Object.assign({},l.class())},h("bal-logo",{color:"white"})),h("div",{class:Object.assign({},_.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},h("div",{class:Object.assign({},s.class())},h("bal-input-group",null,h("bal-icon",{class:Object.assign({},c.class()),name:"web",color:"white",onClick:function(a){var r;stopEventBubbling(a);(r=e.selectEl)===null||r===void 0?void 0:r.open()}}),h("bal-select",{ref:function(a){return e.selectEl=a},value:this.language,onBalChange:function(a){return e.changeLanguage(a.detail)},"data-testid":"bal-footer-language"},this.allowedLanguages.map((function(e){return h("bal-select-option",{key:e,label:e.toLocaleUpperCase(),value:e},e.toLocaleUpperCase())}))))))),h("slot",null),h("div",{class:Object.assign(Object.assign({container:true},o.class()),t.class())},h("div",{class:Object.assign({},f.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",{class:Object.assign({},p.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};