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

package/dist/es/textarea/TextArea.js

@@ -2,30 +2,26 @@ 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 { guid, isRtl, getTabIndex, validatePackage, kendoThemeMaps, templateDefinition, templateRendering, getListeners, getTemplate // useDir,
+import { guid, isRtl, getTabIndex, validatePackage, kendoThemeMaps, templateDefinition, templateRendering, getListeners, getTemplate
+// useDir,
 } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var TextAreaVue2 = {
   name: 'KendoTextArea',
   model: {
@@ -120,15 +116,14 @@ var TextAreaVue2 = {
   computed: {
     rootClassName: function rootClassName() {
       var _a;
-
       var _b = this.$props,
-          size = _b.size,
-          fillMode = _b.fillMode,
-          rounded = _b.rounded,
-          required = _b.required,
-          showLoadingIcon = _b.showLoadingIcon,
-          resizable = _b.resizable,
-          autoSize = _b.autoSize;
+        size = _b.size,
+        fillMode = _b.fillMode,
+        rounded = _b.rounded,
+        required = _b.required,
+        showLoadingIcon = _b.showLoadingIcon,
+        resizable = _b.resizable,
+        autoSize = _b.autoSize;
       var invalid = this.validityStyles === true ? !this.isValid : false;
       return _a = {
         'k-input': true,
@@ -137,7 +132,6 @@ var TextAreaVue2 = {
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
-
       return _a = {
         'k-input-inner': true,
         '!k-resize-none': true,
@@ -204,26 +198,24 @@ var TextAreaVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
-        ariaDescribedBy = _a.ariaDescribedBy,
-        ariaLabelledBy = _a.ariaLabelledBy,
-        autoSize = _a.autoSize,
-        disabled = _a.disabled,
-        readOnly = _a.readOnly,
-        required = _a.required,
-        rows = _a.rows,
-        id = _a.id,
-        name = _a.name,
-        placeholder = _a.placeholder,
-        tabIndex = _a.tabIndex,
-        iconName = _a.iconName,
-        showValidationIcon = _a.showValidationIcon,
-        showLoadingIcon = _a.showLoadingIcon,
-        showClearButton = _a.showClearButton,
-        title = _a.title;
-
+      ariaDescribedBy = _a.ariaDescribedBy,
+      ariaLabelledBy = _a.ariaLabelledBy,
+      autoSize = _a.autoSize,
+      disabled = _a.disabled,
+      readOnly = _a.readOnly,
+      required = _a.required,
+      rows = _a.rows,
+      id = _a.id,
+      name = _a.name,
+      placeholder = _a.placeholder,
+      tabIndex = _a.tabIndex,
+      iconName = _a.iconName,
+      showValidationIcon = _a.showValidationIcon,
+      showLoadingIcon = _a.showLoadingIcon,
+      showClearButton = _a.showClearButton,
+      title = _a.title;
     var textAreaAttrs = __assign({
       id: id || this.calculatedId,
       name: name,
@@ -239,7 +231,6 @@ var TextAreaVue2 = {
       'aria-multiline': true,
       'aria-disabled': disabled || undefined
     }, this.$attrs);
-
     var inputPrefixTemplate = templateRendering.call(this, this.$props.inputPrefix, getListeners.call(this));
     var inputSuffixTemplate = templateRendering.call(this, this.$props.inputSuffix, getListeners.call(this));
     var inputPrefix = getTemplate.call(this, {
@@ -329,7 +320,6 @@ var TextAreaVue2 = {
       if (this.element && this.element.setCustomValidity) {
         this.element.setCustomValidity(this.isValid ? '' : this.validationMessage || '');
       }
-
       if (this.element) {
         this.textAreaHeight = "".concat(this.element.scrollHeight, "px");
       }
@@ -344,12 +334,10 @@ var TextAreaVue2 = {
     },
     emitUpdate: function emitUpdate(event, eventName, value) {
       var newValue = value;
-
       if (!this.$props.disabled) {
         this.textAreaHeight = 'auto';
         this.currentValue = newValue;
       }
-
       if (!this.$props.disabled) {
         this.$emit('changemodel', newValue);
         this.$emit('update:modelValue', newValue);
@@ -420,6 +408,5 @@ var TextAreaVue2 = {
  * </script>
  * ```
  */
-
 var TextArea = TextAreaVue2;
 export { TextArea, TextAreaVue2 };

package/dist/esm/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/esm/colors/ColorContrastLabels.js

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

package/dist/esm/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/esm/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/esm/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 };