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

package/dist/esm/textarea/interfaces/TextAreaProps.d.ts

@@ -0,0 +1,170 @@
+import { FormComponentProps } from '@progress/kendo-vue-common';
+import { TextAreaBlurEvent } from './TextAreaBlurEvent';
+import { TextAreaChangeEvent } from './TextAreaChangeEvent';
+import { TextAreaFlow } from './TextAreaFlow';
+import { TextAreaFocusEvent } from './TextAreaFocusEvent';
+import { TextAreaResize } from './TextAreaResize';
+/**
+ * Represents the props of the [Kendo UI for Vue TextArea component]({% slug overview_textarea %}).
+ */
+export interface TextAreaProps extends FormComponentProps {
+    /**
+     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
+     * For example these elements could contain error or hint message.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which will label the component.
+     */
+    ariaLabelledBy?: string;
+    /**
+     * Specifies if the textarea element will resize its height automatically ([see example]({% slug sizing_textarea %})).
+     * Defaults to `false`.
+     */
+    autoSize?: boolean;
+    modelValue?: string | string[] | number;
+    /**
+     * Specifies a list of CSS classes that will be added to the TextArea.
+     */
+    className?: string;
+    /**
+     * The default value of the TextArea ([see example]({% slug default_textarea %})).
+     */
+    defaultValue?: string | string[] | number;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * Specifies if the TextArea is disabled ([see example]({% slug disabled_textarea %})).
+     */
+    disabled?: boolean;
+    /**
+     * Sets the read-only state of the TextArea.
+     */
+    readOnly?: boolean;
+    /**
+     * Specifies an exact height size for the TextArea to take ([see example]({% slug sizing_textarea %})).
+     */
+    rows?: number;
+    /**
+     * Sets the `id` of the TextArea.
+     */
+    id?: string;
+    /**
+     * Specifies the `name` property of the `textarea` DOM element.
+     *
+     * This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
+     */
+    name?: string;
+    /**
+     * The hint that is displayed when the TextArea is empty.
+     */
+    placeholder?: string;
+    /**
+     * Sets the `tabIndex` property of the TextArea.
+     * Defaults to `0`.
+     */
+    tabIndex?: number;
+    /**
+     * Configures the `size` of the NumericTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null—Does not set a size `class`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `roundness` of the NumericTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - null—Does not set a rounded `class`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the NumericTextBox.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - null—Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'flat' | 'outline' | string;
+    /**
+     * Sets the value to be submitted ([see example]({% slug controlled_textarea %})).
+     */
+    value?: string | string[] | number;
+    /**
+     * If set to `false`, no visual representation of the invalid state of the component will be applied.
+     *
+     * This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
+     *
+     * @default true
+     */
+    validityStyles?: boolean;
+    /**
+     * Defines a string prop that controls the input icon.
+     */
+    iconName?: String;
+    /**
+     * Defines if the inputPrefix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputPrefix?: Boolean | String | Object | Function;
+    /**
+     * Defines if the inputSuffix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputSuffix?: Boolean | String | Object | Function;
+    /**
+     * Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'.
+     */
+    showValidationIcon?: Boolean;
+    /**
+     * Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'.
+     */
+    showLoadingIcon?: Boolean;
+    /**
+     * Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'.
+     */
+    showClearButton?: Boolean;
+    /**
+     * Defines additional class to the wrapper element.
+     */
+    wrapperClass?: String;
+    /**
+     * Defines the flow direction of the TextArea sections.
+     */
+    flow?: TextAreaFlow | String;
+    /**
+     * Defines the way the TextArea will resize.
+     */
+    resizable?: TextAreaResize | String;
+    /**
+     * Defines additional class to the input element.
+     */
+    inputClass?: String;
+    /**
+     * The event handler that will be fired when the changes the selected value.
+     */
+    onChange?: (event: TextAreaChangeEvent) => void;
+    /**
+     * The event handler that will be fired when TextArea is focused.
+     */
+    onFocus?: (event: TextAreaFocusEvent) => void;
+    /**
+     * The event handler that will be fired when TextArea is blurred.
+     */
+    onBlur?: (event: TextAreaBlurEvent) => void;
+}

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

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

