@baloise/ds-core 16.8.0 → 17.0.0

package/dist/esm-es5/bal-input-group.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{B as BEM}from"./bem-8c7d2eb0.js";var balInputGroupCss=".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-color-grey-1)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";var BalInputGroupStyle0=balInputGroupCss;var InputGroup=function(){function r(r){registerInstance(this,r);this.invalid=false;this.disabled=false;this.readonly=false}r.prototype.render=function(){var r=BEM.block("input-group");var a="is-danger";var i=this.invalid;var l="is-disabled";var o=this.disabled||this.readonly;return h(Host,{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(a).class(i)),r.modifier(l).class(o))},h("slot",null))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();InputGroup.style=BalInputGroupStyle0;export{InputGroup as bal_input_group};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{B as BEM}from"./bem-8c7d2eb0.js";var balInputGroupCss=".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-color-grey-1)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";var BalInputGroupStyle0=balInputGroupCss;var InputGroup=function(){function r(r){registerInstance(this,r);this.invalid=false;this.disabled=false;this.readonly=false}r.prototype.render=function(){var r=BEM.block("input-group");var a="is-danger";var i=this.invalid;var l="is-disabled";var o=this.disabled||this.readonly;return h(Host,{key:"b5038db22ec5c61a3f23e8d49e7e010c1095caf7",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(a).class(i)),r.modifier(l).class(o))},h("slot",{key:"190951b467b003b066c34894295a5ef15304353b"}))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();InputGroup.style=BalInputGroupStyle0;export{InputGroup as bal_input_group};

