@syncfusion/ej2-navigations 17.3.9-beta → 17.3.14-96615

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 (314) hide show
  1. package/.eslintrc.json +244 -0
  2. package/CHANGELOG.md +898 -800
  3. package/README.md +163 -163
  4. package/dist/ej2-navigations.umd.min.js +1 -10
  5. package/dist/ej2-navigations.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es2015.js +325 -170
  7. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es5.js +455 -300
  9. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-navigations.min.js +1 -10
  11. package/dist/global/ej2-navigations.min.js.map +1 -1
  12. package/dist/global/index.d.ts +0 -9
  13. package/dist/ts/accordion/accordion.ts +1312 -0
  14. package/dist/ts/common/h-scroll.ts +459 -0
  15. package/dist/ts/common/menu-base.ts +2131 -0
  16. package/dist/ts/common/v-scroll.ts +430 -0
  17. package/dist/ts/context-menu/context-menu.ts +119 -0
  18. package/dist/ts/menu/menu.ts +270 -0
  19. package/dist/ts/sidebar/sidebar.ts +817 -0
  20. package/dist/ts/tab/tab.ts +1761 -0
  21. package/dist/ts/toolbar/toolbar.ts +2076 -0
  22. package/dist/ts/treeview/treeview.ts +5050 -0
  23. package/helpers/e2e/index.js +3 -3
  24. package/license +10 -10
  25. package/package.json +135 -149
  26. package/src/accordion/accordion-model.d.ts +156 -156
  27. package/src/accordion/accordion.d.ts +1 -0
  28. package/src/accordion/accordion.js +40 -41
  29. package/src/common/h-scroll-model.d.ts +5 -5
  30. package/src/common/h-scroll.js +19 -20
  31. package/src/common/menu-base-model.d.ts +157 -157
  32. package/src/common/menu-base.d.ts +19 -0
  33. package/src/common/menu-base.js +94 -24
  34. package/src/common/v-scroll-model.d.ts +5 -5
  35. package/src/common/v-scroll.js +19 -19
  36. package/src/context-menu/context-menu-model.d.ts +15 -15
  37. package/src/context-menu/context-menu.js +19 -19
  38. package/src/menu/menu-model.d.ts +30 -30
  39. package/src/menu/menu.js +19 -19
  40. package/src/sidebar/sidebar-model.d.ts +136 -136
  41. package/src/sidebar/sidebar.js +19 -19
  42. package/src/tab/tab-model.d.ts +215 -215
  43. package/src/tab/tab.d.ts +3 -0
  44. package/src/tab/tab.js +117 -82
  45. package/src/toolbar/toolbar-model.d.ts +175 -175
  46. package/src/toolbar/toolbar.d.ts +1 -0
  47. package/src/toolbar/toolbar.js +30 -24
  48. package/src/treeview/treeview-model.d.ts +323 -323
  49. package/src/treeview/treeview.js +79 -33
  50. package/styles/accordion/_all.scss +2 -2
  51. package/styles/accordion/_bootstrap-dark-definition.scss +69 -69
  52. package/styles/accordion/_bootstrap-definition.scss +76 -76
  53. package/styles/accordion/_bootstrap4-definition.scss +82 -82
  54. package/styles/accordion/_fabric-dark-definition.scss +74 -74
  55. package/styles/accordion/_fabric-definition.scss +78 -78
  56. package/styles/accordion/_highcontrast-definition.scss +106 -106
  57. package/styles/accordion/_highcontrast-light-definition.scss +104 -104
  58. package/styles/accordion/_layout.scss +447 -447
  59. package/styles/accordion/_material-dark-definition.scss +75 -75
  60. package/styles/accordion/_material-definition.scss +72 -72
  61. package/styles/accordion/_theme.scss +479 -479
  62. package/styles/accordion/icons/_bootstrap-dark.scss +17 -17
  63. package/styles/accordion/icons/_bootstrap.scss +17 -17
  64. package/styles/accordion/icons/_bootstrap4.scss +17 -17
  65. package/styles/accordion/icons/_fabric-dark.scss +17 -17
  66. package/styles/accordion/icons/_fabric.scss +17 -17
  67. package/styles/accordion/icons/_highcontrast-light.scss +17 -17
  68. package/styles/accordion/icons/_highcontrast.scss +17 -17
  69. package/styles/accordion/icons/_material-dark.scss +17 -17
  70. package/styles/accordion/icons/_material.scss +17 -17
  71. package/styles/bootstrap-dark.css +7 -9
  72. package/styles/bootstrap.css +7 -9
  73. package/styles/bootstrap4.css +7 -9
  74. package/styles/bootstrap5-dark.css +0 -0
  75. package/styles/bootstrap5-dark.scss +0 -0
  76. package/styles/bootstrap5.css +0 -0
  77. package/styles/bootstrap5.scss +0 -0
  78. package/styles/context-menu/_all.scss +2 -2
  79. package/styles/context-menu/_bootstrap-dark-definition.scss +54 -54
  80. package/styles/context-menu/_bootstrap-definition.scss +52 -52
  81. package/styles/context-menu/_bootstrap4-definition.scss +52 -52
  82. package/styles/context-menu/_fabric-dark-definition.scss +54 -54
  83. package/styles/context-menu/_fabric-definition.scss +52 -52
  84. package/styles/context-menu/_highcontrast-definition.scss +52 -52
  85. package/styles/context-menu/_highcontrast-light-definition.scss +54 -54
  86. package/styles/context-menu/_layout-mixin.scss +175 -175
  87. package/styles/context-menu/_layout.scss +70 -70
  88. package/styles/context-menu/_material-dark-definition.scss +54 -54
  89. package/styles/context-menu/_material-definition.scss +52 -52
  90. package/styles/context-menu/_theme-mixin.scss +59 -59
  91. package/styles/context-menu/_theme.scss +36 -36
  92. package/styles/context-menu/bootstrap-dark.css +0 -1
  93. package/styles/context-menu/bootstrap.css +0 -1
  94. package/styles/context-menu/bootstrap4.css +0 -1
  95. package/styles/context-menu/fabric-dark.css +0 -1
  96. package/styles/context-menu/fabric.css +0 -1
  97. package/styles/context-menu/highcontrast-light.css +0 -1
  98. package/styles/context-menu/highcontrast.css +0 -1
  99. package/styles/context-menu/icons/_bootstrap-dark.scss +30 -30
  100. package/styles/context-menu/icons/_bootstrap.scss +30 -30
  101. package/styles/context-menu/icons/_bootstrap4.scss +30 -30
  102. package/styles/context-menu/icons/_fabric-dark.scss +30 -30
  103. package/styles/context-menu/icons/_fabric.scss +30 -30
  104. package/styles/context-menu/icons/_highcontrast-light.scss +30 -30
  105. package/styles/context-menu/icons/_highcontrast.scss +30 -30
  106. package/styles/context-menu/icons/_material-dark.scss +30 -30
  107. package/styles/context-menu/icons/_material.scss +30 -30
  108. package/styles/context-menu/material-dark.css +0 -1
  109. package/styles/context-menu/material.css +3 -4
  110. package/styles/fabric-dark.css +7 -9
  111. package/styles/fabric.css +7 -9
  112. package/styles/h-scroll/_all.scss +2 -2
  113. package/styles/h-scroll/_bootstrap-dark-definition.scss +49 -49
  114. package/styles/h-scroll/_bootstrap-definition.scss +50 -50
  115. package/styles/h-scroll/_bootstrap4-definition.scss +49 -49
  116. package/styles/h-scroll/_fabric-dark-definition.scss +50 -50
  117. package/styles/h-scroll/_fabric-definition.scss +48 -48
  118. package/styles/h-scroll/_highcontrast-definition.scss +52 -52
  119. package/styles/h-scroll/_highcontrast-light-definition.scss +54 -54
  120. package/styles/h-scroll/_layout.scss +198 -198
  121. package/styles/h-scroll/_material-dark-definition.scss +77 -77
  122. package/styles/h-scroll/_material-definition.scss +77 -77
  123. package/styles/h-scroll/_theme.scss +157 -157
  124. package/styles/h-scroll/icons/_bootstrap-dark.scss +49 -49
  125. package/styles/h-scroll/icons/_bootstrap.scss +49 -49
  126. package/styles/h-scroll/icons/_bootstrap4.scss +49 -49
  127. package/styles/h-scroll/icons/_fabric-dark.scss +49 -49
  128. package/styles/h-scroll/icons/_fabric.scss +49 -49
  129. package/styles/h-scroll/icons/_highcontrast-light.scss +49 -49
  130. package/styles/h-scroll/icons/_highcontrast.scss +49 -49
  131. package/styles/h-scroll/icons/_material-dark.scss +49 -49
  132. package/styles/h-scroll/icons/_material.scss +49 -49
  133. package/styles/highcontrast-light.css +7 -9
  134. package/styles/highcontrast.css +7 -9
  135. package/styles/material-dark.css +7 -9
  136. package/styles/material.css +21 -14
  137. package/styles/menu/_all.scss +2 -2
  138. package/styles/menu/_bootstrap-dark-definition.scss +63 -63
  139. package/styles/menu/_bootstrap-definition.scss +65 -65
  140. package/styles/menu/_bootstrap4-definition.scss +64 -64
  141. package/styles/menu/_fabric-dark-definition.scss +63 -63
  142. package/styles/menu/_fabric-definition.scss +64 -64
  143. package/styles/menu/_highcontrast-definition.scss +65 -65
  144. package/styles/menu/_highcontrast-light-definition.scss +61 -61
  145. package/styles/menu/_layout.scss +638 -638
  146. package/styles/menu/_material-dark-definition.scss +63 -63
  147. package/styles/menu/_material-definition.scss +64 -64
  148. package/styles/menu/_theme.scss +243 -243
  149. package/styles/menu/bootstrap-dark.css +0 -1
  150. package/styles/menu/bootstrap.css +0 -1
  151. package/styles/menu/bootstrap.scss +1 -0
  152. package/styles/menu/bootstrap4.css +0 -1
  153. package/styles/menu/fabric-dark.css +0 -1
  154. package/styles/menu/fabric.css +0 -1
  155. package/styles/menu/fabric.scss +1 -0
  156. package/styles/menu/highcontrast-light.css +0 -1
  157. package/styles/menu/highcontrast.css +0 -1
  158. package/styles/menu/highcontrast.scss +1 -0
  159. package/styles/menu/icons/_bootstrap-dark.scss +127 -127
  160. package/styles/menu/icons/_bootstrap.scss +127 -127
  161. package/styles/menu/icons/_bootstrap4.scss +127 -127
  162. package/styles/menu/icons/_fabric-dark.scss +127 -127
  163. package/styles/menu/icons/_fabric.scss +127 -127
  164. package/styles/menu/icons/_highcontrast-light.scss +127 -127
  165. package/styles/menu/icons/_highcontrast.scss +127 -127
  166. package/styles/menu/icons/_material-dark.scss +127 -127
  167. package/styles/menu/icons/_material.scss +127 -127
  168. package/styles/menu/material-dark.css +0 -1
  169. package/styles/menu/material.css +2 -3
  170. package/styles/menu/material.scss +1 -0
  171. package/styles/sidebar/_all.scss +3 -3
  172. package/styles/sidebar/_bootstrap-dark-definition.scss +4 -4
  173. package/styles/sidebar/_bootstrap-definition.scss +4 -4
  174. package/styles/sidebar/_bootstrap4-definition.scss +4 -4
  175. package/styles/sidebar/_fabric-dark-definition.scss +4 -4
  176. package/styles/sidebar/_fabric-definition.scss +6 -6
  177. package/styles/sidebar/_highcontrast-definition.scss +4 -4
  178. package/styles/sidebar/_highcontrast-light-definition.scss +4 -4
  179. package/styles/sidebar/_icons.scss +1 -1
  180. package/styles/sidebar/_material-dark-definition.scss +4 -4
  181. package/styles/sidebar/_material-definition.scss +6 -6
  182. package/styles/sidebar/_theme.scss +168 -168
  183. package/styles/sidebar/bootstrap-dark.css +0 -1
  184. package/styles/sidebar/bootstrap.css +0 -1
  185. package/styles/sidebar/bootstrap4.css +0 -1
  186. package/styles/sidebar/fabric-dark.css +0 -1
  187. package/styles/sidebar/fabric.css +0 -1
  188. package/styles/sidebar/highcontrast-light.css +0 -1
  189. package/styles/sidebar/highcontrast.css +0 -1
  190. package/styles/sidebar/material-dark.css +0 -1
  191. package/styles/sidebar/material.css +0 -1
  192. package/styles/tab/_all.scss +2 -2
  193. package/styles/tab/_bootstrap-dark-definition.scss +386 -386
  194. package/styles/tab/_bootstrap-definition.scss +396 -396
  195. package/styles/tab/_bootstrap4-definition.scss +401 -401
  196. package/styles/tab/_fabric-dark-definition.scss +394 -394
  197. package/styles/tab/_fabric-definition.scss +410 -410
  198. package/styles/tab/_highcontrast-definition.scss +434 -434
  199. package/styles/tab/_highcontrast-light-definition.scss +423 -423
  200. package/styles/tab/_icons.scss +43 -43
  201. package/styles/tab/_layout.scss +3528 -3521
  202. package/styles/tab/_material-dark-definition.scss +407 -407
  203. package/styles/tab/_material-definition.scss +416 -416
  204. package/styles/tab/_theme.scss +1751 -1751
  205. package/styles/tab/bootstrap-dark.css +7 -2
  206. package/styles/tab/bootstrap.css +7 -2
  207. package/styles/tab/bootstrap4.css +7 -2
  208. package/styles/tab/fabric-dark.css +7 -2
  209. package/styles/tab/fabric.css +7 -2
  210. package/styles/tab/highcontrast-light.css +7 -2
  211. package/styles/tab/highcontrast.css +7 -2
  212. package/styles/tab/icons/_bootstrap-dark.scss +132 -132
  213. package/styles/tab/icons/_bootstrap.scss +132 -132
  214. package/styles/tab/icons/_bootstrap4.scss +132 -132
  215. package/styles/tab/icons/_fabric-dark.scss +132 -132
  216. package/styles/tab/icons/_fabric.scss +132 -132
  217. package/styles/tab/icons/_highcontrast-light.scss +132 -132
  218. package/styles/tab/icons/_highcontrast.scss +132 -132
  219. package/styles/tab/icons/_material-dark.scss +132 -132
  220. package/styles/tab/icons/_material.scss +132 -132
  221. package/styles/tab/material-dark.css +7 -2
  222. package/styles/tab/material.css +7 -2
  223. package/styles/tailwind-dark.css +0 -0
  224. package/styles/tailwind-dark.scss +0 -0
  225. package/styles/tailwind.css +0 -0
  226. package/styles/tailwind.scss +0 -0
  227. package/styles/toolbar/_all.scss +2 -2
  228. package/styles/toolbar/_bootstrap-dark-definition.scss +135 -135
  229. package/styles/toolbar/_bootstrap-definition.scss +134 -134
  230. package/styles/toolbar/_bootstrap4-definition.scss +139 -139
  231. package/styles/toolbar/_fabric-dark-definition.scss +155 -155
  232. package/styles/toolbar/_fabric-definition.scss +139 -139
  233. package/styles/toolbar/_highcontrast-definition.scss +149 -149
  234. package/styles/toolbar/_highcontrast-light-definition.scss +164 -164
  235. package/styles/toolbar/_layout.scss +1460 -1460
  236. package/styles/toolbar/_material-dark-definition.scss +180 -180
  237. package/styles/toolbar/_material-definition.scss +164 -164
  238. package/styles/toolbar/_theme.scss +451 -451
  239. package/styles/toolbar/bootstrap-dark.css +0 -1
  240. package/styles/toolbar/bootstrap.css +0 -1
  241. package/styles/toolbar/bootstrap.scss +1 -0
  242. package/styles/toolbar/bootstrap4.css +0 -1
  243. package/styles/toolbar/fabric-dark.css +0 -1
  244. package/styles/toolbar/fabric.css +0 -1
  245. package/styles/toolbar/fabric.scss +1 -0
  246. package/styles/toolbar/highcontrast-light.css +0 -1
  247. package/styles/toolbar/highcontrast.css +0 -1
  248. package/styles/toolbar/highcontrast.scss +1 -0
  249. package/styles/toolbar/icons/_bootstrap-dark.scss +16 -16
  250. package/styles/toolbar/icons/_bootstrap.scss +16 -16
  251. package/styles/toolbar/icons/_bootstrap4.scss +16 -16
  252. package/styles/toolbar/icons/_fabric-dark.scss +16 -16
  253. package/styles/toolbar/icons/_fabric.scss +16 -16
  254. package/styles/toolbar/icons/_highcontrast-light.scss +16 -16
  255. package/styles/toolbar/icons/_highcontrast.scss +16 -16
  256. package/styles/toolbar/icons/_material-dark.scss +16 -16
  257. package/styles/toolbar/icons/_material.scss +16 -16
  258. package/styles/toolbar/material-dark.css +0 -1
  259. package/styles/toolbar/material.css +0 -1
  260. package/styles/toolbar/material.scss +1 -0
  261. package/styles/treeview/_all.scss +2 -2
  262. package/styles/treeview/_bootstrap-dark-definition.scss +131 -131
  263. package/styles/treeview/_bootstrap-definition.scss +127 -127
  264. package/styles/treeview/_bootstrap4-definition.scss +153 -153
  265. package/styles/treeview/_fabric-dark-definition.scss +130 -130
  266. package/styles/treeview/_fabric-definition.scss +126 -126
  267. package/styles/treeview/_highcontrast-definition.scss +132 -132
  268. package/styles/treeview/_highcontrast-light-definition.scss +137 -137
  269. package/styles/treeview/_layout.scss +551 -551
  270. package/styles/treeview/_material-dark-definition.scss +126 -126
  271. package/styles/treeview/_material-definition.scss +126 -126
  272. package/styles/treeview/_theme.scss +331 -331
  273. package/styles/treeview/bootstrap-dark.css +0 -3
  274. package/styles/treeview/bootstrap.css +0 -3
  275. package/styles/treeview/bootstrap4.css +0 -3
  276. package/styles/treeview/fabric-dark.css +0 -3
  277. package/styles/treeview/fabric.css +0 -3
  278. package/styles/treeview/highcontrast-light.css +0 -3
  279. package/styles/treeview/highcontrast.css +0 -3
  280. package/styles/treeview/icons/_bootstrap-dark.scss +39 -39
  281. package/styles/treeview/icons/_bootstrap.scss +39 -39
  282. package/styles/treeview/icons/_bootstrap4.scss +39 -39
  283. package/styles/treeview/icons/_fabric-dark.scss +43 -43
  284. package/styles/treeview/icons/_fabric.scss +43 -43
  285. package/styles/treeview/icons/_highcontrast-light.scss +43 -43
  286. package/styles/treeview/icons/_highcontrast.scss +43 -43
  287. package/styles/treeview/icons/_material-dark.scss +43 -43
  288. package/styles/treeview/icons/_material.scss +43 -43
  289. package/styles/treeview/material-dark.css +0 -3
  290. package/styles/treeview/material.css +9 -3
  291. package/styles/v-scroll/_all.scss +2 -2
  292. package/styles/v-scroll/_bootstrap-dark-definition.scss +50 -50
  293. package/styles/v-scroll/_bootstrap-definition.scss +49 -49
  294. package/styles/v-scroll/_bootstrap4-definition.scss +49 -49
  295. package/styles/v-scroll/_fabric-dark-definition.scss +51 -51
  296. package/styles/v-scroll/_fabric-definition.scss +50 -50
  297. package/styles/v-scroll/_highcontrast-definition.scss +51 -51
  298. package/styles/v-scroll/_highcontrast-light-definition.scss +52 -52
  299. package/styles/v-scroll/_layout.scss +162 -162
  300. package/styles/v-scroll/_material-dark-definition.scss +78 -78
  301. package/styles/v-scroll/_material-definition.scss +77 -77
  302. package/styles/v-scroll/_theme.scss +133 -133
  303. package/styles/v-scroll/icons/_bootstrap-dark.scss +26 -26
  304. package/styles/v-scroll/icons/_bootstrap.scss +26 -26
  305. package/styles/v-scroll/icons/_bootstrap4.scss +26 -26
  306. package/styles/v-scroll/icons/_fabric-dark.scss +26 -26
  307. package/styles/v-scroll/icons/_fabric.scss +26 -26
  308. package/styles/v-scroll/icons/_highcontrast-light.scss +26 -26
  309. package/styles/v-scroll/icons/_highcontrast.scss +26 -26
  310. package/styles/v-scroll/icons/_material-dark.scss +26 -26
  311. package/styles/v-scroll/icons/_material.scss +26 -26
  312. package/tslint.json +111 -0
  313. package/.gitlab/merge_request_templates/Bug.md +0 -63
  314. package/.gitlab/merge_request_templates/feature.md +0 -39
