@progress/kendo-vue-inputs 3.3.6 → 3.4.1-dev.202206280838

package/dist/es/colors/HexInput.js

@@ -0,0 +1,71 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { parseColor } from './utils/color-parser';
+import { isPresent } from './utils/misc';
+import { Input } from '../input/Input';
+/**
+ * @hidden
+ */
+
+var HexInputVue2 = {
+  name: 'KendoHexInput',
+  props: {
+    hex: String,
+    disabled: Boolean
+  },
+  data: function data() {
+    return {
+      hex: this.$props.hex,
+      originalHex: this.$props.hex
+    };
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    return h(Input, {
+      value: this.hex,
+      attrs: this.v3 ? undefined : {
+        value: this.hex,
+        disabled: this.$props.disabled
+      },
+      onChange: this.onChange,
+      on: this.v3 ? undefined : {
+        "change": this.onChange,
+        "blur": this.onBlur
+      },
+      onBlur: this.onBlur,
+      disabled: this.$props.disabled
+    });
+  },
+  methods: {
+    onChange: function onChange(event) {
+      var hex = event.target.value;
+      var value = parseColor(hex, 'rgba');
+      this.hex = hex;
+
+      if (isPresent(value)) {
+        this.$props.onHexChange(hex, value, event);
+      }
+    },
+    onBlur: function onBlur() {
+      if (!isPresent(parseColor(this.hex, 'rgba'))) {
+        this.hex = this.originalHex;
+      }
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var HexInput = HexInputVue2;
+export { HexInput, HexInputVue2 };

package/dist/es/colors/interfaces/ColorGradientChangeEvent.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The arguments for the `onChange` ColorGradient event.
+ */
+export interface ColorGradientChangeEvent {
+    /**
+     * The current value of the ColorGradient.
+     */
+    value: string;
+}

package/dist/es/colors/interfaces/ColorGradientProps.d.ts

@@ -0,0 +1,56 @@
+import { ColorGradientChangeEvent } from './ColorGradientChangeEvent';
+/**
+ * Represents the props of the [KendoReact ColorGradient component]({% slug overview_colorgradient %}).
+ */
+export interface ColorGradientProps {
+    /**
+     * The default value of the ColorGradient.
+     */
+    defaultValue?: string;
+    /**
+     * The value of the ColorGradient.
+     */
+    value?: string;
+    /**
+     * Determines the event handler that will be fired when the user edits the value.
+     */
+    onChange?: (event: ColorGradientChangeEvent) => void;
+    /**
+     * Represents the focus event.
+     */
+    onFocus?: (event: any) => void;
+    /**
+     * Determines whether the alpha slider and the alpha input will be displayed. Defaults to `true`.
+     */
+    opacity?: boolean;
+    /**
+     * Enables the color contrast tool.
+     * Sets the background color that will be compared to the selected value.
+     * The tool will calculate the contrast ratio between two colors.
+     * Currently, only the RGBA format is supported.
+     */
+    backgroundColor?: string;
+    /**
+     * Determines whether the ColorGradient is disabled
+     * ([more information and example]({% slug disabled_colorgradient %})).
+     *
+     */
+    disabled?: boolean;
+    /**
+     * Sets the `tabIndex` property of the ColorGradient.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies the id of the component.
+     */
+    id?: string;
+    /**
+     * 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;
+}

package/dist/es/input-separator/InputSeparator.d.ts

@@ -13,7 +13,14 @@ export interface InputSeparatorAllMethods extends Vue2type {
  */
 declare let InputSeparatorVue2: ComponentOptions<InputSeparatorAllMethods, DefaultData<{}>, DefaultMethods<InputSeparatorAllMethods>, {}, RecordPropsDefinition<{}>>;
 /**
- * @hidden
+ * Represents the Kendo UI for Vue InputSeparator component. It can be used as a semarator
+ *  between horizontal icons in prefi and suffic templates.
+ *
+ *  ```jsx
+ *  <template>
+ *    <InputSeparator>
+ *  </template>
+ *  ```
  */
 declare const InputSeparator: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
 export { InputSeparator, InputSeparatorVue2 };

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

@@ -28,7 +28,14 @@ var InputSeparatorVue2 = {
   }
 };
 /**
- * @hidden
+ * Represents the Kendo UI for Vue InputSeparator component. It can be used as a semarator
+ *  between horizontal icons in prefi and suffic templates.
+ *
+ *  ```jsx
+ *  <template>
+ *    <InputSeparator>
+ *  </template>
+ *  ```
  */
 
 var InputSeparator = InputSeparatorVue2;

package/dist/es/main.d.ts

@@ -10,6 +10,7 @@ export * from './colors/interfaces/ColorPickerFocusEvent';
 export * from './colors/interfaces/ColorPickerPaletteSettings';
 export * from './colors/interfaces/ColorPickerPopupSettings';
 export * from './colors/interfaces/ColorPickerProps';
+export * from './colors/FlatColorPicker';
 export { Switch, SwitchVue2, SwitchProps, SwitchState, SwitchChangeEvent } from './switch/Switch';
 export * from './input-separator/InputSeparator';
 export * from './input/Input';

package/dist/es/main.js

@@ -8,6 +8,7 @@ export * from './colors/interfaces/ColorPickerFocusEvent';
 export * from './colors/interfaces/ColorPickerPaletteSettings';
 export * from './colors/interfaces/ColorPickerPopupSettings';
 export * from './colors/interfaces/ColorPickerProps';
+export * from './colors/FlatColorPicker';
 export { Switch, SwitchVue2 } from './switch/Switch';
 export * from './input-separator/InputSeparator';
 export * from './input/Input';

package/dist/es/messages/index.d.ts

@@ -58,6 +58,14 @@ export declare const colorGradientPass = "colorGradient.colorGradientPass";
  * @hidden
  */
 export declare const colorGradientFail = "colorGradient.colorGradientFail";
+/**
+ * @hidden
+ */
+export declare const flatColorPickerCancelBtn = "flatColorPicker.cancelBtn";
+/**
+ * @hidden
+ */
+export declare const flatColorPickerApplyBtn = "flatColorPicker.applyBtn";
 /**
  * @hidden
  */
@@ -74,6 +82,10 @@ export declare const radioButtonValidation = "radioButton.validation";
  * @hidden
  */
 export declare const switchValidation = "switch.validation";
+/**
+ * @hidden
+ */
+export declare const colorPickerDropdownButtonAriaLabel = "colorPicker.dropdownButtonAriaLabel";
 /**
  * @hidden
  */
@@ -93,8 +105,11 @@ export declare const messages: {
     "colorGradient.colorGradientAAALevel": string;
     "colorGradient.colorGradientPass": string;
     "colorGradient.colorGradientFail": string;
+    "flatColorPicker.cancelBtn": string;
+    "flatColorPicker.applyBtn": string;
     "checkbox.validation": string;
     "checkbox.optionalText": string;
     "radioButton.validation": string;
     "switch.validation": string;
+    "colorPicker.dropdownButtonAriaLabel": string;
 };

package/dist/es/messages/index.js

@@ -59,6 +59,14 @@ export var colorGradientPass = 'colorGradient.colorGradientPass';
  * @hidden
  */
 export var colorGradientFail = 'colorGradient.colorGradientFail';
+/**
+ * @hidden
+ */
+export var flatColorPickerCancelBtn = 'flatColorPicker.cancelBtn';
+/**
+ * @hidden
+ */
+export var flatColorPickerApplyBtn = 'flatColorPicker.applyBtn';
 /**
  * @hidden
  */
@@ -75,6 +83,10 @@ export var radioButtonValidation = 'radioButton.validation';
  * @hidden
  */
 export var switchValidation = 'switch.validation';
+/**
+ * @hidden
+ */
+export var colorPickerDropdownButtonAriaLabel = 'colorPicker.dropdownButtonAriaLabel';
 /**
  * @hidden
  */
@@ -94,8 +106,11 @@ export var messages = (_a = {},
     _a[colorGradientAAALevel] = 'AAA',
     _a[colorGradientPass] = 'Pass',
     _a[colorGradientFail] = 'Fail',
+    _a[flatColorPickerCancelBtn] = 'Cancel',
+    _a[flatColorPickerApplyBtn] = 'Apply',
     _a[checkboxValidation] = 'Please check this box if you want to proceed!',
     _a[checkboxOptionalText] = '(Optional)',
     _a[radioButtonValidation] = 'Please select option if you want to proceed!',
     _a[switchValidation] = 'Please turn on if you want to proceed!',
+    _a[colorPickerDropdownButtonAriaLabel] = 'Select',
     _a);

package/dist/es/numerictextbox/NumericTextBox.d.ts

@@ -15,6 +15,10 @@ export interface NumericTextBoxChangeEvent {
      * The current value of the NumericTextBox.
      */
     value: number | null;
+    /**
+     * The native event.
+     */
+    event: any;
 }
 /**
  * @hidden

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: 1655701030,
+    publishDate: 1656404888,
     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/range-slider/RangeSlider.js

@@ -188,9 +188,9 @@ var RangeSliderVue2 = {
       "aria-describedby": this.$props.ariaDescribedBy
     }, [// @ts-ignore  function children
     h(Draggable, {
-      onDrag: this.handleTrackPress,
+      onDrag: this.handleTrackDrag,
       on: this.v3 ? undefined : {
-        "drag": this.handleTrackPress,
+        "drag": this.handleTrackDrag,
         "press": this.handleTrackPress,
         "release": this.handleTrackRelease
       },

package/dist/es/slider/Slider.d.ts

@@ -13,6 +13,10 @@ export interface SliderChangeEvent {
      * The current value of the Slider.
      */
     value: number;
+    /**
+     * The native event.
+     */
+    event: any;
 }
 /**
  * Represents the props of the [Kendo UI for Vue Slider component]({% slug overview_slider %}).

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

@@ -0,0 +1,49 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { RGBA } from './models/rgba';
+/**
+ * @hidden
+ */
+export interface ColorContrastLabelsProps {
+    bgColor: RGBA;
+    rgba: RGBA;
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastLabelsState {
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastLabelsComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastLabelsMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastLabelsData {
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastLabelsAll extends Vue2type, ColorContrastLabelsMethods, ColorContrastLabelsData, ColorContrastLabelsComputed, ColorContrastLabelsState {
+}
+/**
+ * @hidden
+ */
+declare let ColorContrastLabelsVue2: ComponentOptions<ColorContrastLabelsAll, DefaultData<ColorContrastLabelsData>, DefaultMethods<ColorContrastLabelsAll>, ColorContrastLabelsComputed, RecordPropsDefinition<ColorContrastLabelsProps>>;
+/**
+ * @hidden
+ */
+declare const ColorContrastLabels: DefineComponent<ColorContrastLabelsProps, any, ColorContrastLabelsData, ColorContrastLabelsComputed, ColorContrastLabelsMethods, {}, {}, {}, string, ColorContrastLabelsProps, ColorContrastLabelsProps, {}>;
+export { ColorContrastLabels, ColorContrastLabelsVue2 };

package/dist/npm/colors/ColorContrastLabels.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorContrastLabelsVue2 = exports.ColorContrastLabels = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("../messages");
+
+var color_parser_1 = require("./utils/color-parser");
+/**
+ * @hidden
+ */
+
+
+var ColorContrastLabelsVue2 = {
+  name: 'KendoColorContrastLabels',
+  props: {
+    bgColor: Object,
+    rgba: Object
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var ls = 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 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 success = h("span", {
+      "class": "k-contrast-validation k-text-success"
+    }, [passMessage, " ", h("span", {
+      "class": "k-icon k-i-check"
+    })]);
+    var error = h("span", {
+      "class": "k-contrast-validation k-text-error"
+    }, [failMessage, " ", h("span", {
+      "class": "k-icon k-i-close"
+    })]);
+    return h("div", {
+      "class": "k-vbox k-colorgradient-color-contrast"
+    }, [h("div", {
+      "class": "k-contrast-ratio"
+    }, [h("span", {
+      "class": "k-contrast-ratio-text"
+    }, [contrastText]), contrast >= 4.5 ? h("span", {
+      "class": "k-contrast-validation k-text-success"
+    }, [h("span", {
+      "class": "k-icon k-i-check"
+    }), contrast >= 7 && 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])]);
+  }
+};
+exports.ColorContrastLabelsVue2 = ColorContrastLabelsVue2;
+/**
+ * @hidden
+ */
+
+var ColorContrastLabels = ColorContrastLabelsVue2;
+exports.ColorContrastLabels = ColorContrastLabels;

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

@@ -0,0 +1,50 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { HSVA } from './models/hsva';
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgProps {
+    metrics: ClientRect | undefined;
+    backgroundColor: string;
+    hsva: HSVA;
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgState {
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgData {
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgAll extends Vue2type, ColorContrastSvgMethods, ColorContrastSvgData, ColorContrastSvgComputed, ColorContrastSvgState {
+}
+/**
+ * @hidden
+ */
+declare let ColorContrastSvgVue2: ComponentOptions<ColorContrastSvgAll, DefaultData<ColorContrastSvgData>, DefaultMethods<ColorContrastSvgAll>, ColorContrastSvgComputed, RecordPropsDefinition<ColorContrastSvgProps>>;
+/**
+ * @hidden
+ */
+declare const ColorContrastSvg: DefineComponent<ColorContrastSvgProps, any, ColorContrastSvgData, ColorContrastSvgComputed, ColorContrastSvgMethods, {}, {}, {}, string, ColorContrastSvgProps, ColorContrastSvgProps, {}>;
+export { ColorContrastSvg, ColorContrastSvgVue2 };

package/dist/npm/colors/ColorContrastSvg.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorContrastSvgVue2 = exports.ColorContrastSvg = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var svg_calc_1 = require("./utils/svg-calc");
+
+var color_parser_1 = require("./utils/color-parser");
+
+var AA_CONTRAST = 4.5;
+var AAA_CONTRAST = 7;
+var STEP_COUNT = 16;
+/**
+ * @hidden
+ */
+
+var ColorContrastSvgVue2 = {
+  name: 'KendoColorContrastSvg',
+  props: {
+    metrics: Object,
+    backgroundColor: String,
+    hsva: Object
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+
+    var renderSvgCurveLine = function renderSvgCurveLine() {
+      var _this = this;
+
+      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);
+        }
+
+        return findValue(contrast, saturation, low + (high - low) / 2, high, comparer);
+      };
+
+      var getPaths = function getPaths(contrast, stepCount, reversed) {
+        if (reversed === void 0) {
+          reversed = false;
+        }
+
+        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]);
+          }
+        }
+
+        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 h("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      attrs: this.v3 ? undefined : {
+        xmlns: "http://www.w3.org/2000/svg"
+      },
+      "class": 'k-color-contrast-svg',
+      style: {
+        position: 'absolute',
+        overflow: 'visible',
+        pointerEvents: 'none',
+        left: 0,
+        top: 0,
+        zIndex: 3
+      }
+    }, [renderSvgCurveLine.call(this)]);
+  }
+};
+exports.ColorContrastSvgVue2 = ColorContrastSvgVue2;
+/**
+ * @hidden
+ */
+
+var ColorContrastSvg = ColorContrastSvgVue2;
+exports.ColorContrastSvg = ColorContrastSvg;

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

@@ -0,0 +1,51 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { HSVA } from './models/hsva';
+import { RGBA } from './models/rgba';
+import { ColorGradientProps } from './interfaces/ColorGradientProps';
+/**
+ * @hidden
+ */
+export interface ColorGradientState {
+    guidId: string;
+    gradientWrapper: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorGradientComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorGradientMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorGradientData {
+    hsva: HSVA;
+    backgroundColor: string;
+    rgba: RGBA;
+    hex: string;
+    isFirstRender: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ColorGradientAll extends Vue2type, ColorGradientMethods, ColorGradientData, ColorGradientComputed, ColorGradientState {
+}
+/**
+ * @hidden
+ */
+declare let ColorGradientVue2: ComponentOptions<ColorGradientAll, DefaultData<ColorGradientData>, DefaultMethods<ColorGradientAll>, ColorGradientComputed, RecordPropsDefinition<ColorGradientProps>>;
+/**
+ * @hidden
+ */
+declare const ColorGradient: DefineComponent<ColorGradientProps, any, ColorGradientData, ColorGradientComputed, ColorGradientMethods, {}, {}, {}, string, ColorGradientProps, ColorGradientProps, {}>;
+export { ColorGradient, ColorGradientVue2 };