@progress/kendo-vue-inputs 3.6.4 → 3.6.5-dev.202210181442

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 (74) hide show
  1. package/dist/cdn/js/kendo-vue-inputs.js +1 -1
  2. package/dist/es/checkbox/Checkbox.js +17 -35
  3. package/dist/es/colors/ColorContrastLabels.js +0 -2
  4. package/dist/es/colors/ColorContrastSvg.js +6 -20
  5. package/dist/es/colors/ColorGradient.js +2 -28
  6. package/dist/es/colors/ColorInput.js +12 -20
  7. package/dist/es/colors/ColorPalette.js +0 -19
  8. package/dist/es/colors/ColorPicker.js +28 -52
  9. package/dist/es/colors/FlatColorPicker.js +14 -24
  10. package/dist/es/colors/HexInput.js +0 -4
  11. package/dist/es/colors/Picker.js +6 -9
  12. package/dist/es/input/Input.js +15 -29
  13. package/dist/es/input-separator/InputSeparator.js +0 -2
  14. package/dist/es/maskedtextbox/MaskedTextBox.js +13 -32
  15. package/dist/es/numerictextbox/NumericTextBox.js +15 -48
  16. package/dist/es/numerictextbox/utils/main.js +33 -132
  17. package/dist/es/package-metadata.js +1 -1
  18. package/dist/es/radiobutton/RadioButton.js +11 -16
  19. package/dist/es/radiobutton/RadioGroup.js +9 -12
  20. package/dist/es/range-slider/RangeSlider.js +9 -32
  21. package/dist/es/range-slider/range-raducer.js +0 -26
  22. package/dist/es/slider/Slider.js +8 -20
  23. package/dist/es/slider/SliderLabel.js +2 -12
  24. package/dist/es/switch/Switch.js +6 -18
  25. package/dist/es/textarea/TextArea.js +27 -40
  26. package/dist/esm/checkbox/Checkbox.js +17 -35
  27. package/dist/esm/colors/ColorContrastLabels.js +0 -2
  28. package/dist/esm/colors/ColorContrastSvg.js +6 -20
  29. package/dist/esm/colors/ColorGradient.js +2 -28
  30. package/dist/esm/colors/ColorInput.js +12 -20
  31. package/dist/esm/colors/ColorPalette.js +0 -19
  32. package/dist/esm/colors/ColorPicker.js +28 -52
  33. package/dist/esm/colors/FlatColorPicker.js +14 -24
  34. package/dist/esm/colors/HexInput.js +0 -4
  35. package/dist/esm/colors/Picker.js +6 -9
  36. package/dist/esm/input/Input.js +15 -29
  37. package/dist/esm/input-separator/InputSeparator.js +0 -2
  38. package/dist/esm/maskedtextbox/MaskedTextBox.js +13 -32
  39. package/dist/esm/numerictextbox/NumericTextBox.js +15 -48
  40. package/dist/esm/numerictextbox/utils/main.js +33 -132
  41. package/dist/esm/package-metadata.js +1 -1
  42. package/dist/esm/radiobutton/RadioButton.js +11 -16
  43. package/dist/esm/radiobutton/RadioGroup.js +9 -12
  44. package/dist/esm/range-slider/RangeSlider.js +9 -32
  45. package/dist/esm/range-slider/range-raducer.js +0 -26
  46. package/dist/esm/slider/Slider.js +8 -20
  47. package/dist/esm/slider/SliderLabel.js +2 -12
  48. package/dist/esm/switch/Switch.js +6 -18
  49. package/dist/esm/textarea/TextArea.js +27 -40
  50. package/dist/npm/checkbox/Checkbox.js +19 -43
  51. package/dist/npm/colors/ColorContrastLabels.js +2 -9
  52. package/dist/npm/colors/ColorContrastSvg.js +8 -26
  53. package/dist/npm/colors/ColorGradient.js +4 -44
  54. package/dist/npm/colors/ColorInput.js +12 -29
  55. package/dist/npm/colors/ColorPalette.js +2 -29
  56. package/dist/npm/colors/ColorPicker.js +26 -59
  57. package/dist/npm/colors/FlatColorPicker.js +14 -35
  58. package/dist/npm/colors/HexInput.js +2 -11
  59. package/dist/npm/colors/Picker.js +8 -15
  60. package/dist/npm/input/Input.js +15 -34
  61. package/dist/npm/input-separator/InputSeparator.js +2 -8
  62. package/dist/npm/maskedtextbox/MaskedTextBox.js +15 -40
  63. package/dist/npm/numerictextbox/NumericTextBox.js +17 -59
  64. package/dist/npm/numerictextbox/utils/main.js +33 -160
  65. package/dist/npm/package-metadata.js +1 -1
  66. package/dist/npm/radiobutton/RadioButton.js +13 -23
  67. package/dist/npm/radiobutton/RadioGroup.js +11 -19
  68. package/dist/npm/range-slider/RangeSlider.js +7 -38
  69. package/dist/npm/range-slider/range-raducer.js +0 -27
  70. package/dist/npm/slider/Slider.js +10 -30
  71. package/dist/npm/slider/SliderLabel.js +2 -15
  72. package/dist/npm/switch/Switch.js +8 -26
  73. package/dist/npm/textarea/TextArea.js +25 -43
  74. package/package.json +11 -11
