@progress/kendo-vue-inputs 2.7.1 → 2.7.3-dev.202201070829

package/dist/npm/colors/utils/color-palette.service.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPaletteService = void 0;
+var misc_1 = require("./misc");
+var kendo_drawing_1 = require("@progress/kendo-drawing");
+/**
+ * @hidden
+ */
+var ColorPaletteService = /** @class */ (function () {
+    function ColorPaletteService() {
+        this.colorRows = [];
+    }
+    ColorPaletteService.prototype.setColorMatrix = function (palette, columns) {
+        this.colorRows = [];
+        if (!(misc_1.isPresent(palette) && palette.length)) {
+            return;
+        }
+        columns = columns || palette.length;
+        for (var start = 0; start < palette.length; start += columns) {
+            var row = palette.slice(start, columns + start);
+            this.colorRows.push(row);
+        }
+    };
+    ColorPaletteService.prototype.getCellCoordsFor = function (color) {
+        var _this = this;
+        if (!misc_1.isPresent(color)) {
+            return;
+        }
+        var parsedColor = color ? kendo_drawing_1.parseColor(color, true) : color;
+        var colors = [color];
+        if (misc_1.isPresent(parsedColor)) {
+            colors.push(parsedColor.toCss(), parsedColor.toCssRgba());
+        }
+        var _loop_1 = function (row) {
+            var _loop_2 = function (col) {
+                if (colors.some(function (c) { return c === _this.colorRows[row][col]; })) {
+                    return { value: { row: row, col: col } };
+                }
+            };
+            for (var col = 0; col < this_1.colorRows[row].length; col++) {
+                var state_2 = _loop_2(col);
+                if (typeof state_2 === "object")
+                    return state_2;
+            }
+        };
+        var this_1 = this;
+        for (var row = 0; row < this.colorRows.length; row++) {
+            var state_1 = _loop_1(row);
+            if (typeof state_1 === "object")
+                return state_1.value;
+        }
+    };
+    ColorPaletteService.prototype.getColorAt = function (cellCoords) {
+        if (!(misc_1.isPresent(cellCoords) && misc_1.isPresent(this.colorRows[cellCoords.row]))) {
+            return;
+        }
+        return this.colorRows[cellCoords.row][cellCoords.col];
+    };
+    ColorPaletteService.prototype.getNextCell = function (current, horizontalStep, verticalStep) {
+        if (!(misc_1.isPresent(current) && misc_1.isPresent(current.row) && misc_1.isPresent(current.col))) {
+            return { row: 0, col: 0 };
+        }
+        var row = this.clampIndex(current.row + verticalStep, this.colorRows.length - 1);
+        var col = this.clampIndex(current.col + horizontalStep, this.colorRows[row].length - 1);
+        return { row: row, col: col };
+    };
+    ColorPaletteService.prototype.clampIndex = function (index, max) {
+        var minArrayIndex = 0;
+        if (index < minArrayIndex) {
+            return minArrayIndex;
+        }
+        if (index > max) {
+            return max;
+        }
+        return index;
+    };
+    return ColorPaletteService;
+}());
+exports.ColorPaletteService = ColorPaletteService;

package/dist/npm/colors/utils/color-parser.d.ts

