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

package/dist/esm/colors/ColorPalette.js

@@ -12,22 +12,18 @@ import { parseColor } from './utils/color-parser.js';
 /**
  * @hidden
  */
-
 export var DEFAULT_TILE_SIZE = 24;
 /**
  * @hidden
  */
-
 export var DEFAULT_COLUMNS_COUNT = 10;
 /**
  * @hidden
  */
-
 export var DEFAULT_PRESET = 'office';
 /**
  * @hidden
  */
-
 var ColorPaletteVue2 = {
   name: 'KendoColorPalette',
   model: {
@@ -108,7 +104,6 @@ var ColorPaletteVue2 = {
     var className = classNames('k-colorpalette', {
       'k-disabled': this.$props.disabled
     });
-
     var renderColumns = function renderColumns(columns, rowIndex, cSelectedCellCoords, cFocusedCellCoords) {
       var rowIsSelected = cSelectedCellCoords !== undefined && cSelectedCellCoords.row === rowIndex;
       var selectedColumn = cSelectedCellCoords && cSelectedCellCoords.col;
@@ -122,7 +117,6 @@ var ColorPaletteVue2 = {
       var height = tileSize.height + 'px';
       return columns.map(function (color, i) {
         var _this = this;
-
         var isSelected = rowIsSelected && selectedColumn === i;
         var tdClassName = classNames('k-colorpalette-tile', {
           'k-selected': isSelected,
@@ -164,7 +158,6 @@ var ColorPaletteVue2 = {
         });
       }, this);
     };
-
     var renderRows = function renderRows(rows, rSelectedCellCoords, rFocusedCellCoords) {
       return rows.map(function (row, i) {
         return h("tr", {
@@ -176,7 +169,6 @@ var ColorPaletteVue2 = {
         }, [renderColumns.call(this, row, i, rSelectedCellCoords, rFocusedCellCoords)]);
       }, this);
     };
-
     if (paletteInfo.colors.length) {
       return h("div", {
         id: this.$props.id,
@@ -231,28 +223,22 @@ var ColorPaletteVue2 = {
         case Keys.down:
           this.handleCellNavigation(event, 0, 1);
           break;
-
         case Keys.up:
           this.handleCellNavigation(event, 0, -1);
           break;
-
         case Keys.right:
           this.handleCellNavigation(event, 1, 0);
           break;
-
         case Keys.left:
           this.handleCellNavigation(event, -1, 0);
           break;
-
         case Keys.enter:
           this.handleEnter(event);
           break;
-
         default:
           this.$emit('keydown', event);
           return;
       }
-
       this.$emit('keydown', event);
     },
     onColorClick: function onColorClick(color, event) {
@@ -262,7 +248,6 @@ var ColorPaletteVue2 = {
       } else {
         this.focusedColor = color;
       }
-
       this.dispatchChangeEvent(color, event);
     },
     onFocus: function onFocus(event) {
@@ -281,7 +266,6 @@ var ColorPaletteVue2 = {
     },
     handleCellNavigation: function handleCellNavigation(event, horizontalStep, verticalStep) {
       event.preventDefault();
-
       if (this.focusedColorCooridanates) {
         var newCoords = this.paletteService.getNextCell(this.focusedColorCooridanates, horizontalStep, verticalStep);
         this.focusedColor = this.paletteService.getColorAt(newCoords);
@@ -293,7 +277,6 @@ var ColorPaletteVue2 = {
       if (this.isUncontrolled) {
         this.currentValue = this.focusedColor;
       }
-
       this.dispatchChangeEvent(this.focusedColor, event);
     },
     dispatchChangeEvent: function dispatchChangeEvent(value, event) {
@@ -311,7 +294,6 @@ var ColorPaletteVue2 = {
     getPaletteInfo: function getPaletteInfo() {
       if (typeof this.$props.palette === 'string') {
         var preset = PALETTEPRESETS[this.$props.palette];
-
         if (isPresent(preset)) {
           return {
             colors: preset.colors,
@@ -338,6 +320,5 @@ var ColorPaletteVue2 = {
 /**
  * @hidden
  */
-
 var ColorPalette = ColorPaletteVue2;
 export { ColorPalette, ColorPaletteVue2 };

package/dist/esm/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.js';
 import { Picker } from './Picker.js';
@@ -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/esm/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/esm/colors/HexInput.js

@@ -9,7 +9,6 @@ import { Input as KInput } from '../input/Input.js';
 /**
  * @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/esm/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 };