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

package/dist/npm/colors/HexInput.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;
+};
+/**
+ * @hidden
+ */
+export interface HexInputProps {
+    hex: string;
+    onHexChange?: any;
+    disabled?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface HexInputState {
+    originalHex: string;
+    hex: string;
+}
+/**
+ * @hidden
+ */
+export interface HexInputComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface HexInputMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface HexInputData {
+}
+/**
+ * @hidden
+ */
+export interface HexInputAll extends Vue2type, HexInputMethods, HexInputData, HexInputComputed, HexInputState {
+}
+/**
+ * @hidden
+ */
+declare let HexInputVue2: ComponentOptions<HexInputAll, DefaultData<HexInputData>, DefaultMethods<HexInputAll>, HexInputComputed, RecordPropsDefinition<HexInputProps>>;
+/**
+ * @hidden
+ */
+declare const HexInput: DefineComponent<HexInputProps, any, HexInputData, HexInputComputed, HexInputMethods, {}, {}, {}, string, HexInputProps, HexInputProps, {}>;
+export { HexInput, HexInputVue2 };

package/dist/npm/colors/HexInput.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HexInputVue2 = exports.HexInput = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var color_parser_1 = require("./utils/color-parser");
+
+var misc_1 = require("./utils/misc");
+
+var Input_1 = require("../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_1.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 = color_parser_1.parseColor(hex, 'rgba');
+      this.hex = hex;
+
+      if (misc_1.isPresent(value)) {
+        this.$props.onHexChange(hex, value, event);
+      }
+    },
+    onBlur: function onBlur() {
+      if (!misc_1.isPresent(color_parser_1.parseColor(this.hex, 'rgba'))) {
+        this.hex = this.originalHex;
+      }
+    }
+  }
+};
+exports.HexInputVue2 = HexInputVue2;
+/**
+ * @hidden
+ */
+
+var HexInput = HexInputVue2;
+exports.HexInput = HexInput;

package/dist/npm/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/npm/colors/interfaces/ColorGradientChangeEvent.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/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/npm/colors/interfaces/ColorGradientProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/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/npm/main.js

@@ -21,6 +21,7 @@ __exportStar(require("./colors/interfaces/ColorPickerFocusEvent"), exports);
 __exportStar(require("./colors/interfaces/ColorPickerPaletteSettings"), exports);
 __exportStar(require("./colors/interfaces/ColorPickerPopupSettings"), exports);
 __exportStar(require("./colors/interfaces/ColorPickerProps"), exports);
+__exportStar(require("./colors/FlatColorPicker"), exports);
 var Switch_1 = require("./switch/Switch");
 Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
 Object.defineProperty(exports, "SwitchVue2", { enumerable: true, get: function () { return Switch_1.SwitchVue2; } });

package/dist/npm/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/npm/messages/index.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.messages = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
+exports.messages = exports.colorPickerDropdownButtonAriaLabel = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.flatColorPickerApplyBtn = exports.flatColorPickerCancelBtn = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
 /**
  * @hidden
  */
@@ -62,6 +62,14 @@ exports.colorGradientPass = 'colorGradient.colorGradientPass';
  * @hidden
  */
 exports.colorGradientFail = 'colorGradient.colorGradientFail';
+/**
+ * @hidden
+ */
+exports.flatColorPickerCancelBtn = 'flatColorPicker.cancelBtn';
+/**
+ * @hidden
+ */
+exports.flatColorPickerApplyBtn = 'flatColorPicker.applyBtn';
 /**
  * @hidden
  */
@@ -78,6 +86,10 @@ exports.radioButtonValidation = 'radioButton.validation';
  * @hidden
  */
 exports.switchValidation = 'switch.validation';
+/**
+ * @hidden
+ */
+exports.colorPickerDropdownButtonAriaLabel = 'colorPicker.dropdownButtonAriaLabel';
 /**
  * @hidden
  */
@@ -97,8 +109,11 @@ exports.messages = (_a = {},
     _a[exports.colorGradientAAALevel] = 'AAA',
     _a[exports.colorGradientPass] = 'Pass',
     _a[exports.colorGradientFail] = 'Fail',
+    _a[exports.flatColorPickerCancelBtn] = 'Cancel',
+    _a[exports.flatColorPickerApplyBtn] = 'Apply',
     _a[exports.checkboxValidation] = 'Please check this box if you want to proceed!',
     _a[exports.checkboxOptionalText] = '(Optional)',
     _a[exports.radioButtonValidation] = 'Please select option if you want to proceed!',
     _a[exports.switchValidation] = 'Please turn on if you want to proceed!',
+    _a[exports.colorPickerDropdownButtonAriaLabel] = 'Select',
     _a);

package/dist/npm/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/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1655871679,
+    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/npm/range-slider/RangeSlider.js

@@ -200,9 +200,9 @@ var RangeSliderVue2 = {
       "aria-describedby": this.$props.ariaDescribedBy
     }, [// @ts-ignore  function children
     h(kendo_vue_common_1.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/npm/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.4.0",
+  "version": "3.4.1-dev.202206280838",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,22 +38,22 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.4.0",
-    "@progress/kendo-vue-common": "3.4.0",
-    "@progress/kendo-vue-labels": "3.4.0",
-    "@progress/kendo-vue-popup": "3.4.0"
+    "@progress/kendo-vue-buttons": "3.4.1-dev.202206280838",
+    "@progress/kendo-vue-common": "3.4.1-dev.202206280838",
+    "@progress/kendo-vue-labels": "3.4.1-dev.202206280838",
+    "@progress/kendo-vue-popup": "3.4.1-dev.202206280838"
   },
   "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": "3.4.0",
-    "@progress/kendo-vue-dropdowns": "3.4.0",
-    "@progress/kendo-vue-form": "3.4.0",
-    "@progress/kendo-vue-intl": "3.4.0",
-    "@progress/kendo-vue-labels": "3.4.0",
-    "@progress/kendo-vue-tooltip": "3.4.0",
+    "@progress/kendo-vue-buttons": "3.4.1-dev.202206280838",
+    "@progress/kendo-vue-dropdowns": "3.4.1-dev.202206280838",
+    "@progress/kendo-vue-form": "3.4.1-dev.202206280838",
+    "@progress/kendo-vue-intl": "3.4.1-dev.202206280838",
+    "@progress/kendo-vue-labels": "3.4.1-dev.202206280838",
+    "@progress/kendo-vue-tooltip": "3.4.1-dev.202206280838",
     "cldr-core": "^34.0.0",
     "cldr-dates-full": "^34.0.0",
     "cldr-numbers-full": "^34.0.0"