@@ -0,0 +1,65 @@
+import { HSVA } from '../models/hsva';
+import { OutputFormat } from '../models/output-format';
+import { RGB } from '../models/rgb';
+import { RGBA } from '../models/rgba';
+/**
+ * @hidden
+ *
+ * Returns the hex or RGBA string representation of the color.
+ */
+export declare const parseColor: (value: string, format: OutputFormat, safe?: boolean) => string | undefined;
+/**
+ * @hidden
+ *
+ * Returns an HSV object representation of the color string.
+ */
+export declare const getHSV: (value: string, safe?: boolean) => HSVA;
+/**
+ * @hidden
+ *
+ * Returns an RGBA object representation of the color string.
+ */
+export declare const getRGBA: (value: string, safe?: boolean) => RGBA;
+/**
+ * @hidden
+ *
+ * Returns the RGBA string representation of the color.
+ */
+export declare const getColorFromHSV: (hsva: HSVA) => string;
+/**
+ * @hidden
+ *
+ * Returns the RGBA string representation of the color based on the `hue` and
+ * assuming the `value`, `saturation`, and `alpha` have a value of `1`.
+ */
+export declare const getColorFromHue: (hue: number) => string;
+/**
+ * @hidden
+ *
+ * Returns the RGBA string representation of the color.
+ */
+export declare const getColorFromRGBA: (rgba: RGBA) => string;
+/**
+ * @hidden
+ *
+ * Returns the RGB object representation of the color based on the background color.
+ */
+export declare const getRGBFromRGBA: (foregroundColor: RGBA, backgroundColor: RGBA) => RGB;
+/**
+ * @hidden
+ *
+ * Returns the relative luminance.
+ */
+export declare const getLuminance: (rgb: RGB) => number;
+/**
+ * @hidden
+ *
+ * Returns the color contrast.
+ */
+export declare const getContrast: (luminance1: number, luminance2: number) => number;
+/**
+ * @hidden
+ *
+ * Returns the color contrast from two RGBA colors.
+ */
+export declare const getContrastFromTwoRGBAs: (a: RGBA, b: RGBA) => number;

