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

package/dist/esm/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.js';
 /**
  * @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/npm/checkbox/Checkbox.js

@@ -3,28 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CheckboxVue2 = exports.Checkbox = void 0; // @ts-ignore
-
+exports.CheckboxVue2 = exports.Checkbox = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var main_1 = require("../messages/main");
 /**
  * @hidden
  */
-
-
 var CheckboxVue2 = {
   name: 'KendoCheckbox',
   // @ts-ignore
@@ -111,15 +104,12 @@ var CheckboxVue2 = {
   created: function created() {
     (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.calculatedId = (0, kendo_vue_common_1.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: {
@@ -159,23 +149,19 @@ var CheckboxVue2 = {
   },
   mounted: function mounted() {
     this.input = (0, kendo_vue_common_1.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 = (0, kendo_vue_common_1.getRef)(this, 'input');
     }
-
     this.setValidity();
   },
   // @ts-ignore
@@ -191,23 +177,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 = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var renderedLabel = label;
     this.localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
@@ -219,7 +204,6 @@ var CheckboxVue2 = {
     var inputClasses = (0, kendo_vue_common_1.classNames)((_a = {
       'k-checkbox': true
     }, _a["k-checkbox-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size])] = size, _a["k-rounded-".concat(kendo_vue_common_1.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',
@@ -264,7 +248,6 @@ var CheckboxVue2 = {
         onBlur: this.onBlurHandler
       });
     };
-
     if (labelRender) {
       var renderTemplate = labelRender ? kendo_vue_common_1.templateRendering.call(this, labelRender, kendo_vue_common_1.getListeners.call(this)) : null;
       renderedLabel = kendo_vue_common_1.getTemplate.call(this, {
@@ -272,7 +255,6 @@ var CheckboxVue2 = {
         template: renderTemplate
       });
     }
-
     var checkboxLabel = function checkboxLabel() {
       return renderedLabel !== undefined ? h("label", {
         "class": 'k-checkbox-label',
@@ -287,7 +269,6 @@ var CheckboxVue2 = {
         "class": "k-label-optional"
       }, [this.optionalMessage])]) : null;
     };
-
     return labelPlacement === 'before' ? h("span", {
       "class": checkboxClasses,
       dir: 'rtl',
@@ -304,8 +285,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);
@@ -328,13 +309,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', {
@@ -343,7 +323,6 @@ var CheckboxVue2 = {
             value: val
           });
         }
-
         this.$data.valueDuringOnChange = undefined;
       });
     },
@@ -355,10 +334,8 @@ var CheckboxVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       var keyCode = e.keyCode;
       var currentVal = e.currentTarget.checked;
-
       if (keyCode === kendo_vue_common_1.Keys.space) {
         e.preventDefault();
         e.stopPropagation();
@@ -381,6 +358,5 @@ exports.CheckboxVue2 = CheckboxVue2;
 /**
  * @hidden
  */
-
 var Checkbox = CheckboxVue2;
 exports.Checkbox = Checkbox;

package/dist/npm/colors/ColorContrastLabels.js

@@ -3,24 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ColorContrastLabelsVue2 = exports.ColorContrastLabels = void 0; // @ts-ignore
-
+exports.ColorContrastLabelsVue2 = exports.ColorContrastLabels = 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_intl_1 = require("@progress/kendo-vue-intl");
-
 var main_1 = require("../messages/main");
-
 var color_parser_1 = require("./utils/color-parser");
 /**
  * @hidden
  */
-
-
 var ColorContrastLabelsVue2 = {
   name: 'KendoColorContrastLabels',
   props: {
@@ -91,6 +85,5 @@ exports.ColorContrastLabelsVue2 = ColorContrastLabelsVue2;
 /**
  * @hidden
  */
-
 var ColorContrastLabels = ColorContrastLabelsVue2;
 exports.ColorContrastLabels = ColorContrastLabels;

package/dist/npm/colors/ColorContrastSvg.js

@@ -3,25 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ColorContrastSvgVue2 = exports.ColorContrastSvg = void 0; // @ts-ignore
-
+exports.ColorContrastSvgVue2 = exports.ColorContrastSvg = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var svg_calc_1 = require("./utils/svg-calc");
-
 var color_parser_1 = require("./utils/color-parser");
-
 var AA_CONTRAST = 4.5;
 var AAA_CONTRAST = 7;
 var STEP_COUNT = 16;
 /**
  * @hidden
  */
-
 var ColorContrastSvgVue2 = {
   name: 'KendoColorContrastSvg',
   props: {
@@ -39,18 +34,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", {
@@ -66,9 +60,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, {
@@ -76,7 +68,6 @@ var ColorContrastSvgVue2 = {
         v: 1 - mid / gradientRectMetrics.height
       });
       var currentContrast = (0, color_parser_1.getContrastFromTwoRGBAs)((0, color_parser_1.getRGBA)((0, color_parser_1.getColorFromHSV)(hsva)), (0, color_parser_1.getRGBA)(_this.$props.backgroundColor || ''));
-
       if (low + 0.5 > high) {
         if (currentContrast < contrast + 1 && currentContrast > contrast - 1) {
           return mid;
@@ -84,36 +75,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 = (0, svg_calc_1.bezierCommand)((0, svg_calc_1.controlPoint)(svg_calc_1.line));
     return h("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -136,6 +119,5 @@ exports.ColorContrastSvgVue2 = ColorContrastSvgVue2;
 /**
  * @hidden
  */
-
 var ColorContrastSvg = ColorContrastSvgVue2;
 exports.ColorContrastSvg = ColorContrastSvg;

package/dist/npm/colors/ColorGradient.js

@@ -3,44 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ColorGradientVue2 = exports.ColorGradient = void 0; // @ts-ignore
-
+exports.ColorGradientVue2 = exports.ColorGradient = 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_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
-
 var main_1 = require("./../main");
-
 var misc_1 = require("./utils/misc");
-
 var color_parser_1 = require("./utils/color-parser");
-
 var color_cache_1 = require("./utils/color-cache");
-
 var ColorInput_1 = require("./ColorInput");
-
 var ColorContrastLabels_1 = require("./ColorContrastLabels");
-
 var ColorContrastSvg_1 = require("./ColorContrastSvg");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var main_2 = require("../messages/main");
-
 var FORMAT = 'rgba';
 var DEFAULT_SELECTED_COLOR = 'rgba(255, 255, 255, 1)';
 /**
  * @hidden
  */
-
 var ColorGradientVue2 = {
   name: 'KendoColorGradient',
   model: {
@@ -91,12 +76,10 @@ var ColorGradientVue2 = {
     },
     computedValue: function computedValue() {
       var value = this.valueSet || this.currentValue || this.defaultValue || (0, color_parser_1.parseColor)(DEFAULT_SELECTED_COLOR, FORMAT);
-
       if (!(0, misc_1.isPresent)((0, color_parser_1.parseColor)(value, 'hex', this.opacity))) {
         // Validate/sanitize the input.
         value = DEFAULT_SELECTED_COLOR;
       }
-
       return value;
     },
     hsva: function hsva() {
@@ -128,14 +111,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;
     }
@@ -156,19 +136,15 @@ var ColorGradientVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _this = this;
-
     var h = gh || createElement;
     var className = (0, kendo_vue_common_1.classNames)('k-colorgradient', {
       'k-disabled': this.$props.disabled
     });
     var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var dragHandle = localizationService.toLanguageString(main_2.colorGradientDragHandle, main_2.messages[main_2.colorGradientDragHandle]);
-
     var renderRectangleDragHandle = function renderRectangleDragHandle() {
       var style = {};
-
       if (!this.isFirstRender) {
         var gradientRectMetrics = this.getGradientRectMetrics();
         var top_1 = (1 - this.hsva.v) * gradientRectMetrics.height;
@@ -176,7 +152,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",
@@ -199,7 +174,6 @@ var ColorGradientVue2 = {
         ref: (0, kendo_vue_common_1.setRef)(this, 'draghandle')
       });
     };
-
     return h("div", {
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
@@ -231,7 +205,8 @@ var ColorGradientVue2 = {
       style: {
         background: this.computedBgColor
       }
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(kendo_vue_common_1.Draggable, {
       onDrag: this.onDrag,
       on: this.v3 ? undefined : {
@@ -362,11 +337,9 @@ var ColorGradientVue2 = {
   methods: {
     onKeyDownHandler: function onKeyDownHandler(e) {
       var element = this.$el;
-
       if (this.innerTabIndex === undefined) {
         this.focused = (0, kendo_vue_common_1.focusContainer)(e, element);
       }
-
       this.$emit('keydown', e);
     },
     onHexChange: function onHexChange(hex, value, event) {
@@ -407,25 +380,20 @@ var ColorGradientVue2 = {
     },
     onGradientWrapperClick: function onGradientWrapperClick(event) {
       this.firstFocusable = (0, kendo_vue_common_1.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);
     },
@@ -434,25 +402,19 @@ var ColorGradientVue2 = {
         case kendo_vue_common_1.Keys.left:
           this.move(e, 's', -1);
           break;
-
         case kendo_vue_common_1.Keys.right:
           this.move(e, 's', 1);
           break;
-
         case kendo_vue_common_1.Keys.up:
           this.move(e, 'v', 1);
           break;
-
         case kendo_vue_common_1.Keys.down:
           this.move(e, 'v', -1);
           break;
-
         case kendo_vue_common_1.Keys.enter:
           break;
-
         case kendo_vue_common_1.Keys.esc:
           break;
-
         default:
           break;
       }
@@ -523,7 +485,6 @@ var ColorGradientVue2 = {
     },
     focus: function focus() {
       var _this = this;
-
       this.focused = true;
       setTimeout(function () {
         (0, kendo_vue_common_1.focusFirstFocusableChild)(_this.$el);
@@ -535,6 +496,5 @@ exports.ColorGradientVue2 = ColorGradientVue2;
 /**
  * @hidden
  */
-
 var ColorGradient = ColorGradientVue2;
 exports.ColorGradient = ColorGradient;