@@ -4,41 +4,32 @@ var __assign = undefined && undefined.__assign || function () {
4
4
  __assign = Object.assign || function (t) {
5
5
  for (var s, i = 1, n = arguments.length; i < n; i++) {
6
6
  s = arguments[i];
7
-
8
7
  for (var p in s) {
9
8
  if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
10
9
  }
11
10
  }
12
-
13
11
  return t;
14
12
  };
15
-
16
13
  return __assign.apply(this, arguments);
17
14
  };
18
-
19
15
  Object.defineProperty(exports, "__esModule", {
20
16
  value: true
21
17
  });
22
- exports.SliderLabelVue2 = exports.SliderLabel = exports.SLIDER_LABEL_ATTRIBUTE = void 0; // @ts-ignore
23
-
18
+ exports.SliderLabelVue2 = exports.SliderLabel = exports.SLIDER_LABEL_ATTRIBUTE = void 0;
19
+ // @ts-ignore
24
20
  var Vue = require("vue");
25
-
26
21
  var allVue = Vue;
27
22
  var gh = allVue.h;
28
23
  var isV3 = allVue.version && allVue.version[0] === '3';
29
24
  var ref = allVue.ref;
30
-
31
25
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
32
26
  /**
33
27
  * @hidden
34
28
  */
35
-
36
-
37
29
  exports.SLIDER_LABEL_ATTRIBUTE = 'data-slider-label';
38
30
  /**
39
31
  * @hidden
40
32
  */