@@ -1,4 +1,4 @@
1
- import { Component, EmitType, isUndefined, Browser, compile, isNullOrUndefined, BlazorDragEventArgs } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, Complex } from '@syncfusion/ej2-base';import { Event, EventHandler, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { rippleEffect, Effect, Animation, AnimationOptions, RippleOptions } from '@syncfusion/ej2-base';import { Draggable, DragEventArgs, Droppable, DropEventArgs } from '@syncfusion/ej2-base';import { updateBlazorTemplate, resetBlazorTemplate , isBlazor, getElement } from '@syncfusion/ej2-base';import { addClass, removeClass, closest, matches, detach, select, selectAll, isVisible, createElement, append } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { isNullOrUndefined as isNOU, Touch, TapEventArgs, getValue, setValue } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions, AriaAttributesMapping, FieldsMapping } from '@syncfusion/ej2-lists';import { createCheckBox, rippleMouseHandler } from '@syncfusion/ej2-buttons';import { Input, InputObject } from '@syncfusion/ej2-inputs';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
1
+ import { Component, EmitType, isUndefined, Browser, compile, isNullOrUndefined, BlazorDragEventArgs } from '@syncfusion/ej2-base';
2
2
  import {ExpandOnSettings,SortOrder,DataBoundEventArgs,DataSourceChangedEventArgs,DrawNodeEventArgs,NodeKeyPressEventArgs,NodeCheckEventArgs,NodeClickEventArgs,NodeExpandEventArgs,DragAndDropEventArgs,NodeEditEventArgs,NodeSelectEventArgs} from "./treeview";
