@progress/kendo-vue-inputs 3.4.3 → 3.4.5-dev.202207300828

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/cdn/js/kendo-vue-inputs.js +1 -1
  2. package/dist/es/checkbox/Checkbox.js +3 -3
  3. package/dist/es/colors/ColorContrastLabels.js +8 -4
  4. package/dist/es/colors/ColorContrastSvg.js +65 -44
  5. package/dist/es/colors/ColorGradient.d.ts +3 -1
  6. package/dist/es/colors/ColorGradient.js +160 -57
  7. package/dist/es/colors/ColorInput.d.ts +3 -0
  8. package/dist/es/colors/ColorInput.js +82 -58
  9. package/dist/es/colors/ColorPalette.js +31 -17
  10. package/dist/es/colors/ColorPicker.d.ts +1 -0
  11. package/dist/es/colors/ColorPicker.js +90 -70
  12. package/dist/es/colors/FlatColorPicker.d.ts +41 -5
  13. package/dist/es/colors/FlatColorPicker.js +307 -110
  14. package/dist/es/colors/HexInput.d.ts +1 -0
  15. package/dist/es/colors/HexInput.js +33 -13
  16. package/dist/es/colors/Picker.js +20 -12
  17. package/dist/es/colors/interfaces/ColorGradientChangeEvent.d.ts +4 -0
  18. package/dist/es/colors/interfaces/ColorGradientProps.d.ts +12 -0
  19. package/dist/es/colors/interfaces/ColorPaletteChangeEvent.d.ts +0 -3
  20. package/dist/es/colors/interfaces/ColorPaletteProps.d.ts +8 -3
  21. package/dist/es/colors/interfaces/ColorPickerActiveColorClick.d.ts +0 -3
  22. package/dist/es/colors/interfaces/ColorPickerBlurEvent.d.ts +0 -3
  23. package/dist/es/colors/interfaces/ColorPickerChangeEvent.d.ts +4 -3
  24. package/dist/es/colors/interfaces/ColorPickerFocusEvent.d.ts +0 -3
  25. package/dist/es/colors/interfaces/ColorPickerPaletteSettings.d.ts +0 -3
  26. package/dist/es/colors/interfaces/ColorPickerPopupSettings.d.ts +0 -3
  27. package/dist/es/colors/interfaces/ColorPickerProps.d.ts +30 -4
  28. package/dist/es/colors/interfaces/ColorPickerView.d.ts +0 -3
  29. package/dist/es/colors/interfaces/FlatColorPickerViewChangeEvent.d.ts +13 -0
  30. package/dist/es/colors/interfaces/FlatColorPickerViewChangeEvent.js +0 -0
  31. package/dist/es/colors/interfaces/PickerProps.d.ts +4 -0
  32. package/dist/es/colors/utils/color-cache.d.ts +13 -0
  33. package/dist/es/colors/utils/color-cache.js +14 -0
  34. package/dist/es/colors/utils/color-parser.d.ts +7 -1
  35. package/dist/es/colors/utils/color-parser.js +11 -2
  36. package/dist/es/input/Input.d.ts +4 -0
  37. package/dist/es/input/Input.js +9 -4
  38. package/dist/es/input-separator/InputSeparator.js +1 -1
  39. package/dist/es/maskedtextbox/MaskedTextBox.js +1 -1
  40. package/dist/es/messages/index.d.ts +45 -0
  41. package/dist/es/messages/index.js +46 -0
  42. package/dist/es/numerictextbox/NumericTextBox.js +4 -1
  43. package/dist/es/numerictextbox/interfaces/NumericTextBoxProps.d.ts +4 -0
  44. package/dist/es/package-metadata.js +1 -1
  45. package/dist/es/radiobutton/RadioButton.js +2 -2
  46. package/dist/es/radiobutton/RadioGroup.js +2 -2
  47. package/dist/es/range-slider/RangeSlider.js +2 -2
  48. package/dist/es/slider/Slider.js +3 -3
  49. package/dist/es/slider/SliderLabel.js +1 -1
  50. package/dist/es/switch/Switch.js +1 -1
  51. package/dist/es/textarea/TextArea.js +1 -1
  52. package/dist/npm/checkbox/Checkbox.js +3 -3
  53. package/dist/npm/colors/ColorContrastLabels.js +8 -4
  54. package/dist/npm/colors/ColorContrastSvg.js +65 -44
  55. package/dist/npm/colors/ColorGradient.d.ts +3 -1
  56. package/dist/npm/colors/ColorGradient.js +161 -56
  57. package/dist/npm/colors/ColorInput.d.ts +3 -0
  58. package/dist/npm/colors/ColorInput.js +82 -57
  59. package/dist/npm/colors/ColorPalette.js +31 -17
  60. package/dist/npm/colors/ColorPicker.d.ts +1 -0
  61. package/dist/npm/colors/ColorPicker.js +91 -71
  62. package/dist/npm/colors/FlatColorPicker.d.ts +41 -5
  63. package/dist/npm/colors/FlatColorPicker.js +307 -107
  64. package/dist/npm/colors/HexInput.d.ts +1 -0
  65. package/dist/npm/colors/HexInput.js +31 -11
  66. package/dist/npm/colors/Picker.js +19 -11
  67. package/dist/npm/colors/interfaces/ColorGradientChangeEvent.d.ts +4 -0
  68. package/dist/npm/colors/interfaces/ColorGradientProps.d.ts +12 -0
  69. package/dist/npm/colors/interfaces/ColorPaletteChangeEvent.d.ts +0 -3
  70. package/dist/npm/colors/interfaces/ColorPaletteProps.d.ts +8 -3
  71. package/dist/npm/colors/interfaces/ColorPickerActiveColorClick.d.ts +0 -3
  72. package/dist/npm/colors/interfaces/ColorPickerBlurEvent.d.ts +0 -3
  73. package/dist/npm/colors/interfaces/ColorPickerChangeEvent.d.ts +4 -3
  74. package/dist/npm/colors/interfaces/ColorPickerFocusEvent.d.ts +0 -3
  75. package/dist/npm/colors/interfaces/ColorPickerPaletteSettings.d.ts +0 -3
  76. package/dist/npm/colors/interfaces/ColorPickerPopupSettings.d.ts +0 -3
  77. package/dist/npm/colors/interfaces/ColorPickerProps.d.ts +30 -4
  78. package/dist/npm/colors/interfaces/ColorPickerView.d.ts +0 -3
  79. package/dist/npm/colors/interfaces/FlatColorPickerViewChangeEvent.d.ts +13 -0
  80. package/dist/npm/colors/interfaces/FlatColorPickerViewChangeEvent.js +2 -0
  81. package/dist/npm/colors/interfaces/PickerProps.d.ts +4 -0
  82. package/dist/npm/colors/utils/color-cache.d.ts +13 -0
  83. package/dist/npm/colors/utils/color-cache.js +15 -1
  84. package/dist/npm/colors/utils/color-parser.d.ts +7 -1
  85. package/dist/npm/colors/utils/color-parser.js +12 -3
  86. package/dist/npm/input/Input.d.ts +4 -0
  87. package/dist/npm/input/Input.js +9 -4
  88. package/dist/npm/input-separator/InputSeparator.js +1 -1
  89. package/dist/npm/maskedtextbox/MaskedTextBox.js +1 -1
  90. package/dist/npm/messages/index.d.ts +45 -0
  91. package/dist/npm/messages/index.js +47 -1
  92. package/dist/npm/numerictextbox/NumericTextBox.js +4 -1
  93. package/dist/npm/numerictextbox/interfaces/NumericTextBoxProps.d.ts +4 -0
  94. package/dist/npm/package-metadata.js +1 -1
  95. package/dist/npm/radiobutton/RadioButton.js +2 -2
  96. package/dist/npm/radiobutton/RadioGroup.js +2 -2
  97. package/dist/npm/range-slider/RangeSlider.js +2 -2
  98. package/dist/npm/slider/Slider.js +3 -3
  99. package/dist/npm/slider/SliderLabel.js +1 -1
  100. package/dist/npm/switch/Switch.js +1 -1
  101. package/dist/npm/textarea/TextArea.js +1 -1
  102. package/package.json +11 -11
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  var _a;
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- 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;
4
+ 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;
5
5
  /**
6
6
  * @hidden
7
7
  */