package/dist/esm-es5/bal-input-slider.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{l as lodash_isnil}from"./index-82aff103.js";import{m as debounceEvent}from"./helpers-c201154e.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balInputSliderCss=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{background:var(--bal-color-primary);border:2px solid var(--bal-color-primary)}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";var BalInputSliderStyle0=balInputSliderCss;var InputSlider=function(){function i(i){var r=this;registerInstance(this,i);this.balInput=createEvent(this,"balInput",7);this.balBlur=createEvent(this,"balBlur",7);this.balKeyPress=createEvent(this,"balKeyPress",7);this.balFocus=createEvent(this,"balFocus",7);this.balChange=createEvent(this,"balChange",7);this.inputId="bal-input-slider-".concat(inputSliderIds++);this.didInit=false;this.hasFocus=false;this.initialValue="";this.onInput=function(i){var e=i.target;if(e){r.value=e.value||""}r.balInput.emit(r.value)};this.handleClick=function(i){if(r.disabled||r.readonly){i.preventDefault();i.stopPropagation()}};this.onFocus=function(i){r.hasFocus=true;r.balFocus.emit(i)};this.onBlur=function(i){r.hasFocus=false;r.balBlur.emit(i);r.balChange.emit(r.value)};this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.step=0;this.min=0;this.max=100;this.invalid=false;this.balTabindex=0;this.disabled=false;this.readonly=false;this.required=false;this.hasTicks=false;this.debounce=0;this.value="";this.autoInvalidOff=false}i.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};i.prototype.listenOnClick=function(i){if((this.disabled||this.readonly)&&i.target&&i.target===this.el){stopEventBubbling(i)}};i.prototype.resetHandler=function(i){var r=this;var e=i.target;if(e===null||e===void 0?void 0:e.contains(this.el)){this.value=this.initialValue;clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(r.nativeInput){r.nativeInput.value=r.initialValue}}),0)}};i.prototype.valueChanged=function(i,r){if(this.didInit&&!this.hasFocus&&i!==r){this.balChange.emit(this.value)}};i.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};i.prototype.componentDidLoad=function(){this.didInit=true;if(!lodash_isnil(this.value)&&this.value!==""){this.valueChanged(this.value,undefined)}};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(r){clearTimeout(this.setFocusTimer);this.setFocusTimer=setTimeout((function(){if(i.nativeInput){i.nativeInput.focus()}}));return[2]}))}))};i.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};i.prototype.setAriaForm=function(i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},i);return[2]}))}))};Object.defineProperty(i.prototype,"numberOfSteps",{get:function(){var i=this.max-this.min;if(this.step<=0||this.step>=i){return 0}return~~(i/this.step)+1},enumerable:false,configurable:true});i.prototype.cssWidth=function(i){if(i===void 0){i=false}var r=this.value===""?0:Math.round(Number(this.value)/this.step)*this.step;var e=100/this.max*r;if(!i){return"".concat(100-e,"%")}return"".concat(e,"%")};i.prototype.getNumberOfSteps=function(){var i=[];for(var r=0;r<this.numberOfSteps;r++){i.push(r)}return i};i.prototype.render=function(){var i=this;var r=BEM.block("input-slider");var e=r.element("background");var t=e.element("upper");var a=t.element("inner");var n=e.element("lower");var s=n.element("inner");var o=r.element("input");var l=o.element("native");var d=o.element("value");var u=d.modifier("left");var b=d.modifier("right");var c=r.element("steps");var p=c.element("item");return h(Host,{class:Object.assign(Object.assign({},r.class()),r.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":this.disabled||this.readonly?"true":null},h("div",{class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},h("div",{class:Object.assign({},t.class()),style:{width:this.cssWidth()}},h("div",{class:Object.assign({},a.class())})),h("div",{class:Object.assign({},n.class()),style:{width:this.cssWidth(true)}},h("div",{class:Object.assign({},s.class())}))),h("div",{class:Object.assign({},o.class())},h("div",{class:Object.assign(Object.assign({},d.class()),u.class())}),h("input",{type:"range",class:Object.assign(Object.assign({},l.class()),l.modifier("disabled").class(this.disabled||this.readonly)),ref:function(r){return i.nativeInput=r},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":this.disabled?"true":null,"aria-invalid":this.invalid===true?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:this.value!==""&&this.value!==undefined?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:function(r){return i.balKeyPress.emit(r)},"data-testid":"bal-input-slider"}),h("div",{class:Object.assign(Object.assign({},d.class()),b.class())})),h("div",{class:Object.assign({},c.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((function(r){return h("div",{key:r,class:Object.assign(Object.assign({},p.class()),p.modifier("disabled").class(i.disabled||i.readonly)),"data-step-id":r})}))))};Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return i}();var inputSliderIds=0;InputSlider.style=BalInputSliderStyle0;export{InputSlider as bal_input_slider};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{l as lodash_isnil}from"./index-82aff103.js";import{o as debounceEvent}from"./helpers-72ae7307.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{L as ListenTo}from"./listen-d1712e70.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balInputSliderCss=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{background:var(--bal-color-primary);border:2px solid var(--bal-color-primary)}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";var BalInputSliderStyle0=balInputSliderCss;var InputSlider=function(){function e(e){var i=this;registerInstance(this,e);this.balInput=createEvent(this,"balInput",7);this.balBlur=createEvent(this,"balBlur",7);this.balKeyPress=createEvent(this,"balKeyPress",7);this.balFocus=createEvent(this,"balFocus",7);this.balChange=createEvent(this,"balChange",7);this.inputId="bal-input-slider-".concat(inputSliderIds++);this.didInit=false;this.hasFocus=false;this.initialValue="";this.onInput=function(e){var t=e.target;if(t){i.value=t.value||""}i.balInput.emit(i.value)};this.handleClick=function(e){if(i.disabled||i.readonly){e.preventDefault();e.stopPropagation()}};this.onFocus=function(e){i.hasFocus=true;i.balFocus.emit(e)};this.onBlur=function(e){i.hasFocus=false;i.balBlur.emit(e);i.balChange.emit(i.value)};this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.step=0;this.min=0;this.max=100;this.invalid=false;this.balTabindex=0;this.disabled=false;this.readonly=false;this.required=false;this.hasTicks=false;this.debounce=0;this.value="";this.autoInvalidOff=false}e.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};e.prototype.listenOnClick=function(e){if((this.disabled||this.readonly)&&e.target&&e.target===this.el){stopEventBubbling(e)}};e.prototype.resetHandler=function(e){var i=this;var t=e.target;if(t===null||t===void 0?void 0:t.contains(this.el)){this.value=this.initialValue;clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(i.nativeInput){i.nativeInput.value=i.initialValue}}),0)}};e.prototype.valueChanged=function(e,i){if(this.didInit&&!this.hasFocus&&e!==i){this.balChange.emit(this.value)}};e.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};e.prototype.componentDidLoad=function(){this.didInit=true;if(!lodash_isnil(this.value)&&this.value!==""){this.valueChanged(this.value,undefined)}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){clearTimeout(this.setFocusTimer);this.setFocusTimer=setTimeout((function(){if(e.nativeInput){e.nativeInput.focus()}}));return[2]}))}))};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};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]}))}))};Object.defineProperty(e.prototype,"numberOfSteps",{get:function(){var e=this.max-this.min;if(this.step<=0||this.step>=e){return 0}return~~(e/this.step)+1},enumerable:false,configurable:true});e.prototype.cssWidth=function(e){if(e===void 0){e=false}var i=this.value===""?0:Math.round(Number(this.value)/this.step)*this.step;var t=100/this.max*i;if(!e){return"".concat(100-t,"%")}return"".concat(t,"%")};e.prototype.getNumberOfSteps=function(){var e=[];for(var i=0;i<this.numberOfSteps;i++){e.push(i)}return e};e.prototype.render=function(){var e=this;var i=BEM.block("input-slider");var t=i.element("background");var r=t.element("upper");var a=r.element("inner");var n=t.element("lower");var s=n.element("inner");var d=i.element("input");var o=d.element("native");var l=d.element("value");var u=l.modifier("left");var b=l.modifier("right");var c=i.element("steps");var p=c.element("item");return h(Host,{key:"cbbd2a0e62cc67016f215b13d8d0ca0c5de127b7",class:Object.assign(Object.assign({},i.class()),i.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":this.disabled||this.readonly?"true":null},h("div",{key:"7b31c11bf1d3423be6b2d7837a0f8ccaafe46daa",class:Object.assign(Object.assign({},t.class()),t.modifier("disabled").class(this.disabled||this.readonly))},h("div",{key:"6a4440695d82c35bf8c8195dc79e5c8c14c91f16",class:Object.assign({},r.class()),style:{width:this.cssWidth()}},h("div",{key:"5be6c525ff34e993b27424e5dcfe4d5bc4609ba7",class:Object.assign({},a.class())})),h("div",{key:"3eb1fae3c122c23db8bc05c8f246c23984a8dbfc",class:Object.assign({},n.class()),style:{width:this.cssWidth(true)}},h("div",{key:"53ae6ada3c544a543180a21721b6271c36db5c47",class:Object.assign({},s.class())}))),h("div",{key:"f309f58ec23b5bc31799fcf0e3f5ef6c4cc25039",class:Object.assign({},d.class())},h("div",{key:"c8d0fc9abf6a2384a44af08e581e3ca4f1115f60",class:Object.assign(Object.assign({},l.class()),u.class())}),h("input",{key:"67a8fb701b5a6c9122abe42331384a99bd5e636f",type:"range",class:Object.assign(Object.assign({},o.class()),o.modifier("disabled").class(this.disabled||this.readonly)),ref:function(i){return e.nativeInput=i},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":this.disabled?"true":null,"aria-invalid":this.invalid===true?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:this.value!==""&&this.value!==undefined?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:function(i){return e.balKeyPress.emit(i)},"data-testid":"bal-input-slider"}),h("div",{key:"8c93968c955d1bdb970e31308240db6e5f3a6795",class:Object.assign(Object.assign({},l.class()),b.class())})),h("div",{key:"f89ab4d7d6b67d976856bbabfb018d474f0bf306",class:Object.assign({},c.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((function(i){return h("div",{key:i,class:Object.assign(Object.assign({},p.class()),p.modifier("disabled").class(e.disabled||e.readonly)),"data-step-id":i})}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([ListenTo("click",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],InputSlider.prototype,"listenOnClick",null);__decorate([ListenTo("reset",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],InputSlider.prototype,"resetHandler",null);var inputSliderIds=0;InputSlider.style=BalInputSliderStyle0;export{InputSlider as bal_input_slider};

package/dist/esm-es5/bal-input-stepper.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{c as commonjsGlobal}from"./_commonjsHelpers-1c8beb5f.js";import{v as formatLocaleNumber}from"./index.esm-cc299511.js";import{k as rIC,m as debounceEvent}from"./helpers-c201154e.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{s as stopEventBubbling,b as inputListenOnClick}from"./form-input-a8fdaaef.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{i as i18nBalInputStepper}from"./bal-input-stepper.i18n-aaa4a009.js";import{L as Logger}from"./log-dfd1c19f.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./index-82aff103.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var big={exports:{}};(function(t){(function(e){var i,r=20,n=1,s=1e6,o=1e6,a=-7,f=21,u=false,h="[big.js] ",l=h+"Invalid ",c=l+"decimal places",p=l+"rounding mode",d=h+"Division by zero",b={},m=void 0,v=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function g(){function t(e){var i=this;if(!(i instanceof t))return e===m?g():new t(e);if(e instanceof t){i.s=e.s;i.e=e.e;i.c=e.c.slice()}else{if(typeof e!=="string"){if(t.strict===true&&typeof e!=="bigint"){throw TypeError(l+"value")}e=e===0&&1/e<0?"-0":String(e)}w(i,e)}i.constructor=t}t.prototype=b;t.DP=r;t.RM=n;t.NE=a;t.PE=f;t.strict=u;t.roundDown=0;t.roundHalfUp=1;t.roundHalfEven=2;t.roundUp=3;return t}function w(t,e){var i,r,n;if(!v.test(e)){throw Error(l+"number")}t.s=e.charAt(0)=="-"?(e=e.slice(1),-1):1;if((i=e.indexOf("."))>-1)e=e.replace(".","");if((r=e.search(/e/i))>0){if(i<0)i=r;i+=+e.slice(r+1);e=e.substring(0,r)}else if(i<0){i=e.length}n=e.length;for(r=0;r<n&&e.charAt(r)=="0";)++r;if(r==n){t.c=[t.e=0]}else{for(;n>0&&e.charAt(--n)=="0";);t.e=i-r-1;t.c=[];for(i=0;r<=n;)t.c[i++]=+e.charAt(r++)}return t}function _(t,e,i,r){var n=t.c;if(i===m)i=t.constructor.RM;if(i!==0&&i!==1&&i!==2&&i!==3){throw Error(p)}if(e<1){r=i===3&&(r||!!n[0])||e===0&&(i===1&&n[0]>=5||i===2&&(n[0]>5||n[0]===5&&(r||n[1]!==m)));n.length=1;if(r){t.e=t.e-e+1;n[0]=1}else{n[0]=t.e=0}}else if(e<n.length){r=i===1&&n[e]>=5||i===2&&(n[e]>5||n[e]===5&&(r||n[e+1]!==m||n[e-1]&1))||i===3&&(r||!!n[0]);n.length=e;if(r){for(;++n[--e]>9;){n[e]=0;if(e===0){++t.e;n.unshift(1);break}}}for(e=n.length;!n[--e];)n.pop()}return t}function E(t,e,i){var r=t.e,n=t.c.join(""),s=n.length;if(e){n=n.charAt(0)+(s>1?"."+n.slice(1):"")+(r<0?"e":"e+")+r}else if(r<0){for(;++r;)n="0"+n;n="0."+n}else if(r>0){if(++r>s){for(r-=s;r--;)n+="0"}else if(r<s){n=n.slice(0,r)+"."+n.slice(r)}}else if(s>1){n=n.charAt(0)+"."+n.slice(1)}return t.s<0&&i?"-"+n:n}b.abs=function(){var t=new this.constructor(this);t.s=1;return t};b.cmp=function(t){var e,i=this,r=i.c,n=(t=new i.constructor(t)).c,s=i.s,o=t.s,a=i.e,f=t.e;if(!r[0]||!n[0])return!r[0]?!n[0]?0:-o:s;if(s!=o)return s;e=s<0;if(a!=f)return a>f^e?1:-1;o=(a=r.length)<(f=n.length)?a:f;for(s=-1;++s<o;){if(r[s]!=n[s])return r[s]>n[s]^e?1:-1}return a==f?0:a>f^e?1:-1};b.div=function(t){var e=this,i=e.constructor,r=e.c,n=(t=new i(t)).c,o=e.s==t.s?1:-1,a=i.DP;if(a!==~~a||a<0||a>s){throw Error(c)}if(!n[0]){throw Error(d)}if(!r[0]){t.s=o;t.c=[t.e=0];return t}var f,u,h,l,p,b=n.slice(),v=f=n.length,g=r.length,w=r.slice(0,f),E=w.length,j=t,I=j.c=[],B=0,y=a+(j.e=e.e-t.e)+1;j.s=o;o=y<0?0:y;b.unshift(0);for(;E++<f;)w.push(0);do{for(h=0;h<10;h++){if(f!=(E=w.length)){l=f>E?1:-1}else{for(p=-1,l=0;++p<f;){if(n[p]!=w[p]){l=n[p]>w[p]?1:-1;break}}}if(l<0){for(u=E==f?n:b;E;){if(w[--E]<u[E]){p=E;for(;p&&!w[--p];)w[p]=9;--w[p];w[E]+=10}w[E]-=u[E]}for(;!w[0];)w.shift()}else{break}}I[B++]=l?h:++h;if(w[0]&&l)w[E]=r[v]||0;else w=[r[v]]}while((v++<g||w[0]!==m)&&o--);if(!I[0]&&B!=1){I.shift();j.e--;y--}if(B>y)_(j,y,i.RM,w[0]!==m);return j};b.eq=function(t){return this.cmp(t)===0};b.gt=function(t){return this.cmp(t)>0};b.gte=function(t){return this.cmp(t)>-1};b.lt=function(t){return this.cmp(t)<0};b.lte=function(t){return this.cmp(t)<1};b.minus=b.sub=function(t){var e,i,r,n,s=this,o=s.constructor,a=s.s,f=(t=new o(t)).s;if(a!=f){t.s=-f;return s.plus(t)}var u=s.c.slice(),h=s.e,l=t.c,c=t.e;if(!u[0]||!l[0]){if(l[0]){t.s=-f}else if(u[0]){t=new o(s)}else{t.s=1}return t}if(a=h-c){if(n=a<0){a=-a;r=u}else{c=h;r=l}r.reverse();for(f=a;f--;)r.push(0);r.reverse()}else{i=((n=u.length<l.length)?u:l).length;for(a=f=0;f<i;f++){if(u[f]!=l[f]){n=u[f]<l[f];break}}}if(n){r=u;u=l;l=r;t.s=-t.s}if((f=(i=l.length)-(e=u.length))>0)for(;f--;)u[e++]=0;for(f=e;i>a;){if(u[--i]<l[i]){for(e=i;e&&!u[--e];)u[e]=9;--u[e];u[i]+=10}u[i]-=l[i]}for(;u[--f]===0;)u.pop();for(;u[0]===0;){u.shift();--c}if(!u[0]){t.s=1;u=[c=0]}t.c=u;t.e=c;return t};b.mod=function(t){var e,i=this,r=i.constructor,n=i.s,s=(t=new r(t)).s;if(!t.c[0]){throw Error(d)}i.s=t.s=1;e=t.cmp(i)==1;i.s=n;t.s=s;if(e)return new r(i);n=r.DP;s=r.RM;r.DP=r.RM=0;i=i.div(t);r.DP=n;r.RM=s;return this.minus(i.times(t))};b.neg=function(){var t=new this.constructor(this);t.s=-t.s;return t};b.plus=b.add=function(t){var e,i,r,n=this,s=n.constructor;t=new s(t);if(n.s!=t.s){t.s=-t.s;return n.minus(t)}var o=n.e,a=n.c,f=t.e,u=t.c;if(!a[0]||!u[0]){if(!u[0]){if(a[0]){t=new s(n)}else{t.s=n.s}}return t}a=a.slice();if(e=o-f){if(e>0){f=o;r=u}else{e=-e;r=a}r.reverse();for(;e--;)r.push(0);r.reverse()}if(a.length-u.length<0){r=u;u=a;a=r}e=u.length;for(i=0;e;a[e]%=10)i=(a[--e]=a[e]+u[e]+i)/10|0;if(i){a.unshift(i);++f}for(e=a.length;a[--e]===0;)a.pop();t.c=a;t.e=f;return t};b.pow=function(t){var e=this,i=new e.constructor("1"),r=i,n=t<0;if(t!==~~t||t<-o||t>o){throw Error(l+"exponent")}if(n)t=-t;for(;;){if(t&1)r=r.times(e);t>>=1;if(!t)break;e=e.times(e)}return n?i.div(r):r};b.prec=function(t,e){if(t!==~~t||t<1||t>s){throw Error(l+"precision")}return _(new this.constructor(this),t,e)};b.round=function(t,e){if(t===m)t=0;else if(t!==~~t||t<-s||t>s){throw Error(c)}return _(new this.constructor(this),t+this.e+1,e)};b.sqrt=function(){var t,e,i,r=this,n=r.constructor,s=r.s,o=r.e,a=new n("0.5");if(!r.c[0])return new n(r);if(s<0){throw Error(h+"No square root")}s=Math.sqrt(r+"");if(s===0||s===1/0){e=r.c.join("");if(!(e.length+o&1))e+="0";s=Math.sqrt(e);o=((o+1)/2|0)-(o<0||o&1);t=new n((s==1/0?"5e":(s=s.toExponential()).slice(0,s.indexOf("e")+1))+o)}else{t=new n(s+"")}o=t.e+(n.DP+=4);do{i=t;t=a.times(i.plus(r.div(i)))}while(i.c.slice(0,o).join("")!==t.c.slice(0,o).join(""));return _(t,(n.DP-=4)+t.e+1,n.RM)};b.times=b.mul=function(t){var e,i=this,r=i.constructor,n=i.c,s=(t=new r(t)).c,o=n.length,a=s.length,f=i.e,u=t.e;t.s=i.s==t.s?1:-1;if(!n[0]||!s[0]){t.c=[t.e=0];return t}t.e=f+u;if(o<a){e=n;n=s;s=e;u=o;o=a;a=u}for(e=new Array(u=o+a);u--;)e[u]=0;for(f=a;f--;){a=0;for(u=o+f;u>f;){a=e[u]+s[f]*n[u-f-1]+a;e[u--]=a%10;a=a/10|0}e[u]=a}if(a)++t.e;else e.shift();for(f=e.length;!e[--f];)e.pop();t.c=e;return t};b.toExponential=function(t,e){var i=this,r=i.c[0];if(t!==m){if(t!==~~t||t<0||t>s){throw Error(c)}i=_(new i.constructor(i),++t,e);for(;i.c.length<t;)i.c.push(0)}return E(i,true,!!r)};b.toFixed=function(t,e){var i=this,r=i.c[0];if(t!==m){if(t!==~~t||t<0||t>s){throw Error(c)}i=_(new i.constructor(i),t+i.e+1,e);for(t=t+i.e+1;i.c.length<t;)i.c.push(0)}return E(i,false,!!r)};b.toJSON=b.toString=function(){var t=this,e=t.constructor;return E(t,t.e<=e.NE||t.e>=e.PE,!!t.c[0])};b.toNumber=function(){var t=Number(E(this,true,true));if(this.constructor.strict===true&&!this.eq(t.toString())){throw Error(h+"Imprecise conversion")}return t};b.toPrecision=function(t,e){var i=this,r=i.constructor,n=i.c[0];if(t!==m){if(t!==~~t||t<1||t>s){throw Error(l+"precision")}i=_(new r(i),t,e);for(;i.c.length<t;)i.c.push(0)}return E(i,t<=i.e||i.e<=r.NE||i.e>=r.PE,!!n)};b.valueOf=function(){var t=this,e=t.constructor;if(e.strict===true){throw Error(h+"valueOf disallowed")}return E(t,t.e<=e.NE||t.e>=e.PE,true)};i=g();i["default"]=i.Big=i;if(t.exports){t.exports=i}else{e.Big=i}})(commonjsGlobal)})(big);var Big=big.exports;var balInputStepperCss=".bal-input-stepper{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:inline-block}.bal-input-stepper__inner{display:-ms-flexbox;display:flex;gap:.25rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-input-stepper__inner__text{min-width:3rem;text-align:center}.bal-input-stepper__input{position:absolute;width:0;height:0;left:0;top:0;margin:0;padding:0;opacity:0;outline:0}";var BalInputStepperStyle0=balInputStepperCss;var InputStepper=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balInput=createEvent(this,"balInput",7);this.balIncrease=createEvent(this,"balIncrease",7);this.balDecrease=createEvent(this,"balDecrease",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.inputId="bal-input-stepper-".concat(InputStepperIds++);this.inheritedAttributes={};this.decreaseHasFocus=false;this.increaseHasFocus=false;this.initialValue=0;this.onFocusDecrease=function(t){e.decreaseHasFocus=true;e.onFocus(t)};this.onFocusIncrease=function(t){e.increaseHasFocus=true;e.onFocus(t)};this.onFocus=function(t){stopEventBubbling(t);e.balFocus.emit(t.detail)};this.onBlurDecrease=function(t){stopEventBubbling(t);e.decreaseHasFocus=false;rIC((function(){return e.onBlur(t.detail)}))};this.onBlurIncrease=function(t){stopEventBubbling(t);e.increaseHasFocus=false;rIC((function(){return e.onBlur(t.detail)}))};this.onBlur=function(t){if(!(e.decreaseHasFocus||e.increaseHasFocus)){e.balBlur.emit(t)}};this.focused=false;this.language=defaultConfig.language;this.region=defaultConfig.region;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.min=0;this.max=10;this.steps=1;this.disabled=false;this.readonly=false;this.invalid=false;this.debounce=0;this.value=0;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.listenOnClick=function(t){inputListenOnClick(this,t)};t.prototype.resetHandler=function(t){var e=t.target;if(e===null||e===void 0?void 0:e.contains(this.el)){this.value=this.initialValue}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};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.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.increase=function(){if(!this.disabled&&!this.readonly){var t=new Big(this.value).plus(this.steps).toNumber();if(t<=this.max){this.value=t;this.balInput.emit(t);this.balChange.emit(t);this.balIncrease.emit(t)}}};t.prototype.decrease=function(){if(!this.disabled&&!this.readonly){var t=new Big(this.value).minus(this.steps).toNumber();if(t>=this.min){this.value=t;this.balInput.emit(t);this.balChange.emit(t);this.balDecrease.emit(t)}}};t.prototype.render=function(){var t=this;var e=BEM.block("input-stepper");var i=e.element("input");var r=e.element("inner");var n=r.element("text");var s=i18nBalInputStepper[this.language].increase;var o=i18nBalInputStepper[this.language].decrease;return h(Host,{"aria-disabled":this.disabled?"true":null,"aria-focused":this.focused?"true":null,class:Object.assign({},e.class())},h("div",{class:Object.assign({},r.class())},h("bal-button",{aria:{title:o,label:o,controls:this.ariaForm.controlId||this.inputId},size:"small",square:true,"data-testid":"bal-input-stepper-decrease",outlined:!this.invalid,icon:"minus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value<=this.min,onClick:function(e){return t.decrease()},onBalFocus:function(e){return t.onFocusDecrease(e)},onBalBlur:function(e){return t.onBlurDecrease(e)}}),h("bal-text",{space:"none",color:this.disabled||this.readonly?"grey":this.invalid?"danger":"",bold:true,class:Object.assign({},n.class()),"data-testid":"bal-input-stepper-text"},formatLocaleNumber("".concat(this.language,"-").concat(this.region),this.value)),h("bal-button",{aria:{title:s,label:s,controls:this.ariaForm.controlId||this.inputId},size:"small","data-testid":"bal-input-stepper-increase",square:true,outlined:!this.invalid,icon:"plus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value>=this.max,onClick:function(e){return t.increase()},onBalFocus:function(e){return t.onFocusIncrease(e)},onBalBlur:function(e){return t.onBlurIncrease(e)}})),h("input",Object.assign({class:Object.assign({},i.class()),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,"data-testid":"bal-input-stepper",type:"text",value:this.value,name:this.name,tabindex:"-1",ref:function(e){return t.nativeInput=e},readonly:this.readonly,disabled:this.disabled},this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-input-stepper"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],InputStepper.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],InputStepper.prototype,"configChanged",null);var InputStepperIds=0;InputStepper.style=BalInputStepperStyle0;export{InputStepper as bal_input_stepper};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{c as commonjsGlobal}from"./_commonjsHelpers-1c8beb5f.js";import{f as formatLocaleNumber}from"./number-54693efa.js";import{m as rIC,o as debounceEvent}from"./helpers-72ae7307.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{s as stopEventBubbling,h as inputListenOnClick}from"./form-input-264ad739.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{i as i18nBalInputStepper}from"./bal-input-stepper.i18n-aaa4a009.js";import{L as Logger}from"./log-dfd1c19f.js";import{L as ListenTo}from"./listen-d1712e70.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./config.utils-6ac6c9bd.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";var big={exports:{}};(function(t){(function(e){var i,r=20,n=1,s=1e6,a=1e6,o=-7,f=21,u=false,l="[big.js] ",c=l+"Invalid ",h=c+"decimal places",p=c+"rounding mode",d=l+"Division by zero",b={},m=void 0,v=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function g(){function t(e){var i=this;if(!(i instanceof t))return e===m?g():new t(e);if(e instanceof t){i.s=e.s;i.e=e.e;i.c=e.c.slice()}else{if(typeof e!=="string"){if(t.strict===true&&typeof e!=="bigint"){throw TypeError(c+"value")}e=e===0&&1/e<0?"-0":String(e)}_(i,e)}i.constructor=t}t.prototype=b;t.DP=r;t.RM=n;t.NE=o;t.PE=f;t.strict=u;t.roundDown=0;t.roundHalfUp=1;t.roundHalfEven=2;t.roundUp=3;return t}function _(t,e){var i,r,n;if(!v.test(e)){throw Error(c+"number")}t.s=e.charAt(0)=="-"?(e=e.slice(1),-1):1;if((i=e.indexOf("."))>-1)e=e.replace(".","");if((r=e.search(/e/i))>0){if(i<0)i=r;i+=+e.slice(r+1);e=e.substring(0,r)}else if(i<0){i=e.length}n=e.length;for(r=0;r<n&&e.charAt(r)=="0";)++r;if(r==n){t.c=[t.e=0]}else{for(;n>0&&e.charAt(--n)=="0";);t.e=i-r-1;t.c=[];for(i=0;r<=n;)t.c[i++]=+e.charAt(r++)}return t}function w(t,e,i,r){var n=t.c;if(i===m)i=t.constructor.RM;if(i!==0&&i!==1&&i!==2&&i!==3){throw Error(p)}if(e<1){r=i===3&&(r||!!n[0])||e===0&&(i===1&&n[0]>=5||i===2&&(n[0]>5||n[0]===5&&(r||n[1]!==m)));n.length=1;if(r){t.e=t.e-e+1;n[0]=1}else{n[0]=t.e=0}}else if(e<n.length){r=i===1&&n[e]>=5||i===2&&(n[e]>5||n[e]===5&&(r||n[e+1]!==m||n[e-1]&1))||i===3&&(r||!!n[0]);n.length=e;if(r){for(;++n[--e]>9;){n[e]=0;if(e===0){++t.e;n.unshift(1);break}}}for(e=n.length;!n[--e];)n.pop()}return t}function y(t,e,i){var r=t.e,n=t.c.join(""),s=n.length;if(e){n=n.charAt(0)+(s>1?"."+n.slice(1):"")+(r<0?"e":"e+")+r}else if(r<0){for(;++r;)n="0"+n;n="0."+n}else if(r>0){if(++r>s){for(r-=s;r--;)n+="0"}else if(r<s){n=n.slice(0,r)+"."+n.slice(r)}}else if(s>1){n=n.charAt(0)+"."+n.slice(1)}return t.s<0&&i?"-"+n:n}b.abs=function(){var t=new this.constructor(this);t.s=1;return t};b.cmp=function(t){var e,i=this,r=i.c,n=(t=new i.constructor(t)).c,s=i.s,a=t.s,o=i.e,f=t.e;if(!r[0]||!n[0])return!r[0]?!n[0]?0:-a:s;if(s!=a)return s;e=s<0;if(o!=f)return o>f^e?1:-1;a=(o=r.length)<(f=n.length)?o:f;for(s=-1;++s<a;){if(r[s]!=n[s])return r[s]>n[s]^e?1:-1}return o==f?0:o>f^e?1:-1};b.div=function(t){var e=this,i=e.constructor,r=e.c,n=(t=new i(t)).c,a=e.s==t.s?1:-1,o=i.DP;if(o!==~~o||o<0||o>s){throw Error(h)}if(!n[0]){throw Error(d)}if(!r[0]){t.s=a;t.c=[t.e=0];return t}var f,u,l,c,p,b=n.slice(),v=f=n.length,g=r.length,_=r.slice(0,f),y=_.length,E=t,j=E.c=[],I=0,B=o+(E.e=e.e-t.e)+1;E.s=a;a=B<0?0:B;b.unshift(0);for(;y++<f;)_.push(0);do{for(l=0;l<10;l++){if(f!=(y=_.length)){c=f>y?1:-1}else{for(p=-1,c=0;++p<f;){if(n[p]!=_[p]){c=n[p]>_[p]?1:-1;break}}}if(c<0){for(u=y==f?n:b;y;){if(_[--y]<u[y]){p=y;for(;p&&!_[--p];)_[p]=9;--_[p];_[y]+=10}_[y]-=u[y]}for(;!_[0];)_.shift()}else{break}}j[I++]=c?l:++l;if(_[0]&&c)_[y]=r[v]||0;else _=[r[v]]}while((v++<g||_[0]!==m)&&a--);if(!j[0]&&I!=1){j.shift();E.e--;B--}if(I>B)w(E,B,i.RM,_[0]!==m);return E};b.eq=function(t){return this.cmp(t)===0};b.gt=function(t){return this.cmp(t)>0};b.gte=function(t){return this.cmp(t)>-1};b.lt=function(t){return this.cmp(t)<0};b.lte=function(t){return this.cmp(t)<1};b.minus=b.sub=function(t){var e,i,r,n,s=this,a=s.constructor,o=s.s,f=(t=new a(t)).s;if(o!=f){t.s=-f;return s.plus(t)}var u=s.c.slice(),l=s.e,c=t.c,h=t.e;if(!u[0]||!c[0]){if(c[0]){t.s=-f}else if(u[0]){t=new a(s)}else{t.s=1}return t}if(o=l-h){if(n=o<0){o=-o;r=u}else{h=l;r=c}r.reverse();for(f=o;f--;)r.push(0);r.reverse()}else{i=((n=u.length<c.length)?u:c).length;for(o=f=0;f<i;f++){if(u[f]!=c[f]){n=u[f]<c[f];break}}}if(n){r=u;u=c;c=r;t.s=-t.s}if((f=(i=c.length)-(e=u.length))>0)for(;f--;)u[e++]=0;for(f=e;i>o;){if(u[--i]<c[i]){for(e=i;e&&!u[--e];)u[e]=9;--u[e];u[i]+=10}u[i]-=c[i]}for(;u[--f]===0;)u.pop();for(;u[0]===0;){u.shift();--h}if(!u[0]){t.s=1;u=[h=0]}t.c=u;t.e=h;return t};b.mod=function(t){var e,i=this,r=i.constructor,n=i.s,s=(t=new r(t)).s;if(!t.c[0]){throw Error(d)}i.s=t.s=1;e=t.cmp(i)==1;i.s=n;t.s=s;if(e)return new r(i);n=r.DP;s=r.RM;r.DP=r.RM=0;i=i.div(t);r.DP=n;r.RM=s;return this.minus(i.times(t))};b.neg=function(){var t=new this.constructor(this);t.s=-t.s;return t};b.plus=b.add=function(t){var e,i,r,n=this,s=n.constructor;t=new s(t);if(n.s!=t.s){t.s=-t.s;return n.minus(t)}var a=n.e,o=n.c,f=t.e,u=t.c;if(!o[0]||!u[0]){if(!u[0]){if(o[0]){t=new s(n)}else{t.s=n.s}}return t}o=o.slice();if(e=a-f){if(e>0){f=a;r=u}else{e=-e;r=o}r.reverse();for(;e--;)r.push(0);r.reverse()}if(o.length-u.length<0){r=u;u=o;o=r}e=u.length;for(i=0;e;o[e]%=10)i=(o[--e]=o[e]+u[e]+i)/10|0;if(i){o.unshift(i);++f}for(e=o.length;o[--e]===0;)o.pop();t.c=o;t.e=f;return t};b.pow=function(t){var e=this,i=new e.constructor("1"),r=i,n=t<0;if(t!==~~t||t<-a||t>a){throw Error(c+"exponent")}if(n)t=-t;for(;;){if(t&1)r=r.times(e);t>>=1;if(!t)break;e=e.times(e)}return n?i.div(r):r};b.prec=function(t,e){if(t!==~~t||t<1||t>s){throw Error(c+"precision")}return w(new this.constructor(this),t,e)};b.round=function(t,e){if(t===m)t=0;else if(t!==~~t||t<-s||t>s){throw Error(h)}return w(new this.constructor(this),t+this.e+1,e)};b.sqrt=function(){var t,e,i,r=this,n=r.constructor,s=r.s,a=r.e,o=new n("0.5");if(!r.c[0])return new n(r);if(s<0){throw Error(l+"No square root")}s=Math.sqrt(r+"");if(s===0||s===1/0){e=r.c.join("");if(!(e.length+a&1))e+="0";s=Math.sqrt(e);a=((a+1)/2|0)-(a<0||a&1);t=new n((s==1/0?"5e":(s=s.toExponential()).slice(0,s.indexOf("e")+1))+a)}else{t=new n(s+"")}a=t.e+(n.DP+=4);do{i=t;t=o.times(i.plus(r.div(i)))}while(i.c.slice(0,a).join("")!==t.c.slice(0,a).join(""));return w(t,(n.DP-=4)+t.e+1,n.RM)};b.times=b.mul=function(t){var e,i=this,r=i.constructor,n=i.c,s=(t=new r(t)).c,a=n.length,o=s.length,f=i.e,u=t.e;t.s=i.s==t.s?1:-1;if(!n[0]||!s[0]){t.c=[t.e=0];return t}t.e=f+u;if(a<o){e=n;n=s;s=e;u=a;a=o;o=u}for(e=new Array(u=a+o);u--;)e[u]=0;for(f=o;f--;){o=0;for(u=a+f;u>f;){o=e[u]+s[f]*n[u-f-1]+o;e[u--]=o%10;o=o/10|0}e[u]=o}if(o)++t.e;else e.shift();for(f=e.length;!e[--f];)e.pop();t.c=e;return t};b.toExponential=function(t,e){var i=this,r=i.c[0];if(t!==m){if(t!==~~t||t<0||t>s){throw Error(h)}i=w(new i.constructor(i),++t,e);for(;i.c.length<t;)i.c.push(0)}return y(i,true,!!r)};b.toFixed=function(t,e){var i=this,r=i.c[0];if(t!==m){if(t!==~~t||t<0||t>s){throw Error(h)}i=w(new i.constructor(i),t+i.e+1,e);for(t=t+i.e+1;i.c.length<t;)i.c.push(0)}return y(i,false,!!r)};b.toJSON=b.toString=function(){var t=this,e=t.constructor;return y(t,t.e<=e.NE||t.e>=e.PE,!!t.c[0])};b.toNumber=function(){var t=Number(y(this,true,true));if(this.constructor.strict===true&&!this.eq(t.toString())){throw Error(l+"Imprecise conversion")}return t};b.toPrecision=function(t,e){var i=this,r=i.constructor,n=i.c[0];if(t!==m){if(t!==~~t||t<1||t>s){throw Error(c+"precision")}i=w(new r(i),t,e);for(;i.c.length<t;)i.c.push(0)}return y(i,t<=i.e||i.e<=r.NE||i.e>=r.PE,!!n)};b.valueOf=function(){var t=this,e=t.constructor;if(e.strict===true){throw Error(l+"valueOf disallowed")}return y(t,t.e<=e.NE||t.e>=e.PE,true)};i=g();i["default"]=i.Big=i;if(t.exports){t.exports=i}else{e.Big=i}})(commonjsGlobal)})(big);var Big=big.exports;var balInputStepperCss=".bal-input-stepper{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:inline-block}.bal-input-stepper__inner{display:-ms-flexbox;display:flex;gap:.25rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-input-stepper__inner__text{min-width:3rem;text-align:center}.bal-input-stepper__input{position:absolute;width:0;height:0;left:0;top:0;margin:0;padding:0;opacity:0;outline:0}";var BalInputStepperStyle0=balInputStepperCss;var InputStepper=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balInput=createEvent(this,"balInput",7);this.balIncrease=createEvent(this,"balIncrease",7);this.balDecrease=createEvent(this,"balDecrease",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.inputId="bal-input-stepper-".concat(InputStepperIds++);this.inheritedAttributes={};this.decreaseHasFocus=false;this.increaseHasFocus=false;this.initialValue=0;this.onFocusDecrease=function(t){e.decreaseHasFocus=true;e.onFocus(t)};this.onFocusIncrease=function(t){e.increaseHasFocus=true;e.onFocus(t)};this.onFocus=function(t){stopEventBubbling(t);e.balFocus.emit(t.detail)};this.onBlurDecrease=function(t){stopEventBubbling(t);e.decreaseHasFocus=false;rIC((function(){return e.onBlur(t.detail)}))};this.onBlurIncrease=function(t){stopEventBubbling(t);e.increaseHasFocus=false;rIC((function(){return e.onBlur(t.detail)}))};this.onBlur=function(t){if(!(e.decreaseHasFocus||e.increaseHasFocus)){e.balBlur.emit(t)}};this.focused=false;this.language=defaultConfig.language;this.region=defaultConfig.region;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.min=0;this.max=10;this.steps=1;this.disabled=false;this.readonly=false;this.invalid=false;this.debounce=0;this.value=0;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.listenOnClick=function(t){inputListenOnClick(this,t)};t.prototype.resetHandler=function(t){var e=t.target;if(e===null||e===void 0?void 0:e.contains(this.el)){this.value=this.initialValue}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};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.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.increase=function(){if(!this.disabled&&!this.readonly){var t=new Big(this.value).plus(this.steps).toNumber();if(t<=this.max){this.value=t;this.balInput.emit(t);this.balChange.emit(t);this.balIncrease.emit(t)}}};t.prototype.decrease=function(){if(!this.disabled&&!this.readonly){var t=new Big(this.value).minus(this.steps).toNumber();if(t>=this.min){this.value=t;this.balInput.emit(t);this.balChange.emit(t);this.balDecrease.emit(t)}}};t.prototype.render=function(){var t=this;var e=BEM.block("input-stepper");var i=e.element("input");var r=e.element("inner");var n=r.element("text");var s=i18nBalInputStepper[this.language].increase;var a=i18nBalInputStepper[this.language].decrease;return h(Host,{key:"3c4501c097383b348798014ca2c6ebee2517d49a","aria-disabled":this.disabled?"true":null,"aria-focused":this.focused?"true":null,class:Object.assign({},e.class())},h("div",{key:"b241b171bc4e1c0b9c7e4d287f00892f4cfe6435",class:Object.assign({},r.class())},h("bal-button",{key:"214a9e4c9659e2a44c015ad532bcb56fe498f229",aria:{title:a,label:a,controls:this.ariaForm.controlId||this.inputId},size:"small",square:true,"data-testid":"bal-input-stepper-decrease",outlined:!this.invalid,icon:"minus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value<=this.min,onClick:function(e){return t.decrease()},onBalFocus:function(e){return t.onFocusDecrease(e)},onBalBlur:function(e){return t.onBlurDecrease(e)}}),h("bal-text",{key:"ac23ae81d6bc44eb628e7767ea7014a3f96a1919",space:"none",color:this.disabled||this.readonly?"grey":this.invalid?"danger":"",bold:true,class:Object.assign({},n.class()),"data-testid":"bal-input-stepper-text"},formatLocaleNumber(this.value)),h("bal-button",{key:"6a2a9a3899a073564b1d09f0565967e75802a942",aria:{title:s,label:s,controls:this.ariaForm.controlId||this.inputId},size:"small","data-testid":"bal-input-stepper-increase",square:true,outlined:!this.invalid,icon:"plus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value>=this.max,onClick:function(e){return t.increase()},onBalFocus:function(e){return t.onFocusIncrease(e)},onBalBlur:function(e){return t.onBlurIncrease(e)}})),h("input",Object.assign({key:"3e788f6e10b325e0e60871c9920a513074b51dc3",class:Object.assign({},i.class()),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,"data-testid":"bal-input-stepper",type:"text",value:this.value,name:this.name,tabindex:"-1",ref:function(e){return t.nativeInput=e},readonly:this.readonly,disabled:this.disabled},this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-input-stepper"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],InputStepper.prototype,"createLogger",null);__decorate([ListenTo("click",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],InputStepper.prototype,"listenOnClick",null);__decorate([ListenTo("reset",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],InputStepper.prototype,"resetHandler",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],InputStepper.prototype,"configChanged",null);var InputStepperIds=0;InputStepper.style=BalInputStepperStyle0;export{InputStepper as bal_input_stepper};

package/dist/esm-es5/bal-input.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{m as debounceEvent}from"./helpers-c201154e.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{g as getInputTarget,i as inputHandleFocus,e as inputHandleBlur,f as inputHandleChange,s as stopEventBubbling,h as inputHandleClick,a as inputHandleHostClick,b as inputListenOnClick,j as inputHandleReset,c as inputSetFocus,d as inputSetBlur}from"./form-input-a8fdaaef.js";import{l as lodash_isnil}from"./index-82aff103.js";import{i as isCtrlOrCommandKey,A as ACTION_KEYS,N as NUMBER_KEYS}from"./keys.constant-0eb059e0.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"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";function formatClaim(t){if(!t){return""}var e="".concat(t).trim().toUpperCase();var i=[e.substring(0,2),e.substring(2,8),e.substring(8,10),e.substring(10,11)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(t);case 2:return"".concat(i[0],"/").concat(i[1]);case 3:return"".concat(i[0],"/").concat(i[1],"/").concat(i[2]);default:return"".concat(i[0],"/").concat(i[1],"/").concat(i[2],".").concat(i[3])}}function formatPolicy(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,9),e.substring(9,10)].filter((function(t){return t.length>0}));e=formatOffer(i[0]);return i[1]?"".concat(e,"-").concat(i[1]):e}function formatOffer(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,2),e.substring(2,3),e.substring(3,6),e.substring(6,9)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(e);case 2:return"".concat(i[0],"/").concat(i[1]);case 3:return"".concat(i[0],"/").concat(i[1],".").concat(i[2]);default:return"".concat(i[0],"/").concat(i[1],".").concat(i[2],".").concat(i[3])}}function formatBeEnterpriseNumber(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,4),e.substring(4,7),e.substring(7,10)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(e);case 2:return"".concat(i[0],".").concat(i[1]);default:return"".concat(i[0],".").concat(i[1],".").concat(i[2])}}function formatBeIBAN(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,2),e.substring(2,6),e.substring(6,10),e.substring(10,14)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"BE".concat(e);case 2:return"BE".concat(i[0]," ").concat(i[1]);case 3:return"BE".concat(i[0]," ").concat(i[1]," ").concat(i[2]);default:return"BE".concat(i[0]," ").concat(i[1]," ").concat(i[2]," ").concat(i[3])}}var MAX_LENGTH_CONTRACT_NUMBER=10;var MAX_LENGTH_OFFER_NUMBER=9;var MAX_LENGTH_CLAIM_NUMBER=11;var MAX_LENGTH_BE_ENTERPRISE_NUMBER=10;var MAX_LENGTH_BE_IBAN=14;var balInputCss=".bal-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);padding:0}";var BalInputStyle0=balInputCss;var Input=function(){function t(t){var e=this;registerInstance(this,t);this.balInput=createEvent(this,"balInput",7);this.balBlur=createEvent(this,"balBlur",7);this.balKeyPress=createEvent(this,"balKeyPress",7);this.balFocus=createEvent(this,"balFocus",7);this.balChange=createEvent(this,"balChange",7);this.inputId="bal-input-".concat(InputIds++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue=this.value||"";this.getInputValue=function(){var t;var i=e.nativeInput;var n="";if(i){if(e.allowedKeyPress&&i&&!e.mask){var r=new RegExp("^"+e.allowedKeyPress+"$");var s=i.value.split("").filter((function(t){return r.test(t)})).join("");i.value=s;return s}if(i.value){if(e.mask){switch(e.mask){case"contract-number":{n=i.value.replace(/\D/g,"");if(n.length>MAX_LENGTH_CONTRACT_NUMBER){n=n.substring(0,MAX_LENGTH_CONTRACT_NUMBER)}return n}case"offer-number":{n=i.value.replace(/\D/g,"");if(n.length>MAX_LENGTH_OFFER_NUMBER){n=n.substring(0,MAX_LENGTH_OFFER_NUMBER)}return n}case"claim-number":{n=i.value.replace(/[^\dXx]/g,"");var a=[n.substring(0,MAX_LENGTH_CLAIM_NUMBER-1),n.substring(MAX_LENGTH_CLAIM_NUMBER-1,MAX_LENGTH_CLAIM_NUMBER),n.substring(MAX_LENGTH_CLAIM_NUMBER)].filter((function(t){return t.length>0}));switch(a.length){case 1:n="".concat(a[0].replace(/\D/g,""));break;case 2:n="".concat(a[0].replace(/\D/g,"")).concat(a[1]);break;default:n="".concat(a[0].replace(/\D/g,"")).concat(a[1]).concat((t=a[2])===null||t===void 0?void 0:t.replace(/\D/g,""))}if(n.length>MAX_LENGTH_CLAIM_NUMBER){n=n.substring(0,MAX_LENGTH_CLAIM_NUMBER)}return n}case"be-enterprise-number":{n=i.value.replace(/\D/g,"");if(n.length>MAX_LENGTH_BE_ENTERPRISE_NUMBER){n=n.substring(0,MAX_LENGTH_BE_ENTERPRISE_NUMBER)}return n}case"be-iban":{n=i.value.replace(/\D/g,"");if(n.length>MAX_LENGTH_BE_IBAN){n=n.substring(0,MAX_LENGTH_BE_IBAN)}return n}default:return i.value}}}else{e.inputValue=i.value}}return""};this.onInput=function(t){var i,n;var r=getInputTarget(t);var s=(i=t.target)===null||i===void 0?void 0:i.selectionStart;var a=(n=t.target)===null||n===void 0?void 0:n.selectionEnd;e.inputValue=e.getInputValue();if(r){if(r.value){switch(e.mask){case"contract-number":{r.value=formatPolicy(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}case"offer-number":{r.value=formatOffer(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}case"claim-number":{r.value=formatClaim(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}case"be-enterprise-number":{r.value=formatBeEnterpriseNumber(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}case"be-iban":{r.value=formatBeIBAN(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}default:e.inputValue=r.value}}else{e.inputValue=r.value}}e.balInput.emit(e.inputValue)};this.onFocus=function(t){return inputHandleFocus(e,t)};this.onBlur=function(t){inputHandleBlur(e,t);var i=t.target;if(i){if(e.mask===undefined){i.value=e.getFormattedValue()}inputHandleChange(e)}};this.onKeydown=function(t){if(e.mask!==undefined&&!lodash_isnil(t)&&!isCtrlOrCommandKey(t)){var i=0;if(e.inputValue){i=e.inputValue.length}if(!(e.getMaskAllowedKeys().includes(t.key)||e.mask==="claim-number"&&(t.key==="X"||t.key==="x")&&i>=MAX_LENGTH_CLAIM_NUMBER-1)){return stopEventBubbling(t)}}if(e.allowedKeyPress&&!e.mask&&!lodash_isnil(t)&&!isCtrlOrCommandKey(t)){var n=new RegExp("^"+e.allowedKeyPress+"$");if(!n.test(t.key)&&!__spreadArray([],ACTION_KEYS,true).includes(t.key)){return stopEventBubbling(t)}}};this.onClick=function(t){return inputHandleClick(e,t)};this.handleClick=function(t){return inputHandleHostClick(e,t)};this.focused=false;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.textAlign="left";this.type="text";this.accept=undefined;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.debounce=0;this.placeholder=undefined;this.max=undefined;this.maxLength=undefined;this.min=undefined;this.minLength=undefined;this.multiple=undefined;this.pattern=undefined;this.allowedKeyPress=undefined;this.required=false;this.spellcheck=false;this.disabled=false;this.readonly=false;this.clickable=false;this.suffix=undefined;this.hasIconRight=false;this.inputmode=undefined;this.value=undefined;this.mask=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.listenOnClick=function(t){inputListenOnClick(this,t)};t.prototype.resetHandler=function(t){var e=t.target;if(e===null||e===void 0?void 0:e.contains(this.el)){inputHandleReset(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};t.prototype.componentDidLoad=function(){this.inputValue=this.value};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.getRawValue=function(){var t=(this.value||"").toString();return t};t.prototype.getFormattedValue=function(){var t=this.getRawValue();var e=this.suffix!==undefined&&t!==undefined&&t!==""?" "+this.suffix:"";return"".concat(t).concat(e)};t.prototype.getMaskAllowedKeys=function(){return __spreadArray(__spreadArray([],NUMBER_KEYS,true),ACTION_KEYS,true)};t.prototype.render=function(){var t=this;var e=this.focused?this.getRawValue():this.getFormattedValue();if(this.mask!==undefined){switch(this.mask){case"contract-number":e=formatPolicy(e);break;case"claim-number":e=formatClaim(e);break;case"offer-number":e=formatOffer(e);break;case"be-enterprise-number":e=formatBeEnterpriseNumber(e);break;case"be-iban":e=formatBeIBAN(e);break}}var i={};if(this.pattern){i={pattern:this.pattern}}var n=BEM.block("input");var r=this.ariaForm.controlId||this.inputId;return h(Host,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},n.class())},h("input",Object.assign({class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable,"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight,"has-text-centered":this.textAlign==="center","has-text-right":this.textAlign==="right"},"data-testid":"bal-input",ref:function(e){return t.nativeInput=e},id:r,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,name:this.name,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:e,onFocus:this.onFocus,onInput:function(e){return t.onInput(e)},onKeyDown:function(e){return t.onKeydown(e)},onBlur:this.onBlur,onClick:this.onClick,onKeyPress:function(e){return t.balKeyPress.emit(e)}},i,this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-input"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Input.prototype,"createLogger",null);var InputIds=0;Input.style=BalInputStyle0;export{Input as bal_input};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as debounceEvent}from"./helpers-72ae7307.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{g as getInputTarget,a as inputHandleFocus,b as inputHandleBlur,e as inputHandleChange,s as stopEventBubbling,f as inputHandleClick,i as inputHandleHostClick,h as inputListenOnClick,j as inputHandleReset,c as inputSetFocus,d as inputSetBlur}from"./form-input-264ad739.js";import{l as lodash_isnil}from"./index-82aff103.js";import{i as isCtrlOrCommandKey,A as ACTION_KEYS,N as NUMBER_KEYS}from"./keys.constant-0eb059e0.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{L as ListenTo}from"./listen-d1712e70.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";function formatClaim(t){if(!t){return""}var e="".concat(t).trim().toUpperCase();var i=[e.substring(0,2),e.substring(2,8),e.substring(8,10),e.substring(10,11)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(t);case 2:return"".concat(i[0],"/").concat(i[1]);case 3:return"".concat(i[0],"/").concat(i[1],"/").concat(i[2]);default:return"".concat(i[0],"/").concat(i[1],"/").concat(i[2],".").concat(i[3])}}function formatPolicy(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,9),e.substring(9,10)].filter((function(t){return t.length>0}));e=formatOffer(i[0]);return i[1]?"".concat(e,"-").concat(i[1]):e}function formatOffer(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,2),e.substring(2,3),e.substring(3,6),e.substring(6,9)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(e);case 2:return"".concat(i[0],"/").concat(i[1]);case 3:return"".concat(i[0],"/").concat(i[1],".").concat(i[2]);default:return"".concat(i[0],"/").concat(i[1],".").concat(i[2],".").concat(i[3])}}function formatBeEnterpriseNumber(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,4),e.substring(4,7),e.substring(7,10)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(e);case 2:return"".concat(i[0],".").concat(i[1]);default:return"".concat(i[0],".").concat(i[1],".").concat(i[2])}}function formatBeIBAN(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,2),e.substring(2,6),e.substring(6,10),e.substring(10,14)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"BE".concat(e);case 2:return"BE".concat(i[0]," ").concat(i[1]);case 3:return"BE".concat(i[0]," ").concat(i[1]," ").concat(i[2]);default:return"BE".concat(i[0]," ").concat(i[1]," ").concat(i[2]," ").concat(i[3])}}var MAX_LENGTH_CONTRACT_NUMBER=10;var MAX_LENGTH_OFFER_NUMBER=9;var MAX_LENGTH_CLAIM_NUMBER=11;var MAX_LENGTH_BE_ENTERPRISE_NUMBER=10;var MAX_LENGTH_BE_IBAN=14;var balInputCss=".bal-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);padding:0}";var BalInputStyle0=balInputCss;var Input=function(){function t(t){var e=this;registerInstance(this,t);this.balInput=createEvent(this,"balInput",7);this.balBlur=createEvent(this,"balBlur",7);this.balKeyPress=createEvent(this,"balKeyPress",7);this.balFocus=createEvent(this,"balFocus",7);this.balChange=createEvent(this,"balChange",7);this.inputId="bal-input-".concat(InputIds++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue=this.value||"";this.getInputValue=function(){var t;var i=e.nativeInput;var n="";if(i){if(e.allowedKeyPress&&i&&!e.mask){var r=new RegExp("^"+e.allowedKeyPress+"$");var a=i.value.split("").filter((function(t){return r.test(t)})).join("");i.value=a;return a}if(i.value){if(e.mask){switch(e.mask){case"contract-number":{n=i.value.replace(/\D/g,"");if(n.length>MAX_LENGTH_CONTRACT_NUMBER){n=n.substring(0,MAX_LENGTH_CONTRACT_NUMBER)}return n}case"offer-number":{n=i.value.replace(/\D/g,"");if(n.length>MAX_LENGTH_OFFER_NUMBER){n=n.substring(0,MAX_LENGTH_OFFER_NUMBER)}return n}case"claim-number":{n=i.value.replace(/[^\dXx]/g,"");var s=[n.substring(0,MAX_LENGTH_CLAIM_NUMBER-1),n.substring(MAX_LENGTH_CLAIM_NUMBER-1,MAX_LENGTH_CLAIM_NUMBER),n.substring(MAX_LENGTH_CLAIM_NUMBER)].filter((function(t){return t.length>0}));switch(s.length){case 1:n="".concat(s[0].replace(/\D/g,""));break;case 2:n="".concat(s[0].replace(/\D/g,"")).concat(s[1]);break;default:n="".concat(s[0].replace(/\D/g,"")).concat(s[1]).concat((t=s[2])===null||t===void 0?void 0:t.replace(/\D/g,""))}if(n.length>MAX_LENGTH_CLAIM_NUMBER){n=n.substring(0,MAX_LENGTH_CLAIM_NUMBER)}return n}case"be-enterprise-number":{n=i.value.replace(/\D/g,"");if(n.length>MAX_LENGTH_BE_ENTERPRISE_NUMBER){n=n.substring(0,MAX_LENGTH_BE_ENTERPRISE_NUMBER)}return n}case"be-iban":{n=i.value.replace(/\D/g,"");if(n.length>MAX_LENGTH_BE_IBAN){n=n.substring(0,MAX_LENGTH_BE_IBAN)}return n}default:return i.value}}}else{e.inputValue=i.value}}return""};this.onInput=function(t){var i,n;var r=getInputTarget(t);var a=(i=t.target)===null||i===void 0?void 0:i.selectionStart;var s=(n=t.target)===null||n===void 0?void 0:n.selectionEnd;e.inputValue=e.getInputValue();if(r){if(r.value){switch(e.mask){case"contract-number":{r.value=formatPolicy(e.inputValue);if(a<e.inputValue.length){r.setSelectionRange(a,s)}break}case"offer-number":{r.value=formatOffer(e.inputValue);if(a<e.inputValue.length){r.setSelectionRange(a,s)}break}case"claim-number":{r.value=formatClaim(e.inputValue);if(a<e.inputValue.length){r.setSelectionRange(a,s)}break}case"be-enterprise-number":{r.value=formatBeEnterpriseNumber(e.inputValue);if(a<e.inputValue.length){r.setSelectionRange(a,s)}break}case"be-iban":{r.value=formatBeIBAN(e.inputValue);if(a<e.inputValue.length){r.setSelectionRange(a,s)}break}default:e.inputValue=r.value}}else{e.inputValue=r.value}}e.balInput.emit(e.inputValue)};this.onFocus=function(t){return inputHandleFocus(e,t)};this.onBlur=function(t){inputHandleBlur(e,t);var i=t.target;if(i){if(e.mask===undefined){i.value=e.getFormattedValue()}inputHandleChange(e)}};this.onKeydown=function(t){if(e.mask!==undefined&&!lodash_isnil(t)&&!isCtrlOrCommandKey(t)){var i=0;if(e.inputValue){i=e.inputValue.length}if(!(e.getMaskAllowedKeys().includes(t.key)||e.mask==="claim-number"&&(t.key==="X"||t.key==="x")&&i>=MAX_LENGTH_CLAIM_NUMBER-1)){return stopEventBubbling(t)}}if(e.allowedKeyPress&&!e.mask&&!lodash_isnil(t)&&!isCtrlOrCommandKey(t)){var n=new RegExp("^"+e.allowedKeyPress+"$");if(!n.test(t.key)&&!__spreadArray([],ACTION_KEYS,true).includes(t.key)){return stopEventBubbling(t)}}};this.onClick=function(t){return inputHandleClick(e,t)};this.handleClick=function(t){return inputHandleHostClick(e,t)};this.focused=false;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.textAlign="left";this.type="text";this.accept=undefined;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.debounce=0;this.placeholder=undefined;this.max=undefined;this.maxLength=undefined;this.min=undefined;this.minLength=undefined;this.multiple=undefined;this.pattern=undefined;this.allowedKeyPress=undefined;this.required=false;this.spellcheck=false;this.disabled=false;this.readonly=false;this.clickable=false;this.suffix=undefined;this.hasIconRight=false;this.inputmode=undefined;this.value=undefined;this.mask=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.listenOnClick=function(t){inputListenOnClick(this,t)};t.prototype.resetHandler=function(t){var e=t.target;if(e===null||e===void 0?void 0:e.contains(this.el)){inputHandleReset(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};t.prototype.componentDidLoad=function(){this.inputValue=this.value};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.getRawValue=function(){var t=(this.value||"").toString();return t};t.prototype.getFormattedValue=function(){var t=this.getRawValue();var e=this.suffix!==undefined&&t!==undefined&&t!==""?" "+this.suffix:"";return"".concat(t).concat(e)};t.prototype.getMaskAllowedKeys=function(){return __spreadArray(__spreadArray([],NUMBER_KEYS,true),ACTION_KEYS,true)};t.prototype.render=function(){var t=this;var e=this.focused?this.getRawValue():this.getFormattedValue();if(this.mask!==undefined){switch(this.mask){case"contract-number":e=formatPolicy(e);break;case"claim-number":e=formatClaim(e);break;case"offer-number":e=formatOffer(e);break;case"be-enterprise-number":e=formatBeEnterpriseNumber(e);break;case"be-iban":e=formatBeIBAN(e);break}}var i={};if(this.pattern){i={pattern:this.pattern}}var n=BEM.block("input");var r=this.ariaForm.controlId||this.inputId;return h(Host,{key:"06b94d64ecb7003f68c3402a530476419acb6298",onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},n.class())},h("input",Object.assign({key:"ae1f579c3c8bded3c7b9c9a7eeea0e3989f17bb5",class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable,"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight,"has-text-centered":this.textAlign==="center","has-text-right":this.textAlign==="right"},"data-testid":"bal-input",ref:function(e){return t.nativeInput=e},id:r,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,name:this.name,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:e,onFocus:this.onFocus,onInput:function(e){return t.onInput(e)},onKeyDown:function(e){return t.onKeydown(e)},onBlur:this.onBlur,onClick:this.onClick,onKeyPress:function(e){return t.balKeyPress.emit(e)}},i,this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-input"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Input.prototype,"createLogger",null);__decorate([ListenTo("click",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],Input.prototype,"listenOnClick",null);__decorate([ListenTo("reset",{capture:true,target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[UIEvent]),__metadata("design:returntype",void 0)],Input.prototype,"resetHandler",null);var InputIds=0;Input.style=BalInputStyle0;export{Input as bal_input};

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{i as i18nBalLabel}from"./bal-label.i18n-4212be56.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"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balLabelCss=".bal-label{display:inline;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word}.bal-label__native{display:inline;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:pre;min-width:0;font-family:var(--bal-form-field-label-font-family);font-weight:var(--bal-form-field-label-font-weight);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}.bal-label__native--multiline{white-space:normal}.bal-label__native--no-wrap{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-label__native--small{font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-label__native--small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-label__native--small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-label__native--large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-label__native--large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-label__native--large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-label__native--x-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-label__native--xx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-label__native--xxx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-label__native--success{color:var(--bal-form-field-label-success-color)}.bal-label__native--danger{color:var(--bal-form-field-label-danger-color)}.bal-label__native--disabled{color:var(--bal-form-field-label-disabled-color) !important}.bal-label__native--regular{font-weight:var(--bal-font-weight-regular)}.bal-label__native--hovered{color:var(--bal-form-field-label-color-hover)}.bal-label__native--pressed{color:var(--bal-form-field-label-color-active)}.bal-label__native--danger.bal-label__native--hovered{color:var(--bal-form-field-label-danger-color-hover)}.bal-label__native--danger.bal-label__native--pressed{color:var(--bal-form-field-label-danger-color-active)}";var BalLabelStyle0=balLabelCss;var Label=function(){function e(e){registerInstance(this,e);this.language=defaultConfig.language;this.region=defaultConfig.region;this.ariaForm=defaultBalAriaForm;this.htmlFor=undefined;this.htmlId="bal-lbl-".concat(labelIds++);this.required=true;this.noWrap=false;this.multiline=false;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="";this.weight="bold";this.hovered=false;this.pressed=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=e.language;this.region=e.region;return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e=BEM.block("label");var a=this.required===false?i18nBalLabel[this.language].optional||"":"";var l=!!this.disabled||!!this.readonly;var t=!!this.invalid;var i=!!this.valid;var r=this.weight==="regular";var n=this.size==="small";var s=this.size==="large";var b=this.size==="x-large";var o=this.size==="xx-large";var d=this.size==="xxx-large";var g=this.ariaForm.labelId||this.htmlId;var v=this.htmlFor||this.ariaForm.controlId;return h(Host,{class:Object.assign({},e.class())},h("label",{id:g,htmlFor:v,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("native").class()),e.element("native").modifier("multiline").class(this.multiline)),e.element("native").modifier("no-wrap").class(this.noWrap)),e.element("native").modifier("disabled").class(l)),e.element("native").modifier("danger").class(t)),e.element("native").modifier("success").class(i)),e.element("native").modifier("regular").class(r)),e.element("native").modifier("small").class(n)),e.element("native").modifier("large").class(s)),e.element("native").modifier("x-large").class(b)),e.element("native").modifier("xx-large").class(o)),e.element("native").modifier("xxx-large").class(d)),e.element("native").modifier("hovered").class(this.hovered)),e.element("native").modifier("pressed").class(this.pressed))},h("slot",null),a))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-label"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Label.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Label.prototype,"configChanged",null);var labelIds=0;Label.style=BalLabelStyle0;export{Label as bal_label};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{i as i18nBalLabel}from"./bal-label.i18n-4212be56.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"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balLabelCss=".bal-label{display:inline;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word}.bal-label__native{display:inline;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:pre;min-width:0;font-family:var(--bal-form-field-label-font-family);font-weight:var(--bal-form-field-label-font-weight);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}.bal-label__native--multiline{white-space:normal}.bal-label__native--no-wrap{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-label__native--small{font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-label__native--small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-label__native--small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-label__native--large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-label__native--large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-label__native--large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-label__native--x-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-label__native--xx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-label__native--xxx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-label__native--success{color:var(--bal-form-field-label-success-color)}.bal-label__native--danger{color:var(--bal-form-field-label-danger-color)}.bal-label__native--disabled{color:var(--bal-form-field-label-disabled-color) !important}.bal-label__native--regular{font-weight:var(--bal-font-weight-regular)}.bal-label__native--hovered{color:var(--bal-form-field-label-color-hover)}.bal-label__native--pressed{color:var(--bal-form-field-label-color-active)}.bal-label__native--danger.bal-label__native--hovered{color:var(--bal-form-field-label-danger-color-hover)}.bal-label__native--danger.bal-label__native--pressed{color:var(--bal-form-field-label-danger-color-active)}";var BalLabelStyle0=balLabelCss;var Label=function(){function e(e){registerInstance(this,e);this.language=defaultConfig.language;this.region=defaultConfig.region;this.ariaForm=defaultBalAriaForm;this.htmlFor=undefined;this.htmlId="bal-lbl-".concat(labelIds++);this.required=true;this.noWrap=false;this.multiline=false;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="";this.weight="bold";this.hovered=false;this.pressed=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=e.language;this.region=e.region;return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e=BEM.block("label");var a=this.required===false?i18nBalLabel[this.language].optional||"":"";var l=!!this.disabled||!!this.readonly;var t=!!this.invalid;var i=!!this.valid;var r=this.weight==="regular";var n=this.size==="small";var s=this.size==="large";var b=this.size==="x-large";var o=this.size==="xx-large";var d=this.size==="xxx-large";var f=this.ariaForm.labelId||this.htmlId;var g=this.htmlFor||this.ariaForm.controlId;return h(Host,{key:"7b750612f100ba622f274fa95b2650063a1b0a79",class:Object.assign({},e.class())},h("label",{key:"1b03141866999fd2a23bf1edd240812244d606a7",id:f,htmlFor:g,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("native").class()),e.element("native").modifier("multiline").class(this.multiline)),e.element("native").modifier("no-wrap").class(this.noWrap)),e.element("native").modifier("disabled").class(l)),e.element("native").modifier("danger").class(t)),e.element("native").modifier("success").class(i)),e.element("native").modifier("regular").class(r)),e.element("native").modifier("small").class(n)),e.element("native").modifier("large").class(s)),e.element("native").modifier("x-large").class(b)),e.element("native").modifier("xx-large").class(o)),e.element("native").modifier("xxx-large").class(d)),e.element("native").modifier("hovered").class(this.hovered)),e.element("native").modifier("pressed").class(this.pressed))},h("slot",{key:"0766c92930787bc12145bc247a693082af2f1c6e"}),a))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-label"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Label.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Label.prototype,"configChanged",null);var labelIds=0;Label.style=BalLabelStyle0;export{Label as bal_label};