@progress/kendo-vue-inputs 3.5.0-dev.202208010922 → 3.5.1-dev.202208100944

package/dist/es/checkbox/Checkbox.js

@@ -206,7 +206,7 @@ var CheckboxVue2 = {
     });
     var inputClasses = classNames((_a = {
       'k-checkbox': true
-    }, _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));
+    }, _a["k-checkbox-".concat(kendoThemeMaps.sizeMap[size])] = size, _a["k-rounded-".concat(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/checkbox/interfaces/CheckboxChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/checkbox/interfaces/CheckboxFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/checkbox/interfaces/CheckboxProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/ColorContrastLabels.js

@@ -40,9 +40,9 @@ var ColorContrastLabelsVue2 = {
     var contrast = getContrastFromTwoRGBAs(this.$props.rgba, this.$props.bgColor);
     var requiredAAContrast = 4.5.toFixed(1);
     var requiredAAAContrast = 7.0.toFixed(1);
-    var contrastText = contrastRatioMessage + ": " + contrast.toFixed(2);
-    var aaText = AALevelMessage + ": " + requiredAAContrast;
-    var aaaText = AAALevelMessage + ": " + requiredAAAContrast;
+    var contrastText = "".concat(contrastRatioMessage, ": ").concat(contrast.toFixed(2));
+    var aaText = "".concat(AALevelMessage, ": ").concat(requiredAAContrast);
+    var aaaText = "".concat(AAALevelMessage, ": ").concat(requiredAAAContrast);
     var aaPass = contrast >= 4.5;
     var aaaPass = contrast >= 7;
     var success = h("span", {

package/dist/es/colors/ColorContrastSvg.js

@@ -40,8 +40,8 @@ var ColorContrastSvgVue2 = {
 
       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);
+        "M ".concat(point[0], ",").concat(point[1]) : // else
+        "".concat(acc, " ").concat(command(point, i, a));
       }, '');
       return h("path", {
         d: d,

package/dist/es/colors/ColorGradient.js

@@ -153,8 +153,8 @@ var ColorGradientVue2 = {
         var gradientRectMetrics = this.getGradientRectMetrics();
         var top_1 = (1 - this.hsva.v) * gradientRectMetrics.height;
         var left = this.hsva.s * gradientRectMetrics.width;
-        style.top = top_1 + "px";
-        style.left = left + "px";
+        style.top = "".concat(top_1, "px");
+        style.left = "".concat(left, "px");
       }
 
       return h("div", {
@@ -162,14 +162,14 @@ var ColorGradientVue2 = {
         role: "slider",
         attrs: this.v3 ? undefined : {
           role: "slider",
-          "aria-label": dragHandle + ("" + (this.value || 'none')),
+          "aria-label": dragHandle + "".concat(this.value || 'none'),
           "aria-valuenow": Math.round(this.hsva.s * 100),
-          "aria-valuetext": "\n                    saturation: " + Math.round(this.hsva.s * 100) + "%,\n                    value: " + Math.round(this.hsva.v * 100) + "%",
+          "aria-valuetext": "\n                    saturation: ".concat(Math.round(this.hsva.s * 100), "%,\n                    value: ").concat(Math.round(this.hsva.v * 100), "%"),
           tabindex: this.computedTabIndex
         },
-        "aria-label": dragHandle + ("" + (this.value || 'none')),
+        "aria-label": dragHandle + "".concat(this.value || 'none'),
         "aria-valuenow": Math.round(this.hsva.s * 100),
-        "aria-valuetext": "\n                    saturation: " + Math.round(this.hsva.s * 100) + "%,\n                    value: " + Math.round(this.hsva.v * 100) + "%",
+        "aria-valuetext": "\n                    saturation: ".concat(Math.round(this.hsva.s * 100), "%,\n                    value: ").concat(Math.round(this.hsva.v * 100), "%"),
         tabindex: this.computedTabIndex,
         onKeydown: this.dragKeyDown,
         on: this.v3 ? undefined : {
@@ -481,7 +481,7 @@ var ColorGradientVue2 = {
     },
     setAlphaSliderBackground: function setAlphaSliderBackground(backgroundColor) {
       if (this.$props.opacity && this.alphaSlider && this.alphaSlider.sliderTrack) {
-        this.alphaSlider.sliderTrack.style.background = "linear-gradient(to top, transparent, " + backgroundColor + ")";
+        this.alphaSlider.sliderTrack.style.background = "linear-gradient(to top, transparent, ".concat(backgroundColor, ")");
       }
     },
     getGradientRectMetrics: function getGradientRectMetrics() {

package/dist/es/colors/ColorPalette.js

@@ -331,7 +331,7 @@ var ColorPaletteVue2 = {
       }
     },
     createCellId: function createCellId(cellCoords) {
-      return this.guid + "_" + cellCoords.row + "_" + cellCoords.col;
+      return "".concat(this.guid, "_").concat(cellCoords.row, "_").concat(cellCoords.col);
     }
   }
 };

package/dist/es/colors/ColorPicker.js

@@ -175,7 +175,7 @@ var ColorPickerVue2 = {
     },
     computedIconClassName: function computedIconClassName() {
       var icon = this.$props.icon;
-      return this.$props.iconClassName || icon && "k-icon k-i-" + icon;
+      return this.$props.iconClassName || icon && "k-icon k-i-".concat(icon);
     },
     wrapperClassName: function wrapperClassName() {
       var _a;
@@ -188,7 +188,7 @@ var ColorPickerVue2 = {
         'k-picker': true,
         'k-colorpicker': true,
         'k-icon-picker': true
-      }, _a["k-picker-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-picker-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !this.valid, _a['k-disabled'] = this.disabled, _a['k-focus'] = this.focused, _a;
+      }, _a["k-picker-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-picker-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !this.valid, _a['k-disabled'] = this.disabled, _a['k-focus'] = this.focused, _a;
     }
   },
   created: function created() {
@@ -300,7 +300,7 @@ var ColorPickerVue2 = {
         'k-icon-color-preview': this.icon || this.iconClassName
       })
     }, [(this.iconClassName || this.icon) && h("span", {
-      "class": classNames('k-color-preview-icon', this.iconClassName, (_a = {}, _a["k-icon k-i-" + this.icon] = this.icon && !this.iconClassName, _a))
+      "class": classNames('k-color-preview-icon', this.iconClassName, (_a = {}, _a["k-icon k-i-".concat(this.icon)] = this.icon && !this.iconClassName, _a))
     }), h("span", {
       "class": "k-color-preview-mask",
       style: {
@@ -429,7 +429,7 @@ var ColorPickerVue2 = {
       });
     },
     isViewFocused: function isViewFocused() {
-      return !!(document.activeElement && document.activeElement.closest("#" + this._popupId));
+      return !!(document.activeElement && document.activeElement.closest("#".concat(this._popupId)));
     },
     onButtonBlur: function onButtonBlur(event) {
       this.focused = this.isViewFocused();

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

@@ -8,7 +8,7 @@ import { FlatColorPickerViewChangeEvent } from './interfaces/FlatColorPickerView
 import { ColorGradientProps } from './interfaces/ColorGradientProps';
 import { ColorPickerPaletteSettings } from './interfaces/ColorPickerPaletteSettings';
 /**
- * Represents the properties of [FlatColorPicker](% slug api_inputs_flatcolorpicker %) component.
+ * Represents the properties of [FlatColorPicker](% slug api_inputs_flatcolorpickerprops %) component.
  */
 export interface FlatColorPickerProps {
     /**

package/dist/es/colors/interfaces/ColorGradientChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorGradientProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPaletteChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPaletteProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerActiveColorClick.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerBlurEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerPaletteSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerPopupSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerView.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/FlatColorPickerViewChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/PickerPopupSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/PickerProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/hsva.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/output-format.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/rgb.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/rgba.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/table-cell.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/tile-size.js

@@ -0,0 +1 @@
+export {};

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

@@ -11,7 +11,7 @@ export var parseColor = function (value, format, opacityEnabled, safe) {
     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'.");
+        throw new Error("Unsupported color output format '".concat(format, "'. The available options are 'hex' or 'rgba'."));
     }
     if (!isPresent(value)) {
         return;

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

@@ -19,11 +19,11 @@ export var svgPath = function (points, command) {
     var d = points.reduce(function (acc, point, i, a) {
         return i === 0 ?
             // if first point
-            "M " + point[0] + "," + point[1] :
+            "M ".concat(point[0], ",").concat(point[1]) :
             // else
-            acc + " " + command(point, i, a);
+            "".concat(acc, " ").concat(command(point, i, a));
     }, '');
-    return "<path d=\"" + d + "\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"/>";
+    return "<path d=\"".concat(d, "\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"/>");
 };
 /**
  * @hidden
@@ -99,5 +99,5 @@ export var bezierCommand = function (controlPointCalc) { return function (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];
+    return "C ".concat(cpsX, ",").concat(cpsY, " ").concat(cpeX, ",").concat(cpeY, " ").concat(point[0], ",").concat(point[1]);
 }; };

package/dist/es/input/Input.js

@@ -225,7 +225,7 @@ var InputVue2 = {
     var inputWrapper = h("span", {
       "class": this.inputWrapperClass()
     }, [iconName && h("span", {
-      "class": "k-input-icon k-icon k-i-" + iconName
+      "class": "k-input-icon k-icon k-i-".concat(iconName)
     }), this.$props.inputPrefix && h("span", {
       "class": "k-input-prefix"
     }, [inputPrefix]), textbox, this.$props.inputSuffix && h("span", {
@@ -387,7 +387,7 @@ var InputVue2 = {
       return _a = {
         'k-textbox': true,
         'k-input': true
-      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a[this.wrapperClass] = this.wrapperClass, _a;
+      }, _a["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a[this.wrapperClass] = this.wrapperClass, _a;
     }
   },
   computed: {

package/dist/es/interfaces/Direction.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/ToggleBaseProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/maskedtextbox/MaskedTextBox.js

@@ -116,7 +116,7 @@ var MaskedTextBoxVue2 = {
     validatePackage(packageMetadata);
     this.hasMounted = false;
     this.valueDuringOnChange = undefined;
-    this.inputId = "k-" + guid();
+    this.inputId = "k-".concat(guid());
     this.service = new MaskingService();
     this.isPasted = false;
   },
@@ -224,7 +224,7 @@ var MaskedTextBoxVue2 = {
       return _a = {
         'k-maskedtextbox': true,
         'k-input': true
-      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a['k-loading'] = this.showLoadingIcon, _a[this.wrapperClass] = this.wrapperClass, _a;
+      }, _a["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a['k-loading'] = this.showLoadingIcon, _a[this.wrapperClass] = this.wrapperClass, _a;
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
@@ -411,7 +411,7 @@ var MaskedTextBoxVue2 = {
         width: this.$props.width
       } : undefined
     }, [iconName && h("span", {
-      "class": "k-input-icon k-icon k-i-" + iconName
+      "class": "k-input-icon k-icon k-i-".concat(iconName)
     }), this.$props.inputPrefix && h("span", {
       "class": "k-input-prefix"
     }, [inputPrefix]), h("input", {

package/dist/es/maskedtextbox/MaskedTextBoxProps.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/maskedtextbox/parsing/result.js

@@ -32,7 +32,7 @@ var Result = /** @class */ (function () {
         return this.map(function (vs, _) { return r.chain(function (v, __) { return vs.concat([v]); }); });
     };
     Result.prototype.toString = function () {
-        return "Result({ value: '" + this.value + "', rest: " + this.rest + " })";
+        return "Result({ value: '".concat(this.value, "', rest: ").concat(this.rest, " })");
     };
     return Result;
 }());

package/dist/es/numerictextbox/NumericTextBox.js

@@ -211,7 +211,7 @@ var NumericTextBoxVue2 = {
       return _a = {
         'k-input': true,
         'k-numerictextbox': true
-      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = required, _a['k-disabled'] = disabled, _a['k-loading'] = this.showLoadingIcon, _a[this.wrapperClass] = this.wrapperClass, _a;
+      }, _a["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = required, _a['k-disabled'] = disabled, _a['k-loading'] = this.showLoadingIcon, _a[this.wrapperClass] = this.wrapperClass, _a;
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
@@ -536,7 +536,7 @@ var NumericTextBoxVue2 = {
       "aria-disabled": this.$props.disabled ? 'true' : undefined,
       style: this.$attrs.style
     }, [iconName && h("span", {
-      "class": "k-input-icon k-icon k-i-" + iconName
+      "class": "k-input-icon k-icon k-i-".concat(iconName)
     }), this.$props.inputPrefix && h("span", {
       "class": "k-input-prefix"
     }, [inputPrefix]), h("input", {

package/dist/es/numerictextbox/interfaces/NumericTextBoxData.js

@@ -0,0 +1 @@
+export {};

package/dist/es/numerictextbox/interfaces/NumericTextBoxProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/numerictextbox/utils/index.js

@@ -280,7 +280,7 @@ export var getFormatSymbols = function getFormatSymbols(format, intlService) {
   var zeroResult = intlService.formatNumber(ZERO_NUMBER, format);
   var oneResult = intlService.formatNumber(ONE_NUMBER, format);
   var symbols = intlService.numberSymbols();
-  var sanitizeRegex = new RegExp("[\\d\\" + symbols.decimal + symbols.group + "]", 'g');
+  var sanitizeRegex = new RegExp("[\\d\\".concat(symbols.decimal).concat(symbols.group, "]"), 'g');
   var resultWithDuplicates = [positiveResult, negativeResult, zeroResult, oneResult].map(function (result) {
     return result.replace(sanitizeRegex, '');
   }).join('');
@@ -393,9 +393,9 @@ export var sanitizeNumber = function sanitizeNumber(state, format, intlService)
   var restrictedSymbols = getFormatSymbols(format, intlService);
   var currentLooseValueAsString = String(newState.currentLooseValue);
   var prevLooseValueAsString = String(prevLooseValue);
-  var sanitizeRegex = new RegExp("[^\\d\\" + symbols.decimal + "]", 'g');
-  var sanitizeGroupRegex = new RegExp("[^\\d\\" + symbols.decimal + "\\" + symbols.group + "]", 'g');
-  var allSymbolsRegex = new RegExp("[\\d\\" + symbols.decimal + "\\" + symbols.group + "]");
+  var sanitizeRegex = new RegExp("[^\\d\\".concat(symbols.decimal, "]"), 'g');
+  var sanitizeGroupRegex = new RegExp("[^\\d\\".concat(symbols.decimal, "\\").concat(symbols.group, "]"), 'g');
+  var allSymbolsRegex = new RegExp("[\\d\\".concat(symbols.decimal, "\\").concat(symbols.group, "]"));
   var sanitizedString = currentLooseValueAsString.replace(sanitizeRegex, '');
   var numberStart = getFirstNumberIndex(currentLooseValueAsString, DIGITS_REGEX);
   var numberEnd = numberStart === -1 ? -1 : getLastNumberIndex(currentLooseValueAsString, DIGITS_REGEX);

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659345217,
+    publishDate: 1660123858,
     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/es/radiobutton/RadioButton.js

@@ -63,7 +63,7 @@ var RadioButtonVue2 = {
 
       return _a = {
         'k-radio': true
-      }, _a["k-radio-" + kendoThemeMaps.sizeMap[this.$props.size]] = this.$props.size, _a['k-invalid'] = this.$props.valid === false, _a[this.$props.className] = this.$props.className, _a;
+      }, _a["k-radio-".concat(kendoThemeMaps.sizeMap[this.$props.size])] = this.$props.size, _a['k-invalid'] = this.$props.valid === false, _a[this.$props.className] = this.$props.className, _a;
     }
   },
   methods: {

package/dist/es/radiobutton/interfaces/RadioButtonBlurEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioButtonChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioButtonFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioButtonProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioGroupChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioGroupFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioGroupProps.js

@@ -0,0 +1 @@
+export {};

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

@@ -221,10 +221,10 @@ var RangeSliderVue2 = {
         "data-selection": true,
         attrs: _this.v3 ? undefined : {
           "data-selection": true,
-          title: _this.computedValue.start + " - " + _this.computedValue.end
+          title: "".concat(_this.computedValue.start, " - ").concat(_this.computedValue.end)
         },
         ref: 'sliderSelectionRef',
-        title: _this.computedValue.start + " - " + _this.computedValue.end,
+        title: "".concat(_this.computedValue.start, " - ").concat(_this.computedValue.end),
         "class": "k-slider-selection",
         style: _this.vertical ? {
           height: _this.percentEnd - _this.percentStart + '%',
@@ -319,10 +319,10 @@ var RangeSliderVue2 = {
       "data-selection": true,
       attrs: _this.v3 ? undefined : {
         "data-selection": true,
-        title: _this.computedValue.start + " - " + _this.computedValue.end
+        title: "".concat(_this.computedValue.start, " - ").concat(_this.computedValue.end)
       },
       ref: 'sliderSelectionRef',
-      title: _this.computedValue.start + " - " + _this.computedValue.end,
+      title: "".concat(_this.computedValue.start, " - ").concat(_this.computedValue.end),
       "class": "k-slider-selection",
       style: _this.vertical ? {
         height: _this.percentEnd - _this.percentStart + '%',

package/dist/es/slider/SliderLabel.js

@@ -76,10 +76,10 @@ var SliderLabelVue2 = {
     var position = 100 * (this.$props.position - this.kendoMin) / (this.kendoMax - this.kendoMin);
     var vertical = this.kendoVertical;
     var style = vertical ? {
-      bottom: position + "%",
+      bottom: "".concat(position, "%"),
       height: '1px',
       width: '100%'
-    } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = position + "%", _a.width = '1px', _a.height = '100%', _a);
+    } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(position, "%"), _a.width = '1px', _a.height = '100%', _a);
     return h("li", {
       ref: 'sliderLabelRef',
       role: "presentation",

package/dist/es/switch/Switch.js

@@ -117,7 +117,7 @@ var SwitchVue2 = {
       var rounded = this.$props.trackRounded;
       return _a = {
         'k-switch': true
-      }, _a["k-switch-" + kendoThemeMaps.sizeMap[this.$props.size]] = this.$props.size, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-switch-on'] = this.computedValue, _a['k-switch-off'] = !this.computedValue, _a['k-focus'] = this.focused, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = !isValid, _a;
+      }, _a["k-switch-".concat(kendoThemeMaps.sizeMap[this.$props.size])] = this.$props.size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-switch-on'] = this.computedValue, _a['k-switch-off'] = !this.computedValue, _a['k-focus'] = this.focused, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = !isValid, _a;
     },
     switchTrackClass: function switchTrackClass() {
       var _a;
@@ -125,7 +125,7 @@ var SwitchVue2 = {
       var rounded = this.$props.trackRounded;
       return _a = {
         'k-switch-track': true
-      }, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
+      }, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
     },
     switchThumbClass: function switchThumbClass() {
       var _a;
@@ -133,7 +133,7 @@ var SwitchVue2 = {
       var rounded = this.$props.thumbRounded;
       return _a = {
         'k-switch-thumb': true
-      }, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
+      }, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
     }
   },
   mounted: function mounted() {

package/dist/es/textarea/TextArea.js

@@ -132,7 +132,7 @@ var TextAreaVue2 = {
       return _a = {
         'k-input': true,
         'k-textarea': true
-      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = invalid, _a['k-required'] = required, _a['k-loading'] = showLoadingIcon, _a["k-resize-" + resizable] = autoSize ? 'none' : resizable, _a['!k-flex-col'] = this.flow === 'vertical', _a['!k-flex-row'] = this.flow === 'horizontal', _a[this.wrapperClass] = this.wrapperClass, _a;
+      }, _a["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = invalid, _a['k-required'] = required, _a['k-loading'] = showLoadingIcon, _a["k-resize-".concat(resizable)] = autoSize ? 'none' : resizable, _a['!k-flex-col'] = this.flow === 'vertical', _a['!k-flex-row'] = this.flow === 'horizontal', _a[this.wrapperClass] = this.wrapperClass, _a;
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
@@ -294,7 +294,7 @@ var TextAreaVue2 = {
     }, [iconName && h("span", {
       "class": "k-flex-wrap"
     }, [h("span", {
-      "class": "k-input-icon k-icon k-i-" + iconName
+      "class": "k-input-icon k-icon k-i-".concat(iconName)
     })]), textarea, showValidationIcon && this.isValid && h("span", {
       "class": this.suffixIconWrapClass
     }, [h("span", {
@@ -328,7 +328,7 @@ var TextAreaVue2 = {
       }
 
       if (this.element) {
-        this.textAreaHeight = this.element.scrollHeight + "px";
+        this.textAreaHeight = "".concat(this.element.scrollHeight, "px");
       }
     },
     clearClick: function clearClick(event) {

package/dist/es/textarea/interfaces/TextAreaBlurEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/textarea/interfaces/TextAreaChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/textarea/interfaces/TextAreaFlow.js

@@ -0,0 +1 @@
+export {};

package/dist/es/textarea/interfaces/TextAreaFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/textarea/interfaces/TextAreaProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/textarea/interfaces/TextAreaResize.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/additionalTypes.ts

@@ -0,0 +1,21 @@
+// @ts-ignore
+import { DefineComponent } from 'vue';
+// @ts-ignore
+import * as Vue from 'vue';
+
+/**
+ * @hidden
+ */
+// @ts-ignore
+type Vue2type = Vue.default;
+
+/**
+ * @hidden
+ */
+// @ts-ignore
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+/**
+ * @hidden
+ */
+// @ts-ignore
+export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };