@progress/kendo-vue-treeview 3.8.4 → 3.8.5
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.
- package/dist/cdn/js/kendo-vue-treeview.js +1 -1
- package/dist/es/TreeView.js +4 -2
- package/dist/es/TreeViewItem.d.ts +1 -0
- package/dist/es/TreeViewItem.js +13 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/TreeView.js +4 -2
- package/dist/esm/TreeViewItem.d.ts +1 -0
- package/dist/esm/TreeViewItem.js +13 -2
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/TreeView.js +4 -2
- package/dist/npm/TreeViewItem.d.ts +1 -0
- package/dist/npm/TreeViewItem.js +13 -2
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +6 -6
package/dist/es/TreeView.js
CHANGED
|
@@ -156,7 +156,8 @@ var TreeViewVue2 = {
|
|
|
156
156
|
ariaMultiSelectable: this.ariaMultiSelectable,
|
|
157
157
|
draggable: this.$props.draggable,
|
|
158
158
|
expandIcons: this.$props.expandIcons,
|
|
159
|
-
size: size
|
|
159
|
+
size: size,
|
|
160
|
+
ariaLevel: 1
|
|
160
161
|
},
|
|
161
162
|
itemId: index.toString(),
|
|
162
163
|
treeGuid: this.treeGuid,
|
|
@@ -186,7 +187,8 @@ var TreeViewVue2 = {
|
|
|
186
187
|
onExpandchange: this.onExpandChange,
|
|
187
188
|
onCheckchange: this.onCheckChange,
|
|
188
189
|
key: index,
|
|
189
|
-
size: size
|
|
190
|
+
size: size,
|
|
191
|
+
ariaLevel: 1
|
|
190
192
|
});
|
|
191
193
|
}, this)])]);
|
|
192
194
|
},
|
package/dist/es/TreeViewItem.js
CHANGED
|
@@ -48,7 +48,8 @@ var TreeViewItemVue2 = {
|
|
|
48
48
|
return [null, 'small', 'medium', 'large'].includes(value);
|
|
49
49
|
}
|
|
50
50
|
},
|
|
51
|
-
disabled: Boolean
|
|
51
|
+
disabled: Boolean,
|
|
52
|
+
ariaLevel: Number
|
|
52
53
|
},
|
|
53
54
|
computed: {
|
|
54
55
|
fieldsSvc: function fieldsSvc() {
|
|
@@ -167,6 +168,7 @@ var TreeViewItemVue2 = {
|
|
|
167
168
|
itemUI: this.$props.itemUI,
|
|
168
169
|
checkboxes: this.$props.checkboxes,
|
|
169
170
|
ariaMultiSelectable: this.$props.ariaMultiSelectable,
|
|
171
|
+
ariaLevel: this.$props.ariaLevel + 1,
|
|
170
172
|
draggable: this.$props.draggable,
|
|
171
173
|
expandIcons: this.$props.expandIcons,
|
|
172
174
|
size: this.$props.size,
|
|
@@ -181,6 +183,7 @@ var TreeViewItemVue2 = {
|
|
|
181
183
|
itemUI: this.$props.itemUI,
|
|
182
184
|
checkboxes: this.$props.checkboxes,
|
|
183
185
|
ariaMultiSelectable: this.$props.ariaMultiSelectable,
|
|
186
|
+
ariaLevel: this.$props.ariaLevel + 1,
|
|
184
187
|
onItemclick: this.handleItemClick,
|
|
185
188
|
on: this.v3 ? undefined : {
|
|
186
189
|
"itemclick": this.handleItemClick,
|
|
@@ -232,17 +235,23 @@ var TreeViewItemVue2 = {
|
|
|
232
235
|
if (this.$props.checkboxes) {
|
|
233
236
|
var size = this.$props.size;
|
|
234
237
|
return h("div", {
|
|
235
|
-
"class": "k-checkbox-wrap"
|
|
238
|
+
"class": "k-checkbox-wrap",
|
|
239
|
+
role: "presentation",
|
|
240
|
+
attrs: this.v3 ? undefined : {
|
|
241
|
+
role: "presentation"
|
|
242
|
+
}
|
|
236
243
|
}, [h("input", {
|
|
237
244
|
type: "checkbox",
|
|
238
245
|
attrs: this.v3 ? undefined : {
|
|
239
246
|
type: "checkbox",
|
|
240
247
|
"aria-label": this.item.text,
|
|
248
|
+
"aria-hidden": true,
|
|
241
249
|
id: this.itemGuid,
|
|
242
250
|
tabindex: -1
|
|
243
251
|
},
|
|
244
252
|
"class": classNames('k-checkbox k-rounded-md', (_a = {}, _a["k-checkbox-".concat(sizeMap[size] || size)] = size, _a['k-disabled'] = this.computedDisabled, _a)),
|
|
245
253
|
"aria-label": this.item.text,
|
|
254
|
+
"aria-hidden": true,
|
|
246
255
|
checked: this.v3 ? Boolean(this.fieldsSvc.checked(this.item)) : null,
|
|
247
256
|
domProps: this.v3 ? undefined : {
|
|
248
257
|
"checked": Boolean(this.fieldsSvc.checked(this.item))
|
|
@@ -294,12 +303,14 @@ var TreeViewItemVue2 = {
|
|
|
294
303
|
attrs: this.v3 ? undefined : {
|
|
295
304
|
tabindex: this.currentTabIndex,
|
|
296
305
|
role: "treeitem",
|
|
306
|
+
"aria-level": this.$props.ariaLevel,
|
|
297
307
|
"aria-expanded": this.ariaExpanded,
|
|
298
308
|
"aria-selected": this.ariaSelected,
|
|
299
309
|
"aria-checked": this.ariaChecked,
|
|
300
310
|
"aria-disabled": this.computedDisabled ? true : undefined
|
|
301
311
|
},
|
|
302
312
|
role: "treeitem",
|
|
313
|
+
"aria-level": this.$props.ariaLevel,
|
|
303
314
|
"aria-expanded": this.ariaExpanded,
|
|
304
315
|
"aria-selected": this.ariaSelected,
|
|
305
316
|
"aria-checked": this.ariaChecked,
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-treeview',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1678368426,
|
|
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
|
};
|
package/dist/esm/TreeView.js
CHANGED
|
@@ -156,7 +156,8 @@ var TreeViewVue2 = {
|
|
|
156
156
|
ariaMultiSelectable: this.ariaMultiSelectable,
|
|
157
157
|
draggable: this.$props.draggable,
|
|
158
158
|
expandIcons: this.$props.expandIcons,
|
|
159
|
-
size: size
|
|
159
|
+
size: size,
|
|
160
|
+
ariaLevel: 1
|
|
160
161
|
},
|
|
161
162
|
itemId: index.toString(),
|
|
162
163
|
treeGuid: this.treeGuid,
|
|
@@ -186,7 +187,8 @@ var TreeViewVue2 = {
|
|
|
186
187
|
onExpandchange: this.onExpandChange,
|
|
187
188
|
onCheckchange: this.onCheckChange,
|
|
188
189
|
key: index,
|
|
189
|
-
size: size
|
|
190
|
+
size: size,
|
|
191
|
+
ariaLevel: 1
|
|
190
192
|
});
|
|
191
193
|
}, this)])]);
|
|
192
194
|
},
|
package/dist/esm/TreeViewItem.js
CHANGED
|
@@ -48,7 +48,8 @@ var TreeViewItemVue2 = {
|
|
|
48
48
|
return [null, 'small', 'medium', 'large'].includes(value);
|
|
49
49
|
}
|
|
50
50
|
},
|
|
51
|
-
disabled: Boolean
|
|
51
|
+
disabled: Boolean,
|
|
52
|
+
ariaLevel: Number
|
|
52
53
|
},
|
|
53
54
|
computed: {
|
|
54
55
|
fieldsSvc: function fieldsSvc() {
|
|
@@ -167,6 +168,7 @@ var TreeViewItemVue2 = {
|
|
|
167
168
|
itemUI: this.$props.itemUI,
|
|
168
169
|
checkboxes: this.$props.checkboxes,
|
|
169
170
|
ariaMultiSelectable: this.$props.ariaMultiSelectable,
|
|
171
|
+
ariaLevel: this.$props.ariaLevel + 1,
|
|
170
172
|
draggable: this.$props.draggable,
|
|
171
173
|
expandIcons: this.$props.expandIcons,
|
|
172
174
|
size: this.$props.size,
|
|
@@ -181,6 +183,7 @@ var TreeViewItemVue2 = {
|
|
|
181
183
|
itemUI: this.$props.itemUI,
|
|
182
184
|
checkboxes: this.$props.checkboxes,
|
|
183
185
|
ariaMultiSelectable: this.$props.ariaMultiSelectable,
|
|
186
|
+
ariaLevel: this.$props.ariaLevel + 1,
|
|
184
187
|
onItemclick: this.handleItemClick,
|
|
185
188
|
on: this.v3 ? undefined : {
|
|
186
189
|
"itemclick": this.handleItemClick,
|
|
@@ -232,17 +235,23 @@ var TreeViewItemVue2 = {
|
|
|
232
235
|
if (this.$props.checkboxes) {
|
|
233
236
|
var size = this.$props.size;
|
|
234
237
|
return h("div", {
|
|
235
|
-
"class": "k-checkbox-wrap"
|
|
238
|
+
"class": "k-checkbox-wrap",
|
|
239
|
+
role: "presentation",
|
|
240
|
+
attrs: this.v3 ? undefined : {
|
|
241
|
+
role: "presentation"
|
|
242
|
+
}
|
|
236
243
|
}, [h("input", {
|
|
237
244
|
type: "checkbox",
|
|
238
245
|
attrs: this.v3 ? undefined : {
|
|
239
246
|
type: "checkbox",
|
|
240
247
|
"aria-label": this.item.text,
|
|
248
|
+
"aria-hidden": true,
|
|
241
249
|
id: this.itemGuid,
|
|
242
250
|
tabindex: -1
|
|
243
251
|
},
|
|
244
252
|
"class": classNames('k-checkbox k-rounded-md', (_a = {}, _a["k-checkbox-".concat(sizeMap[size] || size)] = size, _a['k-disabled'] = this.computedDisabled, _a)),
|
|
245
253
|
"aria-label": this.item.text,
|
|
254
|
+
"aria-hidden": true,
|
|
246
255
|
checked: this.v3 ? Boolean(this.fieldsSvc.checked(this.item)) : null,
|
|
247
256
|
domProps: this.v3 ? undefined : {
|
|
248
257
|
"checked": Boolean(this.fieldsSvc.checked(this.item))
|
|
@@ -294,12 +303,14 @@ var TreeViewItemVue2 = {
|
|
|
294
303
|
attrs: this.v3 ? undefined : {
|
|
295
304
|
tabindex: this.currentTabIndex,
|
|
296
305
|
role: "treeitem",
|
|
306
|
+
"aria-level": this.$props.ariaLevel,
|
|
297
307
|
"aria-expanded": this.ariaExpanded,
|
|
298
308
|
"aria-selected": this.ariaSelected,
|
|
299
309
|
"aria-checked": this.ariaChecked,
|
|
300
310
|
"aria-disabled": this.computedDisabled ? true : undefined
|
|
301
311
|
},
|
|
302
312
|
role: "treeitem",
|
|
313
|
+
"aria-level": this.$props.ariaLevel,
|
|
303
314
|
"aria-expanded": this.ariaExpanded,
|
|
304
315
|
"aria-selected": this.ariaSelected,
|
|
305
316
|
"aria-checked": this.ariaChecked,
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-treeview',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1678368426,
|
|
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
|
};
|
package/dist/npm/TreeView.js
CHANGED
|
@@ -162,7 +162,8 @@ var TreeViewVue2 = {
|
|
|
162
162
|
ariaMultiSelectable: this.ariaMultiSelectable,
|
|
163
163
|
draggable: this.$props.draggable,
|
|
164
164
|
expandIcons: this.$props.expandIcons,
|
|
165
|
-
size: size
|
|
165
|
+
size: size,
|
|
166
|
+
ariaLevel: 1
|
|
166
167
|
},
|
|
167
168
|
itemId: index.toString(),
|
|
168
169
|
treeGuid: this.treeGuid,
|
|
@@ -192,7 +193,8 @@ var TreeViewVue2 = {
|
|
|
192
193
|
onExpandchange: this.onExpandChange,
|
|
193
194
|
onCheckchange: this.onCheckChange,
|
|
194
195
|
key: index,
|
|
195
|
-
size: size
|
|
196
|
+
size: size,
|
|
197
|
+
ariaLevel: 1
|
|
196
198
|
});
|
|
197
199
|
}, this)])]);
|
|
198
200
|
},
|
package/dist/npm/TreeViewItem.js
CHANGED
|
@@ -54,7 +54,8 @@ var TreeViewItemVue2 = {
|
|
|
54
54
|
return [null, 'small', 'medium', 'large'].includes(value);
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
|
-
disabled: Boolean
|
|
57
|
+
disabled: Boolean,
|
|
58
|
+
ariaLevel: Number
|
|
58
59
|
},
|
|
59
60
|
computed: {
|
|
60
61
|
fieldsSvc: function fieldsSvc() {
|
|
@@ -173,6 +174,7 @@ var TreeViewItemVue2 = {
|
|
|
173
174
|
itemUI: this.$props.itemUI,
|
|
174
175
|
checkboxes: this.$props.checkboxes,
|
|
175
176
|
ariaMultiSelectable: this.$props.ariaMultiSelectable,
|
|
177
|
+
ariaLevel: this.$props.ariaLevel + 1,
|
|
176
178
|
draggable: this.$props.draggable,
|
|
177
179
|
expandIcons: this.$props.expandIcons,
|
|
178
180
|
size: this.$props.size,
|
|
@@ -187,6 +189,7 @@ var TreeViewItemVue2 = {
|
|
|
187
189
|
itemUI: this.$props.itemUI,
|
|
188
190
|
checkboxes: this.$props.checkboxes,
|
|
189
191
|
ariaMultiSelectable: this.$props.ariaMultiSelectable,
|
|
192
|
+
ariaLevel: this.$props.ariaLevel + 1,
|
|
190
193
|
onItemclick: this.handleItemClick,
|
|
191
194
|
on: this.v3 ? undefined : {
|
|
192
195
|
"itemclick": this.handleItemClick,
|
|
@@ -238,17 +241,23 @@ var TreeViewItemVue2 = {
|
|
|
238
241
|
if (this.$props.checkboxes) {
|
|
239
242
|
var size = this.$props.size;
|
|
240
243
|
return h("div", {
|
|
241
|
-
"class": "k-checkbox-wrap"
|
|
244
|
+
"class": "k-checkbox-wrap",
|
|
245
|
+
role: "presentation",
|
|
246
|
+
attrs: this.v3 ? undefined : {
|
|
247
|
+
role: "presentation"
|
|
248
|
+
}
|
|
242
249
|
}, [h("input", {
|
|
243
250
|
type: "checkbox",
|
|
244
251
|
attrs: this.v3 ? undefined : {
|
|
245
252
|
type: "checkbox",
|
|
246
253
|
"aria-label": this.item.text,
|
|
254
|
+
"aria-hidden": true,
|
|
247
255
|
id: this.itemGuid,
|
|
248
256
|
tabindex: -1
|
|
249
257
|
},
|
|
250
258
|
"class": (0, kendo_vue_common_1.classNames)('k-checkbox k-rounded-md', (_a = {}, _a["k-checkbox-".concat(sizeMap[size] || size)] = size, _a['k-disabled'] = this.computedDisabled, _a)),
|
|
251
259
|
"aria-label": this.item.text,
|
|
260
|
+
"aria-hidden": true,
|
|
252
261
|
checked: this.v3 ? Boolean(this.fieldsSvc.checked(this.item)) : null,
|
|
253
262
|
domProps: this.v3 ? undefined : {
|
|
254
263
|
"checked": Boolean(this.fieldsSvc.checked(this.item))
|
|
@@ -300,12 +309,14 @@ var TreeViewItemVue2 = {
|
|
|
300
309
|
attrs: this.v3 ? undefined : {
|
|
301
310
|
tabindex: this.currentTabIndex,
|
|
302
311
|
role: "treeitem",
|
|
312
|
+
"aria-level": this.$props.ariaLevel,
|
|
303
313
|
"aria-expanded": this.ariaExpanded,
|
|
304
314
|
"aria-selected": this.ariaSelected,
|
|
305
315
|
"aria-checked": this.ariaChecked,
|
|
306
316
|
"aria-disabled": this.computedDisabled ? true : undefined
|
|
307
317
|
},
|
|
308
318
|
role: "treeitem",
|
|
319
|
+
"aria-level": this.$props.ariaLevel,
|
|
309
320
|
"aria-expanded": this.ariaExpanded,
|
|
310
321
|
"aria-selected": this.ariaSelected,
|
|
311
322
|
"aria-checked": this.ariaChecked,
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-treeview',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1678368426,
|
|
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
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-treeview",
|
|
3
|
-
"version": "3.8.
|
|
3
|
+
"version": "3.8.5",
|
|
4
4
|
"description": "Kendo Ui for Vue TreeView package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -41,15 +41,15 @@
|
|
|
41
41
|
"vue": "^2.6.12 || ^3.0.2"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@progress/kendo-vue-common": "3.8.
|
|
44
|
+
"@progress/kendo-vue-common": "3.8.5"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@progress/kendo-licensing": "^1.3.0",
|
|
48
48
|
"@progress/kendo-svg-icons": "^1.0.0",
|
|
49
|
-
"@progress/kendo-vue-animation": "3.8.
|
|
50
|
-
"@progress/kendo-vue-dropdowns": "3.8.
|
|
51
|
-
"@progress/kendo-vue-inputs": "3.8.
|
|
52
|
-
"@progress/kendo-vue-intl": "3.8.
|
|
49
|
+
"@progress/kendo-vue-animation": "3.8.5",
|
|
50
|
+
"@progress/kendo-vue-dropdowns": "3.8.5",
|
|
51
|
+
"@progress/kendo-vue-inputs": "3.8.5",
|
|
52
|
+
"@progress/kendo-vue-intl": "3.8.5"
|
|
53
53
|
},
|
|
54
54
|
"@progress": {
|
|
55
55
|
"friendlyName": "TreeView",
|