package/dist/npm/colors/utils/color-parser.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContrastFromTwoRGBAs = exports.getContrast = exports.getLuminance = exports.getRGBFromRGBA = exports.getColorFromRGBA = exports.getColorFromHue = exports.getColorFromHSV = exports.getRGBA = exports.getHSV = exports.parseColor = void 0;
+var kendo_drawing_1 = require("@progress/kendo-drawing");
+var misc_1 = require("./misc");
+/**
+ * @hidden
+ *
+ * Returns the hex or RGBA string representation of the color.
+ */
+exports.parseColor = function (value, format, safe) {
+    if (safe === void 0) { safe = true; }
+    var allowedFormats = ['hex', 'rgba']; // TODO: constant?
+    // Angular supports third type: name : const allowedFormats: Array<string> = ['hex', 'rgba', 'name'];
+    if (allowedFormats.indexOf(format) === -1) {
+        throw new Error("Unsupported color output format '" + format + "'. The available options are 'hex' or 'rgba'.");
+    }
+    if (!misc_1.isPresent(value)) {
+        return;
+    }
+    var parsedColor = kendo_drawing_1.parseColor(value.trim(), safe);
+    if (!misc_1.isPresent(parsedColor)) {
+        return;
+    }
+    return format === 'hex' ? parsedColor.toCss() : parsedColor.toCssRgba();
+};
+/**
+ * @hidden
+ *
+ * Returns an HSV object representation of the color string.
+ */
+exports.getHSV = function (value, safe) {
+    if (safe === void 0) { safe = true; }
+    var parsed = kendo_drawing_1.parseColor(value, safe);
+    if (!misc_1.isPresent(parsed)) {
+        return {};
+    }
+    return parsed.toHSV();
+};
+/**
+ * @hidden
+ *
+ * Returns an RGBA object representation of the color string.
+ */
+exports.getRGBA = function (value, safe) {
+    if (safe === void 0) { safe = true; }
+    var parsed = kendo_drawing_1.parseColor(value, safe);
+    if (!misc_1.isPresent(parsed)) {
+        return {};
+    }
+    return parsed.toBytes();
+};
+/**
+ * @hidden
+ *
+ * Returns the RGBA string representation of the color.
+ */
+exports.getColorFromHSV = function (hsva) {
+    var hue = misc_1.fitIntoBounds(hsva.h, 0, 359.9);
+    var saturation = misc_1.fitIntoBounds(hsva.s, 0, 1);
+    var value = misc_1.fitIntoBounds(hsva.v, 0, 1);
+    var alpha = misc_1.fitIntoBounds(hsva.a, 0, 1);
+    return kendo_drawing_1.Color.fromHSV(hue, saturation, value, alpha).toCssRgba();
+};
+/**
+ * @hidden
+ *
+ * Returns the RGBA string representation of the color based on the `hue` and
+ * assuming the `value`, `saturation`, and `alpha` have a value of `1`.
+ */
+exports.getColorFromHue = function (hue) {
+    return exports.getColorFromHSV({ h: hue, s: 1, v: 1, a: 1 });
+};
+/**
+ * @hidden
+ *
+ * Returns the RGBA string representation of the color.
+ */
+exports.getColorFromRGBA = function (rgba) {
+    var red = misc_1.fitIntoBounds(rgba.r, 0, 255);
+    var green = misc_1.fitIntoBounds(rgba.g, 0, 255);
+    var blue = misc_1.fitIntoBounds(rgba.b, 0, 255);
+    var alpha = misc_1.fitIntoBounds(rgba.a, 0, 1);
+    return kendo_drawing_1.Color.fromBytes(red, green, blue, alpha).toCssRgba();
+};
+/**
+ * @hidden
+ *
+ * Returns the RGB object representation of the color based on the background color.
+ */
+exports.getRGBFromRGBA = function (foregroundColor, backgroundColor) {
+    var r1 = misc_1.fitIntoBounds(foregroundColor.r, 0, 255);
+    var g1 = misc_1.fitIntoBounds(foregroundColor.g, 0, 255);
+    var b1 = misc_1.fitIntoBounds(foregroundColor.b, 0, 255);
+    var a1 = misc_1.fitIntoBounds(foregroundColor.a, 0, 1);
+    var r2 = misc_1.fitIntoBounds(backgroundColor.r, 0, 255);
+    var g2 = misc_1.fitIntoBounds(backgroundColor.g, 0, 255);
+    var b2 = misc_1.fitIntoBounds(backgroundColor.b, 0, 255);
+    return {
+        r: Math.round(((1 - a1) * r2) + (a1 * r1)),
+        g: Math.round(((1 - a1) * g2) + (a1 * g1)),
+        b: Math.round(((1 - a1) * b2) + (a1 * b1))
+    };
+};
+/**
+ * @hidden
+ *
+ * Returns the relative luminance.
+ */
+exports.getLuminance = function (rgb) {
+    // @ts-ignore
+    var a = [rgb.r, rgb.g, rgb.b].map(function (v) {
+        v /= 255;
+        return v <= 0.03928
+            ? v / 12.92
+            : Math.pow((v + 0.055) / 1.055, 2.4);
+    });
+    // @ts-ignore
+    return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+};
+/**
+ * @hidden
+ *
+ * Returns the color contrast.
+ */
+exports.getContrast = function (luminance1, luminance2) {
+    var brightest = Math.max(luminance1, luminance2);
+    var darkest = Math.min(luminance1, luminance2);
+    return (brightest + 0.05)
+        / (darkest + 0.05);
+};
+/**
+ * @hidden
+ *
+ * Returns the color contrast from two RGBA colors.
+ */
+exports.getContrastFromTwoRGBAs = function (a, b) {
+    return exports.getContrast(exports.getLuminance(exports.getRGBFromRGBA(a, b)), exports.getLuminance(exports.getRGBFromRGBA(b, { r: 0, g: 0, b: 0, a: 1 })));
+};

package/dist/npm/colors/utils/misc.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @hidden
+ */
+export declare const isPresent: (value: any) => boolean;
+/**
+ * @hidden
+ *
+ * Fits the contender number into the specified bounds.
+ * If the number is NaN or null, the minimum is returned.
+ *
+ * @param contender Represents the number you want to fit into the specified bounds.
+ * @param min The inclusive lower bound number.
+ * @param max The inclusive upper bound number.
+ */
+export declare const fitIntoBounds: (contender: number | undefined, min: number, max: number) => number;

