@progress/kendo-vue-inputs 4.1.1 → 4.2.0

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.
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-inputs',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1703767625,
8
+ publishDate: 1705504174,
9
9
  version: '',
10
10
  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'
11
11
  };
@@ -16,7 +16,7 @@ var allVue = Vue;
16
16
  var gh = allVue.h;
17
17
  var isV3 = allVue.version && allVue.version[0] === '3';
18
18
  var ref = allVue.ref;
19
- import { getDefaultSlots } from '@progress/kendo-vue-common';
19
+ import { classNames, getDefaultSlots } from '@progress/kendo-vue-common';
20
20
  /**
21
21
  * @hidden
22
22
  */
@@ -67,13 +67,11 @@ var SliderLabelVue2 = {
67
67
  var position = 100 * (this.$props.position - this.kendoMin) / (this.kendoMax - this.kendoMin);
68
68
  var vertical = this.kendoVertical;
69
69
  var style = vertical ? {
70
- bottom: "".concat(position, "%"),
71
- height: '1px',
72
- width: '100%'
73
- } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(position, "%"), _a.width = '1px', _a.height = '100%', _a);
70
+ bottom: "".concat(position, "%")
71
+ } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(position, "%"), _a);
74
72
  return h("li", {
75
73
  ref: 'sliderLabelRef',
76
- "class": "k-tick k-tick-large",
74
+ "class": classNames('k-tick', 'k-tick-large', vertical ? 'k-tick-vertical' : 'k-tick-horizontal'),
77
75
  title: this.$props.title,
78
76
  attrs: this.v3 ? undefined : {
79
77
  title: this.$props.title
@@ -163,10 +163,16 @@ var SwitchVue2 = {
163
163
  role: 'switch',
164
164
  attrs: this.v3 ? undefined : {
165
165
  role: 'switch',
166
+ "aria-labelledby": this.$props.ariaLabelledBy,
167
+ "aria-describedby": this.$props.ariaDescribedBy,
166
168
  "aria-checked": this.computedValue,
167
169
  "aria-disabled": disabled || undefined,
168
- dir: this.currentDir
170
+ dir: this.currentDir,
171
+ tabindex: getTabIndex(tabIndex, disabled, undefined),
172
+ accesskey: this.$props.accessKey
169
173
  },
174
+ "aria-labelledby": this.$props.ariaLabelledBy,
175
+ "aria-describedby": this.$props.ariaDescribedBy,
170
176
  "aria-checked": this.computedValue,
171
177
  "aria-disabled": disabled || undefined,
172
178
  dir: this.currentDir,
@@ -179,31 +185,23 @@ var SwitchVue2 = {
179
185
  },
180
186
  onClick: this.handleClick,
181
187
  onFocusout: this.handleWrapperBlur,
182
- onFocusin: this.handleWrapperFocus
183
- }, [h("span", {
184
- "class": this.switchTrackClass,
185
- id: id || this._id,
186
- attrs: this.v3 ? undefined : {
187
- id: id || this._id,
188
- "aria-labelledby": this.$props.ariaLabelledBy,
189
- "aria-describedby": this.$props.ariaDescribedBy,
190
- tabindex: getTabIndex(tabIndex, disabled, undefined),
191
- accesskey: this.$props.accessKey
192
- },
193
- "aria-labelledby": this.$props.ariaLabelledBy,
194
- "aria-describedby": this.$props.ariaDescribedBy,
195
- ref: setRef(this, 'element'),
188
+ onFocusin: this.handleWrapperFocus,
196
189
  tabindex: getTabIndex(tabIndex, disabled, undefined),
197
190
  accesskey: this.$props.accessKey
191
+ }, [h("span", {
192
+ "class": this.switchTrackClass,
193
+ ref: setRef(this, 'element')
198
194
  }, [h("input", {
199
195
  type: "checkbox",
200
196
  attrs: this.v3 ? undefined : {
201
197
  type: "checkbox",
198
+ id: id || this._id,
202
199
  tabindex: -1,
203
200
  name: this.$props.name,
204
201
  required: required !== undefined ? required : false,
205
202
  "aria-hidden": true
206
203
  },
204
+ id: id || this._id,
207
205
  checked: this.v3 ? this.$props.checked : null,
208
206
  domProps: this.v3 ? undefined : {
209
207
  "checked": this.$props.checked,
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-inputs',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1703767625,
8
+ publishDate: 1705504174,
9
9
  version: '',
10
10
  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'
11
11
  };
@@ -16,7 +16,7 @@ var allVue = Vue;
16
16
  var gh = allVue.h;
17
17
  var isV3 = allVue.version && allVue.version[0] === '3';
18
18
  var ref = allVue.ref;
19
- import { getDefaultSlots } from '@progress/kendo-vue-common';
19
+ import { classNames, getDefaultSlots } from '@progress/kendo-vue-common';
20
20
  /**
21
21
  * @hidden
22
22
  */
@@ -67,13 +67,11 @@ var SliderLabelVue2 = {
67
67
  var position = 100 * (this.$props.position - this.kendoMin) / (this.kendoMax - this.kendoMin);
68
68
  var vertical = this.kendoVertical;
69
69
  var style = vertical ? {
70
- bottom: "".concat(position, "%"),
71
- height: '1px',
72
- width: '100%'
73
- } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(position, "%"), _a.width = '1px', _a.height = '100%', _a);
70
+ bottom: "".concat(position, "%")
71
+ } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(position, "%"), _a);
74
72
  return h("li", {
75
73
  ref: 'sliderLabelRef',
76
- "class": "k-tick k-tick-large",
74
+ "class": classNames('k-tick', 'k-tick-large', vertical ? 'k-tick-vertical' : 'k-tick-horizontal'),
77
75
  title: this.$props.title,
78
76
  attrs: this.v3 ? undefined : {
79
77
  title: this.$props.title
@@ -163,10 +163,16 @@ var SwitchVue2 = {
163
163
  role: 'switch',
164
164
  attrs: this.v3 ? undefined : {
165
165
  role: 'switch',
166
+ "aria-labelledby": this.$props.ariaLabelledBy,
167
+ "aria-describedby": this.$props.ariaDescribedBy,
166
168
  "aria-checked": this.computedValue,
167
169
  "aria-disabled": disabled || undefined,
168
- dir: this.currentDir
170
+ dir: this.currentDir,
171
+ tabindex: getTabIndex(tabIndex, disabled, undefined),
172
+ accesskey: this.$props.accessKey
169
173
  },
174
+ "aria-labelledby": this.$props.ariaLabelledBy,
175
+ "aria-describedby": this.$props.ariaDescribedBy,
170
176
  "aria-checked": this.computedValue,
171
177
  "aria-disabled": disabled || undefined,
172
178
  dir: this.currentDir,
@@ -179,31 +185,23 @@ var SwitchVue2 = {
179
185
  },
180
186
  onClick: this.handleClick,
181
187
  onFocusout: this.handleWrapperBlur,
182
- onFocusin: this.handleWrapperFocus
183
- }, [h("span", {
184
- "class": this.switchTrackClass,
185
- id: id || this._id,
186
- attrs: this.v3 ? undefined : {
187
- id: id || this._id,
188
- "aria-labelledby": this.$props.ariaLabelledBy,
189
- "aria-describedby": this.$props.ariaDescribedBy,
190
- tabindex: getTabIndex(tabIndex, disabled, undefined),
191
- accesskey: this.$props.accessKey
192
- },
193
- "aria-labelledby": this.$props.ariaLabelledBy,
194
- "aria-describedby": this.$props.ariaDescribedBy,
195
- ref: setRef(this, 'element'),
188
+ onFocusin: this.handleWrapperFocus,
196
189
  tabindex: getTabIndex(tabIndex, disabled, undefined),
197
190
  accesskey: this.$props.accessKey
191
+ }, [h("span", {
192
+ "class": this.switchTrackClass,
193
+ ref: setRef(this, 'element')
198
194
  }, [h("input", {
199
195
  type: "checkbox",
200
196
  attrs: this.v3 ? undefined : {
201
197
  type: "checkbox",
198
+ id: id || this._id,
202
199
  tabindex: -1,
203
200
  name: this.$props.name,
204
201
  required: required !== undefined ? required : false,
205
202
  "aria-hidden": true
206
203
  },
204
+ id: id || this._id,
207
205
  checked: this.v3 ? this.$props.checked : null,
208
206
  domProps: this.v3 ? undefined : {
209
207
  "checked": this.$props.checked,
@@ -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: 1703767625,
11
+ publishDate: 1705504174,
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
  };
@@ -73,13 +73,11 @@ var SliderLabelVue2 = {
73
73
  var position = 100 * (this.$props.position - this.kendoMin) / (this.kendoMax - this.kendoMin);
74
74
  var vertical = this.kendoVertical;
75
75
  var style = vertical ? {
76
- bottom: "".concat(position, "%"),
77
- height: '1px',
78
- width: '100%'
79
- } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(position, "%"), _a.width = '1px', _a.height = '100%', _a);
76
+ bottom: "".concat(position, "%")
77
+ } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(position, "%"), _a);
80
78
  return h("li", {
81
79
  ref: 'sliderLabelRef',
82
- "class": "k-tick k-tick-large",
80
+ "class": (0, kendo_vue_common_1.classNames)('k-tick', 'k-tick-large', vertical ? 'k-tick-vertical' : 'k-tick-horizontal'),
83
81
  title: this.$props.title,
84
82
  attrs: this.v3 ? undefined : {
85
83
  title: this.$props.title
@@ -169,10 +169,16 @@ var SwitchVue2 = {
169
169
  role: 'switch',
170
170
  attrs: this.v3 ? undefined : {
171
171
  role: 'switch',
172
+ "aria-labelledby": this.$props.ariaLabelledBy,
173
+ "aria-describedby": this.$props.ariaDescribedBy,
172
174
  "aria-checked": this.computedValue,
173
175
  "aria-disabled": disabled || undefined,
174
- dir: this.currentDir
176
+ dir: this.currentDir,
177
+ tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled, undefined),
178
+ accesskey: this.$props.accessKey
175
179
  },
180
+ "aria-labelledby": this.$props.ariaLabelledBy,
181
+ "aria-describedby": this.$props.ariaDescribedBy,
176
182
  "aria-checked": this.computedValue,
177
183
  "aria-disabled": disabled || undefined,
178
184
  dir: this.currentDir,
@@ -185,31 +191,23 @@ var SwitchVue2 = {
185
191
  },
186
192
  onClick: this.handleClick,
187
193
  onFocusout: this.handleWrapperBlur,
188
- onFocusin: this.handleWrapperFocus
189
- }, [h("span", {
190
- "class": this.switchTrackClass,
191
- id: id || this._id,
192
- attrs: this.v3 ? undefined : {
193
- id: id || this._id,
194
- "aria-labelledby": this.$props.ariaLabelledBy,
195
- "aria-describedby": this.$props.ariaDescribedBy,
196
- tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled, undefined),
197
- accesskey: this.$props.accessKey
198
- },
199
- "aria-labelledby": this.$props.ariaLabelledBy,
200
- "aria-describedby": this.$props.ariaDescribedBy,
201
- ref: (0, kendo_vue_common_1.setRef)(this, 'element'),
194
+ onFocusin: this.handleWrapperFocus,
202
195
  tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled, undefined),
203
196
  accesskey: this.$props.accessKey
197
+ }, [h("span", {
198
+ "class": this.switchTrackClass,
199
+ ref: (0, kendo_vue_common_1.setRef)(this, 'element')
204
200
  }, [h("input", {
205
201
  type: "checkbox",
206
202
  attrs: this.v3 ? undefined : {
207
203
  type: "checkbox",
204
+ id: id || this._id,
208
205
  tabindex: -1,
209
206
  name: this.$props.name,
210
207
  required: required !== undefined ? required : false,
211
208
  "aria-hidden": true
212
209
  },
210
+ id: id || this._id,
213
211
  checked: this.v3 ? this.$props.checked : null,
214
212
  domProps: this.v3 ? undefined : {
215
213
  "checked": this.$props.checked,
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": "4.1.1",
4
+ "version": "4.2.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -47,11 +47,11 @@
47
47
  },
48
48
  "dependencies": {
49
49
  "@progress/kendo-inputs-common": "^3.1.0",
50
- "@progress/kendo-vue-buttons": "4.1.1",
51
- "@progress/kendo-vue-common": "4.1.1",
52
- "@progress/kendo-vue-dialogs": "4.1.1",
53
- "@progress/kendo-vue-labels": "4.1.1",
54
- "@progress/kendo-vue-popup": "4.1.1"
50
+ "@progress/kendo-vue-buttons": "4.2.0",
51
+ "@progress/kendo-vue-common": "4.2.0",
52
+ "@progress/kendo-vue-dialogs": "4.2.0",
53
+ "@progress/kendo-vue-labels": "4.2.0",
54
+ "@progress/kendo-vue-popup": "4.2.0"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@progress/kendo-data-query": "^1.5.5",
@@ -60,13 +60,13 @@
60
60
  "@progress/kendo-file-saver": "^1.1.1",
61
61
  "@progress/kendo-licensing": "^1.3.0",
62
62
  "@progress/kendo-svg-icons": "^2.0.0",
63
- "@progress/kendo-vue-buttons": "4.1.1",
64
- "@progress/kendo-vue-dropdowns": "4.1.1",
65
- "@progress/kendo-vue-form": "4.1.1",
66
- "@progress/kendo-vue-intl": "4.1.1",
67
- "@progress/kendo-vue-labels": "4.1.1",
68
- "@progress/kendo-vue-tooltip": "4.1.1",
69
- "@progress/kendo-vue-upload": "4.1.1",
63
+ "@progress/kendo-vue-buttons": "4.2.0",
64
+ "@progress/kendo-vue-dropdowns": "4.2.0",
65
+ "@progress/kendo-vue-form": "4.2.0",
66
+ "@progress/kendo-vue-intl": "4.2.0",
67
+ "@progress/kendo-vue-labels": "4.2.0",
68
+ "@progress/kendo-vue-tooltip": "4.2.0",
69
+ "@progress/kendo-vue-upload": "4.2.0",
70
70
  "cldr-core": "^41.0.0",
71
71
  "cldr-dates-full": "^41.0.0",
72
72
  "cldr-numbers-full": "^41.0.0"