@progress/kendo-vue-inputs 3.6.4 → 3.6.5-dev.202210181442

package/dist/es/maskedtextbox/MaskedTextBox.js

@@ -11,7 +11,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var MaskedTextBoxVue2 = {
   model: {
     event: 'changemodel'
@@ -130,8 +129,8 @@ var MaskedTextBoxVue2 = {
     };
   },
   mounted: function mounted() {
-    this.hasMounted = true; // @ts-ignore
-
+    this.hasMounted = true;
+    // @ts-ignore
     this.element = this.input = this.v3 ? this.inputRef : this.$refs.input;
     this.updateService();
     this.setValidity();
@@ -163,21 +162,18 @@ var MaskedTextBoxVue2 = {
     if (this.element && this.currentFocused) {
       // && this.prevCurrentFocused
       var _a = this.currentSelection,
-          start = _a[0],
-          end = _a[1];
+        start = _a[0],
+        end = _a[1];
       var prevSelection = this.prevSelection;
       var nextSelection = this.$props.selection;
-
       if (!prevSelection && nextSelection || prevSelection && nextSelection && (prevSelection.start !== nextSelection.start || prevSelection.end !== nextSelection.end)) {
         start = nextSelection.start;
         end = nextSelection.end;
       }
-
       if (start !== null && end !== null) {
         this.element.setSelectionRange(start, end);
       }
     }
-
     var prevProps = {
       includeLiterals: this.prevIncludeLiterals,
       mask: this.prevMask,
@@ -185,11 +181,9 @@ var MaskedTextBoxVue2 = {
       promptPlaceholder: this.prevPromptPlaceholder,
       rules: this.prevRules
     };
-
     if (maskingChanged(prevProps, this.$props)) {
       this.updateService();
     }
-
     this.setValidity();
   },
   computed: {
@@ -201,7 +195,6 @@ var MaskedTextBoxVue2 = {
     spanClassNames: {
       get: function get() {
         var _a;
-
         var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;
         return _a = {
           'k-floating-label-container': true,
@@ -215,11 +208,10 @@ var MaskedTextBoxVue2 = {
     },
     wrapperSpanClass: function wrapperSpanClass() {
       var _a;
-
       var _b = this.$props,
-          size = _b.size,
-          fillMode = _b.fillMode,
-          rounded = _b.rounded;
+        size = _b.size,
+        fillMode = _b.fillMode,
+        rounded = _b.rounded;
       var isValid = !this.$props.validityStyles || this.validity().valid;
       return _a = {
         'k-maskedtextbox': true,
@@ -228,7 +220,6 @@ var MaskedTextBoxVue2 = {
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
-
       return _a = {
         'k-input-inner': true
       }, _a[this.inputClass] = this.inputClass, _a;
@@ -242,7 +233,6 @@ var MaskedTextBoxVue2 = {
     },
     computedValue: function computedValue() {
       var value;
-
       if (this.valueDuringOnChange !== undefined) {
         value = this.valueDuringOnChange;
       } else if (this.$props.value !== undefined) {
@@ -254,7 +244,6 @@ var MaskedTextBoxVue2 = {
       } else if (this.$props.defaultValue !== undefined) {
         value = this.$props.defaultValue;
       }
-
       return value || '';
     },
     rawValue: function rawValue() {
@@ -273,13 +262,11 @@ var MaskedTextBoxVue2 = {
     },
     pasteHandler: function pasteHandler(event) {
       var _a = event.target,
-          selectionStart = _a.selectionStart,
-          selectionEnd = _a.selectionEnd;
-
+        selectionStart = _a.selectionStart,
+        selectionEnd = _a.selectionEnd;
       if (selectionEnd === selectionStart) {
         return;
       }
-
       this.isPasted = true;
       this.currentSelection = [selectionStart || 0, selectionEnd || 0];
     },
@@ -291,17 +278,14 @@ var MaskedTextBoxVue2 = {
       var value = this.inputValue = input.value;
       var start = this.currentSelection[0] || 0;
       var end = this.currentSelection[1] || 0;
-
       if (!this.$props.mask) {
         this.isPasted = false;
         this.currentSelection = [null, null];
         this.triggerOnChange(value, event);
         return;
       }
-
       var maskedValue = this.computedValue();
       var result;
-
       if (this.isPasted) {
         this.isPasted = false;
         var rightPart = maskedValue.length - end;
@@ -310,7 +294,6 @@ var MaskedTextBoxVue2 = {
       } else {
         result = this.service.maskInput(value, maskedValue, input.selectionStart || 0);
       }
-
       this.currentSelection = [result.selection, result.selection];
       this.triggerOnChange(result.value, event);
       this.inputValue = undefined;
@@ -362,7 +345,6 @@ var MaskedTextBoxVue2 = {
         promptPlaceholder: this.$props.promptPlaceholder,
         rules: this.$props.rules
       }, extra); // tslint:disable-line:align
-
       this.service.update(config);
     },
     setValidity: function setValidity() {
@@ -376,10 +358,10 @@ var MaskedTextBoxVue2 = {
     var h = gh || createElement;
     var inputId = this.$props.id || this.inputId;
     var _a = this.$props,
-        iconName = _a.iconName,
-        showValidationIcon = _a.showValidationIcon,
-        showLoadingIcon = _a.showLoadingIcon,
-        showClearButton = _a.showClearButton;
+      iconName = _a.iconName,
+      showValidationIcon = _a.showValidationIcon,
+      showLoadingIcon = _a.showLoadingIcon,
+      showClearButton = _a.showClearButton;
     var isValid = !this.$props.validityStyles || this.validity().valid;
     var newValue = this.computedValue();
     var inputValue = this.inputValue;
@@ -506,6 +488,5 @@ var MaskedTextBoxVue2 = {
 /**
  * @hidden
  */
-
 var MaskedTextBox = MaskedTextBoxVue2;
 export { MaskedTextBox, MaskedTextBoxVue2 };

package/dist/es/numerictextbox/NumericTextBox.js

@@ -16,7 +16,6 @@ var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
  * @hidden
  */
-
 var NumericTextBoxVue2 = {
   model: {
     event: 'changemodel'
@@ -135,7 +134,6 @@ var NumericTextBoxVue2 = {
     this.$data.valueDuringOnChange = undefined;
     this._intl = provideIntlService(this);
     this._symbols = this._intl.numberSymbols();
-
     if (this.$props.value !== undefined) {
       this.$data.currentValue = this.$props.value;
     } else if (this.$props.modelValue !== undefined) {
@@ -150,11 +148,9 @@ var NumericTextBoxVue2 = {
     this._input = getRef(this, 'input');
     this._elementWrapper = this.v3 ? this.elementWrapperRef : this.$refs.elementWrapper;
     this.$data.hasMounted = true;
-
     if (this._input) {
       this._textBeforeInput = this._input.value;
     }
-
     this.setValidity();
   },
   updated: function updated() {
@@ -165,11 +161,9 @@ var NumericTextBoxVue2 = {
         this.$data.forceUpdate = false;
       }
     }
-
     if (this._input) {
       this._textBeforeInput = this._input.value;
     }
-
     this.setValidity();
   },
   computed: {
@@ -190,7 +184,6 @@ var NumericTextBoxVue2 = {
     spanClassNames: {
       get: function get() {
         var _a;
-
         var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
         var compValue = this.computedValue;
         return _a = {
@@ -204,13 +197,12 @@ var NumericTextBoxVue2 = {
     },
     wrapperClassNames: function wrapperClassNames() {
       var _a;
-
       var _b = this.$props,
-          size = _b.size,
-          fillMode = _b.fillMode,
-          rounded = _b.rounded,
-          required = _b.required,
-          disabled = _b.disabled;
+        size = _b.size,
+        fillMode = _b.fillMode,
+        rounded = _b.rounded,
+        required = _b.required,
+        disabled = _b.disabled;
       var isValid = !this.$props.validityStyles || this.validity().valid;
       return _a = {
         'k-input': true,
@@ -219,7 +211,6 @@ var NumericTextBoxVue2 = {
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
-
       return _a = {
         'k-input-inner': true
       }, _a[this.inputClass] = this.inputClass, _a;
@@ -249,7 +240,6 @@ var NumericTextBoxVue2 = {
         // uncontrolled
         this.$data.currentValue = null;
       }
-
       this.$emit('changemodel', null);
       this.$emit('update:modelValue', null);
       this.$emit('change', {
@@ -322,26 +312,21 @@ var NumericTextBoxVue2 = {
     },
     triggerChange: function triggerChange(event, newState) {
       var _this = this;
-
       if (this.$props.disabled) {
         return;
       }
-
       this.$data.valueDuringOnChange = newState.eventValue;
       this.$data.currentValue = newState.eventValue;
       var formattedValue = formatValue(rangeValue(newState.eventValue, this.$props.min, this.$props.max), this.$props.format, this._intl);
       var rangedValue = rangeValue(this.parseNumber(formattedValue), this.$props.min, this.$props.max);
-
       if (rangedValue !== newState.eventValue) {
         newState.valueIsOutOfRange = true;
         newState.eventValue = rangedValue;
         this.$data.valueDuringOnChange = rangedValue;
         this.$data.currentValue = rangedValue;
       }
-
       if (newState.valueIsCorrected) {
         var wrapper = this._elementWrapper;
-
         if (wrapper && wrapper.className.indexOf("k-invalid") === -1) {
           this.$data.isInvalid = true;
           setTimeout(function () {
@@ -349,9 +334,7 @@ var NumericTextBoxVue2 = {
           }, 50);
         }
       }
-
       var shouldFireEvent = this.$props.value !== newState.eventValue;
-
       if (this.$props.value !== undefined) {
         // controlled
         this.$data.currentValue = this.$props.value;
@@ -361,7 +344,6 @@ var NumericTextBoxVue2 = {
         // uncontrolled
         this.$data.currentValue = this.$data.valueDuringOnChange;
       }
-
       this.$data.prevLooseValue = newState.prevLooseValue;
       this.$data.currentLooseValue = newState.currentLooseValue;
       this.$data.selectionStart = newState.selectionStart;
@@ -372,7 +354,6 @@ var NumericTextBoxVue2 = {
       this.$data.focused = newState.focused;
       this.$data.isPaste = newState.isPaste;
       this.$data.forceUpdate = !this.$data.forceUpdate;
-
       if (shouldFireEvent) {
         this.$emit('changemodel', this.$data.valueDuringOnChange);
         this.$emit('update:modelValue', this.$data.valueDuringOnChange);
@@ -387,7 +368,6 @@ var NumericTextBoxVue2 = {
           validity: this.validity()
         });
       }
-
       this.$data.valueDuringOnChange = undefined;
     },
     onPasteHandler: function onPasteHandler(_event) {
@@ -407,12 +387,10 @@ var NumericTextBoxVue2 = {
       if (!canUseDOM || document.activeElement !== this._input || !this._input) {
         return;
       }
-
       if (event.deltaY < 0) {
         event.preventDefault();
         this.increase(event);
       }
-
       if (event.deltaY > 0) {
         event.preventDefault();
         this.decrease(event);
@@ -420,23 +398,20 @@ var NumericTextBoxVue2 = {
     },
     keyDown: function keyDown(event) {
       var newState = this.getCurrentState();
-      var currentValue = this.parseNumber(String(newState.currentLooseValue)); // Select All
-
+      var currentValue = this.parseNumber(String(newState.currentLooseValue));
+      // Select All
       if (newState.selectionEnd > newState.selectionStart && newState.selectionEnd - newState.selectionStart === String(newState.currentLooseValue).length) {
         return;
       }
-
       switch (event.keyCode) {
         case 38:
           // Arrow up
           increaseValue(currentValue, newState, this.$props.step, this.$props.min, this.$props.max, this.$props.format, this._intl);
           break;
-
         case 40:
           // Arrow down
           decreaseValue(currentValue, newState, this.$props.step, this.$props.min, this.$props.max, this.$props.format, this._intl);
           break;
-
         case 13:
           // Enter - range values
           var formattedValue = formatValue(rangeValue(currentValue, this.$props.min, this.$props.max), this.$props.format, this._intl);
@@ -445,32 +420,25 @@ var NumericTextBoxVue2 = {
           newState.currentLooseValue = formatValue(rangedValue, this.$props.format, this._intl);
           newState.selectionStart = newState.selectionEnd = newState.currentLooseValue.length;
           break;
-
         case 110:
           // Numpad decimal key
           var element = this._input;
-
           var symbols = this._intl.numberSymbols();
-
           if (element) {
             newState.currentLooseValue = newState.currentLooseValue.slice(0, newState.selectionStart) + symbols.decimal + newState.currentLooseValue.slice(newState.selectionEnd);
             newState.selectionStart = newState.selectionEnd = newState.selectionStart + 1;
             newState = sanitizeNumber(newState, this.$props.format, this._intl);
           }
-
           break;
-
         default:
           return;
       }
-
       event.preventDefault();
       this.triggerChange(event, newState);
     },
     spinnersWrapperMouseDown: function spinnersWrapperMouseDown(e) {
       if (canUseDOM && this._input) {
         e.preventDefault();
-
         if (document.activeElement !== this._input) {
           this._input.focus();
         }
@@ -496,21 +464,19 @@ var NumericTextBoxVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        iconName = _a.iconName,
-        showValidationIcon = _a.showValidationIcon,
-        showLoadingIcon = _a.showLoadingIcon,
-        showClearButton = _a.showClearButton;
+      iconName = _a.iconName,
+      showValidationIcon = _a.showValidationIcon,
+      showLoadingIcon = _a.showLoadingIcon,
+      showClearButton = _a.showClearButton;
     var inputId = this.$props.id || this._inputId;
     var defaultSlot = getDefaultSlots(this);
     var localizationService = provideLocalizationService(this);
     var isValid = this.validity().valid;
-
     if (this.$props.value !== undefined && this.$props.value !== this.$data.currentValue) {
       this.$data.currentValue = this.$props.value;
     } else if (this.$props.modelValue !== undefined && this.$props.modelValue !== this.$data.currentValue) {
       this.$data.currentValue = this.$props.modelValue;
     }
-
     this._prevLooseValue = this.looseValue;
     var inputPrefixTemplate = templateRendering.call(this, this.$props.inputPrefix, getListeners.call(this));
     var inputSuffixTemplate = templateRendering.call(this, this.$props.inputSuffix, getListeners.call(this));
@@ -616,7 +582,8 @@ var NumericTextBoxVue2 = {
       on: this.v3 ? undefined : {
         "mousedown": this.spinnersWrapperMouseDown
       }
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     h(KButton, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -637,7 +604,8 @@ var NumericTextBoxVue2 = {
       on: this.v3 ? undefined : {
         "click": this.increase
       }
-    }), // @ts-ignore
+    }),
+    // @ts-ignore
     h(KButton, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -685,6 +653,5 @@ var NumericTextBoxVue2 = {
 /**
  * @hidden
  */
-
 var NumericTextBox = NumericTextBoxVue2;
 export { NumericTextBox, NumericTextBoxVue2 };