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

package/dist/npm/colors/FlatColorPicker.js

@@ -4,51 +4,35 @@ var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FlatColorPickerVue2 = exports.FlatColorPicker = void 0; // @ts-ignore
-
+exports.FlatColorPickerVue2 = exports.FlatColorPicker = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-
 var ColorPalette_1 = require("./ColorPalette");
-
 var ColorGradient_1 = require("./ColorGradient");
-
 var package_metadata_1 = require("../package-metadata");
-
 var main_1 = require("../messages/main");
-
 var color_parser_1 = require("./utils/color-parser");
-
 var color_cache_1 = require("./utils/color-cache");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 /**
  * @hidden
  */
-
-
 var FlatColorPickerVue2 = {
   name: 'KendoFlatColorPicker',
   // @ts-ignore
@@ -163,9 +147,7 @@ var FlatColorPickerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _this = this;
-
     var h = gh || createElement;
     var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var gradientMessage = localizationService.toLanguageString(main_1.flatColorPickerGradientBtn, main_1.messages[main_1.flatColorPickerGradientBtn]);
@@ -183,7 +165,6 @@ var FlatColorPickerVue2 = {
       h: h,
       template: footerTemplate
     });
-
     var renderGradiente = function renderGradiente() {
       return h(ColorGradient_1.ColorGradient, __assign({
         attrs: this.v3 ? undefined : __assign({
@@ -203,7 +184,6 @@ var FlatColorPickerVue2 = {
         }
       }, this.gradientSettings));
     };
-
     var renderPalette = function renderPalette() {
       return h(ColorPalette_1.ColorPalette, __assign({
         on: this.v3 ? undefined : {
@@ -221,7 +201,6 @@ var FlatColorPickerVue2 = {
         onKeydown: this.gradientKeyDown
       }, this.paletteSettings));
     };
-
     return h("div", {
       tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled),
       attrs: this.v3 ? undefined : {
@@ -246,9 +225,11 @@ var FlatColorPickerVue2 = {
       "class": "k-coloreditor-header k-hstack"
     }, [this.$props.view === 'combo' && h("div", {
       "class": "k-coloreditor-header-actions k-hstack"
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(kendo_vue_buttons_1.ButtonGroup, this.v3 ? function () {
-      return [// @ts-ignore  function children
+      return [
+      // @ts-ignore  function children
       h(kendo_vue_buttons_1.Button, {
         tabIndex: _this2.computedTabIndex,
         attrs: _this2.v3 ? undefined : {
@@ -280,7 +261,8 @@ var FlatColorPickerVue2 = {
         })];
       } : [h("span", {
         "class": "k-icon k-i-color-canvas"
-      })]), // @ts-ignore  function children
+      })]),
+      // @ts-ignore  function children
       h(kendo_vue_buttons_1.Button, {
         tabIndex: _this2.computedTabIndex,
         attrs: _this2.v3 ? undefined : {
@@ -379,7 +361,8 @@ var FlatColorPickerVue2 = {
       "class": "k-spacer"
     }), h("div", {
       "class": "k-coloreditor-header-actions k-hstack"
-    }, [this.$props.showClearButton && // @ts-ignore  function children
+    }, [this.$props.showClearButton &&
+    // @ts-ignore  function children
     h(kendo_vue_buttons_1.Button, {
       tabIndex: this.computedTabIndex,
       attrs: this.v3 ? undefined : {
@@ -427,7 +410,8 @@ var FlatColorPickerVue2 = {
       "class": "k-coloreditor-views k-vstack"
     }, [this.isColorGradient ? renderGradiente.call(this) : renderPalette.call(this)]), this.$props.showButtons && h("div", {
       "class": "k-coloreditor-footer k-actions k-actions-end"
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(kendo_vue_buttons_1.Button, {
       tabIndex: this.computedTabIndex,
       attrs: this.v3 ? undefined : {
@@ -444,7 +428,8 @@ var FlatColorPickerVue2 = {
       onClick: this.handleCancelBtnClick
     }, this.v3 ? function () {
       return [cancelMessage];
-    } : [cancelMessage]), // @ts-ignore  function children
+    } : [cancelMessage]),
+    // @ts-ignore  function children
     h(kendo_vue_buttons_1.Button, {
       tabIndex: this.computedTabIndex,
       attrs: this.v3 ? undefined : {
@@ -466,7 +451,6 @@ var FlatColorPickerVue2 = {
   methods: {
     focus: function focus() {
       var _this = this;
-
       this.focused = true;
       setTimeout(function () {
         (0, kendo_vue_common_1.focusFirstFocusableChild)(_this.$el);
@@ -486,21 +470,18 @@ var FlatColorPickerVue2 = {
     },
     handleResetColor: function handleResetColor() {
       this.colorValue = null;
-
       if (!this.showButtons) {
         this.triggerChange();
       }
     },
     handleColorChange: function handleColorChange(event) {
       this.colorValue = event.value;
-
       if (!this.showButtons) {
         this.triggerChange(event);
       }
     },
     handlePaletteColorChange: function handlePaletteColorChange(event) {
       this.colorValue = event.value;
-
       if (!this.showButtons) {
         this.triggerChange(event);
       }
@@ -524,7 +505,6 @@ var FlatColorPickerVue2 = {
     },
     gradientKeyDown: function gradientKeyDown(event) {
       event.stopPropagation();
-
       if (!this.showButtons && event.keyCode === kendo_vue_common_1.Keys.enter) {
         this.triggerChange(event);
       }
@@ -564,6 +544,5 @@ exports.FlatColorPickerVue2 = FlatColorPickerVue2;
 /**
  * @hidden
  */
-
 var FlatColorPicker = FlatColorPickerVue2;
 exports.FlatColorPicker = FlatColorPicker;

package/dist/npm/colors/HexInput.js

@@ -3,24 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HexInputVue2 = exports.HexInput = void 0; // @ts-ignore
-
+exports.HexInputVue2 = exports.HexInput = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var color_parser_1 = require("./utils/color-parser");
-
 var misc_1 = require("./utils/misc");
-
 var Input_1 = require("../input/Input");
 /**
  * @hidden
  */
-
-
 var HexInputVue2 = {
   name: 'KendoHexInput',
   // @ts-ignore
@@ -92,7 +86,6 @@ var HexInputVue2 = {
       var hex = event.target.value;
       var value = (0, color_parser_1.parseColor)(hex, 'rgba');
       this.currentHex = hex;
-
       if ((0, misc_1.isPresent)(value)) {
         this.$emit('hexchange', {
           hex: hex,
@@ -105,7 +98,6 @@ var HexInputVue2 = {
       if (!(0, misc_1.isPresent)((0, color_parser_1.parseColor)(this.hex, 'rgba'))) {
         this.currentHex = this.originalHex;
       }
-
       this.$emit('blur', event);
     },
     onFocus: function onFocus(event) {
@@ -117,6 +109,5 @@ exports.HexInputVue2 = HexInputVue2;
 /**
  * @hidden
  */
-
 var HexInput = HexInputVue2;
 exports.HexInput = HexInput;

package/dist/npm/colors/Picker.js

@@ -3,32 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PickerVue2 = exports.Picker = void 0; // @ts-ignore
-
+exports.PickerVue2 = exports.Picker = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var ANCHOR_VERTICAL_ALIGN = 'bottom';
 /**
  * @hidden
  */
-
 var POPUP_VERTICAL_ALIGN = 'top';
 /**
  * @hidden
  */
-
 var PickerVue2 = {
   name: 'KendoPicker',
   props: {
@@ -67,11 +60,12 @@ var PickerVue2 = {
     var h = gh || createElement;
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var _a = this.$props.popupSettings,
-        popupClass = _a.popupClass,
-        appendTo = _a.appendTo,
-        animate = _a.animate,
-        className = _a.className;
-    return (// @ts-ignore function children
+      popupClass = _a.popupClass,
+      appendTo = _a.appendTo,
+      animate = _a.animate,
+      className = _a.className;
+    return (
+      // @ts-ignore function children
       h(kendo_vue_popup_1.Popup, {
         id: this.id,
         attrs: this.v3 ? undefined : {
@@ -116,6 +110,5 @@ exports.PickerVue2 = PickerVue2;
 /**
  * @hidden
  */
-
 var Picker = PickerVue2;
 exports.Picker = Picker;

package/dist/npm/input/Input.js

@@ -4,40 +4,30 @@ var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InputVue2 = exports.Input = void 0; // @ts-ignore
-
+exports.InputVue2 = exports.Input = 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 kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
-
 var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
 /**
  * @hidden
  */
-
-
 var InputVue2 = {
   model: {
     event: 'changemodel'
@@ -163,18 +153,17 @@ var InputVue2 = {
   },
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var isValid = !this.$props.validityStyles || this.validity().valid;
     var _a = this.$props,
-        label = _a.label,
-        id = _a.id,
-        required = _a.required,
-        iconName = _a.iconName,
-        showValidationIcon = _a.showValidationIcon,
-        showLoadingIcon = _a.showLoadingIcon,
-        showClearButton = _a.showClearButton,
-        tabIndex = _a.tabIndex;
+      label = _a.label,
+      id = _a.id,
+      required = _a.required,
+      iconName = _a.iconName,
+      showValidationIcon = _a.showValidationIcon,
+      showLoadingIcon = _a.showLoadingIcon,
+      showClearButton = _a.showClearButton,
+      tabIndex = _a.tabIndex;
     var inputId = id || this._inputId;
     var textbox = h('input', __assign(__assign({
       domProps: this.v3 ? null : __assign(__assign({}, this.$attrs), {
@@ -261,7 +250,8 @@ var InputVue2 = {
     }, [h("span", {
       "class": "k-icon k-i-x"
     })])]);
-    return label ? // @ts-ignore function children
+    return label ?
+    // @ts-ignore function children
     h(kendo_vue_labels_1.FloatingLabel, {
       label: label,
       attrs: this.v3 ? undefined : {
@@ -331,13 +321,11 @@ var InputVue2 = {
     },
     isInvalid: function isInvalid(state) {
       var result = false;
-
       for (var prop in state) {
         if (state.hasOwnProperty(prop)) {
           result = result || state[prop];
         }
       }
-
       return result;
     },
     setValidity: function setValidity() {
@@ -353,11 +341,9 @@ var InputVue2 = {
     },
     emitUpdate: function emitUpdate(event, eventName, value) {
       var that = this;
-
       if (this.disabled) {
         return;
       }
-
       this.$data.currentValue = value;
       this.$data.valueDuringOnChange = value;
       this.$nextTick(function () {
@@ -376,7 +362,6 @@ var InputVue2 = {
     handleAutoFill: function handleAutoFill(e) {
       if (e.animationName === 'autoFillStart') {
         var parent_1 = e.target.parentNode;
-
         if (parent_1 && parent_1.classList.contains('k-empty')) {
           this.$data.autofill = true;
           parent_1.classList.remove('k-empty');
@@ -386,7 +371,6 @@ var InputVue2 = {
     handleAutoFillEnd: function handleAutoFillEnd(e) {
       if (e.animationName === 'autoFillEnd') {
         var parent_2 = e.target.parentNode;
-
         if (parent_2) {
           this.$data.autofill = false;
         }
@@ -397,11 +381,10 @@ var InputVue2 = {
     },
     inputWrapperClass: function inputWrapperClass() {
       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.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
       return _a = {
         'k-textbox': true,
@@ -425,7 +408,6 @@ var InputVue2 = {
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
-
       return _a = {
         'k-input-inner': true
       }, _a[this.inputClass] = this.inputClass, _a;
@@ -441,6 +423,5 @@ exports.InputVue2 = InputVue2;
 /**
  * @hidden
  */
-
 var Input = InputVue2;
 exports.Input = Input;

package/dist/npm/input-separator/InputSeparator.js

@@ -3,22 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InputSeparatorVue2 = exports.InputSeparator = void 0; // @ts-ignore
-
+exports.InputSeparatorVue2 = exports.InputSeparator = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var package_metadata_1 = require("../package-metadata");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var InputSeparatorVue2 = {
   created: function created() {
     (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
@@ -48,6 +43,5 @@ exports.InputSeparatorVue2 = InputSeparatorVue2;
  *  </template>
  *  ```
  */
-
 var InputSeparator = InputSeparatorVue2;
 exports.InputSeparator = InputSeparator;

package/dist/npm/maskedtextbox/MaskedTextBox.js

@@ -3,27 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MaskedTextBoxVue2 = exports.MaskedTextBox = void 0; // @ts-ignore
-
+exports.MaskedTextBoxVue2 = exports.MaskedTextBox = 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 masking_service_1 = require("./masking.service");
-
 var utils_1 = require("./utils");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
 /**
  * @hidden
  */
-
-
 var MaskedTextBoxVue2 = {
   model: {
     event: 'changemodel'
@@ -142,8 +135,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();
@@ -175,21 +168,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,
@@ -197,11 +187,9 @@ var MaskedTextBoxVue2 = {
       promptPlaceholder: this.prevPromptPlaceholder,
       rules: this.prevRules
     };
-
     if ((0, utils_1.maskingChanged)(prevProps, this.$props)) {
       this.updateService();
     }
-
     this.setValidity();
   },
   computed: {
@@ -213,7 +201,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,
@@ -227,11 +214,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,
@@ -240,7 +226,6 @@ var MaskedTextBoxVue2 = {
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
-
       return _a = {
         'k-input-inner': true
       }, _a[this.inputClass] = this.inputClass, _a;
@@ -254,7 +239,6 @@ var MaskedTextBoxVue2 = {
     },
     computedValue: function computedValue() {
       var value;
-
       if (this.valueDuringOnChange !== undefined) {
         value = this.valueDuringOnChange;
       } else if (this.$props.value !== undefined) {
@@ -266,7 +250,6 @@ var MaskedTextBoxVue2 = {
       } else if (this.$props.defaultValue !== undefined) {
         value = this.$props.defaultValue;
       }
-
       return value || '';
     },
     rawValue: function rawValue() {
@@ -285,13 +268,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];
     },
@@ -303,17 +284,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;
@@ -322,7 +300,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;
@@ -374,7 +351,6 @@ var MaskedTextBoxVue2 = {
         promptPlaceholder: this.$props.promptPlaceholder,
         rules: this.$props.rules
       }, extra); // tslint:disable-line:align
-
       this.service.update(config);
     },
     setValidity: function setValidity() {
@@ -388,10 +364,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;
@@ -519,6 +495,5 @@ exports.MaskedTextBoxVue2 = MaskedTextBoxVue2;
 /**
  * @hidden
  */
-
 var MaskedTextBox = MaskedTextBoxVue2;
 exports.MaskedTextBox = MaskedTextBox;