package/dist/npm/colors/utils/misc.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fitIntoBounds = exports.isPresent = void 0;
+/**
+ * @hidden
+ */
+exports.isPresent = function (value) { return value !== null && value !== undefined; };
+/**
+ * @hidden
+ *
+ * Fits the contender number into the specified bounds.
+ * If the number is NaN or null, the minimum is returned.
+ *
+ * @param contender Represents the number you want to fit into the specified bounds.
+ * @param min The inclusive lower bound number.
+ * @param max The inclusive upper bound number.
+ */
+exports.fitIntoBounds = function (contender, min, max) {
+    if (!exports.isPresent(contender) || isNaN(contender)) {
+        return min;
+    }
+    return contender <= min ? min : contender >= max ? max : contender;
+};

package/dist/npm/colors/utils/svg-calc.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @hidden
+ *
+ * Render the svg <path> element.
+ *
+ * @param points (array) Represents the points coordinates as an array of tuples.
+ * @param command (function) The command that is used (bezierCommand, lineCommand).
+ *      @param point (array) [x,y] Represents the current point coordinates.
+ *      @param i (integer) Represents the index of 'point' in the array 'a'.
+ *      @param a (array) Represents the complete array of points coordinates.
+ *      @output (string) a svg path command.
+ * @output (string) a Svg <path> element
+ */
+export declare const svgPath: (points: number[][], command: Function) => string;
+/**
+ * @hidden
+ *
+ * Returns the properties of a line.
+ *
+ * @param pointA (array) [x,y] Represents the start point coordinates.
+ * @param pointB (array) [x,y] Represents the end point coordinates.
+ * @output (object) { length: (integer), angle: (integer) }
+ */
+export declare const line: (pointA: number[], pointB: number[]) => {
+    length: number;
+    angle: number;
+};
+/**
+ * @hidden
+ *
+ * Create a function to calculate the position of the control point.
+ *
+ * @param lineCalc (function) Represents the line function.
+ *      @param pointA (array) [x,y] Represents the start point coordinates.
+ *      @param pointB (array) [x,y] Represents the end point coordinates.
+ *      @output (object) { length: (integer), angle: (integer) }
+ * @output (function) closure.
+ *      @param current (array) [x, y] Represents the current point coordinates.
+ *      @param previous (array) [x, y] Represents the previous point coordinates.
+ *      @param next (array) [x, y] ]Represents the next point coordinates.
+ *      @param reverse (boolean, optional) Sets the direction.
+ *      @output (array) [x, y] coordinates of a control point.
+ */
+export declare const controlPoint: (lineCalc: Function) => (current: number[], previous: number[], next: number[], reverse?: boolean) => number[];
+/**
+ * @hidden
+ *
+ * Create a function to calculate a bezier curve command.
+ *
+ * @param controlPointCalc (function) Represents the controlPoint function.
+ *      @param current (array) [x, y] Represents the current point coordinates.
+ *      @param previous (array) [x, y] Represents the previous point coordinates.
+ *      @param next (array) [x, y] ]Represents the next point coordinates.
+ *      @param reverse (boolean, optional) Sets the direction.
+ *      @output (array) [x, y] coordinates of a control point.
+ * @output (function) closure.
+ *      @param point (array) [x,y] Represents the current point coordinates.
+ *      @param i (integer) Represents the index of 'point' in the array 'a'.
+ *      @param a (array) Represents the complete array of points coordinates.
+ *      @output (string) 'C x2,y2 x1,y1 x,y' Cubic bezier command.
+ */
+export declare const bezierCommand: (controlPointCalc: Function) => (point: number[], i: number, a: number[]) => string;

