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

package/dist/es/checkbox/Checkbox.js

@@ -12,7 +12,6 @@ import { messages, checkboxValidation, checkboxOptionalText } from '../messages/
 /**
  * @hidden
  */
-
 var CheckboxVue2 = {
   name: 'KendoCheckbox',
   // @ts-ignore
@@ -99,15 +98,12 @@ var CheckboxVue2 = {
   created: function created() {
     validatePackage(packageMetadata);
     this.calculatedId = guid();
-
     if (this.$props.defaultChecked !== undefined) {
       this.currentChecked = this.$props.defaultChecked;
     }
-
     if (this.$props.defaultValue !== undefined) {
       this.currentValue = this.$props.defaultValue;
     }
-
     this.currentDir = this.$props.dir;
   },
   computed: {
@@ -147,23 +143,19 @@ var CheckboxVue2 = {
   },
   mounted: function mounted() {
     this.input = getRef(this, 'input');
-
     if (!this.currentDir && window && this.$el) {
       // Note: getComputedStyle forces reflow
       var direction = window.getComputedStyle(this.$el).direction;
-
       if (direction) {
         this.currentDir = direction;
       }
     }
-
     this.setValidity();
   },
   updated: function updated() {
     if (!this.input) {
       this.input = getRef(this, 'input');
     }
-
     this.setValidity();
   },
   // @ts-ignore
@@ -179,23 +171,22 @@ var CheckboxVue2 = {
   },
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var _b = this.$props,
-        ariaDescribedBy = _b.ariaDescribedBy,
-        ariaLabelledBy = _b.ariaLabelledBy,
-        disabled = _b.disabled,
-        id = _b.id,
-        label = _b.label,
-        labelRender = _b.labelRender,
-        labelPlacement = _b.labelPlacement,
-        name = _b.name,
-        labelOptional = _b.labelOptional,
-        tabIndex = _b.tabIndex,
-        required = _b.required,
-        validityStyles = _b.validityStyles,
-        size = _b.size,
-        rounded = _b.rounded;
+      ariaDescribedBy = _b.ariaDescribedBy,
+      ariaLabelledBy = _b.ariaLabelledBy,
+      disabled = _b.disabled,
+      id = _b.id,
+      label = _b.label,
+      labelRender = _b.labelRender,
+      labelPlacement = _b.labelPlacement,
+      name = _b.name,
+      labelOptional = _b.labelOptional,
+      tabIndex = _b.tabIndex,
+      required = _b.required,
+      validityStyles = _b.validityStyles,
+      size = _b.size,
+      rounded = _b.rounded;
     var defaultSlot = getDefaultSlots(this);
     var renderedLabel = label;
     this.localizationService = provideLocalizationService(this);
@@ -207,7 +198,6 @@ var CheckboxVue2 = {
     var inputClasses = classNames((_a = {
       'k-checkbox': true
     }, _a["k-checkbox-".concat(kendoThemeMaps.sizeMap[size])] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded])] = rounded, _a['k-indeterminate'] = this.indeterminateProp, _a['k-disabled'] = disabled, _a['k-invalid k-invalid'] = !(this.isValid || validityStyles !== undefined || validityStyles === true), _a));
-
     var checkboxInput = function checkboxInput() {
       return h("input", {
         type: 'checkbox',
@@ -252,7 +242,6 @@ var CheckboxVue2 = {
         onBlur: this.onBlurHandler
       });
     };
-
     if (labelRender) {
       var renderTemplate = labelRender ? templateRendering.call(this, labelRender, getListeners.call(this)) : null;
       renderedLabel = getTemplate.call(this, {
@@ -260,7 +249,6 @@ var CheckboxVue2 = {
         template: renderTemplate
       });
     }
-
     var checkboxLabel = function checkboxLabel() {
       return renderedLabel !== undefined ? h("label", {
         "class": 'k-checkbox-label',
@@ -275,7 +263,6 @@ var CheckboxVue2 = {
         "class": "k-label-optional"
       }, [this.optionalMessage])]) : null;
     };
-
     return labelPlacement === 'before' ? h("span", {
       "class": checkboxClasses,
       dir: 'rtl',
@@ -292,8 +279,8 @@ var CheckboxVue2 = {
   },
   methods: {
     setValidity: function setValidity() {
-      var isValid = this.$props.valid !== undefined ? this.$props.valid : !this.$props.required ? true : this.computedChecked ? true : false; // @ts-ignore
-
+      var isValid = this.$props.valid !== undefined ? this.$props.valid : !this.$props.required ? true : this.computedChecked ? true : false;
+      // @ts-ignore
       if (this.input && this.input.setCustomValidity) {
         // @ts-ignore
         this.input.setCustomValidity(isValid ? '' : this.$props.validationMessage || this.defaultValidationMessage);
@@ -316,13 +303,12 @@ var CheckboxVue2 = {
           that.currentValue = val;
           that.currentChecked = val;
         }
-
         if (!that.$props.disabled) {
           var handle = {
             element: that.$el,
             focus: null // focusElement
-
           };
+
           that.$emit('changemodel', val);
           that.$emit('update:modelValue', val);
           that.$emit('change', {
@@ -331,7 +317,6 @@ var CheckboxVue2 = {
             value: val
           });
         }
-
         this.$data.valueDuringOnChange = undefined;
       });
     },
@@ -343,10 +328,8 @@ var CheckboxVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       var keyCode = e.keyCode;
       var currentVal = e.currentTarget.checked;
-
       if (keyCode === Keys.space) {
         e.preventDefault();
         e.stopPropagation();
@@ -368,6 +351,5 @@ var CheckboxVue2 = {
 /**
  * @hidden
  */
-
 var Checkbox = CheckboxVue2;
 export { Checkbox, CheckboxVue2 };

package/dist/es/colors/ColorContrastLabels.js

@@ -9,7 +9,6 @@ import { getContrastFromTwoRGBAs } from './utils/color-parser';
 /**
  * @hidden
  */
-
 var ColorContrastLabelsVue2 = {
   name: 'KendoColorContrastLabels',
   props: {
@@ -79,6 +78,5 @@ var ColorContrastLabelsVue2 = {
 /**
  * @hidden
  */
-
 var ColorContrastLabels = ColorContrastLabelsVue2;
 export { ColorContrastLabels, ColorContrastLabelsVue2 };

package/dist/es/colors/ColorContrastSvg.js

@@ -11,7 +11,6 @@ var STEP_COUNT = 16;
 /**
  * @hidden
  */
-
 var ColorContrastSvgVue2 = {
   name: 'KendoColorContrastSvg',
   props: {
@@ -29,18 +28,17 @@ var ColorContrastSvgVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
-
     var svgPath = function svgPath(points, command) {
       if (points.length === 0) {
         return '';
-      } // build the d attributes by looping over the points
-
-
+      }
+      // build the d attributes by looping over the points
       var d = points.reduce(function (acc, point, i, a) {
-        return i === 0 ? // if first point
-        "M ".concat(point[0], ",").concat(point[1]) : // else
+        return i === 0 ?
+        // if first point
+        "M ".concat(point[0], ",").concat(point[1]) :
+        // else
         "".concat(acc, " ").concat(command(point, i, a));
       }, '');
       return h("path", {
@@ -56,9 +54,7 @@ var ColorContrastSvgVue2 = {
         "stroke-width": "1"
       });
     };
-
     var gradientRectMetrics = this.$props.metrics;
-
     var findValue = function findValue(contrast, saturation, low, high, comparer) {
       var mid = (low + high) / 2;
       var hsva = Object.assign({}, _this.$props.hsva, {
@@ -66,7 +62,6 @@ var ColorContrastSvgVue2 = {
         v: 1 - mid / gradientRectMetrics.height
       });
       var currentContrast = getContrastFromTwoRGBAs(getRGBA(getColorFromHSV(hsva)), getRGBA(_this.$props.backgroundColor || ''));
-
       if (low + 0.5 > high) {
         if (currentContrast < contrast + 1 && currentContrast > contrast - 1) {
           return mid;
@@ -74,36 +69,28 @@ var ColorContrastSvgVue2 = {
           return null;
         }
       }
-
       if (comparer(currentContrast, contrast)) {
         return findValue(contrast, saturation, low, high - (high - low) / 2, comparer);
       }
-
       return findValue(contrast, saturation, low + (high - low) / 2, high, comparer);
     };
-
     var getPaths = function getPaths(contrast, stepCount, reversed) {
       if (reversed === void 0) {
         reversed = false;
       }
-
       var points = [];
-
       for (var i = 0; i <= gradientRectMetrics.width; i += gradientRectMetrics.width / stepCount) {
         var value = findValue(contrast, i, 0, gradientRectMetrics.height, reversed ? function (a, b) {
           return a < b;
         } : function (a, b) {
           return a > b;
         });
-
         if (value !== null) {
           points.push([i, value]);
         }
       }
-
       return points;
     };
-
     var bezierCommandCalc = bezierCommand(controlPoint(line));
     return h("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -125,6 +112,5 @@ var ColorContrastSvgVue2 = {
 /**
  * @hidden
  */
-
 var ColorContrastSvg = ColorContrastSvgVue2;
 export { ColorContrastSvg, ColorContrastSvgVue2 };

package/dist/es/colors/ColorGradient.js

@@ -20,7 +20,6 @@ var DEFAULT_SELECTED_COLOR = 'rgba(255, 255, 255, 1)';
 /**
  * @hidden
  */
-
 var ColorGradientVue2 = {
   name: 'KendoColorGradient',
   model: {
@@ -71,12 +70,10 @@ var ColorGradientVue2 = {
     },
     computedValue: function computedValue() {
       var value = this.valueSet || this.currentValue || this.defaultValue || parseColor(DEFAULT_SELECTED_COLOR, FORMAT);
-
       if (!isPresent(parseColor(value, 'hex', this.opacity))) {
         // Validate/sanitize the input.
         value = DEFAULT_SELECTED_COLOR;
       }
-
       return value;
     },
     hsva: function hsva() {
@@ -108,14 +105,11 @@ var ColorGradientVue2 = {
   },
   mounted: function mounted() {
     this.setAlphaSliderBackground(this.computedBgColor);
-
     if (this.$el) {
       this.draggable = this.$refs.draggable;
       this.gradientWrapper = this.draggable && this.draggable.element;
     }
-
     this.alphaSlider = this.v3 ? this.alphaSliderRef : this.$refs.alphaSlider;
-
     if (this.isFirstRender) {
       this.isFirstRender = false;
     }
@@ -136,19 +130,15 @@ var ColorGradientVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _this = this;
-
     var h = gh || createElement;
     var className = classNames('k-colorgradient', {
       'k-disabled': this.$props.disabled
     });
     var localizationService = provideLocalizationService(this);
     var dragHandle = localizationService.toLanguageString(colorGradientDragHandle, messages[colorGradientDragHandle]);
-
     var renderRectangleDragHandle = function renderRectangleDragHandle() {
       var style = {};
-
       if (!this.isFirstRender) {
         var gradientRectMetrics = this.getGradientRectMetrics();
         var top_1 = (1 - this.hsva.v) * gradientRectMetrics.height;
@@ -156,7 +146,6 @@ var ColorGradientVue2 = {
         style.top = "".concat(top_1, "px");
         style.left = "".concat(left, "px");
       }
-
       return h("div", {
         "class": "k-hsv-draghandle k-draghandle",
         role: "slider",
@@ -179,7 +168,6 @@ var ColorGradientVue2 = {
         ref: setRef(this, 'draghandle')
       });
     };
-
     return h("div", {
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
@@ -211,7 +199,8 @@ var ColorGradientVue2 = {
       style: {
         background: this.computedBgColor
       }
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(Draggable, {
       onDrag: this.onDrag,
       on: this.v3 ? undefined : {
@@ -342,11 +331,9 @@ var ColorGradientVue2 = {
   methods: {
     onKeyDownHandler: function onKeyDownHandler(e) {
       var element = this.$el;
-
       if (this.innerTabIndex === undefined) {
         this.focused = focusContainer(e, element);
       }
-
       this.$emit('keydown', e);
     },
     onHexChange: function onHexChange(hex, value, event) {
@@ -387,25 +374,20 @@ var ColorGradientVue2 = {
     },
     onGradientWrapperClick: function onGradientWrapperClick(event) {
       this.firstFocusable = getRef(this, 'draghandle');
-
       if (this.firstFocusable) {
         this.firstFocusable.focus();
       }
-
       this.changePosition(event);
     },
     move: function move(e, prop, d) {
       var c = this.hsva;
       c[prop] += d * (e.shiftKey ? 0.01 : 0.05);
-
       if (c[prop] < 0) {
         c[prop] = 0;
       }
-
       if (c[prop] > 1) {
         c[prop] = 1;
       }
-
       e.preventDefault();
       this.handleHsvaChange(c, e);
     },
@@ -414,25 +396,19 @@ var ColorGradientVue2 = {
         case Keys.left:
           this.move(e, 's', -1);
           break;
-
         case Keys.right:
           this.move(e, 's', 1);
           break;
-
         case Keys.up:
           this.move(e, 'v', 1);
           break;
-
         case Keys.down:
           this.move(e, 'v', -1);
           break;
-
         case Keys.enter:
           break;
-
         case Keys.esc:
           break;
-
         default:
           break;
       }
@@ -503,7 +479,6 @@ var ColorGradientVue2 = {
     },
     focus: function focus() {
       var _this = this;
-
       this.focused = true;
       setTimeout(function () {
         focusFirstFocusableChild(_this.$el);
@@ -514,6 +489,5 @@ var ColorGradientVue2 = {
 /**
  * @hidden
  */
-
 var ColorGradient = ColorGradientVue2;
 export { ColorGradient, ColorGradientVue2 };

package/dist/es/colors/ColorInput.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;
@@ -29,12 +25,10 @@ import { guid, Keys } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var modes = ['rgba', 'rgb', 'hex'];
 /**
  * @hidden
  */
-
 var ColorInputVue2 = {
   name: 'KendoColorInput',
   // @ts-ignore
@@ -138,7 +132,8 @@ var ColorInputVue2 = {
       },
       disabled: this.$props.disabled,
       ref: 'hexinput'
-    })]), // @ts-ignore  function children
+    })]),
+    // @ts-ignore  function children
     h(Label, {
       "class": "k-colorgradient-input-label",
       "for": this.hexInputId,
@@ -174,7 +169,8 @@ var ColorInputVue2 = {
         "change": this.onRgbaRChange
       },
       disabled: this.$props.disabled
-    }), // @ts-ignore  function children
+    }),
+    // @ts-ignore  function children
     h(Label, {
       "class": "k-colorgradient-input-label"
     }, this.v3 ? function () {
@@ -206,7 +202,8 @@ var ColorInputVue2 = {
         "change": this.onRgbaGChange
       },
       disabled: this.$props.disabled
-    }), // @ts-ignore  function children
+    }),
+    // @ts-ignore  function children
     h(Label, {
       "class": "k-colorgradient-input-label"
     }, this.v3 ? function () {
@@ -239,7 +236,8 @@ var ColorInputVue2 = {
       },
       disabled: this.$props.disabled,
       ref: 'numericb'
-    }), // @ts-ignore  function children
+    }),
+    // @ts-ignore  function children
     h(Label, {
       "class": "k-colorgradient-input-label"
     }, this.v3 ? function () {
@@ -274,7 +272,8 @@ var ColorInputVue2 = {
       },
       disabled: this.$props.disabled,
       ref: 'numerica'
-    }), this.$props.opacity && // @ts-ignore  function children
+    }), this.$props.opacity &&
+    // @ts-ignore  function children
     h(Label, {
       "class": "k-colorgradient-input-label"
     }, this.v3 ? function () {
@@ -307,28 +306,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];
@@ -346,6 +339,5 @@ var ColorInputVue2 = {
 /**
  * @hidden
  */
-
 var ColorInput = ColorInputVue2;
 export { ColorInput, ColorInputVue2 };

package/dist/es/colors/ColorPalette.js

@@ -12,22 +12,18 @@ import { parseColor } from './utils/color-parser';
 /**
  * @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 };