@progress/kendo-vue-inputs 3.6.4 → 3.7.0-dev.202210250731

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -3,35 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NumericTextBoxVue2 = exports.NumericTextBox = void 0; // @ts-ignore
-
+exports.NumericTextBoxVue2 = exports.NumericTextBox = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-
 var main_1 = require("../messages/main");
-
 var main_2 = require("./utils/main");
-
 var package_metadata_1 = require("../package-metadata");
-
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
  * @hidden
  */
-
 var NumericTextBoxVue2 = {
   model: {
     event: 'changemodel'
@@ -150,7 +140,6 @@ var NumericTextBoxVue2 = {
     this.$data.valueDuringOnChange = undefined;
     this._intl = (0, kendo_vue_intl_1.provideIntlService)(this);
     this._symbols = this._intl.numberSymbols();
-
     if (this.$props.value !== undefined) {
       this.$data.currentValue = this.$props.value;
     } else if (this.$props.modelValue !== undefined) {
@@ -165,11 +154,9 @@ var NumericTextBoxVue2 = {
     this._input = (0, kendo_vue_common_1.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() {
@@ -180,11 +167,9 @@ var NumericTextBoxVue2 = {
         this.$data.forceUpdate = false;
       }
     }
-
     if (this._input) {
       this._textBeforeInput = this._input.value;
     }
-
     this.setValidity();
   },
   computed: {
@@ -205,7 +190,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 = {
@@ -219,13 +203,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,
@@ -234,7 +217,6 @@ var NumericTextBoxVue2 = {
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
-
       return _a = {
         'k-input-inner': true
       }, _a[this.inputClass] = this.inputClass, _a;
@@ -264,7 +246,6 @@ var NumericTextBoxVue2 = {
         // uncontrolled
         this.$data.currentValue = null;
       }
-
       this.$emit('changemodel', null);
       this.$emit('update:modelValue', null);
       this.$emit('change', {
@@ -337,26 +318,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 = (0, main_2.formatValue)((0, main_2.rangeValue)(newState.eventValue, this.$props.min, this.$props.max), this.$props.format, this._intl);
       var rangedValue = (0, main_2.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 () {
@@ -364,9 +340,7 @@ var NumericTextBoxVue2 = {
           }, 50);
         }
       }
-
       var shouldFireEvent = this.$props.value !== newState.eventValue;
-
       if (this.$props.value !== undefined) {
         // controlled
         this.$data.currentValue = this.$props.value;
@@ -376,7 +350,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;
@@ -387,7 +360,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);
@@ -402,7 +374,6 @@ var NumericTextBoxVue2 = {
           validity: this.validity()
         });
       }
-
       this.$data.valueDuringOnChange = undefined;
     },
     onPasteHandler: function onPasteHandler(_event) {
@@ -422,12 +393,10 @@ var NumericTextBoxVue2 = {
       if (!kendo_vue_common_1.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);
@@ -435,23 +404,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
           (0, main_2.increaseValue)(currentValue, newState, this.$props.step, this.$props.min, this.$props.max, this.$props.format, this._intl);
           break;
-
         case 40:
           // Arrow down
           (0, main_2.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 = (0, main_2.formatValue)((0, main_2.rangeValue)(currentValue, this.$props.min, this.$props.max), this.$props.format, this._intl);
@@ -460,32 +426,25 @@ var NumericTextBoxVue2 = {
           newState.currentLooseValue = (0, main_2.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 = (0, main_2.sanitizeNumber)(newState, this.$props.format, this._intl);
           }
-
           break;
-
         default:
           return;
       }
-
       event.preventDefault();
       this.triggerChange(event, newState);
     },
     spinnersWrapperMouseDown: function spinnersWrapperMouseDown(e) {
       if (kendo_vue_common_1.canUseDOM && this._input) {
         e.preventDefault();
-
         if (document.activeElement !== this._input) {
           this._input.focus();
         }
@@ -511,21 +470,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 = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var localizationService = (0, kendo_vue_intl_1.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 = kendo_vue_common_1.templateRendering.call(this, this.$props.inputPrefix, kendo_vue_common_1.getListeners.call(this));
     var inputSuffixTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.inputSuffix, kendo_vue_common_1.getListeners.call(this));
@@ -631,7 +588,8 @@ var NumericTextBoxVue2 = {
       on: this.v3 ? undefined : {
         "mousedown": this.spinnersWrapperMouseDown
       }
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -652,7 +610,8 @@ var NumericTextBoxVue2 = {
       on: this.v3 ? undefined : {
         "click": this.increase
       }
-    }), // @ts-ignore
+    }),
+    // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -701,6 +660,5 @@ exports.NumericTextBoxVue2 = NumericTextBoxVue2;
 /**
  * @hidden
  */
-
 var NumericTextBox = NumericTextBoxVue2;
 exports.NumericTextBox = NumericTextBox;