package/dist/npm/colors/utils/svg-calc.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bezierCommand = exports.controlPoint = exports.line = exports.svgPath = void 0;
+/**
+ * @hidden
+ *
+ * Render the svg <path> element.
+ *
+ * @param points (array) Represents the points coordinates as an array of tuples.
+ * @param command (function) The command that is used (bezierCommand, lineCommand).
+ *      @param point (array) [x,y] Represents the current point coordinates.
+ *      @param i (integer) Represents the index of 'point' in the array 'a'.
+ *      @param a (array) Represents the complete array of points coordinates.
+ *      @output (string) a svg path command.
+ * @output (string) a Svg <path> element
+ */
+exports.svgPath = function (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 "<path d=\"" + d + "\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"/>";
+};
+/**
+ * @hidden
+ *
+ * Returns the properties of a line.
+ *
+ * @param pointA (array) [x,y] Represents the start point coordinates.
+ * @param pointB (array) [x,y] Represents the end point coordinates.
+ * @output (object) { length: (integer), angle: (integer) }
+ */
+exports.line = function (pointA, pointB) {
+    var lengthX = pointB[0] - pointA[0];
+    var lengthY = pointB[1] - pointA[1];
+    return {
+        length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),
+        angle: Math.atan2(lengthY, lengthX)
+    };
+};
+/**
+ * @hidden
+ *
+ * Create a function to calculate the position of the control point.
+ *
+ * @param lineCalc (function) Represents the line function.
+ *      @param pointA (array) [x,y] Represents the start point coordinates.
+ *      @param pointB (array) [x,y] Represents the end point coordinates.
+ *      @output (object) { length: (integer), angle: (integer) }
+ * @output (function) closure.
+ *      @param current (array) [x, y] Represents the current point coordinates.
+ *      @param previous (array) [x, y] Represents the previous point coordinates.
+ *      @param next (array) [x, y] ]Represents the next point coordinates.
+ *      @param reverse (boolean, optional) Sets the direction.
+ *      @output (array) [x, y] coordinates of a control point.
+ */
+exports.controlPoint = function (lineCalc) {
+    return function (current, previous, next, reverse) {
+        // when 'current' is the first or last point of the array
+        // 'previous' and 'next' are undefined 
+        // replace with 'current'
+        var p = previous || current;
+        var n = next || current;
+        var smooth = 0.1;
+        // properties of the line between previous and next 
+        var l = lineCalc(p, n);
+        // If is end-control-point, add PI to the angle to go backward
+        var angle = l.angle + (reverse ? Math.PI : 0);
+        var length = l.length * smooth;
+        // The control point position is relative to the current point
+        var x = current[0] + Math.cos(angle) * length;
+        var y = current[1] + Math.sin(angle) * length;
+        return [x, y];
+    };
+};
+/**
+ * @hidden
+ *
+ * Create a function to calculate a bezier curve command.
+ *
+ * @param controlPointCalc (function) Represents the controlPoint function.
+ *      @param current (array) [x, y] Represents the current point coordinates.
+ *      @param previous (array) [x, y] Represents the previous point coordinates.
+ *      @param next (array) [x, y] ]Represents the next point coordinates.
+ *      @param reverse (boolean, optional) Sets the direction.
+ *      @output (array) [x, y] coordinates of a control point.
+ * @output (function) closure.
+ *      @param point (array) [x,y] Represents the current point coordinates.
+ *      @param i (integer) Represents the index of 'point' in the array 'a'.
+ *      @param a (array) Represents the complete array of points coordinates.
+ *      @output (string) 'C x2,y2 x1,y1 x,y' Cubic bezier command.
+ */
+exports.bezierCommand = function (controlPointCalc) { return function (point, i, a) {
+    // start control point
+    var _a = controlPointCalc(a[i - 1], a[i - 2], point), cpsX = _a[0], cpsY = _a[1];
+    // end control point
+    var _b = controlPointCalc(point, a[i - 1], a[i + 1], true), cpeX = _b[0], cpeY = _b[1];
+    return "C " + cpsX + "," + cpsY + " " + cpeX + "," + cpeY + " " + point[0] + "," + point[1];
+}; };

package/dist/npm/main.d.ts

