@progress/kendo-vue-inputs 3.4.3 → 3.4.5-dev.202207300828

package/dist/es/checkbox/Checkbox.js

@@ -2,7 +2,7 @@
 import * as Vue from '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;
 import { Keys, classNames, guid, getTabIndex, getDefaultSlots, validatePackage, templateRendering, getTemplate, getListeners, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
@@ -202,11 +202,11 @@ var CheckboxVue2 = {
     this.defaultValidationMessage = this.localizeMessage(checkboxValidation);
     this.optionalMessage = this.localizeMessage(checkboxOptionalText);
     var checkboxClasses = classNames({
-      'k-state-disabled': disabled
+      'k-disabled': disabled
     });
     var inputClasses = classNames((_a = {
       'k-checkbox': true
-    }, _a["k-checkbox-" + kendoThemeMaps.sizeMap[size]] = size, _a["k-rounded-" + kendoThemeMaps.roundedMap[rounded]] = rounded, _a['k-state-indeterminate'] = this.indeterminateProp, _a['k-state-invalid k-invalid'] = !(this.isValid || validityStyles !== undefined || validityStyles === true), _a));
+    }, _a["k-checkbox-" + kendoThemeMaps.sizeMap[size]] = size, _a["k-rounded-" + kendoThemeMaps.roundedMap[rounded]] = rounded, _a['k-indeterminate'] = this.indeterminateProp, _a['k-invalid k-invalid'] = !(this.isValid || validityStyles !== undefined || validityStyles === true), _a));
 
     var checkboxInput = function checkboxInput() {
       return h("input", {

package/dist/es/colors/ColorContrastLabels.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, colorGradientContrastRatio, colorGradientAALevel, colorGradientAAALevel, colorGradientPass, colorGradientFail } from '../messages';
 import { getContrastFromTwoRGBAs } from './utils/color-parser';
@@ -43,12 +43,16 @@ var ColorContrastLabelsVue2 = {
     var contrastText = contrastRatioMessage + ": " + contrast.toFixed(2);
     var aaText = AALevelMessage + ": " + requiredAAContrast;
     var aaaText = AAALevelMessage + ": " + requiredAAAContrast;
+    var aaPass = contrast >= 4.5;
+    var aaaPass = contrast >= 7;
     var success = h("span", {
+      key: 1,
       "class": "k-contrast-validation k-text-success"
     }, [passMessage, " ", h("span", {
       "class": "k-icon k-i-check"
     })]);
     var error = h("span", {
+      key: 2,
       "class": "k-contrast-validation k-text-error"
     }, [failMessage, " ", h("span", {
       "class": "k-icon k-i-close"
@@ -59,17 +63,17 @@ var ColorContrastLabelsVue2 = {
       "class": "k-contrast-ratio"
     }, [h("span", {
       "class": "k-contrast-ratio-text"
-    }, [contrastText]), contrast >= 4.5 ? h("span", {
+    }, [contrastText]), aaPass ? h("span", {
       "class": "k-contrast-validation k-text-success"
     }, [h("span", {
       "class": "k-icon k-i-check"
-    }), contrast >= 7 && h("span", {
+    }), aaaPass && h("span", {
       "class": "k-icon k-i-check"
     })]) : h("span", {
       "class": "k-contrast-validation k-text-error"
     }, [h("span", {
       "class": "k-icon k-i-close"
-    })])]), h("div", [h("span", [aaText]), contrast >= 4.5 ? success : error]), h("div", [h("span", [aaaText]), contrast >= 7 ? success : error])]);
+    })])]), h("div", [h("span", [aaText]), aaPass ? success : error]), h("div", [h("span", [aaaText]), aaaPass ? success : error])]);
   }
 };
 /**

package/dist/es/colors/ColorContrastSvg.js

@@ -2,8 +2,8 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
-import { bezierCommand, controlPoint, line, svgPath } from './utils/svg-calc';
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { bezierCommand, controlPoint, line } from './utils/svg-calc';
 import { getColorFromHSV, getRGBA, getContrastFromTwoRGBAs } from './utils/color-parser';
 var AA_CONTRAST = 4.5;
 var AAA_CONTRAST = 7;
@@ -28,62 +28,83 @@ var ColorContrastSvgVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this = this;
+
     var h = gh || createElement;
 
-    var renderSvgCurveLine = function renderSvgCurveLine() {
-      var _this = this;
+    var svgPath = function svgPath(points, command) {
+      if (points.length === 0) {
+        return '';
+      } // build the d attributes by looping over the points
 
-      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 = getContrastFromTwoRGBAs(getRGBA(getColorFromHSV(hsva)), getRGBA(_this.$props.backgroundColor || ''));
-
-        if (low + 0.5 > high) {
-          if (currentContrast < contrast + 1 && currentContrast > contrast - 1) {
-            return mid;
-          } else {
-            return null;
-          }
-        }
+      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"
+      });
+    };
 
-        if (comparer(currentContrast, contrast)) {
-          return findValue(contrast, saturation, low, high - (high - low) / 2, comparer);
-        }
+    var gradientRectMetrics = this.$props.metrics;
 
-        return findValue(contrast, saturation, low + (high - low) / 2, high, comparer);
-      };
+    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 = getContrastFromTwoRGBAs(getRGBA(getColorFromHSV(hsva)), getRGBA(_this.$props.backgroundColor || ''));
 
-      var getPaths = function getPaths(contrast, stepCount, reversed) {
-        if (reversed === void 0) {
-          reversed = false;
+      if (low + 0.5 > high) {
+        if (currentContrast < contrast + 1 && currentContrast > contrast - 1) {
+          return mid;
+        } else {
+          return null;
         }
+      }
 
-        var points = [];
+      if (comparer(currentContrast, contrast)) {
+        return findValue(contrast, saturation, low, high - (high - low) / 2, comparer);
+      }
 
-        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;
-          });
+      return findValue(contrast, saturation, low + (high - low) / 2, high, comparer);
+    };
 
-          if (value !== null) {
-            points.push([i, value]);
-          }
-        }
+    var getPaths = function getPaths(contrast, stepCount, reversed) {
+      if (reversed === void 0) {
+        reversed = false;
+      }
 
-        return 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;
+        });
+
+        if (value !== null) {
+          points.push([i, value]);
+        }
+      }
 
-      var bezierCommandCalc = bezierCommand(controlPoint(line));
-      return svgPath(getPaths(AA_CONTRAST, STEP_COUNT), bezierCommandCalc) + svgPath(getPaths(AA_CONTRAST, STEP_COUNT, true), bezierCommandCalc) + svgPath(getPaths(AAA_CONTRAST, STEP_COUNT), bezierCommandCalc) + svgPath(getPaths(AAA_CONTRAST, STEP_COUNT, true), bezierCommandCalc);
+      return points;
     };
 
+    var bezierCommandCalc = bezierCommand(controlPoint(line));
     return h("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       attrs: this.v3 ? undefined : {
@@ -98,7 +119,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)]);
   }
 };
 /**

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

@@ -13,6 +13,8 @@ export interface ColorGradientState {
     guidId: string;
     gradientWrapper: any;
     alphaSlider: any;
+    firstFocusable: any;
+    lastFocusable: any;
 }
 /**
  * @hidden
@@ -31,7 +33,7 @@ export interface ColorGradientMethods {
  */
 export interface ColorGradientData {
     hsva: HSVA;
-    backgroundColor: string;
+    currentBgColor: string;
     rgba: RGBA;
     hex: string;
     isFirstRender: boolean;