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

package/dist/es/colors/ColorPicker.js

@@ -2,25 +2,22 @@ var __assign = this && this.__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);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { Button } from '@progress/kendo-vue-buttons';
-import { classNames, Keys, // useDir, 
+import { classNames, Keys,
+// useDir, 
 getTabIndex, guid, kendoThemeMaps, validatePackage, setRef, getRef } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 import { Picker } from './Picker';
@@ -29,15 +26,12 @@ import { DEFAULT_GRADIENT_SETTINGS, DEFAULT_PALETTE_SETTINGS } from './utils/col
 /**
  * @hidden
  */
-
 var isControlled = function isControlled(prop) {
   return prop !== undefined;
 };
 /**
  * @hidden
  */
-
-
 var ColorPickerVue2 = {
   name: 'KendoColorPicker',
   model: {
@@ -179,11 +173,10 @@ var ColorPickerVue2 = {
     },
     wrapperClassName: function wrapperClassName() {
       var _a;
-
       var _b = this.$props,
-          size = _b.size,
-          fillMode = _b.fillMode,
-          rounded = _b.rounded;
+        size = _b.size,
+        fillMode = _b.fillMode,
+        rounded = _b.rounded;
       return _a = {
         'k-picker': true,
         'k-colorpicker': true,
@@ -199,7 +192,8 @@ var ColorPickerVue2 = {
   mounted: function mounted() {
     this.button = getRef(this, 'button');
   },
-  updated: function updated() {// this.button = getRef(this, 'button');
+  updated: function updated() {
+    // this.button = getRef(this, 'button');
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -211,23 +205,19 @@ var ColorPickerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _a;
-
     var _this = this;
-
     var h = gh || createElement;
     var _b = this.$props,
-        disabled = _b.disabled,
-        tabIndex = _b.tabIndex,
-        dir = _b.dir,
-        view = _b.view,
-        selectedView = _b.selectedView,
-        showClearButton = _b.showClearButton,
-        showPreview = _b.showPreview,
-        showButtons = _b.showButtons,
-        popupSettings = _b.popupSettings;
-
+      disabled = _b.disabled,
+      tabIndex = _b.tabIndex,
+      dir = _b.dir,
+      view = _b.view,
+      selectedView = _b.selectedView,
+      showClearButton = _b.showClearButton,
+      showPreview = _b.showPreview,
+      showButtons = _b.showButtons,
+      popupSettings = _b.popupSettings;
     var renderFlatColorPicker = function renderFlatColorPicker() {
       return h(FlatColorPicker, __assign({
         onKeydown: this.onKeyDownHandler,
@@ -260,9 +250,8 @@ var ColorPickerVue2 = {
         paletteSettings: this.paletteSettings,
         gradientSettings: this.gradientSettings
       }, this.flatColorPickerSettings));
-    }; // const dir = useDir(focusableElementGuid, props.dir);
-
-
+    };
+    // const dir = useDir(focusableElementGuid, props.dir);
     return h("span", {
       "class": this.wrapperClassName,
       dir: dir,
@@ -306,7 +295,8 @@ var ColorPickerVue2 = {
       style: {
         backgroundColor: this.computedValue
       }
-    })])]), // @ts-ignore
+    })])]),
+    // @ts-ignore
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -326,7 +316,8 @@ var ColorPickerVue2 = {
       rounded: null,
       "class": "k-input-button",
       icon: 'caret-alt-down'
-    }), // @ts-ignore function children
+    }),
+    // @ts-ignore function children
     h(Picker, {
       dir: dir,
       attrs: this.v3 ? undefined : {
@@ -358,28 +349,24 @@ var ColorPickerVue2 = {
       if (!nextOpen && !isBlur && this.$el) {
         this.$el.focus();
       }
-
       this.currentOpen = nextOpen;
       this.$emit(nextOpen ? 'open' : 'close');
     },
     onButtonKeyDown: function onButtonKeyDown(event) {
       var altKey = event.altKey,
-          keyCode = event.keyCode;
-
+        keyCode = event.keyCode;
       if (keyCode === Keys.esc) {
         event.preventDefault();
         event.stopPropagation();
         this.setOpen(false);
         return;
       }
-
       if (keyCode === Keys.enter) {
         event.preventDefault();
         event.stopPropagation();
         this.setOpen(!this.computedOpen);
         return;
       }
-
       if (altKey && keyCode === Keys.down) {
         event.preventDefault();
         event.stopPropagation();
@@ -388,22 +375,19 @@ var ColorPickerVue2 = {
     },
     onKeyDownHandler: function onKeyDownHandler(event) {
       var altKey = event.altKey,
-          keyCode = event.keyCode;
-
+        keyCode = event.keyCode;
       if (keyCode === Keys.esc) {
         event.preventDefault();
         event.stopPropagation();
         this.setOpen(false);
         return;
       }
-
       if (keyCode === Keys.enter) {
         event.preventDefault();
         event.stopPropagation();
         this.focusElement();
         return;
       }
-
       if (altKey && keyCode === Keys.up) {
         event.preventDefault();
         event.stopPropagation();
@@ -414,7 +398,6 @@ var ColorPickerVue2 = {
     onOpenHandler: function onOpenHandler() {
       // Skip content autofocus when in controlled mode
       var flatcolorpicker = getRef(this, 'flatcolorpicker');
-
       if (flatcolorpicker) {
         flatcolorpicker.focus();
       }
@@ -440,26 +423,23 @@ var ColorPickerVue2 = {
     onFocusHandler: function onFocusHandler(event) {
       if (this.blurTimeoutRef) {
         clearTimeout(this.blurTimeoutRef);
-        this.blurTimeoutRef = undefined; // case where moving back to input from popup
-
+        this.blurTimeoutRef = undefined;
+        // case where moving back to input from popup
         if (event.target === this.$el) {
           this.setOpen(false); // in this case we should focus input on keydown
         }
       } else {
         this.focused = true;
       }
-
       this.$emit('focus', {
         event: event
       });
     },
     onBlurTimeout: function onBlurTimeout() {
       var viewIsFocused = this.isViewFocused();
-
       if (!viewIsFocused) {
         this.setOpen(false, true);
       }
-
       this.focused = viewIsFocused;
       this.blurTimeoutRef = undefined;
     },
@@ -474,15 +454,12 @@ var ColorPickerVue2 = {
     },
     onChangeHandler: function onChangeHandler(event, isPalette) {
       var currentValue = event.value;
-
       if (!this.isValueControlled) {
         this.currentValue = currentValue;
       }
-
       if (isPalette) {
         this.setOpen(false);
       }
-
       this.$emit('changemodel', currentValue);
       this.$emit('update:modelRgbaValue', event.rgbaValue);
       this.$emit('update:modelValue', currentValue);
@@ -500,6 +477,5 @@ var ColorPickerVue2 = {
 /**
  * @hidden
  */
-
 var ColorPicker = ColorPickerVue2;
 export { ColorPicker, ColorPickerVue2 };

package/dist/es/colors/FlatColorPicker.js

@@ -2,19 +2,15 @@ var __assign = this && this.__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);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -31,7 +27,6 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 /**
  * @hidden
  */
-
 var FlatColorPickerVue2 = {
   name: 'KendoFlatColorPicker',
   // @ts-ignore
@@ -146,9 +141,7 @@ var FlatColorPickerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _this = this;
-
     var h = gh || createElement;
     var localizationService = provideLocalizationService(this);
     var gradientMessage = localizationService.toLanguageString(flatColorPickerGradientBtn, messages[flatColorPickerGradientBtn]);
@@ -166,7 +159,6 @@ var FlatColorPickerVue2 = {
       h: h,
       template: footerTemplate
     });
-
     var renderGradiente = function renderGradiente() {
       return h(ColorGradient, __assign({
         attrs: this.v3 ? undefined : __assign({
@@ -186,7 +178,6 @@ var FlatColorPickerVue2 = {
         }
       }, this.gradientSettings));
     };
-
     var renderPalette = function renderPalette() {
       return h(ColorPalette, __assign({
         on: this.v3 ? undefined : {
@@ -204,7 +195,6 @@ var FlatColorPickerVue2 = {
         onKeydown: this.gradientKeyDown
       }, this.paletteSettings));
     };
-
     return h("div", {
       tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled),
       attrs: this.v3 ? undefined : {
@@ -229,9 +219,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(ButtonGroup, this.v3 ? function () {
-      return [// @ts-ignore  function children
+      return [
+      // @ts-ignore  function children
       h(Button, {
         tabIndex: _this2.computedTabIndex,
         attrs: _this2.v3 ? undefined : {
@@ -263,7 +255,8 @@ var FlatColorPickerVue2 = {
         })];
       } : [h("span", {
         "class": "k-icon k-i-color-canvas"
-      })]), // @ts-ignore  function children
+      })]),
+      // @ts-ignore  function children
       h(Button, {
         tabIndex: _this2.computedTabIndex,
         attrs: _this2.v3 ? undefined : {
@@ -362,7 +355,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(Button, {
       tabIndex: this.computedTabIndex,
       attrs: this.v3 ? undefined : {
@@ -410,7 +404,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(Button, {
       tabIndex: this.computedTabIndex,
       attrs: this.v3 ? undefined : {
@@ -427,7 +422,8 @@ var FlatColorPickerVue2 = {
       onClick: this.handleCancelBtnClick
     }, this.v3 ? function () {
       return [cancelMessage];
-    } : [cancelMessage]), // @ts-ignore  function children
+    } : [cancelMessage]),
+    // @ts-ignore  function children
     h(Button, {
       tabIndex: this.computedTabIndex,
       attrs: this.v3 ? undefined : {
@@ -449,7 +445,6 @@ var FlatColorPickerVue2 = {
   methods: {
     focus: function focus() {
       var _this = this;
-
       this.focused = true;
       setTimeout(function () {
         focusFirstFocusableChild(_this.$el);
@@ -469,21 +464,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);
       }
@@ -507,7 +499,6 @@ var FlatColorPickerVue2 = {
     },
     gradientKeyDown: function gradientKeyDown(event) {
       event.stopPropagation();
-
       if (!this.showButtons && event.keyCode === Keys.enter) {
         this.triggerChange(event);
       }
@@ -546,6 +537,5 @@ var FlatColorPickerVue2 = {
 /**
  * @hidden
  */
-
 var FlatColorPicker = FlatColorPickerVue2;
 export { FlatColorPicker, FlatColorPickerVue2 };

package/dist/es/colors/HexInput.js

@@ -9,7 +9,6 @@ import { Input as KInput } from '../input/Input';
 /**
  * @hidden
  */
-
 var HexInputVue2 = {
   name: 'KendoHexInput',
   // @ts-ignore
@@ -81,7 +80,6 @@ var HexInputVue2 = {
       var hex = event.target.value;
       var value = parseColor(hex, 'rgba');
       this.currentHex = hex;
-
       if (isPresent(value)) {
         this.$emit('hexchange', {
           hex: hex,
@@ -94,7 +92,6 @@ var HexInputVue2 = {
       if (!isPresent(parseColor(this.hex, 'rgba'))) {
         this.currentHex = this.originalHex;
       }
-
       this.$emit('blur', event);
     },
     onFocus: function onFocus(event) {
@@ -105,6 +102,5 @@ var HexInputVue2 = {
 /**
  * @hidden
  */
-
 var HexInput = HexInputVue2;
 export { HexInput, HexInputVue2 };

package/dist/es/colors/Picker.js

@@ -8,17 +8,14 @@ import { classNames, getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var ANCHOR_VERTICAL_ALIGN = 'bottom';
 /**
  * @hidden
  */
-
 var POPUP_VERTICAL_ALIGN = 'top';
 /**
  * @hidden
  */
-
 var PickerVue2 = {
   name: 'KendoPicker',
   props: {
@@ -57,11 +54,12 @@ var PickerVue2 = {
     var h = gh || createElement;
     var defaultSlot = 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(Popup, {
         id: this.id,
         attrs: this.v3 ? undefined : {
@@ -105,6 +103,5 @@ var PickerVue2 = {
 /**
  * @hidden
  */
-
 var Picker = PickerVue2;
 export { Picker, PickerVue2 };

package/dist/es/input/Input.js

@@ -2,19 +2,15 @@ var __assign = this && this.__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);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -26,7 +22,6 @@ import { FloatingLabel } from '@progress/kendo-vue-labels';
 /**
  * @hidden
  */
-
 var InputVue2 = {
   model: {
     event: 'changemodel'
@@ -152,18 +147,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), {
@@ -250,7 +244,8 @@ var InputVue2 = {
     }, [h("span", {
       "class": "k-icon k-i-x"
     })])]);
-    return label ? // @ts-ignore function children
+    return label ?
+    // @ts-ignore function children
     h(FloatingLabel, {
       label: label,
       attrs: this.v3 ? undefined : {
@@ -320,13 +315,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() {
@@ -342,11 +335,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 () {
@@ -365,7 +356,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');
@@ -375,7 +365,6 @@ var InputVue2 = {
     handleAutoFillEnd: function handleAutoFillEnd(e) {
       if (e.animationName === 'autoFillEnd') {
         var parent_2 = e.target.parentNode;
-
         if (parent_2) {
           this.$data.autofill = false;
         }
@@ -386,11 +375,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,
@@ -414,7 +402,6 @@ var InputVue2 = {
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
-
       return _a = {
         'k-input-inner': true
       }, _a[this.inputClass] = this.inputClass, _a;
@@ -429,6 +416,5 @@ var InputVue2 = {
 /**
  * @hidden
  */
-
 var Input = InputVue2;
 export { Input, InputVue2 };

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

@@ -8,7 +8,6 @@ import { validatePackage } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var InputSeparatorVue2 = {
   created: function created() {
     validatePackage(packageMetadata);
@@ -37,6 +36,5 @@ var InputSeparatorVue2 = {
  *  </template>
  *  ```
  */
-
 var InputSeparator = InputSeparatorVue2;
 export { InputSeparator, InputSeparatorVue2 };