@@ -22,6 +22,10 @@ exports.sliderDecreaseValue = 'slider.decrement';
22
22
  * @hidden
23
23
  */
24
24
  exports.sliderDragTitle = 'slider.dragTitle';
25
+ /**
26
+ * @hidden
27
+ */
28
+ exports.colorGradientDragHandle = 'colorGradient.dragHandle';
25
29
  /**
26
30
  * @hidden
27
31
  */
@@ -42,6 +46,26 @@ exports.colorGradientA = 'colorGradient.a';
42
46
  * @hidden
43
47
  */
44
48
  exports.colorGradientHex = 'colorGradient.hex';
49
+ /**
50
+ * @hidden
51
+ */
52
+ exports.colorGradientInputColorButton = 'colorGradient.inputColorButton';
53
+ /**
54
+ * @hidden
55
+ */
56
+ exports.colorGradientRLabel = 'colorGradient.rLabel';
57
+ /**
58
+ * @hidden
59
+ */
60
+ exports.colorGradientGLabel = 'colorGradient.gLabel';
61
+ /**
62
+ * @hidden
63
+ */
64
+ exports.colorGradientBLabel = 'colorGradient.bLabel';
65
+ /**
66
+ * @hidden
67
+ */
68
+ exports.colorGradientALabel = 'colorGradient.aLabel';
45
69
  /**
46
70
  * @hidden
47
71
  */