package/dist/esm/textarea/interfaces/TextAreaResize.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Specifies the resize direction of the TextArea sections.
+ *
+ * The possible values are:
+ * `vertical`(Default) —TextArea can be resized only vertically.
+ * `horizontal`—TextArea can be resized only horizontally.
+ * `both`—TextArea can be resized both vertically and horizontally.
+ * `nont`—TextArea can not be manually resized.
+ */
+export declare type TextAreaResize = 'both' | 'horizontal' | 'vertical';

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

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

package/dist/npm/checkbox/Checkbox.js

@@ -109,8 +109,8 @@ var CheckboxVue2 = {
     };
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
-    this.calculatedId = kendo_vue_common_1.guid();
+    (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;
@@ -158,7 +158,7 @@ var CheckboxVue2 = {
     }
   },
   mounted: function mounted() {
-    this.input = kendo_vue_common_1.getRef(this, 'input');
+    this.input = (0, kendo_vue_common_1.getRef)(this, 'input');
 
     if (!this.currentDir && window && this.$el) {
       // Note: getComputedStyle forces reflow
@@ -173,7 +173,7 @@ var CheckboxVue2 = {
   },
   updated: function updated() {
     if (!this.input) {
-      this.input = kendo_vue_common_1.getRef(this, 'input');
+      this.input = (0, kendo_vue_common_1.getRef)(this, 'input');
     }
 
     this.setValidity();
@@ -208,17 +208,17 @@ var CheckboxVue2 = {
         validityStyles = _b.validityStyles,
         size = _b.size,
         rounded = _b.rounded;
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var renderedLabel = label;
-    this.localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    this.localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     this.defaultValidationMessage = this.localizeMessage(messages_1.checkboxValidation);
     this.optionalMessage = this.localizeMessage(messages_1.checkboxOptionalText);
-    var checkboxClasses = kendo_vue_common_1.classNames({
+    var checkboxClasses = (0, kendo_vue_common_1.classNames)({
       'k-disabled': disabled
     });
-    var inputClasses = kendo_vue_common_1.classNames((_a = {
+    var inputClasses = (0, kendo_vue_common_1.classNames)((_a = {
       'k-checkbox': true
-    }, _a["k-checkbox-" + kendo_vue_common_1.kendoThemeMaps.sizeMap[size]] = size, _a["k-rounded-" + kendo_vue_common_1.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(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-invalid k-invalid'] = !(this.isValid || validityStyles !== undefined || validityStyles === true), _a));
 
     var checkboxInput = function checkboxInput() {
       return h("input", {
@@ -230,7 +230,7 @@ var CheckboxVue2 = {
           "aria-labelledby": ariaLabelledBy,
           "aria-describedby": ariaDescribedBy,
           disabled: disabled,
-          tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+          tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
           role: 'checkbox',
           required: required !== undefined ? required : false,
           "aria-checked": this.computedChecked || this.checkedProp ? true : this.indeterminateProp ? 'mixed' : false,
@@ -239,7 +239,7 @@ var CheckboxVue2 = {
         "class": inputClasses,
         name: name,
         id: id || this.calculatedId,
-        ref: kendo_vue_common_1.setRef(this, 'input'),
+        ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
         "aria-labelledby": ariaLabelledBy,
         "aria-describedby": ariaDescribedBy,
         checked: this.v3 ? Boolean(this.checkedProp) : null,
@@ -247,7 +247,7 @@ var CheckboxVue2 = {
           "checked": Boolean(this.checkedProp)
         },
         disabled: disabled,
-        tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+        tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
         role: 'checkbox',
         required: required !== undefined ? required : false,
         "aria-checked": this.computedChecked || this.checkedProp ? true : this.indeterminateProp ? 'mixed' : false,

package/dist/npm/colors/ColorContrastLabels.js

@@ -42,18 +42,18 @@ var ColorContrastLabelsVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-    var ls = kendo_vue_intl_1.provideLocalizationService(this);
+    var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var contrastRatioMessage = ls.toLanguageString(messages_1.colorGradientContrastRatio, messages_1.messages[messages_1.colorGradientContrastRatio]);
     var AALevelMessage = ls.toLanguageString(messages_1.colorGradientAALevel, messages_1.messages[messages_1.colorGradientAALevel]);
     var AAALevelMessage = ls.toLanguageString(messages_1.colorGradientAAALevel, messages_1.messages[messages_1.colorGradientAAALevel]);
     var passMessage = ls.toLanguageString(messages_1.colorGradientPass, messages_1.messages[messages_1.colorGradientPass]);
     var failMessage = ls.toLanguageString(messages_1.colorGradientFail, messages_1.messages[messages_1.colorGradientFail]);
-    var contrast = color_parser_1.getContrastFromTwoRGBAs(this.$props.rgba, this.$props.bgColor);
+    var contrast = (0, color_parser_1.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/npm/colors/ColorContrastSvg.js

@@ -50,8 +50,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,
@@ -75,7 +75,7 @@ var ColorContrastSvgVue2 = {
         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 || ''));
+      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) {
@@ -114,7 +114,7 @@ var ColorContrastSvgVue2 = {
       return points;
     };
 
-    var bezierCommandCalc = svg_calc_1.bezierCommand(svg_calc_1.controlPoint(svg_calc_1.line));
+    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",
       attrs: this.v3 ? undefined : {

package/dist/npm/colors/ColorGradient.js

@@ -82,17 +82,17 @@ var ColorGradientVue2 = {
     }
   },
   created: function created() {
-    kendo_vue_common_2.validatePackage(package_metadata_1.packageMetadata);
-    this.guid = kendo_vue_common_1.guid();
+    (0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata);
+    this.guid = (0, kendo_vue_common_1.guid)();
   },
   computed: {
     valueSet: function valueSet() {
       return this.value || this.modelValue || this.modelRgbaValue;
     },
     computedValue: function computedValue() {
-      var value = this.valueSet || this.currentValue || this.defaultValue || color_parser_1.parseColor(DEFAULT_SELECTED_COLOR, FORMAT);
+      var value = this.valueSet || this.currentValue || this.defaultValue || (0, color_parser_1.parseColor)(DEFAULT_SELECTED_COLOR, FORMAT);
 
-      if (!misc_1.isPresent(color_parser_1.parseColor(value, 'hex', this.opacity))) {
+      if (!(0, misc_1.isPresent)((0, color_parser_1.parseColor)(value, 'hex', this.opacity))) {
         // Validate/sanitize the input.
         value = DEFAULT_SELECTED_COLOR;
       }
@@ -100,16 +100,16 @@ var ColorGradientVue2 = {
       return value;
     },
     hsva: function hsva() {
-      return this.valueSet ? color_parser_1.getHSV(this.computedValue) : this.currentHsva || color_parser_1.getHSV(this.computedValue);
+      return this.valueSet ? (0, color_parser_1.getHSV)(this.computedValue) : this.currentHsva || (0, color_parser_1.getHSV)(this.computedValue);
     },
     rgba: function rgba() {
-      return this.valueSet ? color_parser_1.getRGBA(this.computedValue) : this.currentRgba;
+      return this.valueSet ? (0, color_parser_1.getRGBA)(this.computedValue) : this.currentRgba;
     },
     hex: function hex() {
-      return this.valueSet ? color_parser_1.parseColor(this.computedValue, 'hex', this.opacity) : this.currentHex;
+      return this.valueSet ? (0, color_parser_1.parseColor)(this.computedValue, 'hex', this.opacity) : this.currentHex;
     },
     computedBgColor: function computedBgColor() {
-      return this.currentBgColor || color_parser_1.getColorFromHue(this.hsva.h);
+      return this.currentBgColor || (0, color_parser_1.getColorFromHue)(this.hsva.h);
     },
     computedTabIndex: function computedTabIndex() {
       return this.innerTabIndex !== undefined ? this.innerTabIndex : this.focused ? 0 : -1;
@@ -141,7 +141,7 @@ var ColorGradientVue2 = {
     }
   },
   destroyed: function destroyed() {
-    color_cache_1.removeCachedColor(this.guid);
+    (0, color_cache_1.removeCachedColor)(this.guid);
   },
   updated: function updated() {
     this.setAlphaSliderBackground(this.computedBgColor);
@@ -160,10 +160,10 @@ var ColorGradientVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var className = kendo_vue_common_1.classNames('k-colorgradient', {
+    var className = (0, kendo_vue_common_1.classNames)('k-colorgradient', {
       'k-disabled': this.$props.disabled
     });
-    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var dragHandle = localizationService.toLanguageString(messages_1.colorGradientDragHandle, messages_1.messages[messages_1.colorGradientDragHandle]);
 
     var renderRectangleDragHandle = function renderRectangleDragHandle() {
@@ -173,8 +173,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", {
@@ -182,21 +182,21 @@ 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 : {
           "keydown": this.dragKeyDown
         },
         style: style,
-        ref: kendo_vue_common_1.setRef(this, 'draghandle')
+        ref: (0, kendo_vue_common_1.setRef)(this, 'draghandle')
       });
     };
 
@@ -206,14 +206,14 @@ var ColorGradientVue2 = {
         id: this.$props.id,
         role: this.$props.tabIndex !== -1 ? 'textbox' : undefined,
         "aria-disabled": this.$props.disabled,
-        tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
+        tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled),
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy
       },
       "class": className,
       role: this.$props.tabIndex !== -1 ? 'textbox' : undefined,
       "aria-disabled": this.$props.disabled,
-      tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
+      tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled),
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       onFocus: this.onFocus,
@@ -307,7 +307,7 @@ var ColorGradientVue2 = {
       tabIndex: this.computedTabIndex,
       attrs: this.v3 ? undefined : {
         tabIndex: this.computedTabIndex,
-        value: misc_1.isPresent(this.hsva.a) ? this.hsva.a * 100 : 100,
+        value: (0, misc_1.isPresent)(this.hsva.a) ? this.hsva.a * 100 : 100,
         buttons: false,
         vertical: true,
         min: 0,
@@ -315,7 +315,7 @@ var ColorGradientVue2 = {
         step: 1,
         disabled: this.$props.disabled
       },
-      value: misc_1.isPresent(this.hsva.a) ? this.hsva.a * 100 : 100,
+      value: (0, misc_1.isPresent)(this.hsva.a) ? this.hsva.a * 100 : 100,
       buttons: false,
       vertical: true,
       min: 0,
@@ -351,9 +351,9 @@ var ColorGradientVue2 = {
       disabled: this.$props.disabled,
       ref: 'colorInput'
     }), this.backgroundColor && h(ColorContrastLabels_1.ColorContrastLabels, {
-      bgColor: color_parser_1.getRGBA(this.backgroundColor),
+      bgColor: (0, color_parser_1.getRGBA)(this.backgroundColor),
       attrs: this.v3 ? undefined : {
-        bgColor: color_parser_1.getRGBA(this.backgroundColor),
+        bgColor: (0, color_parser_1.getRGBA)(this.backgroundColor),
         rgba: this.rgba
       },
       rgba: this.rgba
@@ -364,26 +364,26 @@ var ColorGradientVue2 = {
       var element = this.$el;
 
       if (this.innerTabIndex === undefined) {
-        this.focused = kendo_vue_common_1.focusContainer(e, element);
+        this.focused = (0, kendo_vue_common_1.focusContainer)(e, element);
       }
 
       this.$emit('keydown', e);
     },
     onHexChange: function onHexChange(hex, value, event) {
-      var rgba = color_parser_1.getRGBA(value);
-      var hsva = color_parser_1.getHSV(value);
+      var rgba = (0, color_parser_1.getRGBA)(value);
+      var hsva = (0, color_parser_1.getHSV)(value);
       this.currentHsva = hsva;
-      this.currentBgColor = color_parser_1.getColorFromHue(hsva.h);
+      this.currentBgColor = (0, color_parser_1.getColorFromHue)(hsva.h);
       this.currentRgba = rgba;
       this.currentHex = hex;
       this.dispatchChangeEvent(value, event.event, hex, value);
     },
     onRgbaChange: function onRgbaChange(rgba, event) {
-      var value = color_parser_1.getColorFromRGBA(rgba);
-      var hex = color_parser_1.parseColor(value, 'hex', this.opacity);
-      var hsva = color_parser_1.getHSV(value);
+      var value = (0, color_parser_1.getColorFromRGBA)(rgba);
+      var hex = (0, color_parser_1.parseColor)(value, 'hex', this.opacity);
+      var hsva = (0, color_parser_1.getHSV)(value);
       this.currentHsva = hsva;
-      this.currentBgColor = color_parser_1.getColorFromHue(hsva.h);
+      this.currentBgColor = (0, color_parser_1.getColorFromHue)(hsva.h);
       this.currentRgba = rgba;
       this.currentHex = hex;
       this.dispatchChangeEvent(value, event.event, hex, value);
@@ -406,7 +406,7 @@ var ColorGradientVue2 = {
       this.gradientWrapper.classList.remove('k-dragging');
     },
     onGradientWrapperClick: function onGradientWrapperClick(event) {
-      this.firstFocusable = kendo_vue_common_1.getRef(this, 'draghandle');
+      this.firstFocusable = (0, kendo_vue_common_1.getRef)(this, 'draghandle');
       this.firstFocusable.focus();
       this.changePosition(event);
     },
@@ -457,8 +457,8 @@ var ColorGradientVue2 = {
       var gradientRectMetrics = this.getGradientRectMetrics();
       var deltaX = event.clientX - gradientRectMetrics.left;
       var deltaY = event.clientY - gradientRectMetrics.top;
-      var left = misc_1.fitIntoBounds(deltaX, 0, gradientRectMetrics.width);
-      var top = misc_1.fitIntoBounds(deltaY, 0, gradientRectMetrics.height);
+      var left = (0, misc_1.fitIntoBounds)(deltaX, 0, gradientRectMetrics.width);
+      var top = (0, misc_1.fitIntoBounds)(deltaY, 0, gradientRectMetrics.height);
       var hsva = Object.assign({}, this.hsva, {
         s: left / gradientRectMetrics.width,
         v: 1 - top / gradientRectMetrics.height
@@ -466,12 +466,12 @@ var ColorGradientVue2 = {
       this.handleHsvaChange(hsva, event, event.event);
     },
     handleHsvaChange: function handleHsvaChange(hsva, event) {
-      var value = color_parser_1.getColorFromHSV(hsva);
-      var hex = color_parser_1.parseColor(value, 'hex', this.opacity);
-      var rgba = color_parser_1.parseColor(value, 'rgba');
+      var value = (0, color_parser_1.getColorFromHSV)(hsva);
+      var hex = (0, color_parser_1.parseColor)(value, 'hex', this.opacity);
+      var rgba = (0, color_parser_1.parseColor)(value, 'rgba');
       this.currentHsva = hsva;
-      this.currentBgColor = color_parser_1.getColorFromHue(hsva.h);
-      this.currentRgba = color_parser_1.getRGBA(value);
+      this.currentBgColor = (0, color_parser_1.getColorFromHue)(hsva.h);
+      this.currentRgba = (0, color_parser_1.getRGBA)(value);
       this.currentHex = hex;
       this.dispatchChangeEvent(value, event, hex, rgba);
     },
@@ -501,7 +501,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() {
@@ -522,7 +522,7 @@ var ColorGradientVue2 = {
 
       this.focused = true;
       setTimeout(function () {
-        kendo_vue_common_1.focusFirstFocusableChild(_this.$el);
+        (0, kendo_vue_common_1.focusFirstFocusableChild)(_this.$el);
       }, 1);
     }
   }

package/dist/npm/colors/ColorInput.js

@@ -75,7 +75,7 @@ var ColorInputVue2 = {
     }
   },
   created: function created() {
-    this.hexInputId = kendo_vue_common_1.guid();
+    this.hexInputId = (0, kendo_vue_common_1.guid)();
   },
   data: function data() {
     return {
@@ -98,7 +98,7 @@ var ColorInputVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var hexMessage = localizationService.toLanguageString(messages_1.colorGradientHex, messages_1.messages[messages_1.colorGradientHex]);
     var buttonMessage = localizationService.toLanguageString(messages_1.colorGradientInputColorButton, messages_1.messages[messages_1.colorGradientInputColorButton]);
     var rMessage = localizationService.toLanguageString(messages_1.colorGradientR, messages_1.messages[messages_1.colorGradientR]);

package/dist/npm/colors/ColorPalette.js

@@ -78,14 +78,14 @@ var ColorPaletteVue2 = {
     ariaDescribedBy: String
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
-    this.guid = kendo_vue_common_1.guid();
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
+    this.guid = (0, kendo_vue_common_1.guid)();
   },
   mounted: function mounted() {
-    this.wrapper = kendo_vue_common_1.getRef(this, 'wrapper');
+    this.wrapper = (0, kendo_vue_common_1.getRef)(this, 'wrapper');
   },
   updated: function updated() {
-    this.wrapper = kendo_vue_common_1.getRef(this, 'wrapper');
+    this.wrapper = (0, kendo_vue_common_1.getRef)(this, 'wrapper');
   },
   computed: {
     focusedColorCooridanates: function focusedColorCooridanates() {
@@ -119,7 +119,7 @@ var ColorPaletteVue2 = {
     svc.setColorMatrix(paletteInfo.colors, paletteInfo.columns);
     var selectedCellCoords = svc.getCellCoordsFor(this.selectedColor);
     var focusedCellCoords = svc.getCellCoordsFor(this.focusedColor);
-    var className = kendo_vue_common_1.classNames('k-colorpalette', {
+    var className = (0, kendo_vue_common_1.classNames)('k-colorpalette', {
       'k-disabled': this.$props.disabled
     });
 
@@ -138,7 +138,7 @@ var ColorPaletteVue2 = {
         var _this = this;
 
         var isSelected = rowIsSelected && selectedColumn === i;
-        var tdClassName = kendo_vue_common_1.classNames('k-colorpalette-tile', {
+        var tdClassName = (0, kendo_vue_common_1.classNames)('k-colorpalette-tile', {
           'k-selected': isSelected,
           'k-focus': rowIsFocused && focusedColumn === i
         });
@@ -201,7 +201,7 @@ var ColorPaletteVue2 = {
           "aria-labelledby": this.$props.ariaLabelledBy,
           "aria-describedby": this.$props.ariaDescribedBy,
           role: "grid",
-          tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled)
+          tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled)
         },
         "class": className,
         onFocusin: this.onFocus,
@@ -217,8 +217,8 @@ var ColorPaletteVue2 = {
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
         role: "grid",
-        tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
-        ref: kendo_vue_common_1.setRef(this, 'wrapper')
+        tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled),
+        ref: (0, kendo_vue_common_1.setRef)(this, 'wrapper')
       }, [h("div", {
         "class": "k-colorpalette-table-wrap"
       }, [h("table", {
@@ -311,7 +311,7 @@ var ColorPaletteVue2 = {
       this.dispatchChangeEvent(this.focusedColor, event);
     },
     dispatchChangeEvent: function dispatchChangeEvent(value, event) {
-      var rgbaValue = color_parser_1.parseColor(value, 'rgba');
+      var rgbaValue = (0, color_parser_1.parseColor)(value, 'rgba');
       this.$emit('changemodel', value);
       this.$emit('update:modelValue', value);
       this.$emit('update:modelRgbaValue', rgbaValue);
@@ -326,7 +326,7 @@ var ColorPaletteVue2 = {
       if (typeof this.$props.palette === 'string') {
         var preset = palette_presets_1.PALETTEPRESETS[this.$props.palette];
 
-        if (misc_1.isPresent(preset)) {
+        if ((0, misc_1.isPresent)(preset)) {
           return {
             colors: preset.colors,
             columns: this.$props.columns || preset.columns || exports.DEFAULT_COLUMNS_COUNT
@@ -345,7 +345,7 @@ var ColorPaletteVue2 = {
       }
     },
     createCellId: function createCellId(cellCoords) {
-      return this.guid + "_" + cellCoords.row + "_" + cellCoords.col;
+      return "".concat(this.guid, "_").concat(cellCoords.row, "_").concat(cellCoords.col);
     }
   }
 };