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

package/dist/npm/colors/ColorInput.js

@@ -4,52 +4,37 @@ 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.ColorInputVue2 = exports.ColorInput = void 0; // @ts-ignore
-
+exports.ColorInputVue2 = exports.ColorInput = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var main_1 = require("../main");
-
 var HexInput_1 = require("./HexInput");
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-
 var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var main_2 = require("../messages/main");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var modes = ['rgba', 'rgb', 'hex'];
 /**
  * @hidden
  */
-
 var ColorInputVue2 = {
   name: 'KendoColorInput',
   // @ts-ignore
@@ -153,7 +138,8 @@ var ColorInputVue2 = {
       },
       disabled: this.$props.disabled,
       ref: 'hexinput'
-    })]), // @ts-ignore  function children
+    })]),
+    // @ts-ignore  function children
     h(kendo_vue_labels_1.Label, {
       "class": "k-colorgradient-input-label",
       "for": this.hexInputId,
@@ -189,7 +175,8 @@ var ColorInputVue2 = {
         "change": this.onRgbaRChange
       },
       disabled: this.$props.disabled
-    }), // @ts-ignore  function children
+    }),
+    // @ts-ignore  function children
     h(kendo_vue_labels_1.Label, {
       "class": "k-colorgradient-input-label"
     }, this.v3 ? function () {
@@ -221,7 +208,8 @@ var ColorInputVue2 = {
         "change": this.onRgbaGChange
       },
       disabled: this.$props.disabled
-    }), // @ts-ignore  function children
+    }),
+    // @ts-ignore  function children
     h(kendo_vue_labels_1.Label, {
       "class": "k-colorgradient-input-label"
     }, this.v3 ? function () {
@@ -254,7 +242,8 @@ var ColorInputVue2 = {
       },
       disabled: this.$props.disabled,
       ref: 'numericb'
-    }), // @ts-ignore  function children
+    }),
+    // @ts-ignore  function children
     h(kendo_vue_labels_1.Label, {
       "class": "k-colorgradient-input-label"
     }, this.v3 ? function () {
@@ -289,7 +278,8 @@ var ColorInputVue2 = {
       },
       disabled: this.$props.disabled,
       ref: 'numerica'
-    }), this.$props.opacity && // @ts-ignore  function children
+    }), this.$props.opacity &&
+    // @ts-ignore  function children
     h(kendo_vue_labels_1.Label, {
       "class": "k-colorgradient-input-label"
     }, this.v3 ? function () {
@@ -322,28 +312,22 @@ var ColorInputVue2 = {
     },
     dispatchRgbaChange: function dispatchRgbaChange(newValue, event) {
       var rgba = __assign({}, this.$props.rgba);
-
       if (newValue.r !== undefined) {
         rgba.r = newValue.r;
       }
-
       if (newValue.g !== undefined) {
         rgba.g = newValue.g;
       }
-
       if (newValue.b !== undefined) {
         rgba.b = newValue.b;
       }
-
       if (newValue.a !== undefined) {
         rgba.a = newValue.a;
       }
-
       this.$emit('rgbachange', rgba, event);
     },
     onToggleModeChange: function onToggleModeChange() {
       var index = modes.length - 1 === modes.indexOf(this.inputMode) ? 0 : modes.indexOf(this.inputMode) + 1;
-
       if (!this.$props.opacity) {
         var nextIndex = modes[index] === 'rgba' ? index + 1 : index;
         this.inputMode = modes[nextIndex];
@@ -362,6 +346,5 @@ exports.ColorInputVue2 = ColorInputVue2;
 /**
  * @hidden
  */
-
 var ColorInput = ColorInputVue2;
 exports.ColorInput = ColorInput;

package/dist/npm/colors/ColorPalette.js

@@ -3,45 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ColorPaletteVue2 = exports.ColorPalette = exports.DEFAULT_PRESET = exports.DEFAULT_COLUMNS_COUNT = exports.DEFAULT_TILE_SIZE = void 0; // @ts-ignore
-
+exports.ColorPaletteVue2 = exports.ColorPalette = exports.DEFAULT_PRESET = exports.DEFAULT_COLUMNS_COUNT = exports.DEFAULT_TILE_SIZE = 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_palette_service_1 = require("./utils/color-palette.service");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
-
 var palette_presets_1 = require("./models/palette-presets");
-
 var misc_1 = require("./utils/misc");
-
 var color_parser_1 = require("./utils/color-parser");
 /**
  * @hidden
  */
-
-
 exports.DEFAULT_TILE_SIZE = 24;
 /**
  * @hidden
  */
-
 exports.DEFAULT_COLUMNS_COUNT = 10;
 /**
  * @hidden
  */
-
 exports.DEFAULT_PRESET = 'office';
 /**
  * @hidden
  */
-
 var ColorPaletteVue2 = {
   name: 'KendoColorPalette',
   model: {
@@ -122,7 +110,6 @@ var ColorPaletteVue2 = {
     var className = (0, kendo_vue_common_1.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;
@@ -136,7 +123,6 @@ var ColorPaletteVue2 = {
       var height = tileSize.height + 'px';
       return columns.map(function (color, i) {
         var _this = this;
-
         var isSelected = rowIsSelected && selectedColumn === i;
         var tdClassName = (0, kendo_vue_common_1.classNames)('k-colorpalette-tile', {
           'k-selected': isSelected,
@@ -178,7 +164,6 @@ var ColorPaletteVue2 = {
         });
       }, this);
     };
-
     var renderRows = function renderRows(rows, rSelectedCellCoords, rFocusedCellCoords) {
       return rows.map(function (row, i) {
         return h("tr", {
@@ -190,7 +175,6 @@ var ColorPaletteVue2 = {
         }, [renderColumns.call(this, row, i, rSelectedCellCoords, rFocusedCellCoords)]);
       }, this);
     };
-
     if (paletteInfo.colors.length) {
       return h("div", {
         id: this.$props.id,
@@ -245,28 +229,22 @@ var ColorPaletteVue2 = {
         case kendo_vue_common_1.Keys.down:
           this.handleCellNavigation(event, 0, 1);
           break;
-
         case kendo_vue_common_1.Keys.up:
           this.handleCellNavigation(event, 0, -1);
           break;
-
         case kendo_vue_common_1.Keys.right:
           this.handleCellNavigation(event, 1, 0);
           break;
-
         case kendo_vue_common_1.Keys.left:
           this.handleCellNavigation(event, -1, 0);
           break;
-
         case kendo_vue_common_1.Keys.enter:
           this.handleEnter(event);
           break;
-
         default:
           this.$emit('keydown', event);
           return;
       }
-
       this.$emit('keydown', event);
     },
     onColorClick: function onColorClick(color, event) {
@@ -276,7 +254,6 @@ var ColorPaletteVue2 = {
       } else {
         this.focusedColor = color;
       }
-
       this.dispatchChangeEvent(color, event);
     },
     onFocus: function onFocus(event) {
@@ -295,7 +272,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);
@@ -307,7 +283,6 @@ var ColorPaletteVue2 = {
       if (this.isUncontrolled) {
         this.currentValue = this.focusedColor;
       }
-
       this.dispatchChangeEvent(this.focusedColor, event);
     },
     dispatchChangeEvent: function dispatchChangeEvent(value, event) {
@@ -325,7 +300,6 @@ var ColorPaletteVue2 = {
     getPaletteInfo: function getPaletteInfo() {
       if (typeof this.$props.palette === 'string') {
         var preset = palette_presets_1.PALETTEPRESETS[this.$props.palette];
-
         if ((0, misc_1.isPresent)(preset)) {
           return {
             colors: preset.colors,
@@ -353,6 +327,5 @@ exports.ColorPaletteVue2 = ColorPaletteVue2;
 /**
  * @hidden
  */
-
 var ColorPalette = ColorPaletteVue2;
 exports.ColorPalette = ColorPalette;

package/dist/npm/colors/ColorPicker.js

@@ -4,53 +4,38 @@ 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.ColorPickerVue2 = exports.ColorPicker = void 0; // @ts-ignore
-
+exports.ColorPickerVue2 = exports.ColorPicker = 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_buttons_1 = require("@progress/kendo-vue-buttons");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
-
 var Picker_1 = require("./Picker");
-
 var FlatColorPicker_1 = require("./FlatColorPicker");
-
 var color_cache_1 = require("./utils/color-cache");
 /**
  * @hidden
  */
-
-
 var isControlled = function isControlled(prop) {
   return prop !== undefined;
 };
 /**
  * @hidden
  */
-
-
 var ColorPickerVue2 = {
   name: 'KendoColorPicker',
   model: {
@@ -192,11 +177,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,
@@ -212,7 +196,8 @@ var ColorPickerVue2 = {
   mounted: function mounted() {
     this.button = (0, kendo_vue_common_1.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 () {
@@ -224,23 +209,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_1.FlatColorPicker, __assign({
         onKeydown: this.onKeyDownHandler,
@@ -273,9 +254,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,
@@ -319,7 +299,8 @@ var ColorPickerVue2 = {
       style: {
         backgroundColor: this.computedValue
       }
-    })])]), // @ts-ignore
+    })])]),
+    // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -339,7 +320,8 @@ var ColorPickerVue2 = {
       rounded: null,
       "class": "k-input-button",
       icon: 'caret-alt-down'
-    }), // @ts-ignore function children
+    }),
+    // @ts-ignore function children
     h(Picker_1.Picker, {
       dir: dir,
       attrs: this.v3 ? undefined : {
@@ -371,28 +353,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 === kendo_vue_common_1.Keys.esc) {
         event.preventDefault();
         event.stopPropagation();
         this.setOpen(false);
         return;
       }
-
       if (keyCode === kendo_vue_common_1.Keys.enter) {
         event.preventDefault();
         event.stopPropagation();
         this.setOpen(!this.computedOpen);
         return;
       }
-
       if (altKey && keyCode === kendo_vue_common_1.Keys.down) {
         event.preventDefault();
         event.stopPropagation();
@@ -401,22 +379,19 @@ var ColorPickerVue2 = {
     },
     onKeyDownHandler: function onKeyDownHandler(event) {
       var altKey = event.altKey,
-          keyCode = event.keyCode;
-
+        keyCode = event.keyCode;
       if (keyCode === kendo_vue_common_1.Keys.esc) {
         event.preventDefault();
         event.stopPropagation();
         this.setOpen(false);
         return;
       }
-
       if (keyCode === kendo_vue_common_1.Keys.enter) {
         event.preventDefault();
         event.stopPropagation();
         this.focusElement();
         return;
       }
-
       if (altKey && keyCode === kendo_vue_common_1.Keys.up) {
         event.preventDefault();
         event.stopPropagation();
@@ -427,7 +402,6 @@ var ColorPickerVue2 = {
     onOpenHandler: function onOpenHandler() {
       // Skip content autofocus when in controlled mode
       var flatcolorpicker = (0, kendo_vue_common_1.getRef)(this, 'flatcolorpicker');
-
       if (flatcolorpicker) {
         flatcolorpicker.focus();
       }
@@ -453,26 +427,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;
     },
@@ -487,15 +458,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);
@@ -514,6 +482,5 @@ exports.ColorPickerVue2 = ColorPickerVue2;
 /**
  * @hidden
  */
-
 var ColorPicker = ColorPickerVue2;
 exports.ColorPicker = ColorPicker;