@progress/kendo-vue-inputs 3.6.4 → 3.7.0-dev.202210250731

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
@@ -3,26 +3,20 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.RadioButtonVue2 = exports.RadioButton = void 0; // @ts-ignore
7
-
6
+ exports.RadioButtonVue2 = exports.RadioButton = 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
12
  var ref = allVue.ref;
14
13
  var inject = allVue.inject;
15
-
16
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
17
-
18
15
  var kendo_vue_common_2 = require("@progress/kendo-vue-common");
19
-
20
16
  var package_metadata_1 = require("../package-metadata");
21
17
  /**
22
18
  * @hidden
23
19
  */
24
-
25
-
26
20
  var RadioButtonVue2 = {
27
21
  name: 'KendoRadioButton',
28
22
  props: {
@@ -71,7 +65,6 @@ var RadioButtonVue2 = {
71
65
  computed: {
72
66
  inputClassName: function inputClassName() {
73
67
  var _a;
74
-
75
68
  return _a = {
76
69
  'k-radio': true
77
70
  }, _a["k-radio-".concat(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;
@@ -113,19 +106,18 @@ var RadioButtonVue2 = {
113
106
  var h = gh || createElement;
114
107
  var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
115
108
  var _a = this.$props,
116
- ariaDescribedBy = _a.ariaDescribedBy,
117
- checked = _a.checked,
118
- disabled = _a.disabled,
119
- id = _a.id,
120
- label = _a.label,
121
- labelRender = _a.labelRender,
122
- labelPlacement = _a.labelPlacement,
123
- name = _a.name,
124
- tabIndex = _a.tabIndex,
125
- value = _a.value,
126
- tag = _a.tag;
109
+ ariaDescribedBy = _a.ariaDescribedBy,
110
+ checked = _a.checked,
111
+ disabled = _a.disabled,
112
+ id = _a.id,
113
+ label = _a.label,
114
+ labelRender = _a.labelRender,
115
+ labelPlacement = _a.labelPlacement,
116
+ name = _a.name,
117
+ tabIndex = _a.tabIndex,
118
+ value = _a.value,
119
+ tag = _a.tag;
127
120
  var renderedLabel = label;
128
-
129
121
  if (labelRender) {
130
122
  var renderTemplate = labelRender ? kendo_vue_common_1.templateRendering.call(this, labelRender, kendo_vue_common_1.getListeners.call(this)) : null;
131
123
  renderedLabel = kendo_vue_common_1.getTemplate.call(this, {
@@ -133,7 +125,6 @@ var RadioButtonVue2 = {
133
125
  template: renderTemplate
134
126
  });
135
127
  }
136
-
137
128
  var content = kendo_vue_common_1.getTemplate.call(this, {
138
129
  h: h,
139
130
  template: this.$props.content
@@ -202,6 +193,5 @@ exports.RadioButtonVue2 = RadioButtonVue2;
202
193
  /**
203
194
  * @hidden
204
195
  */
205
-
206
196
  var RadioButton = RadioButtonVue2;
207
197
  exports.RadioButton = RadioButton;
@@ -3,26 +3,20 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.RadioGroupVue2 = exports.RadioGroup = void 0; // @ts-ignore
7
-
6
+ exports.RadioGroupVue2 = exports.RadioGroup = 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
12
  var ref = allVue.ref;
14
13
  var inject = allVue.inject;
15
-
16
14
  var RadioButton_1 = require("./RadioButton");
17
-
18
15
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
19
-
20
16
  var package_metadata_1 = require("../package-metadata");
21
17
  /**
22
18
  * @hidden
23
19
  */
24
-
25
-
26
20
  var RadioGroupVue2 = {
27
21
  name: 'KendoRadioGroup',
28
22
  props: {
@@ -110,11 +104,9 @@ var RadioGroupVue2 = {
110
104
  },
111
105
  handleChange: function handleChange(event) {
112
106
  var currentValue = event.value;
113
-
114
107
  if (!(this.$props.value !== undefined) && !this.$props.disabled) {
115
108
  this.stateChecked = currentValue;
116
109
  }
117
-
118
110
  if (!this.$props.disabled) {
119
111
  this.$emit('changemodel', currentValue);
120
112
  this.$emit('update:modelValue', currentValue);
@@ -147,18 +139,19 @@ var RadioGroupVue2 = {
147
139
  render: function render(createElement) {
148
140
  var h = gh || createElement;
149
141
  var _a = this.$props,
150
- ariaLabelledBy = _a.ariaLabelledBy,
151
- ariaDescribedBy = _a.ariaDescribedBy,
152
- dataItems = _a.dataItems,
153
- disabled = _a.disabled,
154
- name = _a.name,
155
- labelPlacement = _a.labelPlacement,
156
- valid = _a.valid;
142
+ ariaLabelledBy = _a.ariaLabelledBy,
143
+ ariaDescribedBy = _a.ariaDescribedBy,
144
+ dataItems = _a.dataItems,
145
+ disabled = _a.disabled,
146
+ name = _a.name,
147
+ labelPlacement = _a.labelPlacement,
148
+ valid = _a.valid;
157
149
  var radioOptions = dataItems && dataItems.map(function (option, index) {
158
150
  var isCurrentlyChecked = this.checkedRadioValue === option.value;
159
151
  var noOptionChecked = this.checkedRadioValue === null || this.checkedRadioValue === undefined;
160
152
  var item = kendo_vue_common_1.templateRendering.call(this, this.$props.item || option.item, kendo_vue_common_1.getListeners.call(this));
161
- return (// @ts-ignore function children
153
+ return (
154
+ // @ts-ignore function children
162
155
  h(RadioButton_1.RadioButton, {
163
156
  "class": (0, kendo_vue_common_1.classNames)('k-radio-item', {
164
157
  'k-disabled': option.disabled || disabled
@@ -225,6 +218,5 @@ exports.RadioGroupVue2 = RadioGroupVue2;
225
218
  /**
226
219
  * @hidden
227
220
  */
228
-
229
221
  var RadioGroup = RadioGroupVue2;
230
222
  exports.RadioGroup = RadioGroup;
@@ -4,45 +4,33 @@ 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.RangeSliderVue2 = exports.RangeSlider = void 0; // @ts-ignore
23
-
18
+ exports.RangeSliderVue2 = exports.RangeSlider = 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
25
  var inject = allVue.inject;
31
-
32
26
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
33
-
34
27
  var main_1 = require("../messages/main");
35
-
36
28
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
37
-
38
29
  var range_raducer_1 = require("./range-raducer");
39
-
40
30
  var package_metadata_1 = require("../package-metadata");
41
31
  /**
42
32
  * @hidden
43
33
  */
44
-
45
-
46
34
  var RangeSliderVue2 = {
47
35
  name: 'KendoRangeSlider',
48
36
  model: {
@@ -147,11 +135,9 @@ var RangeSliderVue2 = {
147
135
  this.endHandle = this.$refs.endHandle;
148
136
  this.sliderTrackRef = this.$refs.sliderTrackRef;
149
137
  this.sliderTrackWrapRef = this.$refs.sliderTrackWrapRef;
150
-
151
138
  if (!this.currentDir && window && this.$el) {
152
139
  // Note: getComputedStyle forces reflow
153
140
  var direction = window.getComputedStyle(this.$el).direction;
154
-
155
141
  if (direction) {
156
142
  this.currentDir = direction;
157
143
  }
@@ -170,16 +156,14 @@ var RangeSliderVue2 = {
170
156
  },
171
157
  render: function render(createElement) {
172
158
  var _this = this;
173
-
174
159
  var _a, _b;
175
-
176
160
  var h = gh || createElement;
177
161
  var localization = (0, kendo_vue_intl_1.provideLocalizationService)(this);
178
162
  var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
179
163
  var _c = this.$props,
180
- id = _c.id,
181
- dir = _c.dir; // const dir = useDir(sliderRef, this.$props.dir);
182
-
164
+ id = _c.id,
165
+ dir = _c.dir;
166
+ // const dir = useDir(sliderRef, this.$props.dir);
183
167
  return h("div", {
184
168
  role: "slider",
185
169
  attrs: this.v3 ? undefined : {
@@ -199,7 +183,8 @@ var RangeSliderVue2 = {
199
183
  }, this.$props.class),
200
184
  "aria-labelledby": this.$props.ariaLabelledBy,
201
185
  "aria-describedby": this.$props.ariaDescribedBy
202
- }, [// @ts-ignore function children
186
+ }, [
187
+ // @ts-ignore function children
203
188
  h(kendo_vue_common_1.Draggable, {
204
189
  onDrag: this.handleTrackDrag,
205
190
  on: this.v3 ? undefined : {
@@ -446,7 +431,6 @@ var RangeSliderVue2 = {
446
431
  if (!this.sliderTrackWrapRef) {
447
432
  return;
448
433
  }
449
-
450
434
  event.originalEvent.preventDefault();
451
435
  var computed = this.sliderTrackWrapRef.getBoundingClientRect();
452
436
  var distance = this.$props.vertical ? computed.bottom - event.clientY : this.currentDir === 'rtl' ? computed.right - event.clientX : event.clientX - computed.left;
@@ -459,11 +443,9 @@ var RangeSliderVue2 = {
459
443
  if (payload <= this.computedValue.start) {
460
444
  return 'start';
461
445
  }
462
-
463
446
  if (payload >= this.computedValue.end) {
464
447
  return 'end';
465
448
  }
466
-
467
449
  return 2 * payload < this.computedValue.end + this.computedValue.start ? 'start' : 'end';
468
450
  },
469
451
  handleStartKeyDown: function handleStartKeyDown(event) {
@@ -476,7 +458,6 @@ var RangeSliderVue2 = {
476
458
  event: event
477
459
  });
478
460
  break;
479
-
480
461
  case kendo_vue_common_1.Keys.up:
481
462
  event.preventDefault();
482
463
  this.dispatchStateValue({
@@ -485,7 +466,6 @@ var RangeSliderVue2 = {
485
466
  event: event
486
467
  });
487
468
  break;
488
-
489
469
  case kendo_vue_common_1.Keys.left:
490
470
  event.preventDefault();
491
471
  this.dispatchStateValue({
@@ -494,7 +474,6 @@ var RangeSliderVue2 = {
494
474
  event: event
495
475
  });
496
476
  break;
497
-
498
477
  case kendo_vue_common_1.Keys.down:
499
478
  event.preventDefault();
500
479
  this.dispatchStateValue({
@@ -503,7 +482,6 @@ var RangeSliderVue2 = {
503
482
  event: event
504
483
  });
505
484
  break;
506
-
507
485
  case kendo_vue_common_1.Keys.home:
508
486
  event.preventDefault();
509
487
  this.dispatchStateValue({
@@ -512,7 +490,6 @@ var RangeSliderVue2 = {
512
490
  event: event
513
491
  });
514
492
  break;
515
-
516
493
  case kendo_vue_common_1.Keys.end:
517
494
  event.preventDefault();
518
495
  this.dispatchStateValue({
@@ -521,7 +498,6 @@ var RangeSliderVue2 = {
521
498
  event: event
522
499
  });
523
500
  break;
524
-
525
501
  default:
526
502
  break;
527
503
  }
@@ -536,7 +512,6 @@ var RangeSliderVue2 = {
536
512
  event: event
537
513
  });
538
514
  break;
539
-
540
515
  case kendo_vue_common_1.Keys.up:
541
516
  event.preventDefault();
542
517
  this.dispatchStateValue({
@@ -545,7 +520,6 @@ var RangeSliderVue2 = {
545
520
  event: event
546
521
  });
547
522
  break;
548
-
549
523
  case kendo_vue_common_1.Keys.left:
550
524
  event.preventDefault();
551
525
  this.dispatchStateValue({
@@ -554,7 +528,6 @@ var RangeSliderVue2 = {
554
528
  event: event
555
529
  });
556
530
  break;
557
-
558
531
  case kendo_vue_common_1.Keys.down:
559
532
  event.preventDefault();
560
533
  this.dispatchStateValue({
@@ -563,7 +536,6 @@ var RangeSliderVue2 = {
563
536
  event: event
564
537
  });
565
538
  break;
566
-
567
539
  case kendo_vue_common_1.Keys.home:
568
540
  event.preventDefault();
569
541
  this.dispatchStateValue({
@@ -572,7 +544,6 @@ var RangeSliderVue2 = {
572
544
  event: event
573
545
  });
574
546
  break;
575
-
576
547
  case kendo_vue_common_1.Keys.end:
577
548
  event.preventDefault();
578
549
  this.dispatchStateValue({
@@ -581,7 +552,6 @@ var RangeSliderVue2 = {
581
552
  event: event
582
553
  });
583
554
  break;
584
-
585
555
  default:
586
556
  break;
587
557
  }
@@ -625,6 +595,5 @@ exports.RangeSliderVue2 = RangeSliderVue2;
625
595
  * Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
626
596
  * Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
627
597
  */
628
-
629
598
  var RangeSlider = RangeSliderVue2;
630
599
  exports.RangeSlider = RangeSlider;
@@ -4,18 +4,14 @@ 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
  });
@@ -23,9 +19,7 @@ exports.rangeReducer = exports.RANGE_ACTION = void 0;
23
19
  /**
24
20
  * @hidden
25
21
  */
26
-
27
22
  var RANGE_ACTION;
28
-
29
23
  (function (RANGE_ACTION) {
30
24
  RANGE_ACTION["start"] = "start";
31
25
  RANGE_ACTION["end"] = "end";
@@ -37,35 +31,28 @@ var RANGE_ACTION;
37
31
  /**
38
32
  * @hidden
39
33
  */
40
-
41
-
42
34
  var rangeReducer = function rangeReducer(state, action) {
43
35
  var newState;
44
36
  var newValue;
45
-
46
37
  switch (action.type) {
47
38
  case RANGE_ACTION.start:
48
39
  if (action.payload === undefined) {
49
40
  return state;
50
41
  }
51
-
52
42
  newState = {
53
43
  start: action.payload > state.end ? state.end : Math.max(action.payload, action.min),
54
44
  end: state.end
55
45
  };
56
46
  break;
57
-
58
47
  case RANGE_ACTION.end:
59
48
  if (action.payload === undefined) {
60
49
  return state;
61
50
  }
62
-
63
51
  newState = {
64
52
  start: state.start,
65
53
  end: action.payload < state.start ? state.start : Math.min(action.payload, action.max)
66
54
  };
67
55
  break;
68
-
69
56
  case RANGE_ACTION.min:
70
57
  if (action.key === 'start') {
71
58
  newState = __assign(__assign({}, state), {
@@ -76,9 +63,7 @@ var rangeReducer = function rangeReducer(state, action) {
76
63
  end: Math.max(action.min, state.start)
77
64
  });
78
65
  }
79
-
80
66
  break;
81
-
82
67
  case RANGE_ACTION.max:
83
68
  if (action.key === 'start') {
84
69
  newState = __assign(__assign({}, state), {
@@ -89,16 +74,12 @@ var rangeReducer = function rangeReducer(state, action) {
89
74
  end: action.max
90
75
  });
91
76
  }
92
-
93
77
  break;
94
-
95
78
  case RANGE_ACTION.increase:
96
79
  if (action.step === undefined || action.key === undefined) {
97
80
  return state;
98
81
  }
99
-
100
82
  newValue = state[action.key] + action.step;
101
-
102
83
  if (action.key === 'start') {
103
84
  if (newValue < action.min) {
104
85
  newState = __assign(__assign({}, state), {
@@ -120,16 +101,12 @@ var rangeReducer = function rangeReducer(state, action) {
120
101
  });
121
102
  }
122
103
  }
123
-
124
104
  break;
125
-
126
105
  case RANGE_ACTION.decrease:
127
106
  if (action.step === undefined || action.key === undefined) {
128
107
  return state;
129
108
  }
130
-
131
109
  newValue = state[action.key] - action.step;
132
-
133
110
  if (action.key === 'start') {
134
111
  if (newValue < action.min) {
135
112
  newState = __assign(__assign({}, state), {
@@ -151,15 +128,11 @@ var rangeReducer = function rangeReducer(state, action) {
151
128
  });
152
129
  }
153
130
  }
154
-
155
131
  break;
156
-
157
132
  default:
158
133
  newState = state;
159
134
  break;
160
135
  }
161
-
162
136
  return newState;
163
137
  };
164
-
165
138
  exports.rangeReducer = rangeReducer;
@@ -3,32 +3,23 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.SliderVue2 = exports.Slider = void 0; // @ts-ignore
7
-
6
+ exports.SliderVue2 = exports.Slider = 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
12
  var ref = allVue.ref;
14
13
  var inject = allVue.inject;
15
-
16
14
  var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
17
-
18
15
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
19
-
20
16
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
21
-
22
17
  var main_1 = require("../messages/main");
23
-
24
18
  var SliderLabel_1 = require("./SliderLabel");
25
-
26
19
  var package_metadata_1 = require("../package-metadata");
27
20
  /**
28
21
  * @hidden
29
22
  */
30
-
31
-
32
23
  var SliderVue2 = {
33
24
  name: 'KendoSlider',
34
25
  model: {
@@ -94,8 +85,8 @@ var SliderVue2 = {
94
85
  computedValue: function computedValue() {
95
86
  var value = this.$props.value !== undefined ? this.$props.value : this.currentValue;
96
87
  var _a = this.$props,
97
- min = _a.min,
98
- max = _a.max;
88
+ min = _a.min,
89
+ max = _a.max;
99
90
  return value === undefined ? value : Math.min(Math.max(value, min), max);
100
91
  },
101
92
  sliderTrack: function sliderTrack() {
@@ -104,7 +95,6 @@ var SliderVue2 = {
104
95
  },
105
96
  created: function created() {
106
97
  (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
107
-
108
98
  if (this.$props.value !== undefined) {
109
99
  this.$data.currentValue = this.$props.value;
110
100
  } else if (this.$props.modelValue !== undefined) {
@@ -114,21 +104,17 @@ var SliderVue2 = {
114
104
  } else {
115
105
  this.$data.currentValue = this.$props.min;
116
106
  }
117
-
118
107
  this.currentFocused = false;
119
108
  this.currentDir = this.$props.dir;
120
109
  },
121
110
  mounted: function mounted() {
122
111
  this._sliderTrack = this.$refs.sliderTrack;
123
-
124
112
  if (this.$el) {
125
113
  this.draggable = this.$refs.draggable;
126
114
  }
127
-
128
115
  if (!this.currentDir && window && this.$el) {
129
116
  // Note: getComputedStyle forces reflow
130
117
  var direction = window.getComputedStyle(this.$el).direction;
131
-
132
118
  if (direction) {
133
119
  this.currentDir = direction;
134
120
  }
@@ -152,9 +138,7 @@ var SliderVue2 = {
152
138
  },
153
139
  render: function render(createElement) {
154
140
  var _this = this;
155
-
156
141
  var _a;
157
-
158
142
  var h = gh || createElement;
159
143
  var lS = (0, kendo_vue_intl_1.provideLocalizationService)(this);
160
144
  var percentValue = (this.computedValue - this.$props.min) / (this.$props.max - this.$props.min) * 100;
@@ -199,7 +183,8 @@ var SliderVue2 = {
199
183
  }, this.$props.className)
200
184
  }, [h("div", {
201
185
  "class": (0, kendo_vue_common_1.classNames)('k-slider-wrap')
202
- }, [this.$props.buttons && // @ts-ignore
186
+ }, [this.$props.buttons &&
187
+ // @ts-ignore
203
188
  h(kendo_vue_buttons_1.Button, {
204
189
  type: "button",
205
190
  attrs: this.v3 ? undefined : {
@@ -221,7 +206,8 @@ var SliderVue2 = {
221
206
  on: this.v3 ? undefined : {
222
207
  "click": this.decrement
223
208
  }
224
- }), // @ts-ignore function children
209
+ }),
210
+ // @ts-ignore function children
225
211
  h(kendo_vue_common_1.Draggable, {
226
212
  onDrag: this.dragOver,
227
213
  on: this.v3 ? undefined : {
@@ -286,7 +272,8 @@ var SliderVue2 = {
286
272
  bottom: percentValue + '%',
287
273
  zIndex: 1
288
274
  } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = percentValue + '%', _a.zIndex = 1, _a)
289
- })])])]), this.$props.buttons && // @ts-ignore
275
+ })])])]), this.$props.buttons &&
276
+ // @ts-ignore
290
277
  h(kendo_vue_buttons_1.Button, {
291
278
  type: "button",
292
279
  attrs: this.v3 ? undefined : {
@@ -319,15 +306,12 @@ var SliderVue2 = {
319
306
  },
320
307
  isLabel: function isLabel(target) {
321
308
  var currentTarget = target;
322
-
323
309
  while (currentTarget) {
324
310
  if (Boolean(currentTarget.getAttribute(SliderLabel_1.SLIDER_LABEL_ATTRIBUTE))) {
325
311
  return true;
326
312
  }
327
-
328
313
  currentTarget = currentTarget.parentElement;
329
314
  }
330
-
331
315
  return false;
332
316
  },
333
317
  onFocus: function onFocus(event) {
@@ -340,7 +324,6 @@ var SliderVue2 = {
340
324
  },
341
325
  onKeyDown: function onKeyDown(e) {
342
326
  var newValue = undefined;
343
-
344
327
  if (e.keyCode === kendo_vue_common_1.Keys.left || e.keyCode === kendo_vue_common_1.Keys.down) {
345
328
  newValue = this.currentValue - (this.$props.step || 0);
346
329
  } else if (e.keyCode === kendo_vue_common_1.Keys.right || e.keyCode === kendo_vue_common_1.Keys.up) {
@@ -350,7 +333,6 @@ var SliderVue2 = {
350
333
  } else if (e.keyCode === kendo_vue_common_1.Keys.end) {
351
334
  newValue = this.$props.max;
352
335
  }
353
-
354
336
  if (newValue !== undefined) {
355
337
  e.preventDefault();
356
338
  this.change(e, newValue);
@@ -369,7 +351,6 @@ var SliderVue2 = {
369
351
  if (e.isTouch) {
370
352
  e.originalEvent.preventDefault();
371
353
  }
372
-
373
354
  this.drag(e);
374
355
  }
375
356
  },
@@ -405,6 +386,5 @@ exports.SliderVue2 = SliderVue2;
405
386
  /**
406
387
  * @hidden
407
388
  */
408
-
409
389
  var Slider = SliderVue2;
410
390
  exports.Slider = Slider;