@progress/kendo-vue-inputs 3.4.3 → 3.4.4-dev.202207220925

package/dist/npm/colors/ColorContrastSvg.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var svg_calc_1 = require("./utils/svg-calc");
 
@@ -38,62 +38,83 @@ var ColorContrastSvgVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var h = gh || createElement;
+    var _this = this;
 
-    var renderSvgCurveLine = function renderSvgCurveLine() {
-      var _this = this;
+    var h = gh || createElement;
 
-      var gradientRectMetrics = this.$props.metrics;
+    var svgPath = function svgPath(points, command) {
+      if (points.length === 0) {
+        return '';
+      } // 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 " + point[0] + "," + point[1] : // else
+        acc + " " + command(point, i, a);
+      }, '');
+      return h("path", {
+        d: d,
+        attrs: this.v3 ? undefined : {
+          d: d,
+          fill: "none",
+          stroke: "white",
+          "stroke-width": "1"
+        },
+        fill: "none",
+        stroke: "white",
+        "stroke-width": "1"
+      });
+    };
 
-      var findValue = function findValue(contrast, saturation, low, high, comparer) {
-        var mid = (low + high) / 2;
-        var hsva = Object.assign({}, _this.$props.hsva, {
-          s: saturation / gradientRectMetrics.width,
-          v: 1 - mid / gradientRectMetrics.height
-        });
-        var currentContrast = color_parser_1.getContrastFromTwoRGBAs(color_parser_1.getRGBA(color_parser_1.getColorFromHSV(hsva)), color_parser_1.getRGBA(_this.$props.backgroundColor || ''));
-
-        if (low + 0.5 > high) {
-          if (currentContrast < contrast + 1 && currentContrast > contrast - 1) {
-            return mid;
-          } else {
-            return null;
-          }
+    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, {
+        s: saturation / gradientRectMetrics.width,
+        v: 1 - mid / gradientRectMetrics.height
+      });
+      var currentContrast = color_parser_1.getContrastFromTwoRGBAs(color_parser_1.getRGBA(color_parser_1.getColorFromHSV(hsva)), color_parser_1.getRGBA(_this.$props.backgroundColor || ''));
+
+      if (low + 0.5 > high) {
+        if (currentContrast < contrast + 1 && currentContrast > contrast - 1) {
+          return mid;
+        } else {
+          return null;
         }
+      }
 
-        if (comparer(currentContrast, contrast)) {
-          return findValue(contrast, saturation, low, high - (high - low) / 2, comparer);
-        }
+      if (comparer(currentContrast, contrast)) {
+        return findValue(contrast, saturation, low, high - (high - low) / 2, comparer);
+      }
 
-        return findValue(contrast, saturation, low + (high - low) / 2, high, 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 getPaths = function getPaths(contrast, stepCount, reversed) {
+      if (reversed === void 0) {
+        reversed = false;
+      }
 
-        var points = [];
+      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;
-          });
+      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]);
-          }
+        if (value !== null) {
+          points.push([i, value]);
         }
+      }
 
-        return points;
-      };
-
-      var bezierCommandCalc = svg_calc_1.bezierCommand(svg_calc_1.controlPoint(svg_calc_1.line));
-      return svg_calc_1.svgPath(getPaths(AA_CONTRAST, STEP_COUNT), bezierCommandCalc) + svg_calc_1.svgPath(getPaths(AA_CONTRAST, STEP_COUNT, true), bezierCommandCalc) + svg_calc_1.svgPath(getPaths(AAA_CONTRAST, STEP_COUNT), bezierCommandCalc) + svg_calc_1.svgPath(getPaths(AAA_CONTRAST, STEP_COUNT, true), bezierCommandCalc);
+      return points;
     };
 
+    var bezierCommandCalc = svg_calc_1.bezierCommand(svg_calc_1.controlPoint(svg_calc_1.line));
     return h("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       attrs: this.v3 ? undefined : {
@@ -108,7 +129,7 @@ var ColorContrastSvgVue2 = {
         top: 0,
         zIndex: 3
       }
-    }, [renderSvgCurveLine.call(this)]);
+    }, [svgPath.call(this, getPaths(AA_CONTRAST, STEP_COUNT), bezierCommandCalc), svgPath.call(this, getPaths(AA_CONTRAST, STEP_COUNT, true), bezierCommandCalc), svgPath.call(this, getPaths(AAA_CONTRAST, STEP_COUNT), bezierCommandCalc), svgPath.call(this, getPaths(AAA_CONTRAST, STEP_COUNT, true), bezierCommandCalc)]);
   }
 };
 exports.ColorContrastSvgVue2 = ColorContrastSvgVue2;