41
-
42
33
  var SliderLabelVue2 = {
43
34
  name: 'KendoSliderLabel',
44
35
  // @ts-ignore
@@ -58,11 +49,9 @@ var SliderLabelVue2 = {
58
49
  inject: ['kendoMax', 'kendoMin', 'kendoVertical'],
59
50
  mounted: function mounted() {
60
51
  this.sliderLabelRef = this.$refs.sliderLabelRef;
61
-
62
52
  if (!this.currentDir && window && this.$el) {
63
53
  // Note: getComputedStyle forces reflow
64
54
  var direction = window.getComputedStyle(this.$el).direction;
65
-
66
55
  if (direction) {
67
56
  this.currentDir = direction;
68
57
  }
@@ -78,7 +67,6 @@ var SliderLabelVue2 = {
78
67
  // @ts-ignore
79
68
  render: function render(createElement) {
80
69
  var _a;
81
-
82
70
  var h = gh || createElement;
83
71
  var dir = this.currentDir;
84
72
  var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
@@ -124,6 +112,5 @@ exports.SliderLabelVue2 = SliderLabelVue2;
124
112
  * ### props <span class='code'>[SliderLabelProps]({% slug api_inputs_sliderlabelprops %})</span>
125
113
  * The props of the SliderLabel component.
126
114
  */
127
-
128
115
  var SliderLabel = SliderLabelVue2;
129
116
  exports.SliderLabel = SliderLabel;
@@ -3,26 +3,19 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.SwitchVue2 = exports.Switch = void 0; // @ts-ignore
7
-
6
+ exports.SwitchVue2 = exports.Switch = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
-
14
12
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
15
-
16
13
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
17
-
18
14
  var main_1 = require("../messages/main");
19
-
20
15
  var package_metadata_1 = require("../package-metadata");
21
16
  /**
22
17
  * @hidden
23
18
  */
24
-
25
-
26
19
  var SwitchVue2 = {
27
20
  name: 'KendoSwitch',
28
21
  model: {
@@ -124,7 +117,6 @@ var SwitchVue2 = {
124
117
  },
125
118
  switchClassName: function switchClassName() {
126
119
  var _a;
127
-
128
120
  var isValid = !this.validityStyles || this.validity().valid;
129
121
  var rounded = this.$props.trackRounded;
130
122
  return _a = {
@@ -133,7 +125,6 @@ var SwitchVue2 = {
133
125
  },
134
126
  switchTrackClass: function switchTrackClass() {
135
127
  var _a;
136
-
137
128
  var rounded = this.$props.trackRounded;
138
129
  return _a = {
139
130
  'k-switch-track': true
@@ -141,7 +132,6 @@ var SwitchVue2 = {
141
132
  },
142
133
  switchThumbClass: function switchThumbClass() {
143
134
  var _a;
144
-
145
135
  var rounded = this.$props.thumbRounded;
146
136
  return _a = {
147
137
  'k-switch-thumb': true
@@ -168,12 +158,12 @@ var SwitchVue2 = {
168
158
  render: function render(createElement) {
169
159
  var h = gh || createElement;
170
160
  var _a = this.$props,
171
- disabled = _a.disabled,
172
- id = _a.id,
173
- offLabel = _a.offLabel,
174
- onLabel = _a.onLabel,
175
- tabIndex = _a.tabIndex,
176
- required = _a.required;
161
+ disabled = _a.disabled,
162
+ id = _a.id,
163
+ offLabel = _a.offLabel,
164
+ onLabel = _a.onLabel,
165
+ tabIndex = _a.tabIndex,
166
+ required = _a.required;
177
167
  return h("span", {
178
168
  "class": this.switchClassName,
179
169
  dir: this.currentDir,
@@ -280,13 +270,11 @@ var SwitchVue2 = {
280
270
  limit: function limit(offset, drag, wrapper) {
281
271
  var wrapperWidth = wrapper.offsetWidth;
282
272
  var margin = drag.offsetWidth;
283
-
284
273
  if (offset < 0) {
285
274
  return 0;
286
275
  } else if (offset > wrapperWidth - margin) {
287
276
  return wrapperWidth - margin;
288
277
  }
289
-
290
278
  return offset;
291
279
  },
292
280
  toggle: function toggle(value, event) {
@@ -311,7 +299,6 @@ var SwitchVue2 = {
311
299
  // This is guard against the case when wrapped in label, click event is emmited twice
312
300
  return;
313
301
  }
314
-
315
302
  this.eventTimeStamp = event.timeStamp;
316
303
  this.toggle(!this.computedValue, event);
317
304
  },
@@ -319,9 +306,7 @@ var SwitchVue2 = {
319
306
  if (this.$props.disabled) {
320
307
  return;
321
308
  }
322
-
323
309
  var keyCode = event.keyCode;
324
-
325
310
  if (keyCode === kendo_vue_common_1.Keys.space || keyCode === kendo_vue_common_1.Keys.enter) {
326
311
  this.toggle(!this.computedValue, event);
327
312
  }
@@ -330,7 +315,6 @@ var SwitchVue2 = {
330
315
  if (this.$props.disabled) {
331
316
  return;
332
317
  }
333
-
334
318
  this.focused = true;
335
319
  this.$emit('focus', event);
336
320
  },
@@ -338,7 +322,6 @@ var SwitchVue2 = {
338
322
  if (this.$props.disabled) {
339
323
  return;
340
324
  }
341
-
342
325
  this.focused = false;
343
326
  this.$emit('blur', event);
344
327
  }
@@ -350,6 +333,5 @@ exports.SwitchVue2 = SwitchVue2;
350
333
  * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
351
334
  * Obtaining the `ref` returns an object of type [SwitchHandle]({% slug api_inputs_switchhandle %}).
352
335
  */
353
-
354
336
  var Switch = SwitchVue2;
355
337
  exports.Switch = Switch;
@@ -4,37 +4,28 @@ var __assign = undefined && undefined.__assign || function () {
4
4
  __assign = Object.assign || function (t) {
5
5
  for (var s, i = 1, n = arguments.length; i < n; i++) {
6
6
  s = arguments[i];
7
-
8
7
  for (var p in s) {
9
8
  if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
10
9
  }
11
10
  }
12
-
13
11
  return t;
14
12
  };
15
-
16
13
  return __assign.apply(this, arguments);
17
14
  };
18
-
19
15
  Object.defineProperty(exports, "__esModule", {
20
16
  value: true
21
17
  });
22
- exports.TextAreaVue2 = exports.TextArea = void 0; // @ts-ignore
23
-
18
+ exports.TextAreaVue2 = exports.TextArea = void 0;
19
+ // @ts-ignore
24
20
  var Vue = require("vue");
25
-
26
21
  var allVue = Vue;
27
22
  var gh = allVue.h;
28
23
  var isV3 = allVue.version && allVue.version[0] === '3';
29
-
30
24
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
31
-
32
25
  var package_metadata_1 = require("../package-metadata");
33
26
  /**
34
27
  * @hidden
35
28
  */
36
-
37
-
38
29
  var TextAreaVue2 = {
39
30
  name: 'KendoTextArea',
40
31
  model: {
@@ -129,15 +120,14 @@ var TextAreaVue2 = {
129
120
  computed: {
130
121
  rootClassName: function rootClassName() {
131
122
  var _a;
132
-
133
123
  var _b = this.$props,
134
- size = _b.size,
135
- fillMode = _b.fillMode,
136
- rounded = _b.rounded,
137
- required = _b.required,
138
- showLoadingIcon = _b.showLoadingIcon,
139
- resizable = _b.resizable,
140
- autoSize = _b.autoSize;
124
+ size = _b.size,
125
+ fillMode = _b.fillMode,
126
+ rounded = _b.rounded,
127
+ required = _b.required,
128
+ showLoadingIcon = _b.showLoadingIcon,
129
+ resizable = _b.resizable,
130
+ autoSize = _b.autoSize;
141
131
  var invalid = this.validityStyles === true ? !this.isValid : false;
142
132
  return _a = {
143
133
  'k-input': true,
@@ -146,7 +136,6 @@ var TextAreaVue2 = {
146
136
  },
147
137
  inputInnerClass: function inputInnerClass() {
148
138
  var _a;
149
-
150
139
  return _a = {
151
140
  'k-input-inner': true,
152
141
  '!k-resize-none': true,
@@ -213,26 +202,24 @@ var TextAreaVue2 = {
213
202
  // @ts-ignore
214
203
  render: function render(createElement) {
215
204
  var _this = this;
216
-
217
205
  var h = gh || createElement;
218
206
  var _a = this.$props,
219
- ariaDescribedBy = _a.ariaDescribedBy,
220
- ariaLabelledBy = _a.ariaLabelledBy,
221
- autoSize = _a.autoSize,
222
- disabled = _a.disabled,
223
- readOnly = _a.readOnly,
224
- required = _a.required,
225
- rows = _a.rows,
226
- id = _a.id,
227
- name = _a.name,
228
- placeholder = _a.placeholder,
229
- tabIndex = _a.tabIndex,
230
- iconName = _a.iconName,
231
- showValidationIcon = _a.showValidationIcon,
232
- showLoadingIcon = _a.showLoadingIcon,
233
- showClearButton = _a.showClearButton,
234
- title = _a.title;
235
-
207
+ ariaDescribedBy = _a.ariaDescribedBy,
208
+ ariaLabelledBy = _a.ariaLabelledBy,
209
+ autoSize = _a.autoSize,
210
+ disabled = _a.disabled,
211
+ readOnly = _a.readOnly,
212
+ required = _a.required,
213
+ rows = _a.rows,
214
+ id = _a.id,
215
+ name = _a.name,
216
+ placeholder = _a.placeholder,
217
+ tabIndex = _a.tabIndex,
218
+ iconName = _a.iconName,
219
+ showValidationIcon = _a.showValidationIcon,
220
+ showLoadingIcon = _a.showLoadingIcon,
221
+ showClearButton = _a.showClearButton,
222
+ title = _a.title;
236
223
  var textAreaAttrs = __assign({
237
224
  id: id || this.calculatedId,
238
225
  name: name,
@@ -248,7 +235,6 @@ var TextAreaVue2 = {
248
235
  'aria-multiline': true,
249
236
  'aria-disabled': disabled || undefined
250
237
  }, this.$attrs);
251
-
252
238
  var inputPrefixTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.inputPrefix, kendo_vue_common_1.getListeners.call(this));
253
239
  var inputSuffixTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.inputSuffix, kendo_vue_common_1.getListeners.call(this));
254
240
  var inputPrefix = kendo_vue_common_1.getTemplate.call(this, {
@@ -338,7 +324,6 @@ var TextAreaVue2 = {
338
324
  if (this.element && this.element.setCustomValidity) {
339
325
  this.element.setCustomValidity(this.isValid ? '' : this.validationMessage || '');
340
326
  }
341
-
342
327
  if (this.element) {
343
328
  this.textAreaHeight = "".concat(this.element.scrollHeight, "px");
344
329
  }
@@ -353,12 +338,10 @@ var TextAreaVue2 = {
353
338
  },
354
339
  emitUpdate: function emitUpdate(event, eventName, value) {
355
340
  var newValue = value;
356
-
357
341
  if (!this.$props.disabled) {
358
342
  this.textAreaHeight = 'auto';
359
343
  this.currentValue = newValue;
360
344
  }
361
-
362
345
  if (!this.$props.disabled) {
363
346
  this.$emit('changemodel', newValue);
364
347
  this.$emit('update:modelValue', newValue);
@@ -430,6 +413,5 @@ exports.TextAreaVue2 = TextAreaVue2;
430
413
  * </script>
431
414
  * ```
432
415
  */
433
-
434
416
  var TextArea = TextAreaVue2;
435
417
  exports.TextArea = TextArea;
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.6.4",
4
+ "version": "3.6.5-dev.202210181442",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -44,22 +44,22 @@
44
44
  "vue": "^2.6.12 || ^3.0.2"
45
45
  },
46
46
  "dependencies": {
47
- "@progress/kendo-vue-buttons": "3.6.4",
48
- "@progress/kendo-vue-common": "3.6.4",
49
- "@progress/kendo-vue-labels": "3.6.4",
50
- "@progress/kendo-vue-popup": "3.6.4"
47
+ "@progress/kendo-vue-buttons": "3.6.5-dev.202210181442",
48
+ "@progress/kendo-vue-common": "3.6.5-dev.202210181442",
49
+ "@progress/kendo-vue-labels": "3.6.5-dev.202210181442",
50
+ "@progress/kendo-vue-popup": "3.6.5-dev.202210181442"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@progress/kendo-data-query": "^1.5.5",
54
54
  "@progress/kendo-date-math": "^1.5.4",
55
55
  "@progress/kendo-drawing": "^1.8.0",
56
56
  "@progress/kendo-licensing": "^1.1.0",
57
- "@progress/kendo-vue-buttons": "3.6.4",
58
- "@progress/kendo-vue-dropdowns": "3.6.4",
59
- "@progress/kendo-vue-form": "3.6.4",
60
- "@progress/kendo-vue-intl": "3.6.4",
61
- "@progress/kendo-vue-labels": "3.6.4",
62
- "@progress/kendo-vue-tooltip": "3.6.4",
57
+ "@progress/kendo-vue-buttons": "3.6.5-dev.202210181442",
58
+ "@progress/kendo-vue-dropdowns": "3.6.5-dev.202210181442",
59
+ "@progress/kendo-vue-form": "3.6.5-dev.202210181442",
60
+ "@progress/kendo-vue-intl": "3.6.5-dev.202210181442",
61
+ "@progress/kendo-vue-labels": "3.6.5-dev.202210181442",
62
+ "@progress/kendo-vue-tooltip": "3.6.5-dev.202210181442",
63
63
  "cldr-core": "^41.0.0",
64
64
  "cldr-dates-full": "^41.0.0",
65
65
  "cldr-numbers-full": "^41.0.0"