3
3
  import {ComponentModel} from '@syncfusion/ej2-base';
4
4
 
@@ -8,90 +8,90 @@ import {ComponentModel} from '@syncfusion/ej2-base';
8
8
  export interface FieldsSettingsModel {
9
9
 
10
10
  /**
11
- * Binds the field settings for child nodes or mapping field for nested nodes objects that contain array of JSON objects.
12
- */
13
- child?: string | FieldsSettingsModel;
11
+ * Binds the field settings for child nodes or mapping field for nested nodes objects that contain array of JSON objects.
12
+ */
13
+ child?: string | FieldsSettingsModel;
14
14
 
15
15
  /**
16
- * Specifies the array of JavaScript objects or instance of DataManager to populate the nodes.
17
- * @default []
18
- * @aspDatasourceNullIgnore
19
- * @blazorDatasourceNullIgnore
20
- * @isGenericType true
21
- */
22
- dataSource?: DataManager | { [key: string]: Object }[];
16
+ * Specifies the array of JavaScript objects or instance of DataManager to populate the nodes.
17
+ * @default []
18
+ * @aspDatasourceNullIgnore
19
+ * @blazorDatasourceNullIgnore
20
+ * @isGenericType true
21
+ */
22
+ dataSource?: DataManager | { [key: string]: Object }[];
23
23
 
24
24
  /**
25
- * Specifies the mapping field for expand state of the TreeView node.
26
- */
27
- expanded?: string;
25
+ * Specifies the mapping field for expand state of the TreeView node.
26
+ */
27
+ expanded?: string;
28
28
 
29
29
  /**
30
- * Specifies the mapping field for hasChildren to check whether a node has child nodes or not.
31
- */
32
- hasChildren?: string;
30
+ * Specifies the mapping field for hasChildren to check whether a node has child nodes or not.
31
+ */
32
+ hasChildren?: string;
33
33
 
34
34
  /**
35
- * Specifies the mapping field for htmlAttributes to be added to the TreeView node.
36
- */
37
- htmlAttributes?: string;
35
+ * Specifies the mapping field for htmlAttributes to be added to the TreeView node.
36
+ */
37
+ htmlAttributes?: string;
38
38
 
39
39
  /**
40
- * Specifies the mapping field for icon class of each TreeView node that will be added before the text.
41
- */
42
- iconCss?: string;
40
+ * Specifies the mapping field for icon class of each TreeView node that will be added before the text.
41
+ */
42
+ iconCss?: string;
43
43
 
44
44
  /**
45
- * Specifies the ID field mapped in dataSource.
46
- */
47
- id?: string;
45
+ * Specifies the ID field mapped in dataSource.
46
+ */
47
+ id?: string;
48
48
 
49
49
  /**
50
- * Specifies the mapping field for image URL of each TreeView node where image will be added before the text.
51
- */
52
- imageUrl?: string;
50
+ * Specifies the mapping field for image URL of each TreeView node where image will be added before the text.
51
+ */
52
+ imageUrl?: string;
53
53
 
54
54
  /**
55
- * Specifies the field for checked state of the TreeView node.
56
- */
57
- isChecked?: string;
55
+ * Specifies the field for checked state of the TreeView node.
56
+ */
57
+ isChecked?: string;
58
58
 
59
59
  /**
60
- * Specifies the parent ID field mapped in dataSource.
61
- */
62
- parentID?: string;
60
+ * Specifies the parent ID field mapped in dataSource.
61
+ */
62
+ parentID?: string;
63
63
 
64
64
  /**
65
- * Defines the external [`Query`](http://ej2.syncfusion.com/documentation/data/api-query.html)
66
- * that will execute along with data processing.
67
- * @default null
68
- */
69
- query?: Query;
65
+ * Defines the external [`Query`](http://ej2.syncfusion.com/documentation/data/api-query.html)
66
+ * that will execute along with data processing.
67
+ * @default null
68
+ */
69
+ query?: Query;
70
70
 
71
71
  /**
72
- * Specifies the mapping field for selected state of the TreeView node.
73
- */
74
- selected?: string;
72
+ * Specifies the mapping field for selected state of the TreeView node.
73
+ */
74
+ selected?: string;
75
75
 
76
76
  /**
77
- * Specifies the table name used to fetch data from a specific table in the server.
78
- */
79
- tableName?: string;
77
+ * Specifies the table name used to fetch data from a specific table in the server.
78
+ */
79
+ tableName?: string;
80
80
 
81
81
  /**
82
- * Specifies the mapping field for text displayed as TreeView node's display text.
83
- */
84
- text?: string;
82
+ * Specifies the mapping field for text displayed as TreeView node's display text.
83
+ */
84
+ text?: string;
85
85
 
86
86
  /**
87
- * Specifies the mapping field for tooltip that will be displayed as hovering text of the TreeView node.
88
- */
89
- tooltip?: string;
87
+ * Specifies the mapping field for tooltip that will be displayed as hovering text of the TreeView node.
88
+ */
89
+ tooltip?: string;
90
90
 
91
91
  /**
92
- * Specifies the mapping field for navigateUrl to be added as hyper-link of the TreeView node.
93
- */
94
- navigateUrl?: string;
92
+ * Specifies the mapping field for navigateUrl to be added as hyper-link of the TreeView node.
93
+ */
94
+ navigateUrl?: string;
95
95
 
96
96
  }
97
97
 
@@ -101,22 +101,22 @@ export interface FieldsSettingsModel {
101
101
  export interface ActionSettingsModel {
102
102
 
103
103
  /**
104
- * Specifies the type of animation.
105
- * @default 'SlideDown'
106
- */
107
- effect?: Effect;
104
+ * Specifies the type of animation.
105
+ * @default 'SlideDown'
106
+ */
107
+ effect?: Effect;
108
108
 
109
109
  /**
110
- * Specifies the duration to animate.
111
- * @default 400
112
- */
113
- duration?: number;
110
+ * Specifies the duration to animate.
111
+ * @default 400
112
+ */
113
+ duration?: number;
114
114
 
115
115
  /**
116
- * Specifies the animation timing function.
117
- * @default 'linear'
118
- */
119
- easing?: string;
116
+ * Specifies the animation timing function.
117
+ * @default 'linear'
118
+ */
119
+ easing?: string;
120
120
 
121
121
  }
122
122
 
@@ -126,16 +126,16 @@ export interface ActionSettingsModel {
126
126
  export interface NodeAnimationSettingsModel {
127
127
 
128
128
  /**
129
- * Specifies the animation that applies on collapsing the nodes.
130
- * @default { effect: 'SlideUp', duration: 400, easing: 'linear' }
131
- */
132
- collapse?: ActionSettingsModel;
129
+ * Specifies the animation that applies on collapsing the nodes.
130
+ * @default { effect: 'SlideUp', duration: 400, easing: 'linear' }
131
+ */
132
+ collapse?: ActionSettingsModel;
133
133
 
134
134
  /**
135
- * Specifies the animation that applies on expanding the nodes.
136
- * @default { effect: 'SlideDown', duration: 400, easing: 'linear' }
137
- */
138
- expand?: ActionSettingsModel;
135
+ * Specifies the animation that applies on expanding the nodes.
136
+ * @default { effect: 'SlideDown', duration: 400, easing: 'linear' }
137
+ */
138
+ expand?: ActionSettingsModel;
139
139
 
140
140
  }
141
141
 
@@ -145,303 +145,303 @@ export interface NodeAnimationSettingsModel {
145
145
  export interface TreeViewModel extends ComponentModel{
146
146
 
147
147
  /**
148
- * Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
149
- * desktop, hold the mouse on the node, drag it to the target node and drop the node by releasing
150
- * the mouse. For touch devices, drag and drop operation is performed by touch, touch move
151
- * and touch end. For more information on drag and drop nodes concept, refer to
152
- * [Drag and Drop](../../treeview/drag-and-drop/).
153
- * @default false
154
- */
155
- allowDragAndDrop?: boolean;
156
-
157
- /**
158
- * Enables or disables editing of the text in the TreeView node. When `allowEditing` property is set
159
- * to true, the TreeView allows you to edit the node by double clicking the node or by navigating to
160
- * the node and pressing **F2** key. For more information on node editing, refer
161
- * to [Node Editing](../../treeview/node-editing/).
162
- * @default false
163
- */
164
- allowEditing?: boolean;
165
-
166
- /**
167
- * Enables or disables multi-selection of nodes. To select multiple nodes:
168
- * * Select the nodes by holding down the CTRL key while clicking on the nodes.
169
- * * Select consecutive nodes by clicking the first node to select and hold down the **SHIFT** key
170
- * and click the last node to select.
171
- *
172
- * For more information on multi-selection, refer to
173
- * [Multi-Selection](../../treeview/multiple-selection/).
174
- * @default false
175
- */
176
- allowMultiSelection?: boolean;
177
-
178
- /**
179
- * Specifies the type of animation applied on expanding and collapsing the nodes along with duration.
180
- * @default {expand: { effect: 'SlideDown', duration: 400, easing: 'linear' },
181
- * collapse: { effect: 'SlideUp', duration: 400, easing: 'linear' }}
182
- */
183
- animation?: NodeAnimationSettingsModel;
184
-
185
- /**
186
- * The `checkedNodes` property is used to set the nodes that need to be checked or
187
- * get the ID of nodes that are currently checked in the TreeView component.
188
- * The `checkedNodes` property depends upon the value of `showCheckBox` property.
189
- * For more information on checkedNodes, refer to
190
- * [checkedNodes](../../treeview/check-box#checked-nodes).
191
- * @default []
192
- */
193
- checkedNodes?: string[];
194
-
195
- /**
196
- * Specifies the CSS classes to be added with root element of the TreeView to help customize the appearance of the component.
197
- * @default ''
198
- */
199
- cssClass?: string;
200
-
201
- /**
202
- * Enables or disables persisting TreeView state between page reloads. If enabled, following APIs will persist.
203
- * 1. `selectedNodes` - Represents the nodes that are selected in the TreeView component.
204
- * 2. `checkedNodes` - Represents the nodes that are checked in the TreeView component.
205
- * 3. `expandedNodes` - Represents the nodes that are expanded in the TreeView component.
206
- * @default false
207
- */
208
- enablePersistence?: boolean;
209
-
210
- /**
211
- * Represents the expanded nodes in the TreeView component. We can set the nodes that need to be
212
- * expanded or get the ID of the nodes that are currently expanded by using this property.
213
- * @default []
214
- */
215
- expandedNodes?: string[];
216
-
217
- /**
218
- * Specifies the action on which the node expands or collapses. The available actions are,
219
- * * `Auto` - In desktop, the expand/collapse operation happens when you double-click the node, and in mobile devices it
220
- * happens on single-click.
221
- * * `Click` - The expand/collapse operation happens when you single-click the node in both desktop and mobile devices.
222
- * * `DblClick` - The expand/collapse operation happens when you double-click the node in both desktop and mobile devices.
223
- * * `None` - The expand/collapse operation will not happen when you single-click or double-click the node in both desktop
224
- * and mobile devices.
225
- * @default 'Auto'
226
- */
227
- expandOn?: ExpandOnSettings;
228
-
229
- /**
230
- * Specifies the data source and mapping fields to render TreeView nodes.
231
- * @default {id: 'id', text: 'text', dataSource: [], child: 'child', parentID: 'parentID', hasChildren: 'hasChildren',
232
- * expanded: 'expanded', htmlAttributes: 'htmlAttributes', iconCss: 'iconCss', imageUrl: 'imageUrl', isChecked: 'isChecked',
233
- * query: null, selected: 'selected', tableName: null, tooltip: 'tooltip', navigateUrl: 'navigateUrl'}
234
- */
235
- fields?: FieldsSettingsModel;
236
-
237
- /**
238
- * On enabling this property, the entire row of the TreeView node gets selected by clicking a node.
239
- * When disabled only the corresponding node's text gets selected.
240
- * For more information on Fields concept, refer to
241
- * [Fields](../../treeview/data-binding#local-data).
242
- * @default true
243
- */
244
- fullRowSelect?: boolean;
245
-
246
- /**
247
- * By default, the load on demand (Lazy load) is set to true. By disabling this property, all the tree nodes are rendered at the
248
- * beginning itself.
249
- * @default true
250
- */
251
- loadOnDemand?: boolean;
252
-
253
- /**
254
- * Specifies a template to render customized content for all the nodes. If the `nodeTemplate` property
255
- * is set, the template content overrides the displayed node text. The property accepts template string
256
- * [template string](http://ej2.syncfusion.com/documentation/base/template-engine.html)
257
- * or HTML element ID holding the content. For more information on template concept, refer to
258
- * [Template](../../treeview/template/).
259
- * @default null
260
- */
261
- nodeTemplate?: string;
148
+ * Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
149
+ * desktop, hold the mouse on the node, drag it to the target node and drop the node by releasing
150
+ * the mouse. For touch devices, drag and drop operation is performed by touch, touch move
151
+ * and touch end. For more information on drag and drop nodes concept, refer to
152
+ * [Drag and Drop](../../treeview/drag-and-drop/).
153
+ * @default false
154
+ */
155
+ allowDragAndDrop?: boolean;
156
+
157
+ /**
158
+ * Enables or disables editing of the text in the TreeView node. When `allowEditing` property is set
159
+ * to true, the TreeView allows you to edit the node by double clicking the node or by navigating to
160
+ * the node and pressing **F2** key. For more information on node editing, refer
161
+ * to [Node Editing](../../treeview/node-editing/).
162
+ * @default false
163
+ */
164
+ allowEditing?: boolean;
165
+
166
+ /**
167
+ * Enables or disables multi-selection of nodes. To select multiple nodes:
168
+ * * Select the nodes by holding down the CTRL key while clicking on the nodes.
169
+ * * Select consecutive nodes by clicking the first node to select and hold down the **SHIFT** key
170
+ * and click the last node to select.
171
+ *
172
+ * For more information on multi-selection, refer to
173
+ * [Multi-Selection](../../treeview/multiple-selection/).
174
+ * @default false
175
+ */
176
+ allowMultiSelection?: boolean;
177
+
178
+ /**
179
+ * Specifies the type of animation applied on expanding and collapsing the nodes along with duration.
180
+ * @default {expand: { effect: 'SlideDown', duration: 400, easing: 'linear' },
181
+ * collapse: { effect: 'SlideUp', duration: 400, easing: 'linear' }}
182
+ */
183
+ animation?: NodeAnimationSettingsModel;
184
+
185
+ /**
186
+ * The `checkedNodes` property is used to set the nodes that need to be checked or
187
+ * get the ID of nodes that are currently checked in the TreeView component.
188
+ * The `checkedNodes` property depends upon the value of `showCheckBox` property.
189
+ * For more information on checkedNodes, refer to
190
+ * [checkedNodes](../../treeview/check-box#checked-nodes).
191
+ * @default []
192
+ */
193
+ checkedNodes?: string[];
194
+
195
+ /**
196
+ * Specifies the CSS classes to be added with root element of the TreeView to help customize the appearance of the component.
197
+ * @default ''
198
+ */
199
+ cssClass?: string;
200
+
201
+ /**
202
+ * Enables or disables persisting TreeView state between page reloads. If enabled, following APIs will persist.
203
+ * 1. `selectedNodes` - Represents the nodes that are selected in the TreeView component.
204
+ * 2. `checkedNodes` - Represents the nodes that are checked in the TreeView component.
205
+ * 3. `expandedNodes` - Represents the nodes that are expanded in the TreeView component.
206
+ * @default false
207
+ */
208
+ enablePersistence?: boolean;
209
+
210
+ /**
211
+ * Represents the expanded nodes in the TreeView component. We can set the nodes that need to be
212
+ * expanded or get the ID of the nodes that are currently expanded by using this property.
213
+ * @default []
214
+ */
215
+ expandedNodes?: string[];
216
+
217
+ /**
218
+ * Specifies the action on which the node expands or collapses. The available actions are,
219
+ * * `Auto` - In desktop, the expand/collapse operation happens when you double-click the node, and in mobile devices it
220
+ * happens on single-click.
221
+ * * `Click` - The expand/collapse operation happens when you single-click the node in both desktop and mobile devices.
222
+ * * `DblClick` - The expand/collapse operation happens when you double-click the node in both desktop and mobile devices.
223
+ * * `None` - The expand/collapse operation will not happen when you single-click or double-click the node in both desktop
224
+ * and mobile devices.
225
+ * @default 'Auto'
226
+ */
227
+ expandOn?: ExpandOnSettings;
228
+
229
+ /**
230
+ * Specifies the data source and mapping fields to render TreeView nodes.
231
+ * @default {id: 'id', text: 'text', dataSource: [], child: 'child', parentID: 'parentID', hasChildren: 'hasChildren',
232
+ * expanded: 'expanded', htmlAttributes: 'htmlAttributes', iconCss: 'iconCss', imageUrl: 'imageUrl', isChecked: 'isChecked',
233
+ * query: null, selected: 'selected', tableName: null, tooltip: 'tooltip', navigateUrl: 'navigateUrl'}
234
+ */
235
+ fields?: FieldsSettingsModel;
236
+
237
+ /**
238
+ * On enabling this property, the entire row of the TreeView node gets selected by clicking a node.
239
+ * When disabled only the corresponding node's text gets selected.
240
+ * For more information on Fields concept, refer to
241
+ * [Fields](../../treeview/data-binding#local-data).
242
+ * @default true
243
+ */
244
+ fullRowSelect?: boolean;
245
+
246
+ /**
247
+ * By default, the load on demand (Lazy load) is set to true. By disabling this property, all the tree nodes are rendered at the
248
+ * beginning itself.
249
+ * @default true
250
+ */
251
+ loadOnDemand?: boolean;
252
+
253
+ /**
254
+ * Specifies a template to render customized content for all the nodes. If the `nodeTemplate` property
255
+ * is set, the template content overrides the displayed node text. The property accepts template string
256
+ * [template string](http://ej2.syncfusion.com/documentation/base/template-engine.html)
257
+ * or HTML element ID holding the content. For more information on template concept, refer to
258
+ * [Template](../../treeview/template/).
259
+ * @default null
260
+ */
261
+ nodeTemplate?: string;
262
262
 
263
263
  /**
264
- * Represents the selected nodes in the TreeView component. We can set the nodes that need to be
265
- * selected or get the ID of the nodes that are currently selected by using this property.
266
- * On enabling `allowMultiSelection` property we can select multiple nodes and on disabling
267
- * it we can select only a single node.
268
- * For more information on selectedNodes, refer to
269
- * [selectedNodes](../../treeview/multiple-selection#selected-nodes).
270
- * @default []
271
- */
272
- selectedNodes?: string[];
264
+ * Represents the selected nodes in the TreeView component. We can set the nodes that need to be
265
+ * selected or get the ID of the nodes that are currently selected by using this property.
266
+ * On enabling `allowMultiSelection` property we can select multiple nodes and on disabling
267
+ * it we can select only a single node.
268
+ * For more information on selectedNodes, refer to
269
+ * [selectedNodes](../../treeview/multiple-selection#selected-nodes).
270
+ * @default []
271
+ */
272
+ selectedNodes?: string[];
273
273
 
274
274
  /**
275
- * Specifies a value that indicates whether the nodes are sorted in the ascending or descending order,
276
- * or are not sorted at all. The available types of sort order are,
277
- * * `None` - The nodes are not sorted.
278
- * * `Ascending` - The nodes are sorted in the ascending order.
279
- * * `Descending` - The nodes are sorted in the ascending order.
280
- * @default 'None'
281
- */
282
- sortOrder?: SortOrder;
275
+ * Specifies a value that indicates whether the nodes are sorted in the ascending or descending order,
276
+ * or are not sorted at all. The available types of sort order are,
277
+ * * `None` - The nodes are not sorted.
278
+ * * `Ascending` - The nodes are sorted in the ascending order.
279
+ * * `Descending` - The nodes are sorted in the ascending order.
280
+ * @default 'None'
281
+ */
282
+ sortOrder?: SortOrder;
283
283
 
284
284
  /**
285
- * Indicates that the nodes will display CheckBoxes in the TreeView.
286
- * The CheckBox will be displayed next to the expand/collapse icon of the node. For more information on CheckBoxes, refer to
287
- * [CheckBox](../../treeview/check-box/).
288
- * @default false
289
- */
290
- showCheckBox?: boolean;
285
+ * Indicates that the nodes will display CheckBoxes in the TreeView.
286
+ * The CheckBox will be displayed next to the expand/collapse icon of the node. For more information on CheckBoxes, refer to
287
+ * [CheckBox](../../treeview/check-box/).
288
+ * @default false
289
+ */
290
+ showCheckBox?: boolean;
291
291
 
292
292
  /**
293
- * Allow us to specify the parent and child nodes to get auto check while we check or uncheck a node.
294
- * @default true
295
- */
296
- autoCheck?: boolean;
293
+ * Allow us to specify the parent and child nodes to get auto check while we check or uncheck a node.
294
+ * @default true
295
+ */
296
+ autoCheck?: boolean;
297
297
 
298
298
  /**
299
- * Triggers when the TreeView control is created successfully.
300
- * @event
301
- * @blazorProperty 'Created'
302
- */
303
- created?: EmitType<Object>;
299
+ * Triggers when the TreeView control is created successfully.
300
+ * @event
301
+ * @blazorProperty 'Created'
302
+ */
303
+ created?: EmitType<Object>;
304
304
 
305
305
  /**
306
-      * Triggers when data source is populated in the TreeView.
307
-      * @event
308
-      * @blazorProperty 'DataBound'
309
-      */
310
- dataBound?: EmitType<DataBoundEventArgs>;
306
+      * Triggers when data source is populated in the TreeView.
307
+      * @event
308
+      * @blazorProperty 'DataBound'
309
+      */
310
+ dataBound?: EmitType<DataBoundEventArgs>;
311
311
 
312
312
  /**
313
-      * Triggers when data source is changed in the TreeView. The data source will be changed after performing some operation like
314
- * drag and drop, node editing, adding and removing node.
315
-      * @event
316
-      * @blazorProperty 'DataSourceChanged'
317
-      */
318
- dataSourceChanged?: EmitType<DataSourceChangedEventArgs>;
313
+      * Triggers when data source is changed in the TreeView. The data source will be changed after performing some operation like
314
+ * drag and drop, node editing, adding and removing node.
315
+      * @event
316
+      * @blazorProperty 'DataSourceChanged'
317
+      */
318
+ dataSourceChanged?: EmitType<DataSourceChangedEventArgs>;
319
319
 
320
320
  /**
321
- * Triggers before the TreeView node is appended to the TreeView element. It helps to customize specific nodes.
322
- * @event
323
- * @blazorProperty 'OnDrawNode'
324
- */
325
- drawNode?: EmitType<DrawNodeEventArgs>;
321
+ * Triggers before the TreeView node is appended to the TreeView element. It helps to customize specific nodes.
322
+ * @event
323
+ * @blazorProperty 'OnDrawNode'
324
+ */
325
+ drawNode?: EmitType<DrawNodeEventArgs>;
326
326
 
327
327
  /**
328
- * Triggers when the TreeView control is destroyed successfully.
329
- * @event
330
- * @blazorProperty 'Destroyed'
331
- */
332
- destroyed?: EmitType<Object>;
328
+ * Triggers when the TreeView control is destroyed successfully.
329
+ * @event
330
+ * @blazorProperty 'Destroyed'
331
+ */
332
+ destroyed?: EmitType<Object>;
333
333
 
334
334
  /**
335
- * Triggers when key press is successful. It helps to customize the operations at key press.
336
- * @event
337
- * @blazorProperty 'OnKeyPress'
338
- */
339
- keyPress?: EmitType<NodeKeyPressEventArgs>;
335
+ * Triggers when key press is successful. It helps to customize the operations at key press.
336
+ * @event
337
+ * @blazorProperty 'OnKeyPress'
338
+ */
339
+ keyPress?: EmitType<NodeKeyPressEventArgs>;
340
340
 
341
341
  /**
342
- * Triggers when the TreeView node is checked/unchecked successfully.
343
- * @event
344
- * @blazorProperty 'NodeChecked'
345
- */
346
- nodeChecked?: EmitType<NodeCheckEventArgs>;
342
+ * Triggers when the TreeView node is checked/unchecked successfully.
343
+ * @event
344
+ * @blazorProperty 'NodeChecked'
345
+ */
346
+ nodeChecked?: EmitType<NodeCheckEventArgs>;
347
347
 
348
348
  /**
349
- * Triggers before the TreeView node is to be checked/unchecked.
350
- * @event
351
- * @blazorProperty 'NodeChecking'
352
- */
353
- nodeChecking?: EmitType<NodeCheckEventArgs>;
349
+ * Triggers before the TreeView node is to be checked/unchecked.
350
+ * @event
351
+ * @blazorProperty 'NodeChecking'
352
+ */
353
+ nodeChecking?: EmitType<NodeCheckEventArgs>;
354
354
 
355
355
  /**
356
- * Triggers when the TreeView node is clicked successfully.
357
- * @event
358
- * @blazorProperty 'NodeClicked'
359
- */
360
- nodeClicked?: EmitType<NodeClickEventArgs>;
356
+ * Triggers when the TreeView node is clicked successfully.
357
+ * @event
358
+ * @blazorProperty 'NodeClicked'
359
+ */
360
+ nodeClicked?: EmitType<NodeClickEventArgs>;
361
361
 
362
362
  /**
363
-      * Triggers when the TreeView node collapses successfully.
364
-      * @event
365
-      * @blazorProperty 'NodeCollapsed'
366
-      */
367
- nodeCollapsed?: EmitType<NodeExpandEventArgs>;
363
+      * Triggers when the TreeView node collapses successfully.
364
+      * @event
365
+      * @blazorProperty 'NodeCollapsed'
366
+      */
367
+ nodeCollapsed?: EmitType<NodeExpandEventArgs>;
368
368
 
369
369
  /**
370
-      * Triggers before the TreeView node collapses.
371
-      * @event
372
-      * @blazorProperty 'NodeCollapsing'
373
-      */
374
- nodeCollapsing?: EmitType<NodeExpandEventArgs>;
370
+      * Triggers before the TreeView node collapses.
371
+      * @event
372
+      * @blazorProperty 'NodeCollapsing'
373
+      */
374
+ nodeCollapsing?: EmitType<NodeExpandEventArgs>;
375
375
 
376
376
  /**
377
-      * Triggers when the TreeView node is dragged (moved) continuously.
378
- * @deprecated
379
-      * @event
380
-      * @blazorProperty 'NodeDragging'
381
-      */
382
- nodeDragging?: EmitType<DragAndDropEventArgs>;
377
+      * Triggers when the TreeView node is dragged (moved) continuously.
378
+ * @deprecated
379
+      * @event
380
+      * @blazorProperty 'NodeDragging'
381
+      */
382
+ nodeDragging?: EmitType<DragAndDropEventArgs>;
383
383
 
384
384
  /**
385
-      * Triggers when the TreeView node drag (move) starts.
386
-      * @event
387
-      * @blazorProperty 'OnNodeDragStart'
388
-      */
389
- nodeDragStart?: EmitType<DragAndDropEventArgs>;
385
+      * Triggers when the TreeView node drag (move) starts.
386
+      * @event
387
+      * @blazorProperty 'OnNodeDragStart'
388
+      */
389
+ nodeDragStart?: EmitType<DragAndDropEventArgs>;
390
390
 
391
391
  /**
392
-      * Triggers when the TreeView node drag (move) is stopped.
393
-      * @event
394
-      * @blazorProperty 'OnNodeDragged'
395
-      */
396
- nodeDragStop?: EmitType<DragAndDropEventArgs>;
392
+      * Triggers when the TreeView node drag (move) is stopped.
393
+      * @event
394
+      * @blazorProperty 'OnNodeDragged'
395
+      */
396
+ nodeDragStop?: EmitType<DragAndDropEventArgs>;
397
397
 
398
398
  /**
399
-      * Triggers when the TreeView node is dropped on target element successfully.
400
-      * @event
401
-      * @blazorProperty 'NodeDropped'
402
-      */
403
- nodeDropped?: EmitType<DragAndDropEventArgs>;
399
+      * Triggers when the TreeView node is dropped on target element successfully.
400
+      * @event
401
+      * @blazorProperty 'NodeDropped'
402
+      */
403
+ nodeDropped?: EmitType<DragAndDropEventArgs>;
404
404
 
405
405
  /**
406
-      * Triggers when the TreeView node is renamed successfully.
407
-      * @event
408
-      * @blazorProperty 'NodeEdited'
409
-      */
410
- nodeEdited?: EmitType<NodeEditEventArgs>;
406
+      * Triggers when the TreeView node is renamed successfully.
407
+      * @event
408
+      * @blazorProperty 'NodeEdited'
409
+      */
410
+ nodeEdited?: EmitType<NodeEditEventArgs>;
411
411
 
412
412
  /**
413
-      * Triggers before the TreeView node is renamed.
414
-      * @event
415
-      * @blazorProperty 'NodeEditing'
416
-      */
417
- nodeEditing?: EmitType<NodeEditEventArgs>;
413
+      * Triggers before the TreeView node is renamed.
414
+      * @event
415
+      * @blazorProperty 'NodeEditing'
416
+      */
417
+ nodeEditing?: EmitType<NodeEditEventArgs>;
418
418
 
419
419
  /**
420
-      * Triggers when the TreeView node expands successfully.
421
-      * @event
422
-      * @blazorProperty 'NodeExpanded'
423
-      */
424
- nodeExpanded?: EmitType<NodeExpandEventArgs>;
420
+      * Triggers when the TreeView node expands successfully.
421
+      * @event
422
+      * @blazorProperty 'NodeExpanded'
423
+      */
424
+ nodeExpanded?: EmitType<NodeExpandEventArgs>;
425
425
 
426
426
  /**
427
-      * Triggers before the TreeView node is to be expanded.
428
-      * @event
429
-      * @blazorProperty 'NodeExpanding'
430
-      */
431
- nodeExpanding?: EmitType<NodeExpandEventArgs>;
427
+      * Triggers before the TreeView node is to be expanded.
428
+      * @event
429
+      * @blazorProperty 'NodeExpanding'
430
+      */
431
+ nodeExpanding?: EmitType<NodeExpandEventArgs>;
432
432
 
433
433
  /**
434
-      * Triggers when the TreeView node is selected/unselected successfully.
435
-      * @event
436
-      * @blazorProperty 'NodeSelected'
437
-      */
438
- nodeSelected?: EmitType<NodeSelectEventArgs>;
434
+      * Triggers when the TreeView node is selected/unselected successfully.
435
+      * @event
436
+      * @blazorProperty 'NodeSelected'
437
+      */
438
+ nodeSelected?: EmitType<NodeSelectEventArgs>;
439
439
 
440
440
  /**
441
-      * Triggers before the TreeView node is selected/unselected.
442
-      * @event
443
-      * @blazorProperty 'NodeSelecting'
444
-      */
445
- nodeSelecting?: EmitType<NodeSelectEventArgs>;
441
+      * Triggers before the TreeView node is selected/unselected.
442
+      * @event
443
+      * @blazorProperty 'NodeSelecting'
444
+      */
445
+ nodeSelecting?: EmitType<NodeSelectEventArgs>;
446
446
 
447
447
  }