@progress/kendo-vue-treeview 3.9.3 → 3.9.4-dev.202304190945

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.
@@ -17,6 +17,18 @@ var sizeMap = kendoThemeMaps.sizeMap;
17
17
  */
18
18
  var TreeViewVue2 = {
19
19
  name: 'KendoTreeView',
20
+ // @ts-ignore
21
+ emits: {
22
+ blur: null,
23
+ focus: null,
24
+ itemdragstart: null,
25
+ itemdragover: null,
26
+ itemdragend: null,
27
+ keydown: null,
28
+ itemclick: null,
29
+ expandchange: null,
30
+ checkchange: null
31
+ },
20
32
  props: {
21
33
  dataItems: Array,
22
34
  animate: {
@@ -247,13 +259,14 @@ var TreeViewVue2 = {
247
259
  this.setFocus(itemId);
248
260
  this.dispatchItemClick(event, item, itemId);
249
261
  },
250
- onFocus: function onFocus() {
262
+ onFocus: function onFocus(e) {
251
263
  clearTimeout(this.blurRequest);
252
264
  if (this.focusedItemId === undefined && this.dataItems.length) {
253
265
  this.setFocus(this.tabbableItemId);
254
266
  }
267
+ this.$emit('focus', e);
255
268
  },
256
- onBlur: function onBlur() {
269
+ onBlur: function onBlur(e) {
257
270
  var _this = this;
258
271
  clearTimeout(this.blurRequest);
259
272
  if (canUseDOM) {
@@ -261,6 +274,7 @@ var TreeViewVue2 = {
261
274
  return _this.setFocus(undefined);
262
275
  }, 0);
263
276
  }
277
+ this.$emit('blur', e);
264
278
  },
265
279
  onKeyDown: function onKeyDown(event) {
266
280
  var focusedItem = this.getFocusedItem();
@@ -274,6 +288,7 @@ var TreeViewVue2 = {
274
288
  }
275
289
  this.dispatchEventsOnKeyDown(event, focusedItem);
276
290
  }
291
+ this.$emit('keydown', event);
277
292
  },
278
293
  dispatchEventsOnKeyDown: function dispatchEventsOnKeyDown(event, focusedItem) {
279
294
  var _this = this;
@@ -316,22 +331,25 @@ var TreeViewVue2 = {
316
331
  getItemById: function getItemById(itemId) {
317
332
  return _getItemById(itemId, this.dataItems, this.$props.childrenField || CHILDREN_FIELD);
318
333
  },
319
- dispatchCheckChange: function dispatchCheckChange(_dispatchedEvent, item, itemId) {
334
+ dispatchCheckChange: function dispatchCheckChange(dispatchedEvent, item, itemId) {
320
335
  this.$emit('checkchange', {
321
336
  item: item,
322
- itemHierarchicalIndex: itemId
337
+ itemHierarchicalIndex: itemId,
338
+ event: dispatchedEvent
323
339
  });
324
340
  },
325
- dispatchExpandChange: function dispatchExpandChange(_dispatchedEvent, item, itemId) {
341
+ dispatchExpandChange: function dispatchExpandChange(dispatchedEvent, item, itemId) {
326
342
  this.$emit('expandchange', {
327
343
  item: item,
328
- itemHierarchicalIndex: itemId
344
+ itemHierarchicalIndex: itemId,
345
+ event: dispatchedEvent
329
346
  });
330
347
  },
331
- dispatchItemClick: function dispatchItemClick(_dispatchedEvent, item, itemId) {
348
+ dispatchItemClick: function dispatchItemClick(dispatchedEvent, item, itemId) {
332
349
  this.$emit('itemclick', {
333
350
  item: item,
334
- itemHierarchicalIndex: itemId
351
+ itemHierarchicalIndex: itemId,
352
+ event: dispatchedEvent
335
353
  });
336
354
  },
337
355
  refocusDueToFocusIdField: function refocusDueToFocusIdField() {
@@ -2,6 +2,10 @@
2
2
  * Represents the object of the `onExpandChange` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
3
3
  */
4
4
  export interface TreeViewExpandChangeEvent {
5
+ /**
6
+ * The ItemClick event.
7
+ */
8
+ event: any;
5
9
  /**
6
10
  * The item that is expanded or collapsed.
7
11
  */
@@ -15,6 +19,10 @@ export interface TreeViewExpandChangeEvent {
15
19
  * Represents the object of the `onItemClick` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
16
20
  */
17
21
  export interface TreeViewItemClickEvent {
22
+ /**
23
+ * The ItemClick event.
24
+ */
25
+ event: any;
18
26
  /**
19
27
  * The item that is clicked.
20
28
  */
package/dist/es/events.js CHANGED
@@ -1 +1,2 @@
1
+ /* eslint-disable max-len */
1
2
  export {};
@@ -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: 1681120385,
8
+ publishDate: 1681896907,
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
  };
@@ -17,6 +17,18 @@ var sizeMap = kendoThemeMaps.sizeMap;
17
17
  */
18
18
  var TreeViewVue2 = {
19
19
  name: 'KendoTreeView',
20
+ // @ts-ignore
21
+ emits: {
22
+ blur: null,
23
+ focus: null,
24
+ itemdragstart: null,
25
+ itemdragover: null,
26
+ itemdragend: null,
27
+ keydown: null,
28
+ itemclick: null,
29
+ expandchange: null,
30
+ checkchange: null
31
+ },
20
32
  props: {
21
33
  dataItems: Array,
22
34
  animate: {
@@ -247,13 +259,14 @@ var TreeViewVue2 = {
247
259
  this.setFocus(itemId);
248
260
  this.dispatchItemClick(event, item, itemId);
249
261
  },
250
- onFocus: function onFocus() {
262
+ onFocus: function onFocus(e) {
251
263
  clearTimeout(this.blurRequest);
252
264
  if (this.focusedItemId === undefined && this.dataItems.length) {
253
265
  this.setFocus(this.tabbableItemId);
254
266
  }
267
+ this.$emit('focus', e);
255
268
  },
256
- onBlur: function onBlur() {
269
+ onBlur: function onBlur(e) {
257
270
  var _this = this;
258
271
  clearTimeout(this.blurRequest);
259
272
  if (canUseDOM) {
@@ -261,6 +274,7 @@ var TreeViewVue2 = {
261
274
  return _this.setFocus(undefined);
262
275
  }, 0);
263
276
  }
277
+ this.$emit('blur', e);
264
278
  },
265
279
  onKeyDown: function onKeyDown(event) {
266
280
  var focusedItem = this.getFocusedItem();
@@ -274,6 +288,7 @@ var TreeViewVue2 = {
274
288
  }
275
289
  this.dispatchEventsOnKeyDown(event, focusedItem);
276
290
  }
291
+ this.$emit('keydown', event);
277
292
  },
278
293
  dispatchEventsOnKeyDown: function dispatchEventsOnKeyDown(event, focusedItem) {
279
294
  var _this = this;
@@ -316,22 +331,25 @@ var TreeViewVue2 = {
316
331
  getItemById: function getItemById(itemId) {
317
332
  return _getItemById(itemId, this.dataItems, this.$props.childrenField || CHILDREN_FIELD);
318
333
  },
319
- dispatchCheckChange: function dispatchCheckChange(_dispatchedEvent, item, itemId) {
334
+ dispatchCheckChange: function dispatchCheckChange(dispatchedEvent, item, itemId) {
320
335
  this.$emit('checkchange', {
321
336
  item: item,
322
- itemHierarchicalIndex: itemId
337
+ itemHierarchicalIndex: itemId,
338
+ event: dispatchedEvent
323
339
  });
324
340
  },
325
- dispatchExpandChange: function dispatchExpandChange(_dispatchedEvent, item, itemId) {
341
+ dispatchExpandChange: function dispatchExpandChange(dispatchedEvent, item, itemId) {
326
342
  this.$emit('expandchange', {
327
343
  item: item,
328
- itemHierarchicalIndex: itemId
344
+ itemHierarchicalIndex: itemId,
345
+ event: dispatchedEvent
329
346
  });
330
347
  },
331
- dispatchItemClick: function dispatchItemClick(_dispatchedEvent, item, itemId) {
348
+ dispatchItemClick: function dispatchItemClick(dispatchedEvent, item, itemId) {
332
349
  this.$emit('itemclick', {
333
350
  item: item,
334
- itemHierarchicalIndex: itemId
351
+ itemHierarchicalIndex: itemId,
352
+ event: dispatchedEvent
335
353
  });
336
354
  },
337
355
  refocusDueToFocusIdField: function refocusDueToFocusIdField() {
@@ -2,6 +2,10 @@
2
2
  * Represents the object of the `onExpandChange` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
3
3
  */
4
4
  export interface TreeViewExpandChangeEvent {
5
+ /**
6
+ * The ItemClick event.
7
+ */
8
+ event: any;
5
9
  /**
6
10
  * The item that is expanded or collapsed.
7
11
  */
@@ -15,6 +19,10 @@ export interface TreeViewExpandChangeEvent {
15
19
  * Represents the object of the `onItemClick` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
16
20
  */
17
21
  export interface TreeViewItemClickEvent {
22
+ /**
23
+ * The ItemClick event.
24
+ */
25
+ event: any;
18
26
  /**
19
27
  * The item that is clicked.
20
28
  */
@@ -1 +1,2 @@
1
+ /* eslint-disable max-len */
1
2
  export {};
@@ -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: 1681120385,
8
+ publishDate: 1681896907,
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
  };
@@ -23,6 +23,18 @@ var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap;
23
23
  */
24
24
  var TreeViewVue2 = {
25
25
  name: 'KendoTreeView',
26
+ // @ts-ignore
27
+ emits: {
28
+ blur: null,
29
+ focus: null,
30
+ itemdragstart: null,
31
+ itemdragover: null,
32
+ itemdragend: null,
33
+ keydown: null,
34
+ itemclick: null,
35
+ expandchange: null,
36
+ checkchange: null
37
+ },
26
38
  props: {
27
39
  dataItems: Array,
28
40
  animate: {
@@ -253,13 +265,14 @@ var TreeViewVue2 = {
253
265
  this.setFocus(itemId);
254
266
  this.dispatchItemClick(event, item, itemId);
255
267
  },
256
- onFocus: function onFocus() {
268
+ onFocus: function onFocus(e) {
257
269
  clearTimeout(this.blurRequest);
258
270
  if (this.focusedItemId === undefined && this.dataItems.length) {
259
271
  this.setFocus(this.tabbableItemId);
260
272
  }
273
+ this.$emit('focus', e);
261
274
  },
262
- onBlur: function onBlur() {
275
+ onBlur: function onBlur(e) {
263
276
  var _this = this;
264
277
  clearTimeout(this.blurRequest);
265
278
  if (kendo_vue_common_1.canUseDOM) {
@@ -267,6 +280,7 @@ var TreeViewVue2 = {
267
280
  return _this.setFocus(undefined);
268
281
  }, 0);
269
282
  }
283
+ this.$emit('blur', e);
270
284
  },
271
285
  onKeyDown: function onKeyDown(event) {
272
286
  var focusedItem = this.getFocusedItem();
@@ -280,6 +294,7 @@ var TreeViewVue2 = {
280
294
  }
281
295
  this.dispatchEventsOnKeyDown(event, focusedItem);
282
296
  }
297
+ this.$emit('keydown', event);
283
298
  },
284
299
  dispatchEventsOnKeyDown: function dispatchEventsOnKeyDown(event, focusedItem) {
285
300
  var _this = this;
@@ -322,22 +337,25 @@ var TreeViewVue2 = {
322
337
  getItemById: function getItemById(itemId) {
323
338
  return (0, itemIdUtils_1.getItemById)(itemId, this.dataItems, this.$props.childrenField || consts_1.CHILDREN_FIELD);
324
339
  },
325
- dispatchCheckChange: function dispatchCheckChange(_dispatchedEvent, item, itemId) {
340
+ dispatchCheckChange: function dispatchCheckChange(dispatchedEvent, item, itemId) {
326
341
  this.$emit('checkchange', {
327
342
  item: item,
328
- itemHierarchicalIndex: itemId
343
+ itemHierarchicalIndex: itemId,
344
+ event: dispatchedEvent
329
345
  });
330
346
  },
331
- dispatchExpandChange: function dispatchExpandChange(_dispatchedEvent, item, itemId) {
347
+ dispatchExpandChange: function dispatchExpandChange(dispatchedEvent, item, itemId) {
332
348
  this.$emit('expandchange', {
333
349
  item: item,
334
- itemHierarchicalIndex: itemId
350
+ itemHierarchicalIndex: itemId,
351
+ event: dispatchedEvent
335
352
  });
336
353
  },
337
- dispatchItemClick: function dispatchItemClick(_dispatchedEvent, item, itemId) {
354
+ dispatchItemClick: function dispatchItemClick(dispatchedEvent, item, itemId) {
338
355
  this.$emit('itemclick', {
339
356
  item: item,
340
- itemHierarchicalIndex: itemId
357
+ itemHierarchicalIndex: itemId,
358
+ event: dispatchedEvent
341
359
  });
342
360
  },
343
361
  refocusDueToFocusIdField: function refocusDueToFocusIdField() {
@@ -2,6 +2,10 @@
2
2
  * Represents the object of the `onExpandChange` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
3
3
  */
4
4
  export interface TreeViewExpandChangeEvent {
5
+ /**
6
+ * The ItemClick event.
7
+ */
8
+ event: any;
5
9
  /**
6
10
  * The item that is expanded or collapsed.
7
11
  */
@@ -15,6 +19,10 @@ export interface TreeViewExpandChangeEvent {
15
19
  * Represents the object of the `onItemClick` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
16
20
  */
17
21
  export interface TreeViewItemClickEvent {
22
+ /**
23
+ * The ItemClick event.
24
+ */
25
+ event: any;
18
26
  /**
19
27
  * The item that is clicked.
20
28
  */
@@ -1,2 +1,3 @@
1
1
  "use strict";
2
+ /* eslint-disable max-len */
2
3
  Object.defineProperty(exports, "__esModule", { value: true });
@@ -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: 1681120385,
11
+ publishDate: 1681896907,
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.9.3",
3
+ "version": "3.9.4-dev.202304190945",
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.9.3"
44
+ "@progress/kendo-vue-common": "3.9.4-dev.202304190945"
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.9.3",
50
- "@progress/kendo-vue-dropdowns": "3.9.3",
51
- "@progress/kendo-vue-inputs": "3.9.3",
52
- "@progress/kendo-vue-intl": "3.9.3"
49
+ "@progress/kendo-vue-animation": "3.9.4-dev.202304190945",
50
+ "@progress/kendo-vue-dropdowns": "3.9.4-dev.202304190945",
51
+ "@progress/kendo-vue-inputs": "3.9.4-dev.202304190945",
52
+ "@progress/kendo-vue-intl": "3.9.4-dev.202304190945"
53
53
  },
54
54
  "@progress": {
55
55
  "friendlyName": "TreeView",