@@ -70,6 +94,18 @@ exports.flatColorPickerCancelBtn = 'flatColorPicker.cancelBtn';
70
94
  * @hidden
71
95
  */
72
96
  exports.flatColorPickerApplyBtn = 'flatColorPicker.applyBtn';
97
+ /**
98
+ * @hidden
99
+ */
100
+ exports.flatColorPickerGradientBtn = 'flatColorPicker.gradientBtn';
101
+ /**
102
+ * @hidden
103
+ */
104
+ exports.flatColorPickerPaletteBtn = 'flatColorPicker.paletterBtn';
105
+ /**
106
+ * @hidden
107
+ */
108
+ exports.flatColorPickerClearBtn = 'flatColorPicker.clearBtn';
73
109
  /**
74
110
  * @hidden
75
111
  */
@@ -99,10 +135,17 @@ exports.messages = (_a = {},
99
135
  _a[exports.sliderIncreaseValue] = 'Increase',
100
136
  _a[exports.sliderDecreaseValue] = 'Decrease',
101
137
  _a[exports.sliderDragTitle] = 'Drag',
138
+ _a[exports.colorGradientDragHandle] = "Color well with two-dimensional slider for selecting\n saturation and lightness. Selected color is",
139
+ _a[exports.colorGradientInputColorButton] = 'Change the color input',
140
+ _a[exports.colorGradientR] = 'r',
102
141
  _a[exports.colorGradientR] = 'r',
103
142
  _a[exports.colorGradientG] = 'g',
104
143
  _a[exports.colorGradientB] = 'b',
105
144
  _a[exports.colorGradientA] = 'a',
145
+ _a[exports.colorGradientRLabel] = 'red chanel',
146
+ _a[exports.colorGradientGLabel] = 'green chanel',
147
+ _a[exports.colorGradientBLabel] = 'blue chanel',
148
+ _a[exports.colorGradientALabel] = 'alpha chanel',
106
149
  _a[exports.colorGradientHex] = 'hex',
107
150
  _a[exports.colorGradientContrastRatio] = 'Contrast ratio',
108
151
  _a[exports.colorGradientAALevel] = 'AA',
@@ -111,6 +154,9 @@ exports.messages = (_a = {},
111
154
  _a[exports.colorGradientFail] = 'Fail',
112
155
  _a[exports.flatColorPickerCancelBtn] = 'Cancel',
113
156
  _a[exports.flatColorPickerApplyBtn] = 'Apply',
157
+ _a[exports.flatColorPickerGradientBtn] = 'Gradient',
158
+ _a[exports.flatColorPickerPaletteBtn] = 'Palette',
159
+ _a[exports.flatColorPickerClearBtn] = 'Clear',
114
160
  _a[exports.checkboxValidation] = 'Please check this box if you want to proceed!',
115
161
  _a[exports.checkboxOptionalText] = '(Optional)',
116
162
  _a[exports.radioButtonValidation] = 'Please select option if you want to proceed!',
@@ -9,7 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
- var isV3 = allVue.version[0] === '3';
12
+ var isV3 = allVue.version && allVue.version[0] === '3';
13
13
  var ref = allVue.ref;
14
14
  var inject = allVue.inject;
15
15
 
@@ -105,6 +105,7 @@ var NumericTextBoxVue2 = {
105
105
  default: false
106
106
  },
107
107
  id: String,
108
+ ariaLabel: String,
108
109
  iconName: String,
109
110
  inputPrefix: kendo_vue_common_1.templateDefinition,
110
111
  inputSuffix: kendo_vue_common_1.templateDefinition,
@@ -560,6 +561,7 @@ var NumericTextBoxVue2 = {
560
561
  accesskey: this.$props.accessKey,
561
562
  disabled: this.$props.disabled,
562
563
  title: this.$props.title,
564
+ "aria-label": this.$props.ariaLabel,
563
565
  "aria-valuemin": this.$props.min,
564
566
  "aria-valuemax": this.$props.max,
565
567
  placeholder: this.$props.placeholder,
@@ -574,6 +576,7 @@ var NumericTextBoxVue2 = {
574
576
  accesskey: this.$props.accessKey,
575
577
  disabled: this.$props.disabled,
576
578
  title: this.$props.title,
579
+ "aria-label": this.$props.ariaLabel,
577
580
  "aria-valuemin": this.$props.min,
578
581
  "aria-valuemax": this.$props.max,
579
582
  placeholder: this.$props.placeholder,
@@ -110,6 +110,10 @@ export interface NumericTextBoxProps extends FormComponentProps {
110
110
  * Sets the `id` of the `input` DOM element.
111
111
  */
112
112
  id?: string;
113
+ /**
114
+ * Sets the `aria-label` of the `input` DOM element.
115
+ */
116
+ ariaLabel?: string;
113
117
  /**
114
118
  * Sets the `type` of the `input` DOM element.
115
119
  *
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-inputs',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1657627749,
11
+ publishDate: 1659169206,
12
12
  version: '',
13
13
  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'
14
14
  };
@@ -9,7 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
- var isV3 = allVue.version[0] === '3';
12
+ var isV3 = allVue.version && allVue.version[0] === '3';
13
13
  var ref = allVue.ref;
14
14
  var inject = allVue.inject;
15
15
 
@@ -74,7 +74,7 @@ var RadioButtonVue2 = {
74
74
 
75
75
  return _a = {
76
76
  'k-radio': true
77
- }, _a["k-radio-" + kendo_vue_common_1.kendoThemeMaps.sizeMap[this.$props.size]] = this.$props.size, _a['k-state-invalid'] = this.$props.valid === false, _a['k-invalid'] = this.$props.valid === false, _a[this.$props.className] = this.$props.className, _a;
77
+ }, _a["k-radio-" + kendo_vue_common_1.kendoThemeMaps.sizeMap[this.$props.size]] = this.$props.size, _a['k-invalid'] = this.$props.valid === false, _a[this.$props.className] = this.$props.className, _a;
78
78
  }
79
79
  },
80
80
  methods: {
@@ -9,7 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
- var isV3 = allVue.version[0] === '3';
12
+ var isV3 = allVue.version && allVue.version[0] === '3';
13
13
  var ref = allVue.ref;
14
14
  var inject = allVue.inject;
15
15
 
@@ -161,7 +161,7 @@ var RadioGroupVue2 = {
161
161
  return (// @ts-ignore function children
162
162
  h(RadioButton_1.RadioButton, {
163
163
  "class": kendo_vue_common_1.classNames('k-radio-item', {
164
- 'k-state-disabled': option.disabled || disabled
164
+ 'k-disabled': option.disabled || disabled
165
165
  }),
166
166
  style: option.style,
167
167
  key: index,
@@ -25,7 +25,7 @@ var Vue = require("vue");
25
25
 
26
26
  var allVue = Vue;
27
27
  var gh = allVue.h;
28
- var isV3 = allVue.version[0] === '3';
28
+ var isV3 = allVue.version && allVue.version[0] === '3';
29
29
  var ref = allVue.ref;
30
30
  var inject = allVue.inject;
31
31
 
@@ -193,7 +193,7 @@ var RangeSliderVue2 = {
193
193
  dir: this.currentDir,
194
194
  "class": kendo_vue_common_1.classNames('k-widget k-slider', {
195
195
  'k-rtl': this.currentDir === 'rtl',
196
- 'k-state-disabled': this.$props.disabled,
196
+ 'k-disabled': this.$props.disabled,
197
197
  'k-slider-vertical': this.$props.vertical,
198
198
  'k-slider-horizontal': !this.$props.vertical
199
199
  }, this.$props.class),
@@ -9,7 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
- var isV3 = allVue.version[0] === '3';
12
+ var isV3 = allVue.version && allVue.version[0] === '3';
13
13
  var ref = allVue.ref;
14
14
  var inject = allVue.inject;
15
15
 
@@ -192,8 +192,8 @@ var SliderVue2 = {
192
192
  onBlur: this.onBlur,
193
193
  onKeydown: this.onKeyDown,
194
194
  "class": kendo_vue_common_1.classNames('k-slider k-widget', {
195
- 'k-state-focused': this.currentFocused,
196
- 'k-state-disabled': this.$props.disabled,
195
+ 'k-focus': this.currentFocused,
196
+ 'k-disabled': this.$props.disabled,
197
197
  'k-slider-horizontal': !this.$props.vertical,
198
198
  'k-slider-vertical': this.$props.vertical
199
199
  }, this.$props.className)
@@ -25,7 +25,7 @@ var Vue = require("vue");
25
25
 
26
26
  var allVue = Vue;
27
27
  var gh = allVue.h;
28
- var isV3 = allVue.version[0] === '3';
28
+ var isV3 = allVue.version && allVue.version[0] === '3';
29
29
  var ref = allVue.ref;
30
30
 
31
31
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -9,7 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
- var isV3 = allVue.version[0] === '3';
12
+ var isV3 = allVue.version && allVue.version[0] === '3';
13
13
 
14
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
15
15
 
@@ -25,7 +25,7 @@ var Vue = require("vue");
25
25
 
26
26
  var allVue = Vue;
27
27
  var gh = allVue.h;
28
- var isV3 = allVue.version[0] === '3';
28
+ var isV3 = allVue.version && allVue.version[0] === '3';
29
29
 
30
30
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
31
31
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-inputs",
3
3
  "description": "Kendo UI for Vue Input package",
4
- "version": "3.4.3",
4
+ "version": "3.4.5-dev.202207300828",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,22 +38,22 @@
38
38
  "vue": "^2.6.12 || ^3.0.2"
39
39
  },
40
40
  "dependencies": {
41
- "@progress/kendo-vue-buttons": "3.4.3",
42
- "@progress/kendo-vue-common": "3.4.3",
43
- "@progress/kendo-vue-labels": "3.4.3",
44
- "@progress/kendo-vue-popup": "3.4.3"
41
+ "@progress/kendo-vue-buttons": "3.4.5-dev.202207300828",
42
+ "@progress/kendo-vue-common": "3.4.5-dev.202207300828",
43
+ "@progress/kendo-vue-labels": "3.4.5-dev.202207300828",
44
+ "@progress/kendo-vue-popup": "3.4.5-dev.202207300828"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@progress/kendo-data-query": "^1.5.5",
48
48
  "@progress/kendo-date-math": "^1.5.4",
49
49
  "@progress/kendo-drawing": "^1.8.0",
50
50
  "@progress/kendo-licensing": "^1.1.0",
51
- "@progress/kendo-vue-buttons": "3.4.3",
52
- "@progress/kendo-vue-dropdowns": "3.4.3",
53
- "@progress/kendo-vue-form": "3.4.3",
54
- "@progress/kendo-vue-intl": "3.4.3",
55
- "@progress/kendo-vue-labels": "3.4.3",
56
- "@progress/kendo-vue-tooltip": "3.4.3",
51
+ "@progress/kendo-vue-buttons": "3.4.5-dev.202207300828",
52
+ "@progress/kendo-vue-dropdowns": "3.4.5-dev.202207300828",
53
+ "@progress/kendo-vue-form": "3.4.5-dev.202207300828",
54
+ "@progress/kendo-vue-intl": "3.4.5-dev.202207300828",
55
+ "@progress/kendo-vue-labels": "3.4.5-dev.202207300828",
56
+ "@progress/kendo-vue-tooltip": "3.4.5-dev.202207300828",
57
57
  "cldr-core": "^41.0.0",
58
58
  "cldr-dates-full": "^41.0.0",
59
59
  "cldr-numbers-full": "^41.0.0"