@progress/kendo-vue-inputs 3.7.4-dev.202211301436 → 3.7.4-dev.202212300853

package/dist/npm/maskedtextbox/MaskedTextBox.js

@@ -21,6 +21,8 @@ var MaskedTextBoxVue2 = {
   model: {
     event: 'changemodel'
   },
+  // @ts-ignore
+  emits: ['change', 'focus', 'blur', 'update:modelValue', 'update:modelRawValue', 'changemodel'],
   props: {
     type: {
       type: String,
@@ -398,8 +400,12 @@ var MaskedTextBoxVue2 = {
       style: !this.$props.label ? {
         width: this.$props.width
       } : undefined
-    }, [iconName && h("span", {
-      "class": "k-input-icon k-icon k-i-".concat(iconName)
+    }, [iconName && h(kendo_vue_common_1.Icon, {
+      name: iconName,
+      attrs: this.v3 ? undefined : {
+        name: iconName
+      },
+      "class": 'k-input-icon'
     }), this.$props.inputPrefix && h("span", {
       "class": "k-input-prefix"
     }, [inputPrefix]), h("input", {
@@ -413,6 +419,7 @@ var MaskedTextBoxVue2 = {
         id: inputId,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
+        "aria-disabled": this.$props.disabled,
         name: this.$props.name,
         tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, true),
         accesskey: this.$props.accessKey,
@@ -420,6 +427,7 @@ var MaskedTextBoxVue2 = {
         disabled: this.$props.disabled || undefined,
         readonly: this.$props.readonly || undefined,
         placeholder: this.$props.placeholder,
+        "aria-placeholder": this.$props.placeholder,
         required: this.$props.required
       },
       autocomplete: "off",
@@ -434,6 +442,7 @@ var MaskedTextBoxVue2 = {
       id: inputId,
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
+      "aria-disabled": this.$props.disabled,
       name: this.$props.name,
       tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, true),
       accesskey: this.$props.accessKey,
@@ -441,6 +450,7 @@ var MaskedTextBoxVue2 = {
       disabled: this.$props.disabled || undefined,
       readonly: this.$props.readonly || undefined,
       placeholder: this.$props.placeholder,
+      "aria-placeholder": this.$props.placeholder,
       required: this.$props.required,
       ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
       onInput: this.onChangeHandler,
@@ -459,10 +469,18 @@ var MaskedTextBoxVue2 = {
       onDrop: utils_1.returnFalse
     }), this.$props.inputSuffix && h("span", {
       "class": "k-input-suffix"
-    }, [inputSuffix]), showValidationIcon && isValid && h("span", {
-      "class": "k-input-validation-icon k-icon k-i-check"
-    }), showValidationIcon && !isValid && h("span", {
-      "class": "k-input-validation-icon k-icon k-i-warning"
+    }, [inputSuffix]), showValidationIcon && isValid && h(kendo_vue_common_1.Icon, {
+      name: 'check',
+      attrs: this.v3 ? undefined : {
+        name: 'check'
+      },
+      "class": "k-input-validation-icon"
+    }), showValidationIcon && !isValid && h(kendo_vue_common_1.Icon, {
+      name: 'warning',
+      attrs: this.v3 ? undefined : {
+        name: 'warning'
+      },
+      "class": "k-input-validation-icon"
     }), showLoadingIcon && h("span", {
       "class": "k-input-loading-icon k-icon k-i-loading"
     }), showClearButton && newValue && h("span", {
@@ -471,8 +489,11 @@ var MaskedTextBoxVue2 = {
         "click": this.clearClick
       },
       "class": "k-clear-value"
-    }, [h("span", {
-      "class": "k-icon k-i-x"
+    }, [h(kendo_vue_common_1.Icon, {
+      name: 'x',
+      attrs: this.v3 ? undefined : {
+        name: 'x'
+      }
     })])]);
     return this.$props.label ? h("span", {
       "class": this.spanClassNames,

package/dist/npm/messages/main.d.ts

@@ -42,6 +42,10 @@ export declare const colorGradientA = "colorGradient.a";
  * @hidden
  */
 export declare const colorGradientHex = "colorGradient.hex";
+/**
+ * @hidden
+ */
+export declare const colorGradientHexLabel = "colorGradient.hexLabel";
 /**
  * @hidden
  */
@@ -82,6 +86,14 @@ export declare const colorGradientPass = "colorGradient.colorGradientPass";
  * @hidden
  */
 export declare const colorGradientFail = "colorGradient.colorGradientFail";
+/**
+ * @hidden
+ */
+export declare const colorGradientHueSliderLabel = "colorGradient.hueSliderLabel";
+/**
+ * @hidden
+ */
+export declare const colorGradientAlphaSliderLabel = "colorGradient.alphaSliderLabel";
 /**
  * @hidden
  */
@@ -122,6 +134,26 @@ export declare const switchValidation = "switch.validation";
  * @hidden
  */
 export declare const colorPickerDropdownButtonAriaLabel = "colorPicker.dropdownButtonAriaLabel";
+/**
+ * @hidden
+ */
+export declare const colorGradientToggleInputsButton = "colorGradient.toggleInputsButton";
+/**
+ * @hidden
+ */
+export declare const ratingAriaLabel = "rating.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const signatureClear = "signature.clear";
+/**
+ * @hidden
+ */
+export declare const signatureMaximize = "signature.maximize";
+/**
+ * @hidden
+ */
+export declare const signatureMinimize = "signature.minimize";
 /**
  * @hidden
  */
@@ -142,11 +174,15 @@ export declare const messages: {
     "colorGradient.bLabel": string;
     "colorGradient.aLabel": string;
     "colorGradient.hex": string;
+    "colorGradient.hexLabel": string;
     "colorGradient.contrastRatio": string;
     "colorGradient.colorGradientAALevel": string;
     "colorGradient.colorGradientAAALevel": string;
     "colorGradient.colorGradientPass": string;
     "colorGradient.colorGradientFail": string;
+    "colorGradient.hueSliderLabel": string;
+    "colorGradient.alphaSliderLabel": string;
+    "colorGradient.toggleInputsButton": string;
     "flatColorPicker.cancelBtn": string;
     "flatColorPicker.applyBtn": string;
     "flatColorPicker.gradientBtn": string;
@@ -157,4 +193,8 @@ export declare const messages: {
     "radioButton.validation": string;
     "switch.validation": string;
     "colorPicker.dropdownButtonAriaLabel": string;
+    "rating.ariaLabel": string;
+    "signature.clear": string;
+    "signature.maximize": string;
+    "signature.minimize": string;
 };

package/dist/npm/messages/main.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.messages = exports.colorPickerDropdownButtonAriaLabel = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.flatColorPickerClearBtn = exports.flatColorPickerPaletteBtn = exports.flatColorPickerGradientBtn = exports.flatColorPickerApplyBtn = exports.flatColorPickerCancelBtn = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientALabel = exports.colorGradientBLabel = exports.colorGradientGLabel = exports.colorGradientRLabel = exports.colorGradientInputColorButton = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.colorGradientDragHandle = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
+exports.messages = exports.signatureMinimize = exports.signatureMaximize = exports.signatureClear = exports.ratingAriaLabel = exports.colorGradientToggleInputsButton = exports.colorPickerDropdownButtonAriaLabel = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.flatColorPickerClearBtn = exports.flatColorPickerPaletteBtn = exports.flatColorPickerGradientBtn = exports.flatColorPickerApplyBtn = exports.flatColorPickerCancelBtn = exports.colorGradientAlphaSliderLabel = exports.colorGradientHueSliderLabel = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientALabel = exports.colorGradientBLabel = exports.colorGradientGLabel = exports.colorGradientRLabel = exports.colorGradientInputColorButton = exports.colorGradientHexLabel = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.colorGradientDragHandle = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
 /**
  * @hidden
  */
@@ -46,6 +46,10 @@ exports.colorGradientA = 'colorGradient.a';
  * @hidden
  */
 exports.colorGradientHex = 'colorGradient.hex';
+/**
+ * @hidden
+ */
+exports.colorGradientHexLabel = 'colorGradient.hexLabel';
 /**
  * @hidden
  */
@@ -86,6 +90,14 @@ exports.colorGradientPass = 'colorGradient.colorGradientPass';
  * @hidden
  */
 exports.colorGradientFail = 'colorGradient.colorGradientFail';
+/**
+ * @hidden
+ */
+exports.colorGradientHueSliderLabel = 'colorGradient.hueSliderLabel';
+/**
+ * @hidden
+ */
+exports.colorGradientAlphaSliderLabel = 'colorGradient.alphaSliderLabel';
 /**
  * @hidden
  */
@@ -126,6 +138,26 @@ exports.switchValidation = 'switch.validation';
  * @hidden
  */
 exports.colorPickerDropdownButtonAriaLabel = 'colorPicker.dropdownButtonAriaLabel';
+/**
+ * @hidden
+ */
+exports.colorGradientToggleInputsButton = 'colorGradient.toggleInputsButton';
+/**
+ * @hidden
+ */
+exports.ratingAriaLabel = 'rating.ariaLabel';
+/**
+ * @hidden
+ */
+exports.signatureClear = 'signature.clear';
+/**
+ * @hidden
+ */
+exports.signatureMaximize = 'signature.maximize';
+/**
+ * @hidden
+ */
+exports.signatureMinimize = 'signature.minimize';
 /**
  * @hidden
  */
@@ -135,10 +167,9 @@ exports.messages = (_a = {},
     _a[exports.sliderIncreaseValue] = 'Increase',
     _a[exports.sliderDecreaseValue] = 'Decrease',
     _a[exports.sliderDragTitle] = 'Drag',
-    _a[exports.colorGradientDragHandle] = "Color well with two-dimensional slider for selecting\n      saturation and lightness. Selected color is",
+    _a[exports.colorGradientDragHandle] = "Color well with two-dimensional slider for selecting\n     saturation and lightness. Selected color is",
     _a[exports.colorGradientInputColorButton] = 'Change the color input',
     _a[exports.colorGradientR] = 'r',
-    _a[exports.colorGradientR] = 'r',
     _a[exports.colorGradientG] = 'g',
     _a[exports.colorGradientB] = 'b',
     _a[exports.colorGradientA] = 'a',
@@ -147,11 +178,15 @@ exports.messages = (_a = {},
     _a[exports.colorGradientBLabel] = 'blue chanel',
     _a[exports.colorGradientALabel] = 'alpha chanel',
     _a[exports.colorGradientHex] = 'hex',
+    _a[exports.colorGradientHexLabel] = 'HEX',
     _a[exports.colorGradientContrastRatio] = 'Contrast ratio',
     _a[exports.colorGradientAALevel] = 'AA',
     _a[exports.colorGradientAAALevel] = 'AAA',
     _a[exports.colorGradientPass] = 'Pass',
     _a[exports.colorGradientFail] = 'Fail',
+    _a[exports.colorGradientHueSliderLabel] = 'Hue slider',
+    _a[exports.colorGradientAlphaSliderLabel] = 'Alpha slider',
+    _a[exports.colorGradientToggleInputsButton] = 'Toggle colorgradient inputs',
     _a[exports.flatColorPickerCancelBtn] = 'Cancel',
     _a[exports.flatColorPickerApplyBtn] = 'Apply',
     _a[exports.flatColorPickerGradientBtn] = 'Gradient',
@@ -162,4 +197,8 @@ exports.messages = (_a = {},
     _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[exports.ratingAriaLabel] = 'Rating',
+    _a[exports.signatureClear] = 'Clear',
+    _a[exports.signatureMaximize] = 'Maximize',
+    _a[exports.signatureMinimize] = 'Minimize',
     _a);

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -505,14 +505,16 @@ var NumericTextBoxVue2 = {
     var numerictextbox = h("span", {
       dir: this.$props.dir,
       attrs: this.v3 ? undefined : {
-        dir: this.$props.dir,
-        "aria-disabled": this.$props.disabled ? 'true' : undefined
+        dir: this.$props.dir
       },
       "class": this.wrapperClassNames,
-      "aria-disabled": this.$props.disabled ? 'true' : undefined,
       style: this.$attrs.style
-    }, [iconName && h("span", {
-      "class": "k-input-icon k-icon k-i-".concat(iconName)
+    }, [iconName && h(kendo_vue_common_1.Icon, {
+      name: iconName,
+      attrs: this.v3 ? undefined : {
+        name: iconName
+      },
+      "class": "k-input-icon"
     }), this.$props.inputPrefix && h("span", {
       "class": "k-input-prefix"
     }, [inputPrefix]), h("input", {
@@ -525,12 +527,14 @@ var NumericTextBoxVue2 = {
         "aria-label": this.$props.ariaLabel,
         "aria-valuemin": this.$props.min,
         "aria-valuemax": this.$props.max,
+        "aria-disabled": this.$props.disabled ? 'true' : undefined,
         placeholder: this.$props.placeholder,
         type: this.$props.inputType,
         spellcheck: false,
         autocomplete: "off",
         autocorrect: "off",
         id: inputId,
+        role: 'spinbutton',
         name: this.$props.name
       },
       accesskey: this.$props.accessKey,
@@ -539,6 +543,7 @@ var NumericTextBoxVue2 = {
       "aria-label": this.$props.ariaLabel,
       "aria-valuemin": this.$props.min,
       "aria-valuemax": this.$props.max,
+      "aria-disabled": this.$props.disabled ? 'true' : undefined,
       placeholder: this.$props.placeholder,
       type: this.$props.inputType,
       spellcheck: false,
@@ -546,6 +551,7 @@ var NumericTextBoxVue2 = {
       autocorrect: "off",
       "class": this.inputInnerClass,
       id: inputId,
+      role: 'spinbutton',
       value: this.v3 ? this.looseValue : null,
       domProps: this.v3 ? undefined : {
         "value": this.looseValue
@@ -568,10 +574,18 @@ var NumericTextBoxVue2 = {
       ref: (0, kendo_vue_common_1.setRef)(this, 'input')
     }), this.$props.inputSuffix && h("span", {
       "class": "k-input-suffix"
-    }, [inputSuffix]), showValidationIcon && isValid && h("span", {
-      "class": "k-input-validation-icon k-icon k-i-check"
-    }), showValidationIcon && !isValid && h("span", {
-      "class": "k-input-validation-icon k-icon k-i-warning"
+    }, [inputSuffix]), showValidationIcon && isValid && h(kendo_vue_common_1.Icon, {
+      name: 'check',
+      attrs: this.v3 ? undefined : {
+        name: 'check'
+      },
+      "class": "k-input-validation-icon"
+    }), showValidationIcon && !isValid && h(kendo_vue_common_1.Icon, {
+      name: 'warning',
+      attrs: this.v3 ? undefined : {
+        name: 'warning'
+      },
+      "class": "k-input-validation-icon"
     }), showLoadingIcon && h("span", {
       "class": "k-input-loading-icon k-icon k-i-loading"
     }), showClearButton && this.computedValue !== undefined && this.computedValue !== null && h("span", {
@@ -580,8 +594,11 @@ var NumericTextBoxVue2 = {
         "click": this.clearClick
       },
       "class": "k-clear-value"
-    }, [h("span", {
-      "class": "k-icon k-i-x"
+    }, [h(kendo_vue_common_1.Icon, {
+      name: 'x',
+      attrs: this.v3 ? undefined : {
+        name: 'x'
+      }
     })]), defaultSlot, this.$props.spinners && h("span", {
       "class": "k-input-spinner k-spin-button",
       onMousedown: this.spinnersWrapperMouseDown,

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: 1669818274,
+    publishDate: 1672389639,
     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

@@ -165,15 +165,13 @@ var RangeSliderVue2 = {
       dir = _c.dir;
     //  const dir = useDir(sliderRef, this.$props.dir);
     return h("div", {
-      role: "slider",
+      id: id,
       attrs: this.v3 ? undefined : {
-        role: "slider",
         id: id,
         dir: this.currentDir,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy
       },
-      id: id,
       dir: this.currentDir,
       "class": (0, kendo_vue_common_1.classNames)('k-widget k-slider', {
         'k-rtl': this.currentDir === 'rtl',
@@ -237,6 +235,7 @@ var RangeSliderVue2 = {
           "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
           "aria-valuenow": _this.computedValue.start,
           "aria-disabled": _this.disabled ? 'true' : undefined,
+          "aria-valuetext": _this.computedValue.start,
           title: localization.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle])
         },
         tabindex: (0, kendo_vue_common_1.getTabIndex)(_this.startTabIndex, _this.$props.disabled, undefined),
@@ -244,6 +243,7 @@ var RangeSliderVue2 = {
         "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
         "aria-valuenow": _this.computedValue.start,
         "aria-disabled": _this.disabled ? 'true' : undefined,
+        "aria-valuetext": _this.computedValue.start,
         "class": "k-draghandle",
         title: localization.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle]),
         style: _this.vertical ? {
@@ -270,6 +270,7 @@ var RangeSliderVue2 = {
           "aria-valuemax": _this.max,
           "aria-valuenow": _this.computedValue.end,
           "aria-disabled": _this.disabled ? 'true' : undefined,
+          "aria-valuetext": _this.computedValue.end,
           title: localization.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle])
         },
         tabindex: (0, kendo_vue_common_1.getTabIndex)(_this.endTabIndex, _this.$props.disabled, undefined),
@@ -277,6 +278,7 @@ var RangeSliderVue2 = {
         "aria-valuemax": _this.max,
         "aria-valuenow": _this.computedValue.end,
         "aria-disabled": _this.disabled ? 'true' : undefined,
+        "aria-valuetext": _this.computedValue.end,
         "class": "k-draghandle",
         title: localization.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle]),
         style: _this.vertical ? {
@@ -335,6 +337,7 @@ var RangeSliderVue2 = {
         "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
         "aria-valuenow": _this.computedValue.start,
         "aria-disabled": _this.disabled ? 'true' : undefined,
+        "aria-valuetext": _this.computedValue.start,
         title: localization.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle])
       },
       tabindex: (0, kendo_vue_common_1.getTabIndex)(_this.startTabIndex, _this.$props.disabled, undefined),
@@ -342,6 +345,7 @@ var RangeSliderVue2 = {
       "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
       "aria-valuenow": _this.computedValue.start,
       "aria-disabled": _this.disabled ? 'true' : undefined,
+      "aria-valuetext": _this.computedValue.start,
       "class": "k-draghandle",
       title: localization.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle]),
       style: _this.vertical ? {
@@ -368,6 +372,7 @@ var RangeSliderVue2 = {
         "aria-valuemax": _this.max,
         "aria-valuenow": _this.computedValue.end,
         "aria-disabled": _this.disabled ? 'true' : undefined,
+        "aria-valuetext": _this.computedValue.end,
         title: localization.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle])
       },
       tabindex: (0, kendo_vue_common_1.getTabIndex)(_this.endTabIndex, _this.$props.disabled, undefined),
@@ -375,6 +380,7 @@ var RangeSliderVue2 = {
       "aria-valuemax": _this.max,
       "aria-valuenow": _this.computedValue.end,
       "aria-disabled": _this.disabled ? 'true' : undefined,
+      "aria-valuetext": _this.computedValue.end,
       "class": "k-draghandle",
       title: localization.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle]),
       style: _this.vertical ? {

package/dist/npm/signature/Signature.d.ts

@@ -0,0 +1,39 @@
+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 { SignaturePad } from '@progress/kendo-inputs-common';
+import { SignatureProps } from './interfaces/SignatureProps';
+/**
+ * @hidden
+ */
+export interface SignatureData {
+}
+export interface SignatureState {
+    v3: boolean;
+    instance: SignaturePad;
+}
+/**
+ * @hidden
+ */
+export interface SignatureMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SignatureComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SignatureAll extends Vue2type, SignatureMethods, SignatureComputed, SignatureState, SignatureData {
+}
+/**
+ * @hidden
+ */
+declare let SignatureVue2: ComponentOptions<SignatureAll, DefaultData<SignatureData>, DefaultMethods<SignatureAll>, SignatureComputed, RecordPropsDefinition<SignatureProps>>;
+declare const Signature: DefineComponent<SignatureProps, any, SignatureData, SignatureComputed, SignatureMethods, {}, {}, {}, string, SignatureProps, SignatureProps, {}>;
+export { Signature, SignatureVue2 };