package/dist/npm/colors/ColorGradient.d.ts

@@ -31,7 +31,7 @@ export interface ColorGradientMethods {
  */
 export interface ColorGradientData {
     hsva: HSVA;
-    backgroundColor: string;
+    currentBgColor: string;
     rgba: RGBA;
     hex: string;
     isFirstRender: boolean;

package/dist/npm/colors/ColorGradient.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
@@ -87,7 +87,7 @@ var ColorGradientVue2 = {
       return this.currentHex || color_cache_1.getCachedHex(this.guid, this.computedValue) || color_parser_1.parseColor(this.computedValue, 'hex');
     },
     computedBgColor: function computedBgColor() {
-      return this.backgroundColor !== undefined ? this.backgroundColor : this.currentBgColor || color_parser_1.getColorFromHue(this.hsva.h);
+      return this.currentBgColor || color_parser_1.getColorFromHue(this.hsva.h);
     }
   },
   data: function data() {
@@ -214,15 +214,15 @@ var ColorGradientVue2 = {
       on: _this2.v3 ? undefined : {
         "click": _this2.onGradientWrapperClick
       }
-    }, [renderRectangleDragHandle.call(_this2)])]), this.computedBgColor && !this.isFirstRender && h(ColorContrastSvg_1.ColorContrastSvg, {
+    }, [renderRectangleDragHandle.call(_this2)])]), this.backgroundColor && !this.isFirstRender && h(ColorContrastSvg_1.ColorContrastSvg, {
       metrics: this.gradientWrapper ? this.getGradientRectMetrics() : undefined,
       attrs: this.v3 ? undefined : {
         metrics: this.gradientWrapper ? this.getGradientRectMetrics() : undefined,
         hsva: this.hsva,
-        backgroundColor: this.computedBgColor
+        backgroundColor: this.backgroundColor
       },
       hsva: this.hsva,
-      backgroundColor: this.computedBgColor
+      backgroundColor: this.backgroundColor
     })]), h("div", {
       "class": "k-hsv-controls k-hstack"
     }, [h(main_1.Slider, {
@@ -291,20 +291,18 @@ var ColorGradientVue2 = {
       onRgbachange: this.onRgbaChange,
       on: this.v3 ? undefined : {
         "rgbachange": this.onRgbaChange,
-        "focus": this.onFocus,
         "blur": this.onBlur,
         "hexchange": this.onHexChange
       },
       hex: this.hex,
-      onFocus: this.onFocus,
       onBlur: this.onBlur,
       onHexchange: this.onHexChange,
       opacity: this.$props.opacity,
       disabled: this.$props.disabled
-    }), this.computedBgColor && h(ColorContrastLabels_1.ColorContrastLabels, {
-      bgColor: color_parser_1.getRGBA(this.computedBgColor),
+    }), this.backgroundColor && h(ColorContrastLabels_1.ColorContrastLabels, {
+      bgColor: color_parser_1.getRGBA(this.backgroundColor),
       attrs: this.v3 ? undefined : {
-        bgColor: color_parser_1.getRGBA(this.computedBgColor),
+        bgColor: color_parser_1.getRGBA(this.backgroundColor),
         rgba: this.rgba
       },
       rgba: this.rgba
@@ -332,7 +330,7 @@ var ColorGradientVue2 = {
         color_cache_1.cacheHex(this.guid, value, hex);
       }
 
-      this.dispatchChangeEvent(value, event, event.nativeEvent);
+      this.dispatchChangeEvent(value, event, event.event);
     },
     onRgbaChange: function onRgbaChange(rgba, event) {
       var value = color_parser_1.getColorFromRGBA(rgba);

package/dist/npm/colors/ColorInput.js

@@ -25,7 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var main_1 = require("../main");
 
@@ -265,7 +265,7 @@ var ColorInputVue2 = {
       this.$emit('blur', event);
     },
     onHexChange: function onHexChange(event) {
-      this.$emit('hexchange', event);
+      this.$emit('hexchange', event.hex, event.value, event);
     },
     onRgbaRChange: function onRgbaRChange(event) {
       this.dispatchRgbaChange({

package/dist/npm/colors/ColorPalette.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var color_palette_service_1 = require("./utils/color-palette.service");
 

package/dist/npm/colors/ColorPicker.js

@@ -25,7 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
 

package/dist/npm/colors/FlatColorPicker.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 

package/dist/npm/colors/HexInput.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var color_parser_1 = require("./utils/color-parser");
 
@@ -39,11 +39,6 @@ var HexInputVue2 = {
       originalHex: this.$props.hex
     };
   },
-  computed: {
-    computedHex: function computedHex() {
-      return this.hex !== undefined ? this.hex : this.currentHex;
-    }
-  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -51,21 +46,28 @@ var HexInputVue2 = {
       v3: v3
     };
   },
+  watch: {
+    hex: function hex(newValue) {
+      this.currentHex = newValue;
+    }
+  },
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
     return h(Input_1.Input, {
-      value: this.computedHex,
+      value: this.currentHex,
       attrs: this.v3 ? undefined : {
-        value: this.computedHex,
+        value: this.currentHex,
         disabled: this.$props.disabled
       },
-      onChange: this.onChange,
+      onInput: this.onChange,
       on: this.v3 ? undefined : {
+        "input": this.onChange,
         "change": this.onChange,
         "focus": this.onFocus,
         "blur": this.onBlur
       },
+      onChange: this.onChange,
       onFocus: this.onFocus,
       onBlur: this.onBlur,
       disabled: this.$props.disabled
@@ -78,7 +80,11 @@ var HexInputVue2 = {
       this.currentHex = hex;
 
       if (misc_1.isPresent(value)) {
-        this.$emit('hexchange', hex, value, event);
+        this.$emit('hexchange', {
+          hex: hex,
+          value: value,
+          event: event
+        });
       }
     },
     onBlur: function onBlur(event) {

package/dist/npm/colors/Picker.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
 

package/dist/npm/input/Input.js

@@ -25,7 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");

package/dist/npm/input-separator/InputSeparator.js

@@ -11,7 +11,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var package_metadata_1 = require("../package-metadata");

package/dist/npm/maskedtextbox/MaskedTextBox.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var masking_service_1 = require("./masking.service");

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1657627749,
+    publishDate: 1658481454,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/radiobutton/RadioButton.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 

package/dist/npm/radiobutton/RadioGroup.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 

package/dist/npm/range-slider/RangeSlider.js

@@ -25,7 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 

package/dist/npm/slider/Slider.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 

package/dist/npm/slider/SliderLabel.js

@@ -25,7 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");

package/dist/npm/switch/Switch.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 

package/dist/npm/textarea/TextArea.js

@@ -25,7 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.4.3",
+  "version": "3.4.4-dev.202207220925",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,22 +38,22 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.4.3",
-    "@progress/kendo-vue-common": "3.4.3",
-    "@progress/kendo-vue-labels": "3.4.3",
-    "@progress/kendo-vue-popup": "3.4.3"
+    "@progress/kendo-vue-buttons": "3.4.4-dev.202207220925",
+    "@progress/kendo-vue-common": "3.4.4-dev.202207220925",
+    "@progress/kendo-vue-labels": "3.4.4-dev.202207220925",
+    "@progress/kendo-vue-popup": "3.4.4-dev.202207220925"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-date-math": "^1.5.4",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-buttons": "3.4.3",
-    "@progress/kendo-vue-dropdowns": "3.4.3",
-    "@progress/kendo-vue-form": "3.4.3",
-    "@progress/kendo-vue-intl": "3.4.3",
-    "@progress/kendo-vue-labels": "3.4.3",
-    "@progress/kendo-vue-tooltip": "3.4.3",
+    "@progress/kendo-vue-buttons": "3.4.4-dev.202207220925",
+    "@progress/kendo-vue-dropdowns": "3.4.4-dev.202207220925",
+    "@progress/kendo-vue-form": "3.4.4-dev.202207220925",
+    "@progress/kendo-vue-intl": "3.4.4-dev.202207220925",
+    "@progress/kendo-vue-labels": "3.4.4-dev.202207220925",
+    "@progress/kendo-vue-tooltip": "3.4.4-dev.202207220925",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0"