@@ -1,5 +1,15 @@
 import { FormComponentValidity } from '@progress/kendo-vue-common';
 export { FormComponentValidity };
+export { ColorPalette, ColorPaletteState } from './colors/ColorPalette';
+export * from './colors/ColorPicker';
+export * from './colors/interfaces/ColorPaletteChangeEvent';
+export * from './colors/interfaces/ColorPaletteProps';
+export * from './colors/interfaces/ColorPickerBlurEvent';
+export * from './colors/interfaces/ColorPickerChangeEvent';
+export * from './colors/interfaces/ColorPickerFocusEvent';
+export * from './colors/interfaces/ColorPickerPaletteSettings';
+export * from './colors/interfaces/ColorPickerPopupSettings';
+export * from './colors/interfaces/ColorPickerProps';
 export { Switch, SwitchProps, SwitchState, SwitchChangeEvent } from './switch/Switch';
 export * from './input/Input';
 export * from './numerictextbox/NumericTextBox';

package/dist/npm/main.js

@@ -10,6 +10,17 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var ColorPalette_1 = require("./colors/ColorPalette");
+Object.defineProperty(exports, "ColorPalette", { enumerable: true, get: function () { return ColorPalette_1.ColorPalette; } });
+__exportStar(require("./colors/ColorPicker"), exports);
+__exportStar(require("./colors/interfaces/ColorPaletteChangeEvent"), exports);
+__exportStar(require("./colors/interfaces/ColorPaletteProps"), exports);
+__exportStar(require("./colors/interfaces/ColorPickerBlurEvent"), exports);
+__exportStar(require("./colors/interfaces/ColorPickerChangeEvent"), exports);
+__exportStar(require("./colors/interfaces/ColorPickerFocusEvent"), exports);
+__exportStar(require("./colors/interfaces/ColorPickerPaletteSettings"), exports);
+__exportStar(require("./colors/interfaces/ColorPickerPopupSettings"), exports);
+__exportStar(require("./colors/interfaces/ColorPickerProps"), exports);
 var Switch_1 = require("./switch/Switch");
 Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
 __exportStar(require("./input/Input"), exports);

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: 1640003732,
+    publishDate: 1641543462,
     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/switch/Switch.js

@@ -78,7 +78,10 @@ var Switch = {
       default: false
     },
     validationMessage: String,
-    value: [String, Number, Boolean],
+    value: {
+      type: [String, Number, Boolean],
+      default: undefined
+    },
     modelValue: {
       type: Boolean,
       default: undefined

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "2.7.1",
+  "version": "2.7.3-dev.202201070829",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -32,20 +32,26 @@
     "framework": "Kendo UI for Vue"
   },
   "peerDependencies": {
+    "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.1.0",
     "@progress/kendo-vue-intl": "^2.3.0",
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "2.7.1",
-    "@progress/kendo-vue-labels": "2.7.1"
+    "@progress/kendo-vue-common": "2.7.3-dev.202201070829",
+    "@progress/kendo-vue-labels": "2.7.3-dev.202201070829",
+    "@progress/kendo-vue-popup": "2.7.3-dev.202201070829"
   },
   "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": "2.7.1",
-    "@progress/kendo-vue-form": "2.7.1",
-    "@progress/kendo-vue-intl": "2.7.1",
-    "@progress/kendo-vue-labels": "2.7.1",
+    "@progress/kendo-vue-buttons": "2.7.3-dev.202201070829",
+    "@progress/kendo-vue-form": "2.7.3-dev.202201070829",
+    "@progress/kendo-vue-intl": "2.7.3-dev.202201070829",
+    "@progress/kendo-vue-labels": "2.7.3-dev.202201070829",
+    "@progress/kendo-vue-tooltip": "2.7.3-dev.202201070829",
     "cldr-core": "^34.0.0",
     "cldr-dates-full": "^34.0.0",
     "cldr-numbers-full": "^34.0.0"